/* V5.1: start from a visitor's question, then show the product ladder. */
.intent{padding:10vw;background:var(--mist);display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:clamp(48px,10vw,150px);align-items:start}.intent h2{margin:0;font:700 clamp(43px,5.2vw,80px)/.96 var(--sans);letter-spacing:-.08em}.intent h2 em{font:400 1.1em/.83 var(--serif);letter-spacing:-.035em;color:#3b7657}.intent-intro>p:not(.eyebrow){max-width:370px;margin:28px 0 0;font-size:16px;line-height:1.72}.intent-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.intent-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.intent-list p{max-width:520px;margin:0;font-size:clamp(18px,2vw,26px);line-height:1.18;letter-spacing:-.045em}.intent-list a{white-space:nowrap;text-decoration:none;font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:4px}.intent-list a span{margin-left:10px;color:var(--orange)}
.solutions .section-heading{grid-template-columns:minmax(0,1fr);max-width:780px;align-items:start}.solution-quote{margin-top:18px!important;padding-left:16px;border-left:2px solid var(--orange);font:400 23px/1.18 var(--serif)!important;color:#315d4b}.solution.smart-ev{grid-template-columns:minmax(0,1fr) minmax(260px,.52fr) auto;align-items:center;background:#e9ece4;margin:0 -4vw;padding-left:4vw;padding-right:4vw}.solution.smart-ev .solution-mark{color:#9caea3}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line)}.application-grid article{min-height:110px;padding:18px;background:#f5f6ef}.application-grid b,.application-grid span{display:block}.application-grid b{font-size:17px;letter-spacing:-.05em}.application-grid span{margin-top:8px;color:#58675c;font-size:12px;line-height:1.45}.application-grid>p{grid-column:1/-1;max-width:none!important;margin:0!important;padding:14px 18px;background:var(--ink);color:var(--cream);font:11px/1.5 var(--mono)!important}
@media(max-width:760px){.intent{display:block;padding:20vw 7vw}.intent-list{margin-top:13vw}.intent-list li{display:block;padding:22px 0}.intent-list a{display:inline-block;margin-top:15px}.solution.smart-ev{display:grid;grid-template-columns:1fr auto;margin:0 -7vw;padding:12vw 7vw}.application-grid{grid-column:1/-1;margin-top:4vw}.solution.smart-ev .solution-mark{grid-column:2;grid-row:1}.solution-quote{font-size:20px!important}}

/* V5.2: desktop rhythm is purposeful; proof and architecture do distinct jobs. */
.statement{grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr);gap:clamp(48px,8vw,128px);padding-block:clamp(72px,6vw,112px);align-items:start}.principles{padding-bottom:clamp(72px,6vw,112px)}.intent,.solutions{padding-block:clamp(72px,7vw,120px)}.section-heading{margin-bottom:clamp(44px,4vw,72px)}.statement-copy{max-width:700px}.statement-copy .eyebrow{margin-bottom:26px}.statement-model{margin:0;padding:28px 0 0;border-top:1px solid var(--line)}.statement-model .eyebrow{margin-bottom:22px}.statement-model ol{margin:0;padding:0;list-style:none}.statement-model li{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:baseline;padding:15px 0;border-top:1px solid var(--line)}.statement-model li:last-child{border-bottom:1px solid var(--line)}.statement-model li>b{font:11px var(--mono);color:var(--orange)}.statement-model strong,.statement-model span{display:block}.statement-model strong{font-size:18px;letter-spacing:-.05em}.statement-model span{margin-top:3px;color:#58675c;font-size:12px;line-height:1.45}.statement-model>p:not(.eyebrow){max-width:360px;margin:24px 0 0;color:#58675c;font-size:13px;line-height:1.6}.solution.genius{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr) auto;gap:clamp(30px,5vw,74px);padding-block:clamp(56px,5vw,88px)}.genius-proof{align-self:stretch;min-height:350px;display:grid;grid-template-rows:1fr auto}.genius-proof picture{min-height:0}.genius-proof img{height:100%;min-height:286px;object-position:top}.genius-proof figcaption{padding:15px 16px}.smart-signal-flow{display:flex;gap:0;flex-wrap:wrap;margin:24px 0 0;padding:0;list-style:none}.smart-signal-flow li{position:relative;padding:7px 12px 7px 0;color:#456253;font:10px/1.4 var(--mono);letter-spacing:.035em}.smart-signal-flow li+li{padding-left:18px}.smart-signal-flow li+li::before{content:"→";position:absolute;left:2px;color:var(--orange)}
@media(max-width:760px){.statement{display:block;padding-top:20vw;padding-bottom:20vw}.statement-model{margin-top:14vw}.solution.genius{display:grid;grid-template-columns:1fr auto}.genius-proof{display:block;grid-column:1/-1;min-height:0;margin-top:10px}.genius-proof img{height:auto;min-height:0}.smart-signal-flow{margin-top:20px}.smart-signal-flow li{font-size:9px}.smart-signal-flow li+li{padding-left:14px}}

/* Product evidence and the person behind VaDa. */
.field-proof{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(44px,9vw,140px);align-items:center;padding:9vw 10vw;background:#e9ece4}
.field-proof h2,.founder h2{margin:0;font:700 clamp(43px,5.4vw,82px)/.96 var(--sans);letter-spacing:-.075em}
.field-proof h2 em,.founder h2 em{font:400 1.1em/.85 var(--serif);letter-spacing:-.035em;color:#3b7657}
.field-proof>div>p:not(.eyebrow),.founder>div>p:not(.eyebrow){max-width:610px;font-size:17px;line-height:1.72}
.field-proof .text-link,.founder .text-link{display:inline-block;margin-top:16px;font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.field-proof ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.field-proof li{display:grid;gap:9px;padding:22px 0;border-bottom:1px solid var(--line)}
.field-proof li b{font:500 11px/1.4 var(--mono);letter-spacing:.05em;color:#3b7657}
.field-proof li span{font-size:17px;line-height:1.45}
.founder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10vw;padding:10vw;background:var(--ink);color:var(--cream)}
.founder h2 em{color:var(--moss)}
.founder .eyebrow{color:var(--moss)}
.founder>div>p:not(.eyebrow){margin:0 0 18px}
@media(max-width:760px){
 .field-proof,.founder{display:block;padding:20vw 7vw}
 .field-proof ol,.founder>div+div{margin-top:14vw}
 .field-proof h2,.founder h2{font-size:clamp(42px,11vw,65px)}
}
