/* v5 (Nov 8 2026): forest / cream / ochre. Phone-first. Fonts self-hosted. No tracking. */
@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--forest:#15231a;--forest-2:#2b4431;--forest-3:#3d5c44;--cream:#ecebe4;--paper:#f6f5f0;--white:#fff;--ochre:#8c6a26;--ochre-2:#a8823a;--taupe:#a58f78;--ink:#15231a;--ink-2:#3c4a40;--muted:#6b766d;--line:#dcd9cf;--ok:#2f7a45;--r:16px;--max:1140px;
  --sh:0 1px 2px rgba(21,35,26,.06),0 10px 30px -12px rgba(21,35,26,.18);--sh-lg:0 2px 6px rgba(21,35,26,.08),0 40px 80px -30px rgba(21,35,26,.45)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font:400 17px/1.6 Manrope,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--cream);padding-bottom:76px;-webkit-font-smoothing:antialiased}
@media (min-width:860px){body{padding-bottom:0}}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.08}
h2{font-size:clamp(30px,6vw,46px)}h3{font-size:20px;letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;border-radius:8px;z-index:100}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--ochre-2);outline-offset:2px;border-radius:6px}
.kicker{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ochre)}
.lede{font-size:clamp(17px,2.4vw,19px);color:var(--ink-2);max-width:620px}
.head{max-width:700px;margin:0 auto 40px;text-align:center}.head h2{margin:10px 0 14px}.head p{color:var(--ink-2)}
section{padding:80px 0;position:relative}
@media (min-width:860px){section{padding:110px 0}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:12px;font:600 16px/1 Manrope;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}
.btn:active{transform:translateY(1px) scale(.99)}
.btn--go{background:var(--forest);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 8px 20px -8px rgba(21,35,26,.6)}
.btn--go:hover{background:var(--forest-2)}
.btn--line{background:rgba(255,255,255,.7);color:var(--ink);border-color:var(--line)}.btn--line:hover{background:#fff}
.btn--ochre{background:var(--ochre);color:#fff;box-shadow:0 8px 20px -8px rgba(140,106,38,.7)}.btn--ochre:hover{background:#7a5c20}
.btn--wide{width:100%}
.btn--sm{min-height:40px;padding:0 16px;font-size:14px;border-radius:10px}

/* nav: floating white bar */
.nav{position:sticky;top:10px;z-index:50;padding:0 12px}
.nav__in{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(21,35,26,.08);border-radius:14px;padding:8px 8px 8px 16px;box-shadow:0 6px 24px -14px rgba(21,35,26,.35)}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:16px;letter-spacing:-.01em}
.mark i{width:26px;height:26px;border-radius:8px;background:var(--forest);display:grid;place-items:center}
.mark i svg{width:15px;height:15px}
.nav__links{display:none;gap:26px;font-size:14px;font-weight:500;color:var(--ink-2)}.nav__links a{text-decoration:none}.nav__links a:hover{color:var(--ink)}
@media (min-width:900px){.nav__links{display:flex}}

/* hero */
.hero{padding:56px 0 0;overflow:hidden;background:radial-gradient(900px 500px at 50% 0%,#f7f6f1 0%,var(--cream) 60%,#e3e2d9 100%)}
.hero__txt{text-align:center;max-width:820px;margin:0 auto;padding:0 20px}
.hero h1{font-size:clamp(40px,8.4vw,76px);letter-spacing:-.035em;margin:14px 0 18px}
.hero h1 span{display:block;color:#8d948d}
.hero .lede{margin:0 auto}
.cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:18px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.trust li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:8px;vertical-align:middle}
.stage{position:relative;margin-top:44px;padding:0 14px 0}
.stage__rocks{position:absolute;left:0;right:0;top:-120px;bottom:0;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%)}
.stage__rocks img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
@media (max-width:700px){.stage__rocks{top:-40px}}
.stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,rgba(21,35,26,.25));z-index:0}

