/* Shared Computable / Atlas palette. Existing Price and Hedge graphics use these tokens. */
html[data-theme="dark"]{--bg:#101b18;--ink:#eef7f2;--body:#b5c8bf;--muted:#89a497;--green:#59b387;--green-light:#83cba7;--on-green:#102a1d;--green-tint:#59b38716;--surface:#192a23;--surface-2:#233a2f;--hairline:#b5dbc51c;--hairline-2:#b5dbc538;--btn-hover:#76c49d;--tint-hover:#59b38726;--nav-bg:#101b18ed;--term-bg:#0b1611;--term-ink:#e0f0e8;--term-dim:#9bb7a7;--foot-bg:#dcebe2;--foot-ink:#4d6a5a;--foot-ink-hover:#163426;--foot-wm:#163426;--foot-able:#163426;--foot-cursor:#163426;--nav-hairline:#b5dbc51c}
html[data-theme="light"]{--bg:#f0f5ef;--surface:#e6eee4;--surface-2:#dce8df;--ink:#173b29;--body:#3f5c4c;--muted:#617766;--green:#216e4b;--green-light:#59b387;--green-tint:#216e4b12;--on-green:#f1f7f1;--btn-hover:#19583b;--tint-hover:#216e4b24;--hairline:#204d3024;--hairline-2:#204d303d;--foot-bg:#dcebe2;--foot-ink:#4d6a5a;--foot-ink-hover:#163426;--foot-wm:#163426;--foot-able:#163426;--foot-cursor:#163426}
html{scroll-padding-top:106px}
.marketing-page .wrap{max-width:1280px;padding-left:clamp(23px,4.65vw,64px);padding-right:clamp(23px,4.65vw,64px)}
.marketing-page .hero{padding-top:160px;padding-bottom:88px}.marketing-page .hero-inner{padding-top:0}
.marketing-page h1.hero-h1{font-size:clamp(48px,5.2vw,76px);line-height:1.04;letter-spacing:-.045em;font-weight:400}.marketing-page h1.hero-h1 .t1{font-weight:400}.marketing-page h1.hero-h1 .t2{color:var(--green-light)}
.marketing-page .h2{font-weight:400;letter-spacing:-.035em;line-height:1.12}.marketing-page .btn{border-radius:8px;box-shadow:none}.marketing-page .btn-primary{font-weight:500}
.marketing-page .flow,.marketing-page .payoff{border-radius:12px;box-shadow:0 22px 55px -35px #0007}.marketing-page .flow-panel,.marketing-page .payoff-panel{border-radius:6px}
.marketing-page footer{background:var(--foot-bg);color:var(--foot-ink)}.marketing-page footer a:focus-visible{outline-color:#216e4b}
html.js .marketing-page .reveal{transition-timing-function:cubic-bezier(.2,.7,.2,1)}
@media(max-width:900px){html{scroll-padding-top:90px}.marketing-page .hero{padding-top:126px}.marketing-page h1.hero-h1{font-size:clamp(44px,6.5vw,58px)}}
@media(max-width:560px){.marketing-page .hero{padding-bottom:64px}.marketing-page h1.hero-h1{font-size:42px;line-height:1.07}.marketing-page .hero-sub{font-size:16px;line-height:26px}.marketing-page .h2{font-size:32px;line-height:1.15}}