@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url('/static/www/fonts/playfairdisplay-500-latin.woff2') format('woff2')}
/* Public marketing surfaces: reference cream/green palette. Product demos keep
   their own dark palette so marketing text cannot recolor dashboard numbers. */
:root{--cream:#f4f1ea;--cream-2:#ede9e0;--green-brand:#2e5e48;--green-hover:#244c39;--copy:#17201b;--copy-muted:#4a5148;--brand-line:#c9c3b4;color-scheme:light}
html{background:var(--cream);scroll-padding-top:120px}
body{background:var(--cream);color:var(--copy);--text:var(--copy);--mint:var(--green-brand);--line:var(--brand-line)}
.skip{background:var(--green-brand);color:#fff;border-color:var(--green-brand)}
nav{background:rgba(244,241,234,.96);border-color:var(--brand-line)}
.nav-links,.nav-signin,.nav-links a:hover{color:var(--copy)}
.mark{background:linear-gradient(145deg,var(--green-brand),#3e7a5e);color:white;box-shadow:none}
.nav-toggle{border-color:var(--brand-line)}
.nav-toggle-bar{background:var(--copy)}
.btn{min-height:46px;height:auto;padding-block:13px;line-height:1.35;text-align:center}
.btn.primary,.nav-cta{background:var(--green-brand);color:#fff;border-color:var(--green-brand);box-shadow:0 10px 28px rgba(46,94,72,.16)}
.btn.primary:hover,.nav-cta:hover{background:var(--green-hover)}
.btn.ghost{background:transparent;border-color:var(--brand-line);color:var(--copy)}
.hero{background:radial-gradient(ellipse at 80% 8%,rgba(62,122,94,.09),transparent 42%)}
h1,.section-head h2,.story-nav h2,.center h2,.quote-card h2,.final-cta h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.035em;line-height:1.1}
.grad{background:none;color:var(--green-brand)}
.hero > p:not(.eyebrow):not(.micro):not(.hero-signin-line),.hero-signin-line,.micro,.trust-row,.section-head p,.problem p,.num-tag,.story-nav p,.story-tab span,.center p,.source span,.out span,.signature,.step p,.price-card p,.price small,.price-card .price-note,.faq-item span,.final-cta p:not(.micro),footer,.foot-blurb,.sample-note{color:var(--copy-muted)}
.eyebrow{color:var(--green-brand);background:#e5e0d4;border-color:var(--brand-line)}
.hero-signin-line a,.trust-icon,.check:before{color:var(--green-brand)}
.problem,.story-tab,.quote-card,.setup-card,.source,.out,.price-card{background:rgba(255,255,255,.38);border-color:var(--brand-line)}
.problem .orb{opacity:.12}
.story-tab,.story-tab.lead{color:var(--copy)}
.story-tab.lead{background:#e4ebe1;border-color:var(--green-brand)}
.flow-section{background:var(--cream-2);border-color:var(--brand-line)}
.core{background:var(--green-brand);color:#fff;box-shadow:0 20px 50px rgba(46,94,72,.17)}
.quote-card blockquote{color:var(--green-brand)}
.step-num{color:var(--green-brand);border-color:var(--brand-line)}
.setup-card .pill{color:var(--copy-muted);border-color:var(--brand-line)}
.setup-card .pill.up{color:var(--green-brand)}
.feature-checks,.price-note a{color:var(--copy)}
.faq-item,footer,.foot-bottom{border-color:var(--brand-line)}
.foot-col a,.foot-col a:hover,.foot-col h4{color:var(--copy-muted)}
.final-cta{background:#e4ebe1}
.browser,.screen{--text:#f5f7fb;--mint:#62f5c4;--line:rgba(255,255,255,.11);color:var(--text)}
.browser .eyebrow{background:rgba(255,255,255,.035);color:#d7dbe3;border-color:rgba(255,255,255,.12)}
.browser .source{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
.screen .big-question{font-family:'Inter',sans-serif}
.accessibility-launch,.accessibility-close,.accessibility-reset{font:inherit;cursor:pointer;border:1px solid var(--green-brand);border-radius:12px;min-height:44px;padding:10px 16px;background:var(--green-brand);color:#fff}
.accessibility-launch{background:transparent;color:var(--green-brand);font-size:14px}
.accessibility-launch-short{display:none}
#accessibility-settings{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border:1px solid var(--brand-line);border-radius:22px;background:var(--cream);color:var(--copy);box-shadow:0 24px 80px #0005}
#accessibility-settings::backdrop{background:#17201b99}
#accessibility-settings h2{font-size:26px;margin:20px 0 12px;line-height:1.2}
#accessibility-settings p{font-size:15px;line-height:1.6;color:var(--copy-muted)}
#accessibility-settings form{text-align:right}
#accessibility-settings label{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}
#accessibility-settings input{width:20px;height:20px;accent-color:var(--green-brand)}
.accessibility-reset{margin-top:18px;background:transparent;color:var(--green-brand)}
.accessibility-status{min-height:24px;margin-bottom:0}
html[data-large-text] :is(p,li,a,label,button,.micro):not(.big-question):not(.metric){font-size:18px;line-height:1.7}
html[data-large-text] .hero > p:not(.eyebrow):not(.micro):not(.hero-signin-line){font-size:clamp(20px,2vw,25px)}
html[data-large-text] .nav-in{height:auto;min-height:76px;flex-wrap:wrap;padding-block:14px}
html[data-large-text] .story-nav{position:static}
html[data-underline-links] a{text-decoration:underline;text-underline-offset:3px}
html[data-high-contrast]{--cream:#fff;--cream-2:#fff;--copy:#000;--copy-muted:#17201b;--green-brand:#173e2b;--brand-line:#17201b}
html[data-high-contrast] .browser,html[data-high-contrast] .screen{--text:#fff}
html[data-high-contrast] :is(.browser,.screen) :is(p,small,.mini,.label,.metric-cap,.row-label,.kicker,.sum-note,.s-icon,.side-item){color:#fff}
html[data-reduce-motion]{scroll-behavior:auto}
html[data-reduce-motion] *,html[data-reduce-motion] *::before,html[data-reduce-motion] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-reduce-motion] .rv{opacity:1;transform:none}
@media(max-width:768px){.nav-links{border-color:var(--brand-line)}.price-card{width:calc(100% - 28px)}.story-nav{position:static}.hero{padding-top:40px}h1{font-size:clamp(40px,9vw,64px)}.accessibility-launch{width:44px;min-width:44px;height:44px;padding:0;border-radius:50%;overflow:hidden}.accessibility-launch-long{display:none}.accessibility-launch-short{display:inline;font-size:14px;font-weight:600;line-height:1}}
