.demo-banner{background:#215cf3;color:white;padding:12px 40px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px}.demo-banner a{text-decoration:underline;letter-spacing:0}.demo-nav{display:flex;justify-content:space-between;align-items:center;padding-block:27px;gap:25px}.vertex-logo{font-family:Manrope,sans-serif;font-weight:800;font-size:27px;letter-spacing:2px;line-height:1}.vertex-logo small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}.demo-button{display:inline-block;background:#e8ba65;color:#0d2034;padding:13px 22px;border-radius:2px;font-size:14px;font-weight:600}.vertex-hero{background:linear-gradient(90deg,#0d2034e8,#0d203438),url('assets/industrial.jpg') center/cover;color:white;padding:80px 0 30px}.vertex-hero h1{font-size:clamp(45px,6vw,82px);max-width:680px;font-weight:650}.vertex-hero>div>p:not(.eyebrow){max-width:440px;font-size:19px;color:#d4dfeb;margin-bottom:30px}.vertex-hero-footer{display:flex;gap:55px;border-top:1px solid #ffffff44;padding-top:25px;margin-top:85px;font-size:11px;letter-spacing:1.3px}.vertex-approach{background:var(--navy);color:white}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.approach-grid article{border-top:1px solid #7c8c9f66;padding-top:20px}.approach-grid article>span{font-size:12px;color:#a5bbd6}.approach-grid h3{font-size:24px}.approach-grid p{font-size:15px;line-height:1.8;color:#b6c4d3}.demo-enquiry{text-align:center}.demo-enquiry .eyebrow{justify-content:center}.demo-enquiry .section-intro{margin-inline:auto}.demo-enquiry .button,.demo-enquiry .field-button{margin-top:12px}.photo-credit{font-size:11px;margin-top:22px}.photo-credit a{text-decoration:underline}.fieldnote-logo{font-family:Manrope,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.7px;color:#173c37}.startup-demo{color:#173c37}.field-button{display:inline-block;background:#173c37;color:white;border-radius:40px;padding:13px 24px;font-size:14px;font-weight:600}.field-button:hover{background:#255f56}.field-hero{background:#dafa72;text-align:center;padding:70px 0 70px}.field-hero .eyebrow{justify-content:center;font-size:11px}.field-hero h1{font-size:clamp(48px,6.5vw,84px);font-weight:750;letter-spacing:-.065em}.field-hero>div>p:not(.eyebrow){font-size:19px;margin:0 0 27px;color:#37594b;line-height:1.7}.sample-board{margin:60px auto 0;text-align:left;max-width:920px;background:#f7faed;border-radius:12px;border:1px solid #173c371c;padding:25px;box-shadow:0 25px 70px #173c371c}.board-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #173c3720;padding-bottom:18px;font-size:14px}.board-top>span{font-size:10px;letter-spacing:1px;color:#587363}.board-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.board-label{font-size:10px;letter-spacing:1px;margin:22px 0 15px;display:flex;justify-content:space-between;color:#5b6f63}.board-cols article{border:1px solid #173c3717;padding:17px;background:white;border-radius:6px;margin-bottom:12px}.board-cols article small{font-size:9px;color:#738776;letter-spacing:.8px}.board-cols article h3{font-size:16px;margin:8px 0}.board-cols article p{font-size:12px;color:#738776;margin-bottom:18px}.board-tag{background:#eef2e7;padding:4px 8px;font-size:10px;border-radius:3px}.board-tag.green{background:#e3f5dc}.board-tag.done{background:#e1eee7}.field-workflow{background:#f1f5eb}.field-workflow .approach-grid p{color:#5b7264}.field-workflow .approach-grid article>span{color:#4d715f}.startup-demo .number{color:#36684c}.startup-demo .footer{color:#5d736a}
@media(max-width:760px){.demo-banner{padding:12px 20px;font-size:9px;align-items:center}.demo-banner span{max-width:210px}.demo-banner a{white-space:nowrap}.demo-nav{padding-block:22px}.demo-nav nav>a:not(:last-child){display:none}.demo-nav nav{display:block}.demo-nav .demo-button,.demo-nav .field-button{font-size:12px;padding:10px 14px}.vertex-logo{font-size:23px}.vertex-hero{padding-top:60px}.vertex-hero .eyebrow{font-size:10px}.vertex-hero-footer{gap:20px;flex-wrap:wrap;font-size:9px;margin-top:70px}.approach-grid{grid-template-columns:1fr;gap:25px}.approach-grid h3{margin-top:20px}.field-hero{padding:55px 0}.field-hero .eyebrow{font-size:9px}.sample-board{padding:18px;margin-top:40px}.board-cols{grid-template-columns:1fr}.board-cols>div:not(:first-child){display:none}.board-top{align-items:flex-start;flex-direction:column;gap:8px}.board-cols article{padding:16px}.demo-enquiry h2{font-size:38px}}
@media(max-width:760px){.demo-nav nav>a:last-child{display:inline-block}}
.demo-signature{display:flex;gap:10px;align-items:center}.demo-signature img{width:24px;height:24px;object-fit:cover}.demo-banner{background:#101416;color:#d8c398;border-bottom:1px solid #ffffff15}