/* Hero layout: one definition per viewport, approved geometry in journey-geometry.js. */
html{scroll-behavior:auto}body{background:#fff}
header{max-width:none;height:76px;padding:0 clamp(24px,3.2vw,64px);background:#103b30;color:#f5f8f2}header .contact{background:#f5f8f2;color:#103b30;font-size:13px}
.hero{max-width:none;width:100%;min-height:0;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);align-items:stretch;background:#103b30;color:#f5f8f2;overflow:hidden}
.intro{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;padding:28px clamp(24px,3.2vw,64px) 22px}.intro .eyebrow{font-size:clamp(13px,.85vw,17px);line-height:1.5;margin-bottom:20px}.intro h1{font-size:clamp(38px,4.4vw,74px);line-height:1.03;letter-spacing:-.045em;margin:0 0 24px}.intro .headline-lime{color:#b4de42;white-space:nowrap}.intro .explain{font-size:clamp(17px,1.15vw,22px);line-height:1.7;max-width:500px;color:#d3dfd7;margin:0 0 24px}.intro .explain strong{color:#f5f8f2;font-size:inherit;margin-top:15px}.intro .discover{align-self:flex-start;background:#f5f8f2;color:#103b30;border:0;border-radius:30px;padding:14px 18px;gap:20px;font-size:clamp(14px,.9vw,18px)}.intro .early-proof{color:#d3dfd7;font-size:clamp(13px,.85vw,17px);margin-top:auto;padding-top:20px}
.showcase{position:relative;width:100%;align-self:start;min-width:0;padding-right:64px;background:#103b30}.viewport{padding:0;width:100%;overflow:hidden}.offer{border-radius:0;height:max(560px,calc(100svh - 164px));min-height:560px;padding:28px 24px;flex-basis:100%}.offer h2{font-size:clamp(30px,2.9vw,48px);margin:20px 0 14px;white-space:nowrap}.offer h2 br{display:none}.offer .promise{font-size:clamp(16px,1.05vw,21px);min-height:0;line-height:1.5;letter-spacing:-.035em;white-space:nowrap}.augmented-pair{margin-top:20px;padding-top:14px;max-width:none;grid-template-columns:minmax(0,.85fr) 18px minmax(0,1.15fr)}.augmented-pair svg{height:clamp(64px,5vw,96px)}.augmented-pair .expert-side svg{width:clamp(64px,5vw,96px)}.augmented-pair .platform-side svg{width:clamp(120px,9.333vw,179.2px)}.augmented-pair .pair-title{font-size:clamp(14px,1vw,20px)}.pair-title small{font-size:clamp(12px,.86vw,17px);line-height:1.45}.platform-uses{max-width:none}.card-bottom{left:24px;right:24px;bottom:24px}
.controls{height:56px;min-height:56px;padding:12px 14px 0;gap:8px;background:#103b30;color:#f5f8f2;flex-wrap:nowrap}.tabs{gap:10px}.tabs button{color:#bdcfc3;font-size:clamp(12px,.82vw,16px)}.tabs .selected{color:#f5f8f2}.tabs .selected:after{background:#b4de42}.arrows{gap:3px}.arrows button{width:36px;height:40px;background:transparent;color:#f5f8f2;border-color:#f5f8f240}.scroll-skip{display:block;height:32px;line-height:18px;background:#103b30;color:#cbdacf;margin:0;width:100%;text-align:right;padding:4px 14px 10px;font-size:12px}
.next-offer{position:absolute;right:0;top:0;bottom:88px;width:64px;border:0;background:transparent;pointer-events:none}
.motion-pin{position:relative;display:block;overflow:visible;background:#103b30}.motion-stage.has-scroll-scene>.motion-pin{position:sticky;top:0}.proof{background:#f5f7f3;color:#103b30;border:0;margin-top:0}.proof-inner{padding-top:36px}.proof-heading{grid-template-columns:60% 40%;align-items:center;gap:0}.proof-heading>p,.proof-note{color:#52665a}
@media(min-width:701px) and (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.intro{padding-inline:24px}.intro h1{font-size:clamp(34px,4vw,44px)}.intro .headline-lime{white-space:normal}.offer .promise{white-space:normal}.offer h2{font-size:30px}.showcase{padding-right:42px}.next-offer{width:42px}.controls{padding-inline:10px}.tabs{gap:8px}.tabs button{font-size:11px}.intro .explain{font-size:14px}}
@media(max-width:700px){header{height:72px;padding-inline:22px}.hero{display:block}.intro{padding:34px 24px 36px}.intro h1{font-size:clamp(40px,10vw,64px)}.intro .headline-lime{white-space:normal}.intro .eyebrow{font-size:12px}.intro .explain{font-size:15px}.showcase{padding-right:38px}.next-offer{width:38px;padding-block:24px}.offer{height:max(570px,calc(100svh - 88px));min-height:570px;padding:22px 24px 26px}.offer h2{font-size:clamp(29px,8vw,42px);margin:16px 0 12px}.offer .promise{white-space:normal}.augmented-pair{margin-top:16px;padding-top:12px}.augmented-pair svg{height:60px}.augmented-pair .expert-side svg{width:60px}.augmented-pair .platform-side svg{width:112px}.augmented-pair>div{gap:4px}.controls{padding-inline:10px;gap:4px}.tabs{gap:8px}.tabs button{font-size:11px}.arrows button{width:30px;height:40px}.card-bottom{bottom:18px}.motion-stage{width:100%}.proof-heading{display:block}}
@media(prefers-reduced-motion:reduce){.motion-stage.has-scroll-scene>.motion-pin{position:relative}}

/* Keep the chosen lime without overriding mobile line wrapping. */
.intro h1 .headline-lime{color:#b4de42}