:root{--ink:#1F3A4D;--green:#286F61;--mist:#EEF3F6;--sand:#F4EFE6;--blue:#3A7CA5;--orange:#9A4508;--text:#2B2F33}
*{box-sizing:border-box}body{margin:0;font:1.0625rem/1.6 system-ui,-apple-system,"Segoe UI",Inter,sans-serif;color:var(--text);background:#fff}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.narrow{max-width:720px}
.topbar{background:var(--ink);color:#fff;text-align:center;font-size:0.875rem;padding:8px 12px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;flex-wrap:wrap;gap:10px}.logo{height:40px}
nav a{margin-left:18px;color:var(--ink);text-decoration:none;font-weight:600}
h1{font-size:clamp(1.875rem,5vw,2.875rem);line-height:1.15;color:var(--ink);margin:.2em 0}h1 em{color:var(--green)}h2{color:var(--ink);font-size:1.875rem}h3{color:var(--ink);margin:.2em 0}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:40px 20px 60px}
@media(max-width:820px){.hero{grid-template-columns:1fr}}
.lead{font-size:1.25rem}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.btn{display:inline-block;background:var(--green);color:#fff;border:2px solid var(--green);padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none;font-size:1.0rem;cursor:pointer;min-height:44px}
.btn.ghost{background:#fff;color:var(--green)}.btn.sm{padding:6px 14px;margin-left:18px}
.fine{font-size:0.875rem;color:#4B5563}.center{text-align:center}
.mock{background:var(--sand);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(31,58,77,.12)}.mt{font-weight:700;color:var(--ink);margin-bottom:10px}
.bar{background:#fff;border-left:6px solid var(--green);padding:10px;border-radius:8px;margin:8px 0;font-size:0.9375rem;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.gap{border:2px dashed var(--orange);color:var(--orange);padding:8px;border-radius:8px;font-size:0.875rem;font-weight:600}
.ok{color:var(--blue);font-weight:700}.warn{color:var(--orange);font-weight:700}
.pain{background:var(--mist);padding:50px 0}
section{padding:50px 0}.alt{background:var(--mist)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:#fff;border:1px solid #D6E0E7;border-radius:14px;padding:22px}
.price{position:relative;display:flex;flex-direction:column}.price ul{padding-left:20px;flex:1}.amt{font-size:2.125rem;font-weight:800;color:var(--ink);margin:.2em 0}.amt small{font-size:0.9375rem;font-weight:500}
.hi{border:3px solid var(--green)}.tag{position:absolute;top:-13px;left:20px;background:var(--green);color:#fff;font-size:0.8125rem;padding:2px 10px;border-radius:20px}
form label{display:block;margin:12px 0;font-weight:600}form input[type=email]{display:block;width:100%;padding:12px;font-size:1.0rem;border:2px solid #9FB8C8;border-radius:8px;margin-top:6px}
.chk{font-weight:400!important}details{background:#fff;border-radius:10px;padding:14px 18px;margin:10px 0}summary{font-weight:700;color:var(--ink);cursor:pointer}
.disc{border:3px solid var(--ink);border-radius:14px;padding:10px 28px;margin:50px auto;background:var(--sand)}
footer{background:var(--ink);color:#fff;padding:30px 0}footer a{color:#fff}footer .fine{color:#C9D6DF}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* polish */
h2{line-height:1.2;margin:0 0 .6em}section h2{text-align:left}#features h2,#pricing h2,#faq h2{text-align:center}
a{color:var(--green)}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.btn:hover{filter:brightness(1.08)}.btn.ghost:hover{background:var(--mist)}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--ink);padding:8px 14px;z-index:10;font-weight:700}.skip:focus{left:12px}
.founder{border-left:4px solid var(--green);padding:4px 0 4px 16px;margin-top:24px}
.pain p{margin:0 0 1em}.legal{padding:30px 20px 60px}
.price ul li{margin:.3em 0}.card h3{font-size:1.1875rem}
@media(max-width:640px){
 body{font-size:1.0rem}.nav{padding:12px 16px}.logo{height:32px;width:auto}
 nav a:not(.btn){display:none}.btn.sm{margin-left:0}
 .hero{padding:24px 16px 40px;gap:28px}.lead{font-size:1.125rem}.ctas .btn{flex:1 1 100%;text-align:center}
 h2{font-size:1.5625rem}section,.pain{padding:40px 0}.disc{padding:6px 20px;margin:40px 16px}.topbar{font-size:0.8125rem}
}
.logo{width:auto}
.chk{display:grid!important;grid-template-columns:22px 1fr;column-gap:12px;align-items:start;min-height:44px;padding:8px 0;cursor:pointer;line-height:1.45}.chk input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--green)}.chk>span{min-width:0;overflow-wrap:break-word}.chk a{color:#2F6690;font-weight:600;text-decoration:underline}.chk a:focus-visible{outline:2px solid var(--green);outline-offset:2px}

/* ---- dark mode (follows system) + a11y ---- */
@media(prefers-color-scheme:dark){
 :root{--ink:#EEF4F6;--green:#2B7A6A;--mist:#1A2C37;--sand:#1C2C36;--blue:#8FC1E6;--orange:#F2AE72;--text:#E3EAEE}
 body{background:#14232E}a{color:#7CCDB8}nav a{color:#EEF4F6}h1 em{color:#7CCDB8}
 .topbar,footer{background:#0A1217}.card,details{background:#192B36;border-color:#2E4552}
 .btn.ghost{background:transparent;color:#7CCDB8;border-color:#7CCDB8}.btn.ghost:hover{background:#1A2C37}
 .bar{background:#14232E;color:#E3EAEE}.fine{color:#A8B7C1}footer .fine{color:#A8B7C1}
 .tag{color:#fff}.skip{background:#14232E;color:#EEF4F6}.chk a{color:#8FC1E6}
 form input[type=email]{background:#14232E;color:#E3EAEE;border-color:#56707F}.disc{background:#192B36;border-color:#7CCDB8}
 .mock{box-shadow:none;border:1px solid #2E4552}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.btn,.card,details{border:2px solid CanvasText}:focus-visible{outline:3px solid Highlight}}
/* ---- guides ---- */
.guide{padding-top:8px;padding-bottom:40px}.guide section{padding:0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:8px 0 18px;font-size:.875rem}.crumbs li+li::before{content:"/";margin-right:6px;color:#6B7280}.crumbs [aria-current]{color:#4B5563}
.ghead .lead{font-size:1.125rem;margin:.4em 0 .6em}.gmeta{display:flex;gap:14px;flex-wrap:wrap;font-size:.875rem;color:#4B5563;margin:0 0 18px}
.gmeta span+span::before{content:"·";margin-right:14px}
.gdisc{background:var(--sand);border-left:4px solid var(--ink);border-radius:10px;padding:10px 16px;font-size:.9375rem;margin:0 0 24px}.gdisc p{margin:.3em 0}
.prose h2{font-size:1.5rem;margin:1.6em 0 .5em;text-align:left!important}.prose p,.prose li{max-width:68ch}.prose li{margin:.35em 0}.prose ul,.prose ol{padding-left:1.3em}
.tablewrap{overflow-x:auto;margin:1em 0;border:1px solid #D6E0E7;border-radius:10px}.tablewrap table{border-collapse:collapse;width:100%;font-size:.9375rem;min-width:460px}
.tablewrap th,.tablewrap td{text-align:left;padding:9px 12px;border-bottom:1px solid #D6E0E7;vertical-align:top}.tablewrap th{background:var(--mist);color:var(--ink)}.tablewrap tr:last-child td{border-bottom:0}
.gfaq,.srcs,.related{margin-top:28px}.gfaq h2,.guide section h2,.related h2{font-size:1.375rem;text-align:left!important;margin:1.4em 0 .5em}
.gfaq details{border:1px solid #D6E0E7}.srcs li,.related li{margin:.45em 0}.related ul{padding-left:1.2em}
.cta{background:var(--mist);border-radius:16px;padding:22px!important;margin:36px 0 8px}.cta h2{margin-top:0!important}.cta .ctas{margin:14px 0 0}
.gcards{list-style:none;padding:0;display:grid;gap:14px;margin:0 0 28px}.gcard h2{font-size:1.1875rem;margin:0 0 .3em;text-align:left!important}.gcard h2 a{text-decoration:none;color:var(--ink)}.gcard h2 a:hover{text-decoration:underline}.gcard p{margin:0;color:#4B5563}
.flinks{font-size:.875rem;line-height:1.9}
summary{min-height:44px;display:flex;align-items:center}
nav a{display:inline-block;padding:10px 0}
@media(max-width:640px){.prose h2{font-size:1.3125rem}}
@media(prefers-color-scheme:dark){
 .gdisc{background:#192B36;border-color:#7CCDB8}.crumbs [aria-current],.gmeta,.gcard p,.crumbs li+li::before{color:#A8B7C1}
 .tablewrap,.tablewrap th,.tablewrap td,.gfaq details{border-color:#2E4552}.tablewrap th{background:#1A2C37;color:#EEF4F6}.cta{background:#192B36}.gcard h2 a{color:#EEF4F6}
}
.crumbs a,.related a{display:inline!important;padding:10px 0}.crumbs li{display:flex;align-items:center;min-height:44px}
.crumbs a,.related a{margin-left:0!important;color:var(--green);font-weight:600}@media(prefers-color-scheme:dark){.crumbs a,.related a{color:#7CCDB8}}
/* ---- Header brand (v2: ~2x larger, crisp SVG) ---- */
.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.brand .mark{width:38px;height:42px;display:block}
.brand .wm{font-size:1.375rem;font-weight:800;letter-spacing:-0.02em;color:#1F3A4D;line-height:1;white-space:nowrap}.brand .wm span{color:#226357;font-weight:700}
.nav>a:first-child{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.nav{flex-wrap:nowrap}.nav .btn.sm{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.btn .short{display:none}
@media(prefers-color-scheme:dark){.brand .wm{color:#F4EFE6}.brand .wm span{color:#7CC8B5}}
@media(max-width:370px){.brand .mark{width:34px;height:38px}.brand .wm{font-size:1.25rem}.btn .long{display:none}.btn .short{display:inline}.nav{padding:12px 14px}}
/* ---- Guides discoverability + tiers (v3) ---- */
@media(max-width:640px){nav a.navg{display:inline-flex;align-items:center;min-height:44px;margin:0 12px 0 0;padding:0 4px}}
@media(max-width:370px){.brand{gap:6px}.brand .mark{width:30px;height:34px}.brand .wm{font-size:1.125rem}nav a.navg{margin-right:8px}}
.gcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.gcard{display:flex;flex-direction:column;text-decoration:none;color:inherit}.gcard h3{margin:0 0 6px}.gcard p{margin:0 0 10px;flex:1}.gcard .more{font-weight:700;color:var(--green)}
@media(prefers-color-scheme:dark){.gcard .more{color:#7CCDB8}}
.price .stage{display:inline-block;font-size:0.75rem;font-weight:700;letter-spacing:.02em;text-transform:none;border-radius:20px;padding:3px 10px;background:#E1EEF5;color:#1F3A4D;margin-bottom:8px}
.price.hi .stage{background:#226357;color:#fff}
.price .job{margin:0 0 4px;font-weight:700;color:var(--green)}.price .best{margin:4px 0 8px}
.soon{display:inline-block;font-size:0.75rem;font-weight:700;border-radius:20px;padding:1px 8px;margin-left:4px;background:#FDEBDD;color:#9A4508;white-space:nowrap}
@media(prefers-color-scheme:dark){.price .stage{background:#17344A;color:#EEF4F6}.price.hi .stage{background:#7CCDB8;color:#0E171D}.price .job{color:#7CCDB8}.soon{background:#3A2716;color:#F2AE72}}
.nav nav{display:flex;align-items:center;flex-wrap:nowrap}
@media(max-width:370px){.nav{padding:10px 10px}.brand .wm{font-size:1.0625rem;letter-spacing:-0.03em}nav a.navg{margin-right:6px;padding:0 2px}.nav .btn.sm{padding:6px 12px}}
.price .lifetime{margin-top:14px;padding-top:12px;border-top:1px dashed #C9D3DA}.price .lifetime .lt{margin:0 0 4px}.price .lifetime .btn{margin-top:8px}
.lm{padding-top:2rem;padding-bottom:2rem}.lm ul{margin:.5rem 0 1rem 1.2rem}.lm .btn{margin-top:8px}
.amt .was{font-size:1.25rem;font-weight:600;color:var(--text);margin-right:.25em}.price .offer{font-size:.875rem;font-weight:600;margin:0 0 .5em}
/* ---- landing flow: bands, subheads, matched grids ---- */
main>section.band{padding:72px 0;margin:0}main>section.band.alt{background:var(--mist);border-block:1px solid #DCE5EB}
main>section.band h2{text-align:center;margin:0 0 .3em}.sub{text-align:center;color:#4B5563;margin:0 auto 32px;max-width:56ch;font-size:1.125rem}
.grid.three{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.grid.three{grid-template-columns:1fr}}
.band .gcards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 0 12px}.band .gcard{padding:18px}.band .gcard h3{font-size:1.0625rem}.band .gcard p{font-size:.9375rem}
.band .card p{margin:.4em 0 0}.band ol,.band ul.grid{list-style:none;padding:0;margin:0}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-weight:600;color:var(--ink)}.ticks svg{flex:none;color:var(--green);margin-top:3px}
.steps .num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;font-weight:700;margin-bottom:8px}
#story .founder{margin:0;border-left:4px solid var(--green);font-size:1.125rem}#story .founder p{margin:0}
#guides .lm{max-width:720px;margin:36px auto 0;padding:28px}#guides .lm h3{font-size:1.375rem;margin-top:0}
#waitlist .sub{margin-bottom:20px}
@media(max-width:640px){main>section.band{padding:48px 0}.sub{font-size:1rem;margin-bottom:24px}#guides .lm{padding:20px}}
@media(prefers-color-scheme:dark){main>section.band.alt{background:#1A2C37;border-color:#2E4552}.sub{color:#A8B7C1}.ticks svg{color:#7CCDB8}.steps .num{background:#7CCDB8;color:#0A1217}}
@media(max-width:430px){.btn .long{display:none}.btn .short{display:inline}}
main>section.band h2{text-align:center!important}.band .gcard{padding:14px 16px}.band .gcard .more{font-size:.9375rem}
.price .stage{align-self:flex-start;width:auto}
@media(min-width:1000px){.band .gcards{grid-template-columns:repeat(5,1fr)}}@media(min-width:560px) and (max-width:999px){.band .gcards{grid-template-columns:repeat(2,1fr)}}
.protag{display:inline-block;font-size:0.6875rem;font-weight:700;border-radius:20px;padding:2px 7px;margin-left:6px;vertical-align:middle;background:#E3F1EC;color:#1E5C4C}@media(prefers-color-scheme:dark){.protag{background:#17344A;color:#7CCDB8}}
.legal .tbl{overflow-x:auto;margin:1em 0}.legal table{border-collapse:collapse;width:100%;font-size:.92em}.legal th,.legal td{border:1px solid currentColor;border-color:rgba(127,127,127,.4);padding:6px 8px;text-align:left;vertical-align:top}.legal h2{margin-top:1.6em}