/* dashboard mock */
.dash{position:relative;z-index:1;max-width:940px;margin:0 auto;background:#fff;border-radius:16px 16px 0 0;box-shadow:var(--sh-lg);display:grid;grid-template-columns:1fr;overflow:hidden;border:1px solid rgba(21,35,26,.1);border-bottom:0}
@media (min-width:720px){.dash{grid-template-columns:190px 1fr}}
.dash__side{display:none;background:var(--forest);color:#d6ddd5;padding:16px 12px;font-size:13px}
@media (min-width:720px){.dash__side{display:block}}
.dash__brand{display:flex;gap:9px;align-items:center;padding:4px 6px 14px;color:#fff;font-weight:700}
.dash__brand i{width:26px;height:26px;border-radius:8px;background:var(--forest-2);display:grid;place-items:center;flex:none}.dash__brand i svg{width:15px;height:15px}
.dash__brand small{display:block;font-weight:500;color:#9fae9f;font-size:11px}
.dash__search{background:rgba(255,255,255,.07);border-radius:8px;padding:7px 10px;color:#8fa08f;margin-bottom:12px}
.dash__side ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dash__side li{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px}
.dash__side li.on{background:rgba(255,255,255,.1);color:#fff}
.dash__side li b{width:6px;height:6px;border-radius:50%;background:#6f8a72}.dash__side li.on b{background:var(--ochre-2)}
.dash__main{padding:16px;background:#fbfbf8}
@media (min-width:720px){.dash__main{padding:20px 22px 22px}}
.dash__top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;color:var(--muted)}
.dash__top .who{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}
.dash__top .av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--taupe),var(--ochre))}
.dash__date{border:1px solid var(--line);border-radius:8px;padding:4px 9px;background:#fff}
.big{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.big p{font-size:12px;color:var(--muted)}
.big strong{display:flex;align-items:center;gap:10px;font-size:clamp(26px,5vw,34px);letter-spacing:-.03em;margin-top:2px}
.up{font-size:11px;font-weight:700;color:#fff;background:var(--forest-3);padding:3px 8px;border-radius:999px;letter-spacing:0}
.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.chip{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 10px;font-size:11px;color:var(--muted)}
.chip b{display:block;color:var(--ink);font-size:15px;margin-top:2px}
.panes{display:grid;gap:10px;margin-top:10px}
@media (min-width:560px){.panes{grid-template-columns:1.5fr 1fr}}
.pane{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.pane h4{margin:0 0 8px;font-size:12px;font-weight:700}
.pane svg{width:100%;height:auto}
.legend{display:flex;gap:12px;font-size:10px;color:var(--muted);margin-top:6px}.legend i{display:inline-block;width:8px;height:2px;margin-right:5px;vertical-align:middle;background:var(--forest-3)}.legend i.d{background:var(--taupe)}
.map{background:var(--forest);border-color:var(--forest)}.map h4{color:#e6ebe4}

/* sections */
.alt{background:var(--paper)}
.compare{display:grid;gap:16px}@media (min-width:860px){.compare{grid-template-columns:1fr 1fr}}
.col{padding:28px;border-radius:var(--r);border:1px solid var(--line);background:#fff}
.col h3{margin-bottom:18px}
.col ol{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.col li{display:flex;gap:12px;color:var(--ink-2)}
.col li b{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--cream);color:var(--muted)}
.col--good{background:var(--forest);border-color:var(--forest);color:#fff;box-shadow:var(--sh-lg)}
.col--good li{color:#d9e1d8}.col--good li b{background:var(--ochre);color:#fff}
.col--bad h3{color:var(--muted)}

.pillars{display:grid;gap:14px}
@media (min-width:640px){.pillars{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.pillars{grid-template-columns:repeat(3,1fr)}}
.pil{padding:26px;border-radius:var(--r);background:#fff;border:1px solid var(--line);transition:transform .15s ease,box-shadow .15s ease}
.pil:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.pil__ic{width:44px;height:44px;border-radius:12px;background:var(--forest);color:#e9d9b3;display:grid;place-items:center;margin-bottom:16px}
.pil p{color:var(--ink-2);margin:8px 0 14px;font-size:16px}
.pil ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:15px;color:var(--ink-2)}
.pil li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--ochre);margin-right:10px;vertical-align:middle}

.dark{background:var(--forest);color:#eef1ec}
.dark .kicker{color:#c9a85e}.dark .head p,.dark .lede{color:#b9c4b9}
.steps{display:grid;gap:14px;counter-reset:s}@media (min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{padding:26px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.step::before{counter-increment:s;content:"0" counter(s);display:block;font-weight:700;font-size:14px;color:#c9a85e;letter-spacing:.08em;margin-bottom:14px}
.step p{color:#b9c4b9;margin-top:8px}

.founding{max-width:700px;margin:0 auto 26px;text-align:center;padding:14px 18px;border-radius:12px;background:#f3ead6;border:1px solid #e3d3ad;font-size:15px}
.plans{display:grid;gap:16px;align-items:stretch}@media (min-width:960px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{display:flex;flex-direction:column;padding:28px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.plan--pop{background:var(--forest);color:#fff;border-color:var(--forest);box-shadow:var(--sh-lg);position:relative}
.plan--pop::before{content:"Most picked";position:absolute;top:-12px;left:24px;background:var(--ochre);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.plan__name{font-weight:700;font-size:15px;color:var(--ochre)}.plan--pop .plan__name{color:#d6b46a}
.plan__out{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:4px}
.plan__mo{margin-top:18px;display:flex;align-items:baseline;gap:6px}.plan__mo b{font-size:44px;letter-spacing:-.04em;line-height:1}.plan__mo span{color:var(--muted)}
.plan--pop .plan__mo span,.plan--pop .plan__today{color:#b9c4b9}
.plan__today{font-size:14px;color:var(--muted);margin-top:6px}
.plan ul{margin:20px 0 24px;padding:0;list-style:none;display:grid;gap:10px;font-size:15px}
.plan li{display:flex;gap:10px}.plan li::before{content:"";flex:none;width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--forest) no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.plan--pop li::before{background-color:var(--ochre)}
.plan__pay{margin-top:auto}
.terms{font-size:12.5px;line-height:1.5;color:var(--muted);margin-top:12px}.plan--pop .terms{color:#a9b5a9}.terms a{color:inherit}

.local{display:grid;gap:36px}@media (min-width:960px){.local{grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}}
.towns{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.towns span{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#d9e1d8}
.faq details{border-top:1px solid rgba(255,255,255,.1);padding:14px 0}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::after{content:"+";color:#c9a85e;font-weight:700}.faq details[open] summary::after{content:"–"}.faq p{color:#b9c4b9;margin-top:8px;font-size:15px}
.card{background:#fff;color:var(--ink);border-radius:18px;box-shadow:var(--sh-lg)}
.form{padding:24px;display:grid;gap:14px}.row{display:grid;gap:14px}@media (min-width:620px){.row{grid-template-columns:1fr 1fr}}
.fld{display:grid;gap:6px}.fld label{font-size:14px;font-weight:600}
.fld input,.fld select,.fld textarea{font:inherit;font-size:16px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--forest-3);outline-offset:0;background:#fff}
.checks{display:grid;gap:10px}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2)}.check input{width:20px;height:20px;margin-top:1px;accent-color:var(--forest)}
.hp{position:absolute;left:-9999px}
.note{font-size:13px;color:var(--muted);text-align:center}

.foot{background:#0f1913;color:#b9c4b9;padding:48px 0 30px;font-size:14px}
.foot__grid{display:grid;gap:18px}@media (min-width:860px){.foot__grid{grid-template-columns:1.4fr 1fr 1fr}}
.foot b{color:#fff}.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.foot a{text-decoration:none}.foot a:hover{color:#fff}
.foot__legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;font-size:13px}
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(246,245,240,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.callbar .btn{flex:1}@media (min-width:860px){.callbar{display:none}}

/* reveal */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.reveal.in,.no-js .reveal{opacity:1;transform:none}

/* simple doc pages (privacy, terms, thanks, errors) */
.doc{padding:60px 20px 80px}.doc .container{max-width:720px;margin:0 auto}.doc h1{font-size:clamp(32px,6vw,44px);margin-bottom:18px}.doc h2{font-size:22px;margin:28px 0 8px}.doc p{color:var(--ink-2);margin-bottom:12px}

/* ===== v5.2 designer pass (Nov 8 2026) ===== */
.progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--ochre),var(--ochre-2));z-index:80}
.mark span{display:none;font-weight:500;color:var(--muted);font-size:13px}@media (min-width:700px){.mark span{display:inline}}
.updated{font-size:14px;color:var(--muted);margin-bottom:18px}
.ex-note{position:relative;z-index:1;text-align:center;font-size:12px;color:rgba(255,255,255,.75);padding:10px 0 14px;text-shadow:0 1px 2px rgba(0,0,0,.4)}

/* dashboard: tabs + panels */
.dash__side button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border-radius:8px;cursor:pointer;color:#d6ddd5;transition:background .15s}
.dash__side button:hover{background:rgba(255,255,255,.06)}
.dash__side button[aria-selected=true]{background:rgba(255,255,255,.12);color:#fff}
.dash__side button b{width:6px;height:6px;border-radius:50%;background:#6f8a72;flex:none}.dash__side button[aria-selected=true] b{background:var(--ochre-2);box-shadow:0 0 0 3px rgba(168,130,58,.25)}
.dash__side button:focus-visible{outline:2px solid var(--ochre-2)}
.dash__tabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px;margin:0 -2px;scrollbar-width:none}.dash__tabs::-webkit-scrollbar{display:none}
.dash__tabs button{all:unset;flex:none;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer}
.dash__tabs button[aria-selected=true]{background:var(--forest);border-color:var(--forest);color:#fff}
@media (min-width:720px){.dash__tabs{display:none}}
.panel[hidden]{display:none}
.panel{animation:panelIn .35s ease}
@keyframes panelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ok);font-weight:600}
.status i,.live-dot{width:8px;height:8px;border-radius:50%;background:#3aa35c;box-shadow:0 0 0 0 rgba(58,163,92,.5);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(58,163,92,.45)}70%{box-shadow:0 0 0 8px rgba(58,163,92,0)}100%{box-shadow:0 0 0 0 rgba(58,163,92,0)}}
.draw path.line{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 2.2s .4s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.tbl{width:100%;border-collapse:collapse;font-size:12px}
.tbl th{text-align:left;font-weight:600;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:8px;border-bottom:1px solid #efede6;white-space:nowrap}
.tbl tr:last-child td{border-bottom:0}
.tag{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;background:#eef1ec;color:var(--forest-2);font-family:ui-monospace,Menlo,monospace}
.ok-t{color:var(--ok);font-weight:700}.warn-t{color:#a4573e;font-weight:700}
.scroll-x{overflow-x:auto}
.feed{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:12px}
.feed li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:#f6f5f0;animation:panelIn .4s ease}
.feed li span:first-child{display:flex;gap:8px;align-items:center}
.feed li em{font-style:normal;color:var(--muted);white-space:nowrap}
.sev{width:7px;height:7px;border-radius:50%;background:#a4573e;flex:none}.sev.lo{background:var(--taupe)}
.auto{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12.5px}
.auto small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.sw{flex:none;width:34px;height:20px;border-radius:999px;background:var(--forest-3);position:relative}.sw::after{content:"";position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff}
.stack{display:grid;gap:8px}

/* trust strip */
.strip{background:var(--forest);color:#d9e1d8;padding:22px 0}
.strip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;font-size:14px;font-weight:500}
.strip li{display:flex;align-items:center;gap:9px}.strip svg{color:#c9a85e;flex:none}

/* before / after */
.ba{display:grid;gap:28px;align-items:center}
@media (min-width:960px){.ba{grid-template-columns:1fr 1.25fr;gap:56px}}
.seg{display:inline-flex;padding:4px;border-radius:12px;background:#e4e2d9;gap:4px;margin:22px 0 18px}
.seg button{all:unset;cursor:pointer;padding:9px 16px;border-radius:9px;font-weight:600;font-size:14px;color:var(--ink-2);transition:background .2s,color .2s}
.seg button[aria-pressed=true]{background:var(--forest);color:#fff;box-shadow:0 4px 12px -6px rgba(21,35,26,.6)}
.seg button:focus-visible{outline:2px solid var(--ochre-2)}
.ba__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ba__list li{display:flex;gap:12px;color:var(--ink-2)}
.ba__list li b{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#e4e2d9;color:var(--muted);transition:background .3s,color .3s}
.is-after .ba__list li b{background:var(--ochre);color:#fff}
.ba__lists>[hidden]{display:none}
.ba__fig{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--sh)}
.ba__fig svg{width:100%;height:auto}
.ba__fig .g-before,.ba__fig .g-after{transition:opacity .6s ease}
.ba__fig .g-after{opacity:0}
.is-after .ba__fig .g-before{opacity:0}.is-after .ba__fig .g-after{opacity:1}
.ba__cap{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:8px 6px 2px}

/* pillar mini visuals */
.mini{margin-top:18px;padding:12px;border-radius:12px;background:var(--paper);border:1px solid #e8e6dd;font-size:11.5px;display:grid;gap:7px}
.mini .r{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bar{height:6px;border-radius:999px;background:#e4e2d9;overflow:hidden;flex:1;max-width:110px}.bar i{display:block;height:100%;background:var(--forest-3);border-radius:inherit}
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.flow span{padding:4px 8px;border-radius:7px;background:#fff;border:1px solid var(--line);font-weight:600}.flow b{color:var(--ochre)}
.phone{width:88px;margin:0 auto;border:2px solid var(--forest);border-radius:14px;padding:8px 6px;background:#fff;display:grid;gap:5px}
.phone i{display:block;height:5px;border-radius:3px;background:#e4e2d9}.phone i.h{height:9px;width:70%;background:var(--forest)}.phone i.b{height:12px;border-radius:5px;background:var(--ochre)}
.pil{display:flex;flex-direction:column}.pil .mini{margin-top:auto}
.pil ul{margin-bottom:16px}

/* security band */
.sec{display:grid;gap:36px;align-items:center}@media (min-width:960px){.sec{grid-template-columns:1fr 1fr;gap:56px}}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}
.stat{padding:16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.stat b{display:block;font-size:30px;letter-spacing:-.03em;color:#fff}.stat span{font-size:13px;color:#a9b5a9}
.term{background:#0d1610;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.term__bar{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;color:#8fa08f}
.term__bar i{width:10px;height:10px;border-radius:50%;background:#2b4431}.term__bar span{margin-left:auto}
.term .feed{padding:12px;min-height:290px}
.term .feed li{background:rgba(255,255,255,.04);color:#d9e1d8;font-family:ui-monospace,Menlo,monospace;font-size:12px}
.term .feed li em{color:#7f907f}
.term__foot{padding:10px 14px;border-top:1px solid rgba(255,255,255,.06);font-size:11.5px;color:#7f907f}

/* timeline */
.tl{display:grid;gap:16px;position:relative}
@media (min-width:860px){.tl{grid-template-columns:repeat(3,1fr)}.tl::before{content:"";position:absolute;left:8%;right:8%;top:27px;height:2px;background:linear-gradient(90deg,var(--ochre),rgba(168,130,58,.15))}}
.tl__step{position:relative;padding:22px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.tl__n{width:36px;height:36px;border-radius:50%;background:var(--forest);color:#e9d9b3;display:grid;place-items:center;font-weight:700;font-size:14px;margin-bottom:14px;position:relative;z-index:1;box-shadow:0 0 0 6px var(--cream)}
.tl__when{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ochre);margin-bottom:4px}
.tl__step p{color:var(--ink-2);margin:8px 0 12px;font-size:15.5px}
.tl__step ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px;color:var(--ink-2)}
.tl__step li::before{content:"✓";color:var(--ok);font-weight:700;margin-right:8px}

/* plan compare */
.cmp{margin-top:22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.cmp summary{cursor:pointer;list-style:none;padding:16px 20px;font-weight:700;display:flex;justify-content:space-between}
.cmp summary::after{content:"+";color:var(--ochre)}.cmp[open] summary::after{content:"–"}
.cmp .scroll-x{padding:0 12px 14px}
.cmp table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}
.cmp th,.cmp td{padding:11px 10px;border-top:1px solid #efede6;text-align:center}
.cmp th:first-child,.cmp td:first-child{text-align:left}
.cmp thead th{border-top:0;color:var(--ochre);font-size:13px}
.cmp td.y{color:var(--ok);font-weight:700}.cmp td.n{color:#c3c0b5}
@media (prefers-reduced-motion:reduce){.draw path.line{stroke-dashoffset:0;animation:none}}
.dash{grid-template-columns:minmax(0,1fr)}@media (min-width:720px){.dash{grid-template-columns:190px minmax(0,1fr)}}
.dash__main{min-width:0}.dash__top{flex-wrap:wrap}
@media (max-width:480px){.dash__top .status>span>span{display:none}.chip{padding:8px}.chip b{font-size:13.5px}}

/* architecture diagram (v5.3) */
.arch{font-family:Manrope,system-ui,sans-serif}
.arch .hd{font-size:9.5px;font-weight:700;letter-spacing:.14em;fill:var(--ochre)}
.arch .bx{fill:#fff;stroke:#dcd9cf;stroke-width:1}
.arch .ib{fill:#eef1ec}.arch .nd g,.arch .edge>g:not(.rw){color:var(--forest-2)}
.arch .nd{color:var(--forest-2)}
.arch .lb{font-size:12.5px;font-weight:700;fill:var(--ink)}
.arch .sb{font-size:10px;font-weight:500;fill:var(--muted)}
.arch .lb2{font-size:11.5px;font-weight:600;fill:var(--ink-2)}
.arch .st{font-size:11px;font-weight:700;fill:var(--ok)}.arch .st.bad{fill:#a4573e}
.arch .rw .rbg{fill:#f6f5f0;stroke:#ebe9e1}.arch .rw{color:var(--forest-3)}
.arch .edge{color:var(--forest-2)}
.arch .core .bx{fill:var(--forest);stroke:var(--forest)}.arch .core .ib{fill:rgba(255,255,255,.1)}.arch .core{color:#e9d9b3}
.arch .core .lb{fill:#fff}.arch .core .sb{fill:#9fb39f}
.arch .core .rw .rbg{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.08)}.arch .core .lb2{fill:#dfe6dd}.arch .core .st{fill:#d6b46a}.arch .core .rw{color:#c9d3c8}
.arch .bk{color:var(--forest-3)}.arch .bk .bx{fill:#f3ead6;stroke:#e3d3ad}
.arch .bk.off .bx{fill:#fbefe9;stroke:#efd3c7}
.arch .wire{fill:none;stroke:#cfccc0;stroke-width:1.5}
.arch .pulse{fill:none;stroke:var(--ochre-2);stroke-width:2;stroke-linecap:round;stroke-dasharray:6 120;animation:flow 2.4s linear infinite}
@keyframes flow{from{stroke-dashoffset:126}to{stroke-dashoffset:0}}
.arch .port{fill:#fff;stroke:var(--forest-3);stroke-width:1.5}
.arch .off .bx{fill:#fbfaf7;stroke:#dcd9cf;stroke-dasharray:4 3}.arch .off .ib{fill:#efede6}.arch .off{color:#8d948d}
.arch .warn circle{fill:#a4573e}.arch .warn path{stroke:#fff;stroke-width:2;stroke-linecap:round}
.arch .broken{stroke:#c9bfb0;stroke-width:1.5;stroke-dasharray:2 3}
.ba__fig{padding:10px;background:#fbfaf6}
@media (prefers-reduced-motion:reduce){.arch .pulse{animation:none;stroke-dasharray:none;opacity:0}}

/* dashboard request path */
.path{display:grid;gap:0}
.hop{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#e6ebe4;font-size:12px}
.hop b{display:block;font-size:12.5px}.hop small{display:block;color:#9fb39f;font-size:10.5px}
.hop__ic{width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#d6b46a;flex:none}.hop__ic svg{width:14px;height:14px}
.hop--core{background:#a8823a;border-color:#a8823a}.hop--core small{color:#f3e6c6}.hop--core .hop__ic{background:rgba(0,0,0,.15);color:#fff}
.pbadge{margin-left:auto;font-size:10px;font-weight:700;color:#f3e6c6;background:rgba(164,87,62,.55);padding:3px 7px;border-radius:999px;white-space:nowrap}
.pwire{height:16px;width:2px;margin-left:22px;background:rgba(255,255,255,.14);position:relative;overflow:hidden}
.pwire i{position:absolute;left:0;top:-6px;width:2px;height:6px;background:#e2c27a;border-radius:2px;animation:drop 1.2s linear infinite}
@keyframes drop{to{top:16px}}
@media (prefers-reduced-motion:reduce){.pwire i{animation:none;display:none}}
@media (max-width:600px){.ba__cap span:last-child{display:none}}

/* ===== v5.4 color + motion pass ===== */
:root{--cream:#e4e2d7;--paper:#ecebe3;--card:#f5f3ec;--line:#d2cec1;--sage:#d5dccd;--sage-2:#c6d0bd;--ink-2:#2f3b33;--muted:#5d695f}
body{background:var(--cream)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
section{overflow:hidden;isolation:isolate}
section>.wrap,section>.hero__txt,section>.stage{position:relative;z-index:1}
.sage{background:linear-gradient(180deg,var(--sage) 0%,#dfe4d7 100%)}
.dark{background:linear-gradient(180deg,#14221a 0%,#101b14 100%)}
.deep{background:linear-gradient(180deg,#0e1812 0%,#0b140f 100%)}

/* moving color fields */
.fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.fx i{position:absolute;width:70vmax;height:70vmax;border-radius:50%;opacity:.55;will-change:transform;animation:drift 28s cubic-bezier(.45,0,.55,1) infinite alternate}
.fx i:nth-child(1){left:-25vmax;top:-30vmax;background:radial-gradient(circle,rgba(61,92,68,.55),transparent 62%)}
.fx i:nth-child(2){right:-28vmax;top:-10vmax;background:radial-gradient(circle,rgba(168,130,58,.45),transparent 62%);animation-duration:34s;animation-delay:-8s}
.fx i:nth-child(3){left:20%;bottom:-40vmax;background:radial-gradient(circle,rgba(120,150,110,.5),transparent 62%);animation-duration:40s;animation-delay:-16s}
.dark .fx i{opacity:.9}
.dark .fx i:nth-child(1){background:radial-gradient(circle,rgba(70,120,82,.45),transparent 60%)}
.dark .fx i:nth-child(2){background:radial-gradient(circle,rgba(190,145,60,.32),transparent 60%)}
.dark .fx i:nth-child(3){background:radial-gradient(circle,rgba(50,95,90,.4),transparent 60%)}
.hero .fx i{opacity:.7}
.hero .fx i:nth-child(1){background:radial-gradient(circle,rgba(110,145,105,.55),transparent 60%)}
.hero .fx i:nth-child(2){background:radial-gradient(circle,rgba(200,160,80,.45),transparent 60%)}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(12vmax,8vmax,0) scale(1.18)}100%{transform:translate3d(-6vmax,14vmax,0) scale(.92)}}

/* hero: stronger contrast */
.hero{background:linear-gradient(180deg,#ece9df 0%,#e1ded2 55%,#cfd3c4 100%)}
.hero h1 span{color:#76806f}
.hero .lede{color:#2f3b33}
.nav__in{background:rgba(250,248,242,.78);border-color:rgba(21,35,26,.12)}

/* cards: tinted, not white */
.col,.pil,.plan,.tl__step,.cmp,.ba__fig,.big,.pane,.chip,.auto{background:var(--card)}
.ba__fig{background:linear-gradient(180deg,#f7f5ee,#efede4);border-color:var(--line);box-shadow:0 30px 60px -30px rgba(21,35,26,.45)}
.sage .col,.sage .tl__step,.sage .plan:not(.plan--pop),.sage .cmp{background:rgba(247,245,238,.82);border-color:rgba(21,35,26,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.tl__n{box-shadow:0 0 0 6px var(--sage)}
.seg{background:rgba(21,35,26,.1)}

/* dark "What I build" with glass cards */
.dark .head h2,.dark h2,.dark h3{color:#f3f5f1}
.dark .pil{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);color:#e9eee7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dark .pil:hover{border-color:rgba(214,180,106,.45);box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 0 0 1px rgba(214,180,106,.15) inset}
.dark .pil p,.dark .pil ul{color:#b9c5b8}
.dark .pil__ic{background:rgba(214,180,106,.14);color:#e2c27a;border:1px solid rgba(214,180,106,.25)}
.dark .mini{background:rgba(0,0,0,.22);border-color:rgba(255,255,255,.07);color:#d0d9cf}
.dark .mini .tag{background:rgba(255,255,255,.08);color:#e2c27a}
.dark .bar{background:rgba(255,255,255,.1)}.dark .bar i{background:linear-gradient(90deg,#6f9a76,#a8c49b)}
.dark .ok-t{color:#7fc493}.dark .warn-t{color:#e09a7f}
.dark .flow span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#e9eee7}
.dark .phone{background:#1c2c22;border-color:#e2c27a}.dark .phone i{background:rgba(255,255,255,.14)}.dark .phone i.h{background:#e9eee7}
.dark .mini em{color:#93a393}

/* stat + term glow */
.stat{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.term{box-shadow:0 40px 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(214,180,106,.12)}

/* smoother motion */
.reveal{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}
.pillars .reveal:nth-child(3n+2),.tl .reveal:nth-child(2),.plans .reveal:nth-child(2){transition-delay:.08s}
.pillars .reveal:nth-child(3n),.tl .reveal:nth-child(3),.plans .reveal:nth-child(3){transition-delay:.16s}
.btn{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background .25s}
.btn:hover{transform:translateY(-2px)}
.btn--go{background:linear-gradient(180deg,#22372a,#15231a)}
.btn--ochre{background:linear-gradient(180deg,#b08a40,#8c6a26)}
.pil,.tl__step,.plan{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}
.tl__step:hover,.plan:hover{transform:translateY(-4px);box-shadow:0 30px 60px -32px rgba(21,35,26,.5)}
.plan--pop{background:linear-gradient(180deg,#1b2c21,#121e16)}
.founding{background:linear-gradient(90deg,#efe1bd,#e6d7b0);border-color:#d8c290}
@media (prefers-reduced-motion:reduce){.fx i{animation:none}.reveal{transition:none}}
@media (max-width:700px){.fx i{width:110vmax;height:110vmax}}
.pane.map{background:var(--forest);border-color:var(--forest)}

/* ===== v5.5 design QA fixes (append after v5.css) ===== */
:root{--ochre-ink:#6f5418;--glow:0 0 0 1px rgba(214,180,106,.35),0 10px 30px -10px rgba(168,130,58,.55)}

/* 1. Contrast: kicker on light/sage, timeline label, faint compare dashes, ochre button, core hop */
.kicker{color:var(--ochre-ink)}
.dark .kicker{color:#d6b46a}
.kicker::before{content:"";display:inline-block;width:18px;height:2px;border-radius:2px;background:currentColor;opacity:.7;margin-right:10px;vertical-align:middle;transform:translateY(-1px)}
.head .kicker::before,.hero .kicker::before{display:none}
.tl__step .tl__when{color:var(--ochre-ink)}
.cmp td.n{color:#8f8c81}
.btn--ochre{background:linear-gradient(180deg,#92702b,#7a5c20);text-shadow:0 1px 0 rgba(0,0,0,.18)}
.btn--ochre:hover{background:linear-gradient(180deg,#a8823a,#6f5418)}
.hop--core{background:linear-gradient(180deg,#8a6826,#7a5c20);border-color:#8a6826}.hop--core small{color:#fff6e2}

/* 2. Hero: stronger headline, first line passes contrast, subtle gradient accent */
.hero h1 span{color:#5f6a5b}
.hero h1{background:linear-gradient(100deg,#15231a 0%,#22402c 55%,#3d5c44 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 span{-webkit-text-fill-color:#5f6a5b}
@supports not (background-clip:text){.hero h1{color:var(--ink)}}
.hero .kicker{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(140,106,38,.25);font-size:12px}
.trust{gap:8px}
.trust li{color:var(--ink-2);font-weight:500}
@media (min-width:600px){.trust li{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.5);border:1px solid rgba(21,35,26,.1);font-size:13px}}

/* 3. Primary CTA: glow + light sweep (no motion when reduced) */
.hero .cta .btn--go,.plan__pay .btn,.form .btn--go{position:relative;overflow:hidden}
.hero .cta .btn--go{box-shadow:0 1px 0 rgba(255,255,255,.14) inset,var(--glow)}
.hero .cta .btn--go::after,.form .btn--go::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hero .cta .btn--go:hover::after,.form .btn--go:hover::after{transform:translateX(120%)}
.btn--line{background:rgba(255,255,255,.55);border-color:rgba(21,35,26,.16)}

/* 4. Dashboard framing: warm halo, readable note pill, tab scroll hint, bigger pills */
.dash{box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 2px 6px rgba(21,35,26,.08),0 50px 100px -30px rgba(21,35,26,.6),0 0 120px -20px rgba(168,130,58,.35)}
.ex-note{display:table;margin:0 auto;padding:7px 14px;margin-top:12px;margin-bottom:14px;border-radius:999px;background:rgba(13,22,16,.72);color:#e9eee7;text-shadow:none;font-size:12.5px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.dash__tabs{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:24px}
.dash__tabs button{padding:11px 14px;font-size:13px}
.dash__tabs button[aria-selected=true]{box-shadow:0 6px 14px -8px rgba(21,35,26,.8)}
.chip{display:flex;flex-direction:column;justify-content:space-between;line-height:1.3}
.chip b{margin-top:6px;font-variant-numeric:tabular-nums}
.big strong{font-variant-numeric:tabular-nums}
.panes .pane:first-child{display:flex;flex-direction:column}.panes .pane:first-child svg{flex:1}.panes .pane:first-child .legend{margin-top:auto;padding-top:6px}
@media (max-width:719px){
  /* keep tab switches from jumping the page by ~270px */
  .panes .pane:first-child{display:none}
  .panel{min-height:438px}
}


/* 5. Section seams: hairline gold rule on dark bands, soft fade into strip */
.dark::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:2;background:linear-gradient(90deg,transparent,rgba(214,180,106,.45),transparent)}
.strip{position:relative;background:linear-gradient(180deg,#14221a,#111d16);border-top:1px solid rgba(214,180,106,.25)}
@media (max-width:640px){
  .strip ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:0 20px;font-size:13px;justify-content:stretch}
  .strip li:last-child{grid-column:1/-1;justify-content:center}
}

/* 6. Before/after: bigger toggle, readable diagram on phones */
.seg button{padding:12px 18px}
.is-after .ba__list li b{box-shadow:0 0 0 4px rgba(168,130,58,.18)}
@media (max-width:640px){
  .ba__fig{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .ba__fig svg{min-width:540px}
  .ba__cap{position:sticky;left:0;max-width:calc(100vw - 62px)}
  .ba__cap::after{content:"Swipe →";margin-left:auto;font-weight:600;color:var(--ochre-ink)}
}

/* 7. "What I build": swipeable cards on phones instead of ~2,900px of scrolling */
@media (max-width:639px){
  .pillars{display:grid;grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 18px;scroll-padding:0 20px;scrollbar-width:none}
  .pillars::-webkit-scrollbar{display:none}
  .pillars .pil{scroll-snap-align:start;opacity:1;transform:none;padding:22px}
  .pil:hover{transform:none}
  #what .head::after{content:"Swipe to see all six  →";display:block;margin-top:14px;font-size:13px;font-weight:600;color:#d6b46a}
}
.dark .pil__ic{box-shadow:0 0 24px -6px rgba(214,180,106,.45)}
.mini .r .tag+span{flex:1;text-align:left}
.flow{gap:4px;flex-wrap:nowrap}.flow span{padding:4px 6px;font-size:11px;white-space:nowrap}.flow b{font-size:11px}

/* 8. Pricing: aligned buttons, stronger featured plan */
@media (min-width:960px){
  .terms{min-height:76px}
  .plans{align-items:center}
  .plan{min-height:100%}
  .plan--pop,.plan--pop.reveal.in{transform:scale(1.035);z-index:1}
  .plan--pop.reveal.in:hover{transform:scale(1.035) translateY(-4px)}
}
.plan--pop{box-shadow:0 0 0 1px rgba(214,180,106,.4),0 40px 80px -30px rgba(21,35,26,.7),0 0 90px -30px rgba(168,130,58,.55)}
.plan--pop::before{background:linear-gradient(180deg,#b08a40,#8c6a26);box-shadow:0 6px 14px -6px rgba(140,106,38,.8);letter-spacing:.02em}
.plan--pop .plan__mo b{background:linear-gradient(180deg,#fff,#e9d9b3);-webkit-background-clip:text;background-clip:text;color:transparent}
.founding{box-shadow:0 10px 30px -18px rgba(140,106,38,.7)}

/* 9. Timeline numbers + term glow */
.tl__n{background:linear-gradient(180deg,#22372a,#15231a);box-shadow:0 0 0 6px var(--sage),0 8px 18px -8px rgba(21,35,26,.7)}
@media (max-width:420px){.term .feed li>span>em{display:none}}

/* 10. Tap targets: FAQ, compare, checkbox, footer links */
.faq details{padding:4px 0}
.faq summary{padding:12px 0;min-height:44px;align-items:center}
.faq details[open] summary{color:#fff}
.faq summary::after{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(214,180,106,.35);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(180deg)}
.faq p{margin:0 0 12px}
.cmp summary{min-height:52px;align-items:center}
.check input{flex:none}
.foot ul a{display:inline-block;padding:10px 0}.foot ul{gap:0}
@media (max-width:859px){
  .foot__grid{grid-template-columns:1fr 1fr}
  .foot__grid>div:first-child,.foot__legal{grid-column:1/-1}
}

/* 11. Sticky phone bar: floating dark glass pill */
@media (max-width:859px){
  .callbar{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));padding:8px;border-radius:18px;background:rgba(17,29,22,.86);border:1px solid rgba(214,180,106,.22);box-shadow:0 18px 40px -16px rgba(0,0,0,.6)}
  .callbar .btn{min-height:46px}
  .callbar .btn--line{background:rgba(255,255,255,.08);color:#f3f5f1;border-color:rgba(255,255,255,.14)}
  .callbar .btn--go{background:linear-gradient(180deg,#92702b,#7a5c20);box-shadow:0 8px 20px -8px rgba(168,130,58,.7)}
  body{padding-bottom:84px}
}

/* 12. Form card: warmer surface and focus ring */
.form{border:1px solid rgba(214,180,106,.25)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--forest-3);box-shadow:0 0 0 5px rgba(61,92,68,.15)}

@media (prefers-reduced-motion:reduce){.hero .cta .btn--go::after,.form .btn--go::after{display:none}.plan--pop,.plan--pop.reveal.in,.plan--pop.reveal.in:hover{transform:none}}

/* ===== v5.5 brand + header ===== */
.brand{font-weight:800;letter-spacing:-.02em;font-size:17px;color:var(--ink)}
.brand em{font-style:normal;font-weight:500;color:var(--ochre-ink,#6f5418);margin-left:4px}
.brand--foot{color:#fff;font-size:18px}.brand--foot em{color:#d6b46a}
.mark i{background:linear-gradient(180deg,#22372a,#15231a);box-shadow:0 4px 10px -4px rgba(21,35,26,.6)}
.nav__r{display:flex;align-items:center;gap:6px}
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink-2)}
.menu summary::-webkit-details-marker{display:none}
.menu summary:hover,.menu[open] summary{background:rgba(21,35,26,.07)}
.menu summary svg{transition:transform .25s}.menu[open] summary svg{transform:rotate(180deg)}
.menu__pop{position:absolute;right:0;top:calc(100% + 10px);width:290px;padding:8px;border-radius:16px;background:rgba(250,248,242,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(21,35,26,.12);box-shadow:0 30px 60px -20px rgba(21,35,26,.45);display:grid;gap:2px;animation:panelIn .25s cubic-bezier(.2,.7,.2,1)}
.menu__pop a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none}
.menu__pop a:hover,.menu__pop a:focus-visible{background:rgba(61,92,68,.1)}
.menu__pop b{display:block;font-size:14.5px;color:var(--ink)}.menu__pop small{display:block;font-size:12.5px;color:var(--muted)}
.menu__pop a:last-child{margin-top:4px;border-top:1px solid rgba(21,35,26,.08);border-radius:0 0 10px 10px;padding-top:12px}
@media (min-width:900px){.nav__links{display:flex}.menu summary{font-size:14px}}
@media (max-width:420px){.brand{font-size:15.5px}.brand em{margin-left:3px}.menu summary{padding:0 9px;font-size:13.5px}.nav__cta{padding:0 12px;font-size:13px}.nav__in{padding:6px 6px 6px 12px;gap:8px}.mark{gap:8px}}
@media (max-width:360px){.menu summary{font-size:0;gap:0}.menu summary svg{width:16px;height:16px}}
.nav__cta{box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 0 0 1px rgba(214,180,106,.3),0 8px 18px -8px rgba(168,130,58,.6)}
.mark .brand{display:inline;font-weight:700;font-size:17px;color:var(--ink)}
.mark .brand em{display:inline;font-weight:500;color:var(--ochre-ink,#6f5418);font-size:inherit}
@media (max-width:420px){.mark .brand{font-size:15.5px}}
@media (max-width:699px){.menu__pop{position:fixed;left:12px;right:12px;top:74px;width:auto}}
.menu__burger{display:none}
@media (max-width:440px){.menu__t,.menu summary>svg:not(.menu__burger){display:none}.menu__burger{display:block}.menu summary{width:40px;padding:0;justify-content:center}.menu[open] summary svg{transform:none}}
@media (max-width:360px){.mark .brand em{display:none}}

/* ===== v5.6 cost of missed leads ===== */
.warm{background:linear-gradient(180deg,#efe6cf 0%,#e8dfc6 100%)}
.warm .fx i:nth-child(1){background:radial-gradient(circle,rgba(168,130,58,.45),transparent 62%)}
.warm .fx i:nth-child(2){background:radial-gradient(circle,rgba(61,92,68,.35),transparent 62%)}
.warm .fx i:nth-child(3){background:radial-gradient(circle,rgba(200,150,70,.4),transparent 62%)}
.warm .kicker{color:#6f5418}
.roi{display:grid;gap:16px;max-width:1000px;margin:0 auto}
@media (min-width:900px){.roi{grid-template-columns:1.05fr .95fr;gap:20px}}
.roi__calc{padding:24px;border-radius:20px;background:rgba(250,247,238,.85);border:1px solid rgba(111,84,24,.18);box-shadow:0 30px 60px -34px rgba(21,35,26,.45);display:grid;gap:22px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sl2{display:grid;gap:10px;font-size:15px;font-weight:600;color:var(--ink-2)}
.sl2 span{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sl2 b{font-size:20px;color:var(--ink);font-variant-numeric:tabular-nums}
.sl2 input{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--forest-3) var(--p,30%),#d9d3bf var(--p,30%));outline-offset:6px}
.sl2 input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--forest);box-shadow:0 4px 12px -2px rgba(21,35,26,.45);cursor:grab}
.sl2 input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--forest);box-shadow:0 4px 12px -2px rgba(21,35,26,.45);cursor:grab}
.roi__out{padding:26px;border-radius:20px;background:linear-gradient(180deg,#1b2c21,#111d16);color:#eef1ec;box-shadow:0 0 0 1px rgba(214,180,106,.3),0 40px 80px -30px rgba(21,35,26,.7),0 0 90px -30px rgba(168,130,58,.5);display:flex;flex-direction:column;gap:6px}
.roi__lbl{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d6b46a}
.roi__big{display:flex;align-items:baseline;gap:8px;font-size:clamp(46px,9vw,64px);font-weight:700;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums}
.roi__big span{background:linear-gradient(180deg,#fff,#e9d9b3);-webkit-background-clip:text;background-clip:text;color:transparent}
.roi__big small{font-size:18px;font-weight:500;color:#a9b5a9;letter-spacing:0}
.roi__yr{color:#c9d3c8;font-size:16px}.roi__yr b{color:#fff}
.roi__vs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 6px}
.roi__vs div{padding:12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.roi__vs span{display:block;font-size:12px;color:#a9b5a9}.roi__vs b{display:block;font-size:17px;margin-top:2px}
.roi__note{font-size:12px;color:#8fa08f;margin:4px 0 12px}
.gains{display:grid;gap:14px;margin-top:22px}
@media (min-width:860px){.gains{grid-template-columns:repeat(3,1fr)}}
.gain{padding:24px;border-radius:18px;background:rgba(250,247,238,.8);border:1px solid rgba(111,84,24,.16);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.gain:hover{transform:translateY(-4px);box-shadow:0 30px 60px -32px rgba(21,35,26,.5)}
.gain__ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#22372a,#15231a);color:#e2c27a;margin-bottom:14px;box-shadow:0 8px 18px -8px rgba(21,35,26,.6)}
.gain p{color:var(--ink-2);margin-top:8px;font-size:15.5px}
.gains .reveal:nth-child(2){transition-delay:.08s}.gains .reveal:nth-child(3){transition-delay:.16s}

/* ===== v5.7 providers + privacy section, phone rocks ===== */
.stack{background:linear-gradient(180deg,#f1efe7 0%,#e9e6da 100%)}
.stks{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:30px}
.stk{position:relative;background:rgba(250,249,244,.85);border:1px solid rgba(21,35,26,.1);border-radius:var(--r);padding:20px;box-shadow:0 1px 0 #fff inset,0 18px 40px -28px rgba(21,35,26,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .3s,box-shadow .3s}
.stk:hover{transform:translateY(-3px);box-shadow:0 1px 0 #fff inset,0 26px 50px -28px rgba(21,35,26,.55)}
.stk__top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.stk__ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#e9d9b3;background:linear-gradient(180deg,#22372a,#15231a);box-shadow:0 8px 18px -10px rgba(21,35,26,.8)}
.stk__cat{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ochre-ink,#6f5418)}
.stk h3{margin:0 0 6px;font-size:18px;line-height:1.3}
.stk p{margin:0 0 12px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.stk ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.stk li{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(61,92,68,.1);color:var(--forest-2)}
.priv{margin-top:22px;border-radius:calc(var(--r) + 4px);padding:24px;color:#e9eee7;background:radial-gradient(600px 300px at 0% 0%,rgba(168,130,58,.22),transparent 60%),linear-gradient(180deg,#1b2d21,#13201a);border:1px solid rgba(214,180,106,.25);box-shadow:0 40px 80px -40px rgba(21,35,26,.8)}
.priv__h{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.priv__h h3{margin:2px 0 0;font-size:22px;color:#fff}
.priv .kicker{color:#d6b46a}.priv .kicker::before{display:none}
.priv__g{display:grid;gap:12px}
@media (min-width:760px){.priv__g{grid-template-columns:1fr 1fr}.priv{padding:32px}}
.pq{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.pq b{display:block;color:#fff;font-size:15px;margin-bottom:4px}
.pq p{margin:0;font-size:14px;line-height:1.55;color:#c9d3c8}
.priv__f{margin:16px 0 0;font-size:13px;color:#aeb9ad}.priv__f a{color:#e9d9b3}
@media (max-width:639px){
  .stks{grid-template-columns:1fr;gap:10px}
  .stk{padding:16px}
  .stk p{font-size:14px}
}
/* rock ridge seams: phones only, sit on the bottom edge of light sections */
.ridge{display:none}
@media (max-width:719px){
  .hero,.sage{position:relative}
  .ridge{display:block;position:absolute;left:0;right:0;bottom:-1px;height:120px;z-index:0;pointer-events:none;background:url(/ridge.webp) center bottom/auto 120px repeat-x;opacity:.95;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 45%);mask-image:linear-gradient(to bottom,transparent 0,#000 45%)}
  .sage>.wrap{position:relative;z-index:1;padding-bottom:70px}
  .hero{padding-bottom:0}
  .stage__rocks{top:-170px}
  .stage__rocks img{object-position:center 70%}
  .stack::after{content:"";position:absolute;left:0;right:0;bottom:0;height:260px;pointer-events:none;background:url(/rocks-m.webp) center bottom/120% auto no-repeat;opacity:.18;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 60%);mask-image:linear-gradient(to bottom,transparent,#000 60%)}
  .stack{position:relative}.stack .wrap{position:relative;z-index:1}
}
@media (max-width:639px){
  .stks{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:22px -20px 0;padding:4px 20px 18px;scroll-padding:0 20px;scrollbar-width:none}
  .stks::-webkit-scrollbar{display:none}
  .stks .stk{scroll-snap-align:start;opacity:1;transform:none}
  #stack .head::after{content:"Swipe to see all nine  \2192";display:block;margin-top:14px;font-size:13px;font-weight:600;color:var(--ochre-ink,#6f5418)}
  .stack::after{opacity:.3;height:300px}
}
#stack .wrap{display:block;min-width:0}
@media (max-width:639px){.stks{width:calc(100% + 40px);max-width:calc(100vw)}}
@media (min-width:900px){.stks{grid-template-columns:repeat(3,1fr)}}

/* v5.8 (Nov 9 2026): phones never scroll sideways. Every row stacks, nothing hides off-screen. */
@media (max-width:719px){
  .dash__tabs{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0 0 12px;margin:0;gap:6px}
  .dash__tabs button{padding:9px 12px;font-size:12.5px}
}
@media (max-width:639px){
  /* Before/after: the numbered list carries the story; the wide diagram is desktop-only */
  .ba__fig{display:none}
  .ba__cap::after{content:none}

  /* What I build: compact stacked cards, no carousel */
  .pillars{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;gap:10px;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
  .pillars .pil{display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:4px;align-items:start;padding:18px}
  .pillars .pil__ic{grid-row:1/3;margin:0}
  .pillars .pil h3{font-size:18px;margin:0}
  .pillars .pil p{grid-column:2;margin:0;font-size:14.5px}
  .pillars .pil ul,.pillars .pil .mini{display:none}
  #what .head::after{content:none}

  /* What it runs on: one clean list, no carousel */
  .stks{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;gap:10px;overflow:visible;margin:22px 0 0;padding:0;width:auto;max-width:none;scroll-snap-type:none}
  .stks .stk{display:grid;grid-template-columns:40px 1fr;column-gap:14px;row-gap:2px;align-items:start;padding:16px}
  .stks .stk>*{grid-column:2}
  .stks .stk__ic{grid-column:1;grid-row:1/4;margin:0}
  .stks .stk h3{font-size:17px;margin:0}
  .stks .stk p{font-size:14px;margin:2px 0 0}
  .stks .stk ul{display:none}
  #stack .head::after{content:none}
}
@media (max-width:639px){
  /* Plan comparison + dashboard tables fit the screen instead of scrolling sideways */
  .scroll-x{overflow-x:visible}
  .cmp .scroll-x{padding:0 8px 12px}
  .cmp table{min-width:0;font-size:12.5px;table-layout:fixed}
  .cmp th,.cmp td{padding:9px 4px;word-break:normal;overflow-wrap:anywhere}
  .cmp th:first-child,.cmp td:first-child{width:46%;padding-left:6px}
  .tbl{width:100%;min-width:0;font-size:12px;table-layout:fixed}
  .tbl th,.tbl td{padding:7px 4px;overflow-wrap:anywhere}
}

/* v5.9 (Nov 9 2026): design audit fixes for phones (neat, consistent, 44px taps) */
@media (max-width:639px){
  .stks .stk{display:block;padding:16px 18px}
  .stks .stk__top{margin-bottom:10px}
  .stks .stk p{margin:4px 0 0}
}
@media (max-width:719px){
  .dash__tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
  .dash__tabs button{grid-column:span 2;min-height:44px;padding:0 6px;text-align:center;justify-content:center}
  .dash__tabs button:nth-child(n+4){grid-column:span 3}
}
@media (max-width:639px){
  .trust{flex-direction:column;align-items:center;gap:6px}
  .strip ul{grid-template-columns:1fr}
  .strip li:last-child{justify-content:flex-start}
}
@media (max-width:639px){
  .head{text-align:left;margin:0 0 28px}
  .head .kicker::before{display:inline-block}
}
@media (max-width:639px){
  section{padding:64px 0}
  .sage>.wrap{padding-bottom:56px}
}
@media (max-width:639px){
  .gain{display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:4px;align-items:start;padding:18px}
  .gain__ic{grid-row:1/3;margin:0}
  .gain h3{font-size:18px}
  .gain p{grid-column:2;margin:0;font-size:14.5px}
}
@media (max-width:859px){
  body{padding-bottom:0}
  .foot{padding-bottom:calc(30px + 84px + env(safe-area-inset-bottom))}
  .foot__grid{grid-template-columns:1fr;gap:6px}
  .foot__grid ul:last-of-type{display:flex;flex-wrap:wrap;gap:0 24px}
  .foot__legal{margin-top:8px}
}
@media (max-width:639px){
  .nav__cta,.menu summary{min-height:44px}
  .check{min-height:44px;align-items:center}
  .foot ul a{padding:11px 0}
  .sl2 input{height:32px;background-size:100% 8px;background-position:center;background-repeat:no-repeat}
}
@media (max-width:639px){
  .term .feed li:nth-child(n+6){display:none}
  .callbar{padding:6px 12px calc(6px + env(safe-area-inset-bottom))}
  .callbar .btn{min-height:44px;font-size:15px}
}

/* v6.0 phone: tap to expand long sections */
.xtog{display:none}
@media (max-width:639px){
  .xtog{display:flex;width:100%;min-height:48px;margin-top:18px;background:transparent;border:1.5px solid rgba(21,35,26,.28);color:var(--ink)}
  .xtog svg{transition:transform .25s ease}
  .xtog[aria-expanded="true"] svg{transform:rotate(180deg)}
  .dark .xtog{border-color:rgba(255,255,255,.3);color:#f3f5f1}
  section:not(.xopen) .xbody{display:none}
  section.xopen .xbody{animation:xin .35s ease both;margin-top:22px}
  @keyframes xin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  section .xbody.reveal{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){section.xopen .xbody{animation:none}}

/* v6.1 (Nov 9 2026): more punch on the green design: stronger contrast, hover lift + glow, dashboard tilt, soft drifting cloud layer in the hero */
.btn--go{background:linear-gradient(180deg,#2a4634,#122019);box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 12px 26px -10px rgba(10,22,15,.75)}
.btn--ochre{background:linear-gradient(180deg,#c89a3e,#9a7224);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 12px 28px -10px rgba(154,114,36,.8);text-shadow:0 1px 0 rgba(0,0,0,.2)}
.btn{transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,filter .2s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.kicker{color:#7a5a12}
.dark .kicker,.deep .kicker{color:#e2c27a}
.head h2,.hero h1{color:#101c14}
.dark .head h2,.deep .head h2{color:#fff}
@media (hover:hover){
  .pil,.stk,.tl__step,.plan,.gain,.col,.step{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
  .pil:hover,.stk:hover,.tl__step:hover,.plan:hover,.gain:hover,.col:hover,.step:hover{transform:translateY(-6px);border-color:rgba(214,180,106,.7);box-shadow:0 30px 60px -28px rgba(21,35,26,.6),0 0 0 1px rgba(214,180,106,.45),0 0 40px -12px rgba(214,180,106,.45)}
  .dash{transition:transform .2s ease-out;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
}
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;left:0;top:0;width:300%;height:240px;z-index:-1;pointer-events:none;background:url(/bank.webp) left top/1100px 220px repeat-x;transform:scaleY(-1);opacity:.32;animation:drift 80s linear infinite}
@keyframes drift{from{translate:0 0}to{translate:-1100px 0}}
@media (prefers-reduced-motion:reduce){.hero::before{animation:none}.btn:hover{transform:none}}
.dash__side .stack{background:none!important;padding:0;position:static}.dash__side .stack::after{content:none!important}
.dash .stack{background:none!important;padding:0;position:static}.dash .stack::after{content:none!important}

/* v6.2 (Nov 9 2026): more visible clouds on the green design (cream mist banks drifting at section edges, storm haze in dark sections) */
.hero::before{background-image:url(/mist.webp);height:300px;opacity:.7}
.sage,.warm,.dark{position:relative;isolation:isolate}
.sage>.wrap,.warm>.wrap,.dark>.wrap{position:relative;z-index:1}
.sage::before,.warm::before{content:"";position:absolute;left:0;top:-2px;width:300%;height:150px;z-index:0;pointer-events:none;background:url(/mist.webp) left top/1100px 150px repeat-x;transform:scaleY(-1);opacity:.85;animation:drift 90s linear infinite}
.warm::before{animation-direction:reverse;animation-duration:110s}
.dark::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/storm.webp) center/cover no-repeat;opacity:.28;mix-blend-mode:screen}
.dark>.wrap{z-index:1}
@media (max-width:719px){.sage::before,.warm::before{height:100px;background-size:800px 100px}}
@media (prefers-reduced-motion:reduce){.sage::before,.warm::before{animation:none}}

/* v6.3 (Nov 9 2026): clouds fill the whole hero, three depth layers drifting at different speeds (3D parallax feel) */
.hero::before{top:0;left:0;width:100%;height:100%;transform:none;opacity:.8;
  background:url(/mist.webp) 0 2%/700px 150px repeat-x,url(/mist.webp) 0 34%/1100px 230px repeat-x,url(/mist.webp) 0 68%/1700px 340px repeat-x;
  animation:clouds3d 70s linear infinite}
@keyframes clouds3d{to{background-position:-700px 2%,-2200px 34%,-5100px 68%}}
@media (max-width:719px){.hero::before{background-size:420px 100px,700px 160px,1100px 230px}
  @keyframes clouds3d{to{background-position:-420px 2%,-1400px 34%,-3300px 68%}}}
@media (prefers-reduced-motion:reduce){.hero::before{animation:none}}
.hero::before{background-image:url(/bank.webp),url(/bank.webp),url(/bank.webp);opacity:.95;filter:drop-shadow(0 14px 16px rgba(52,62,48,.38)) drop-shadow(0 2px 3px rgba(52,62,48,.2))}
.hero::before{background-image:url(/puffs.webp),url(/puffs.webp),url(/puffs.webp)}

/* v6.4 (Nov 9 2026): rain + lightning in the Security section, scroll-reactive hero clouds, cloud band on legal pages */
#security{position:relative;overflow:hidden}
#security .rain{position:absolute;inset:-10% 0 0;z-index:0;pointer-events:none;opacity:.55;
  background-image:
    repeating-linear-gradient(105deg,transparent 0 22px,rgba(214,226,232,.0) 22px 23px),
    linear-gradient(105deg,transparent 0,transparent 100%);}
#security .rain i{position:absolute;top:-12%;width:1.2px;height:70px;border-radius:2px;background:linear-gradient(180deg,rgba(220,232,238,0),rgba(220,232,238,.55));transform:rotate(14deg);animation:fall linear infinite}
@keyframes fall{to{translate:-120px 135vh}}
#security .flash{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 70% at 70% 0%,rgba(226,236,255,.55),rgba(226,236,255,0) 60%);opacity:0;animation:flash 19s infinite}
@keyframes flash{0%,88%,100%{opacity:0}89%{opacity:.85}90%{opacity:.1}91.5%{opacity:.6}93%{opacity:0}}
#security>.wrap{position:relative;z-index:1}
.hero::before{transform:translate3d(0,var(--cy,0px),0);will-change:transform}
.doc{position:relative}
body:has(main.doc)::before{content:"";position:fixed;left:0;right:0;top:0;height:360px;z-index:-1;pointer-events:none;background:url(/puffs.webp) 0 40px/900px 200px repeat-x,url(/puffs.webp) 0 140px/1400px 300px repeat-x;opacity:.55;filter:drop-shadow(0 12px 14px rgba(52,62,48,.3));animation:clouds-doc 90s linear infinite}
@keyframes clouds-doc{to{background-position:-900px 40px,-2800px 140px}}
@media (prefers-reduced-motion:reduce){#security .rain,#security .flash,body:has(main.doc)::before{display:none}}
@media (max-width:719px){#security .rain i:nth-child(n+26){display:none}}
#security .rain{opacity:.95}
#security .rain i{width:1.6px;height:80px;background:linear-gradient(180deg,rgba(225,236,242,0),rgba(225,236,242,.85))}
body:has(main.doc)::before{height:520px;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}

/* v6.5 (Nov 9 2026): ultrawide screens use the extra width (JS sets zoom + --max) */
.ultra .head{max-width:1100px}
.ultra .stks{grid-template-columns:repeat(5,1fr)}
.ultra .pillars{grid-template-columns:repeat(6,1fr)}
.ultra .plans{max-width:2000px;margin-left:auto;margin-right:auto}
.ultra .hero h1{max-width:none}
.ultra .ba{max-width:2300px;margin-left:auto;margin-right:auto;grid-template-columns:1fr 1.1fr}
.ultra .ba__fig{max-width:1150px;justify-self:end}
.ultra .steps,.ultra .tl{max-width:2300px;margin-left:auto;margin-right:auto}
.ultra .ba__fig{width:100%;max-width:1300px}
/* v6.6 (Nov 9 2026): paper grain on cream/sage sections, faint topo contour lines on dark green */
.warm,.sage{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
.warm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(180deg,#efe6cf 0%,#e8dfc6 100%)}
.sage{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--sage) 0%,#dfe4d7 100%)}
.dark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600' fill='none' stroke='%23d6b46a' stroke-opacity='.07' stroke-width='1.2'%3E%3Cpath d='M-20 80C120 40 220 130 360 90S600 20 720 70 880 140 920 110'/%3E%3Cpath d='M-20 130C110 95 230 180 370 140S610 70 730 120 880 190 920 160'/%3E%3Cpath d='M-20 185C100 150 240 235 380 195S620 125 740 175 880 245 920 215'/%3E%3Cpath d='M-20 360C140 320 260 420 420 370S640 300 760 350 880 400 920 380'/%3E%3Cpath d='M-20 415C130 380 270 470 430 425S650 355 770 405 880 455 920 435'/%3E%3Cpath d='M-20 470C120 440 280 520 440 480S660 410 780 460 880 510 920 490'/%3E%3Cellipse cx='640' cy='250' rx='70' ry='34'/%3E%3Cellipse cx='640' cy='250' rx='40' ry='18'/%3E%3Cellipse cx='180' cy='300' rx='55' ry='26'/%3E%3C/svg%3E"),linear-gradient(180deg,#14221a 0%,#101b14 100%);background-size:900px 600px,auto;background-repeat:repeat,no-repeat}
@media (max-width:640px){.dark{background-size:600px 400px,auto}}

/* v6.7 (Nov 9 2026): stronger grain + contours, phone tuned; higher contrast and clearer depth on 3D/interactive areas */
.warm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .28 0 0 0 0 .24 0 0 0 0 .14 0 0 0 .55 -.12'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(180deg,#efe6cf 0%,#e6dbbf 100%);background-size:160px 160px,auto}
.sage{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .28 0 0 0 0 .24 0 0 0 0 .14 0 0 0 .55 -.12'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600' fill='none' stroke='%231d3a28' stroke-opacity='.09' stroke-width='1.3'%3E%3Cpath d='M0 0 L30 16 L60 22 L90 17 L120 9 L150 7 L180 11 L210 12 L240 5 L270 -11 L300 -24 L330 -27 L360 -17 L390 -5 L420 1 L450 0 L480 -1 L510 5 L540 17 L570 27 L600 24 L630 11 L660 -5 L690 -12 L720 -11 L750 -7 L780 -9 L810 -17 L840 -22 L870 -16 L900 -0'/%3E%3Cpath d='M0 71 L30 74 L60 67 L90 59 L120 56 L150 58 L180 54 L210 41 L240 24 L270 13 L300 16 L330 30 L360 43 L390 49 L420 49 L450 52 L480 61 L510 74 L540 78 L570 69 L600 51 L630 35 L660 28 L690 31 L720 33 L750 29 L780 23 L810 24 L840 36 L870 56 L900 71'/%3E%3Cpath d='M0 125 L30 115 L60 106 L90 103 L120 101 L150 92 L180 75 L210 58 L240 52 L270 62 L300 80 L330 94 L360 100 L390 102 L420 107 L450 119 L480 128 L510 126 L540 110 L570 88 L600 72 L630 68 L660 71 L690 72 L720 69 L750 67 L780 74 L810 93 L840 115 L870 127 L900 125'/%3E%3Cpath d='M0 145 L30 140 L60 142 L90 143 L120 136 L150 123 L180 112 L210 113 L240 125 L270 140 L300 147 L330 146 L360 143 L390 147 L420 156 L450 163 L480 158 L510 142 L540 126 L570 119 L600 123 L630 129 L660 130 L690 125 L720 123 L750 130 L780 146 L810 161 L840 164 L870 156 L900 145'/%3E%3Cpath d='M0 186 L30 186 L60 183 L90 172 L120 158 L150 151 L180 159 L210 176 L240 191 L270 198 L300 197 L330 196 L360 202 L390 210 L420 211 L450 199 L480 179 L510 163 L540 159 L570 165 L600 171 L630 171 L660 168 L690 172 L720 185 L750 204 L780 216 L810 215 L840 203 L870 191 L900 186'/%3E%3Cpath d='M0 227 L30 220 L60 206 L90 194 L120 194 L150 208 L180 229 L210 245 L240 250 L270 249 L300 251 L330 257 L360 261 L390 254 L420 236 L450 214 L480 200 L510 200 L540 207 L570 214 L600 215 L630 216 L660 225 L690 244 L720 262 L750 270 L780 263 L810 248 L840 235 L870 229 L900 227'/%3E%3Cpath d='M0 270 L30 259 L60 251 L90 255 L120 270 L150 286 L180 293 L210 290 L240 285 L270 286 L300 293 L330 296 L360 289 L390 273 L420 257 L450 253 L480 259 L510 269 L540 272 L570 270 L600 268 L630 276 L660 291 L690 303 L720 303 L750 292 L780 279 L810 272 L840 273 L870 275 L900 270'/%3E%3Cpath d='M0 296 L30 293 L60 304 L90 324 L120 340 L150 345 L180 341 L210 337 L240 339 L270 343 L300 341 L330 327 L360 308 L390 294 L420 293 L450 303 L480 313 L510 317 L540 316 L570 320 L600 333 L630 348 L660 357 L690 351 L720 336 L750 321 L780 315 L810 315 L840 314 L870 306 L900 296'/%3E%3Cpath d='M0 341 L30 358 L60 381 L90 395 L120 397 L150 392 L180 388 L210 389 L240 390 L270 381 L300 362 L330 341 L360 331 L390 336 L420 349 L450 360 L480 365 L510 367 L540 376 L570 391 L600 406 L630 408 L660 396 L690 376 L720 361 L750 355 L780 355 L810 351 L840 342 L870 336 L900 341'/%3E%3Cpath d='M0 416 L30 432 L60 437 L90 432 L120 424 L150 422 L180 426 L210 428 L240 420 L270 404 L300 391 L330 389 L360 399 L390 411 L420 417 L450 415 L480 414 L510 420 L540 433 L570 442 L600 439 L630 425 L660 410 L690 403 L720 405 L750 408 L780 406 L810 398 L840 393 L870 400 L900 416'/%3E%3Cpath d='M0 487 L30 489 L60 482 L90 474 L120 472 L150 473 L180 469 L210 456 L240 439 L270 428 L300 432 L330 446 L360 459 L390 465 L420 465 L450 467 L480 477 L510 489 L540 494 L570 484 L600 466 L630 450 L660 444 L690 446 L720 448 L750 444 L780 438 L810 439 L840 453 L870 472 L900 487'/%3E%3Cpath d='M0 540 L30 530 L60 521 L90 518 L120 516 L150 507 L180 489 L210 473 L240 468 L270 478 L300 496 L330 510 L360 516 L390 517 L420 523 L450 534 L480 543 L510 541 L540 524 L570 502 L600 487 L630 483 L660 486 L690 488 L720 484 L750 482 L780 490 L810 509 L840 531 L870 543 L900 540'/%3E%3Cpath d='M0 560 L30 556 L60 558 L90 559 L120 551 L150 538 L180 527 L210 528 L240 541 L270 556 L300 563 L330 561 L360 559 L390 563 L420 572 L450 578 L480 573 L510 557 L540 541 L570 535 L600 539 L630 545 L660 545 L690 540 L720 538 L750 546 L780 562 L810 576 L840 580 L870 571 L900 560'/%3E%3Cpath d='M0 602 L30 602 L60 598 L90 587 L120 573 L150 567 L180 574 L210 592 L240 607 L270 613 L300 612 L330 612 L360 618 L390 626 L420 626 L450 614 L480 594 L510 578 L540 575 L570 580 L600 586 L630 586 L660 584 L690 587 L720 601 L750 620 L780 632 L810 630 L840 618 L870 606 L900 602'/%3E%3Cellipse cx='630' cy='252' rx='90' ry='42'/%3E%3Cellipse cx='630' cy='252' rx='59' ry='28'/%3E%3Cellipse cx='630' cy='252' rx='32' ry='15'/%3E%3Cellipse cx='198' cy='432' rx='72' ry='34'/%3E%3Cellipse cx='198' cy='432' rx='48' ry='22'/%3E%3Cellipse cx='198' cy='432' rx='26' ry='12'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--sage) 0%,#dbe1d2 100%);background-size:160px 160px,900px 600px,auto}
.dark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600' fill='none' stroke='%23d6b46a' stroke-opacity='.2' stroke-width='1.3'%3E%3Cpath d='M0 0 L30 16 L60 22 L90 17 L120 9 L150 7 L180 11 L210 12 L240 5 L270 -11 L300 -24 L330 -27 L360 -17 L390 -5 L420 1 L450 0 L480 -1 L510 5 L540 17 L570 27 L600 24 L630 11 L660 -5 L690 -12 L720 -11 L750 -7 L780 -9 L810 -17 L840 -22 L870 -16 L900 -0'/%3E%3Cpath d='M0 71 L30 74 L60 67 L90 59 L120 56 L150 58 L180 54 L210 41 L240 24 L270 13 L300 16 L330 30 L360 43 L390 49 L420 49 L450 52 L480 61 L510 74 L540 78 L570 69 L600 51 L630 35 L660 28 L690 31 L720 33 L750 29 L780 23 L810 24 L840 36 L870 56 L900 71'/%3E%3Cpath d='M0 125 L30 115 L60 106 L90 103 L120 101 L150 92 L180 75 L210 58 L240 52 L270 62 L300 80 L330 94 L360 100 L390 102 L420 107 L450 119 L480 128 L510 126 L540 110 L570 88 L600 72 L630 68 L660 71 L690 72 L720 69 L750 67 L780 74 L810 93 L840 115 L870 127 L900 125'/%3E%3Cpath d='M0 145 L30 140 L60 142 L90 143 L120 136 L150 123 L180 112 L210 113 L240 125 L270 140 L300 147 L330 146 L360 143 L390 147 L420 156 L450 163 L480 158 L510 142 L540 126 L570 119 L600 123 L630 129 L660 130 L690 125 L720 123 L750 130 L780 146 L810 161 L840 164 L870 156 L900 145'/%3E%3Cpath d='M0 186 L30 186 L60 183 L90 172 L120 158 L150 151 L180 159 L210 176 L240 191 L270 198 L300 197 L330 196 L360 202 L390 210 L420 211 L450 199 L480 179 L510 163 L540 159 L570 165 L600 171 L630 171 L660 168 L690 172 L720 185 L750 204 L780 216 L810 215 L840 203 L870 191 L900 186'/%3E%3Cpath d='M0 227 L30 220 L60 206 L90 194 L120 194 L150 208 L180 229 L210 245 L240 250 L270 249 L300 251 L330 257 L360 261 L390 254 L420 236 L450 214 L480 200 L510 200 L540 207 L570 214 L600 215 L630 216 L660 225 L690 244 L720 262 L750 270 L780 263 L810 248 L840 235 L870 229 L900 227'/%3E%3Cpath d='M0 270 L30 259 L60 251 L90 255 L120 270 L150 286 L180 293 L210 290 L240 285 L270 286 L300 293 L330 296 L360 289 L390 273 L420 257 L450 253 L480 259 L510 269 L540 272 L570 270 L600 268 L630 276 L660 291 L690 303 L720 303 L750 292 L780 279 L810 272 L840 273 L870 275 L900 270'/%3E%3Cpath d='M0 296 L30 293 L60 304 L90 324 L120 340 L150 345 L180 341 L210 337 L240 339 L270 343 L300 341 L330 327 L360 308 L390 294 L420 293 L450 303 L480 313 L510 317 L540 316 L570 320 L600 333 L630 348 L660 357 L690 351 L720 336 L750 321 L780 315 L810 315 L840 314 L870 306 L900 296'/%3E%3Cpath d='M0 341 L30 358 L60 381 L90 395 L120 397 L150 392 L180 388 L210 389 L240 390 L270 381 L300 362 L330 341 L360 331 L390 336 L420 349 L450 360 L480 365 L510 367 L540 376 L570 391 L600 406 L630 408 L660 396 L690 376 L720 361 L750 355 L780 355 L810 351 L840 342 L870 336 L900 341'/%3E%3Cpath d='M0 416 L30 432 L60 437 L90 432 L120 424 L150 422 L180 426 L210 428 L240 420 L270 404 L300 391 L330 389 L360 399 L390 411 L420 417 L450 415 L480 414 L510 420 L540 433 L570 442 L600 439 L630 425 L660 410 L690 403 L720 405 L750 408 L780 406 L810 398 L840 393 L870 400 L900 416'/%3E%3Cpath d='M0 487 L30 489 L60 482 L90 474 L120 472 L150 473 L180 469 L210 456 L240 439 L270 428 L300 432 L330 446 L360 459 L390 465 L420 465 L450 467 L480 477 L510 489 L540 494 L570 484 L600 466 L630 450 L660 444 L690 446 L720 448 L750 444 L780 438 L810 439 L840 453 L870 472 L900 487'/%3E%3Cpath d='M0 540 L30 530 L60 521 L90 518 L120 516 L150 507 L180 489 L210 473 L240 468 L270 478 L300 496 L330 510 L360 516 L390 517 L420 523 L450 534 L480 543 L510 541 L540 524 L570 502 L600 487 L630 483 L660 486 L690 488 L720 484 L750 482 L780 490 L810 509 L840 531 L870 543 L900 540'/%3E%3Cpath d='M0 560 L30 556 L60 558 L90 559 L120 551 L150 538 L180 527 L210 528 L240 541 L270 556 L300 563 L330 561 L360 559 L390 563 L420 572 L450 578 L480 573 L510 557 L540 541 L570 535 L600 539 L630 545 L660 545 L690 540 L720 538 L750 546 L780 562 L810 576 L840 580 L870 571 L900 560'/%3E%3Cpath d='M0 602 L30 602 L60 598 L90 587 L120 573 L150 567 L180 574 L210 592 L240 607 L270 613 L300 612 L330 612 L360 618 L390 626 L420 626 L450 614 L480 594 L510 578 L540 575 L570 580 L600 586 L630 586 L660 584 L690 587 L720 601 L750 620 L780 632 L810 630 L840 618 L870 606 L900 602'/%3E%3Cellipse cx='630' cy='252' rx='90' ry='42'/%3E%3Cellipse cx='630' cy='252' rx='59' ry='28'/%3E%3Cellipse cx='630' cy='252' rx='32' ry='15'/%3E%3Cellipse cx='198' cy='432' rx='72' ry='34'/%3E%3Cellipse cx='198' cy='432' rx='48' ry='22'/%3E%3Cellipse cx='198' cy='432' rx='26' ry='12'/%3E%3C/svg%3E"),linear-gradient(180deg,#14221a 0%,#0f1a13 100%);background-size:900px 600px,auto;background-repeat:repeat,no-repeat}
@media (max-width:640px){.warm{background-size:120px 120px,auto}.sage{background-size:120px 120px,560px 373px,auto}.dark{background-size:560px 373px,auto}}
.dark p,.dark li{color:#dfe5dc}
.hero h1{color:#13221a!important;text-shadow:0 2px 22px rgba(246,241,228,.95),0 1px 0 rgba(255,255,255,.6)!important}
.hero h1 span{color:#2f5a3d!important}
.hero .lede,.hero p{color:#24332a!important}
.dash{border:1px solid rgba(19,34,26,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 0 rgba(214,180,106,.55),0 34px 70px -24px rgba(12,22,16,.62),0 14px 28px -12px rgba(12,22,16,.38)!important}
.dash__tabs [role=tab]{background:#fff!important;border:1.5px solid rgba(19,34,26,.28)!important;color:#13221a!important;font-weight:600!important;box-shadow:0 3px 8px -4px rgba(12,22,16,.35)!important;transition:transform .15s,background .15s!important}
.dash__tabs [role=tab][aria-selected=true]{background:var(--forest)!important;border-color:var(--forest)!important;color:#fff!important;box-shadow:0 6px 14px -6px rgba(12,22,16,.6)!important}
.dash__tabs [role=tab]:active{transform:scale(.96)!important}
.tl__step,.pil,.stk,.plan{border:1px solid rgba(19,34,26,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 16px 34px -16px rgba(12,22,16,.45),0 4px 10px -6px rgba(12,22,16,.25)!important}
.dark .tl__step,.dark .pil,.dark .stk,.dark .plan{border-color:rgba(214,180,106,.28)!important}
.tl__step:active,.pil:active,.stk:active,.plan:active{transform:scale(.985)!important}
.xtog{background:#fff!important;border:2px solid var(--forest)!important;color:var(--forest)!important;font-weight:700!important;box-shadow:0 8px 18px -10px rgba(12,22,16,.5)!important}
.xtog:active{transform:scale(.97)!important}
.dark .xtog{background:#c9a24a!important;border-color:#c9a24a!important;color:#13221a!important}
/* logo mark in header (Nov 9 2026) */
.mark i.logo{width:34px;height:34px;border-radius:10px}
.mark i.logo svg{width:24px;height:24px}
/* v6.8 (Nov 9 2026): texture accents on hero, cards, buttons and footer */
.hero{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .17 0 0 0 0 .1 0 0 0 .75 -.12'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#ece9df 0%,#e1ded2 55%,#cfd3c4 100%)!important;background-size:200px 200px,auto!important}
.tl__step,.stk,.plan,.chip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .24 0 0 0 0 .2 0 0 0 0 .12 0 0 0 .5 -.12'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")!important;background-size:140px 140px!important}
.pil{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .42 -.12'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.024))!important;background-size:140px 140px,auto!important}
.dark .tl__step,.dark .stk,.dark .plan{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .42 -.12'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")!important}
.btn--go{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .42 -.12'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#2a4634,#122019)!important;background-size:120px 120px,auto!important}
.foot{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240' fill='none' stroke='%23d6b46a' stroke-opacity='.14' stroke-width='1.2'%3E%3Cpath d='M0 20 C150 2 300 36 450 20 S600 20 600 20'/%3E%3Cpath d='M0 46 C150 28 300 62 450 46 S600 46 600 46'/%3E%3Cpath d='M0 72 C150 54 300 88 450 72 S600 72 600 72'/%3E%3Cpath d='M0 98 C150 80 300 114 450 98 S600 98 600 98'/%3E%3Cpath d='M0 124 C150 106 300 140 450 124 S600 124 600 124'/%3E%3Cpath d='M0 150 C150 132 300 166 450 150 S600 150 600 150'/%3E%3Cpath d='M0 176 C150 158 300 192 450 176 S600 176 600 176'/%3E%3Cpath d='M0 202 C150 184 300 218 450 202 S600 202 600 202'/%3E%3Cpath d='M0 228 C150 210 300 244 450 228 S600 228 600 228'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .42 -.12'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")!important;background-size:600px 240px,140px 140px!important}
@media (max-width:640px){.hero{background-size:150px 150px,auto!important}.foot{background-size:420px 168px,110px 110px!important}}
/* v6.9 (Nov 9 2026): texture pulled back; paper grain only on light cards; text contrast fixes */
.hero{background-image:linear-gradient(180deg,#ece9df 0%,#e1ded2 55%,#cfd3c4 100%)!important;background-size:auto!important}
.warm{background-image:linear-gradient(180deg,#efe6cf 0%,#e8dfc6 100%)!important;background-size:auto!important}
.sage{background-image:linear-gradient(180deg,var(--sage) 0%,#dfe4d7 100%)!important;background-size:auto!important}
.dark{background-image:linear-gradient(180deg,#14221a 0%,#101b14 100%)!important;background-size:auto!important}
.deep{background-image:linear-gradient(180deg,#0e1812 0%,#0b140f 100%)!important}
.foot{background-image:none!important}
.btn--go{background-image:linear-gradient(#2a4634,#122019)!important;background-size:auto!important}
.pil{background-image:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.024))!important;background-size:auto!important}
.dark .tl__step,.dark .stk,.dark .plan{background-image:none!important}
.chip{background-image:none!important}
.tl__step,.stk,.plan:not(.plan--pop),.form{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .22 -.04'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")!important;background-size:180px 180px!important}
.plan--pop{background-image:linear-gradient(180deg,#1b2c21,#121e16)!important;background-size:auto!important}
.hero .ex-note{color:#eef2ec!important}
.btn--ochre{background-image:linear-gradient(180deg,#9a7630,#7a5c20)!important;color:#fff!important}
.dark .form p,.dark .form li,.dark .form label{color:#3d4a41!important}
.hero h1,.hero h1 span{-webkit-text-fill-color:currentColor!important;background:none!important}
.hero h1 span{color:#2a5236!important}
/* v7.0 (Nov 9 2026): brighter palette, paper texture on all white surfaces, new logo + wordmark */
.hero{background-image:linear-gradient(180deg,#faf8f1 0%,#f3f1e8 55%,#e6ebdf 100%)!important}
.warm{background-image:linear-gradient(180deg,#f8f1de 0%,#f3ebd6 100%)!important}
.sage{background-image:linear-gradient(180deg,#eef2e8 0%,#e6ece0 100%)!important}
.dark{background-image:linear-gradient(180deg,#1a2e22 0%,#14251b 100%)!important}
.deep{background-image:linear-gradient(180deg,#132219 0%,#0f1c14 100%)!important}
.tl__step,.stk,.plan:not(.plan--pop),.form,.dash,.chip,.nav .wrap,.nav__in,.hero .btn--line,.hero .kicker,.mini,.cmp,.col,.tile{background-color:#fffdf7!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .34 0 0 0 0 .22 0 0 0 .3 -.05'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")!important;background-size:200px 200px!important}
.dark .mini{background-color:rgba(0,0,0,.22)!important;background-image:none!important}
.mark{font-weight:800!important;letter-spacing:-.025em!important;color:#13221a!important}
.mark em{margin-left:.18em;background:linear-gradient(180deg,#c9962e,#8a6420);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}
.mark i.logo{background:linear-gradient(135deg,#2f6546,#0e2117)!important;box-shadow:0 0 0 1px rgba(214,180,106,.55),0 6px 14px -6px rgba(14,33,23,.7)!important}
.mark i.logo svg{width:26px;height:26px}