/* DAYLIGHT — TaskForce design system · 2026-07-03 · Board A locked by Command */
:root{
  --paper:#FAF7F2; --card:#FFFFFF; --tint:#F3EEE5;
  --ink:#1C1917; --muted:#57534E; --soft:#78716C;
  --ember:#C2551E; --ember-deep:#9C3F12; --ember-wash:#F8E9DF;
  --verified:#1F7A54; --verified-wash:#E8F3ED;
  --line:#E7E0D6; --line-soft:#EFE9DE;
  --terminal:#1C1917; --terminal-text:#E7E5E4;
  --max:1080px; --r:12px;
  --shadow-1:0 1px 2px rgba(28,25,23,.05),0 4px 10px rgba(28,25,23,.05);
  --shadow-2:0 2px 4px rgba(28,25,23,.06),0 10px 24px rgba(28,25,23,.07);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:0 0 8px 0;z-index:99}
.skip:focus{left:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
a{color:var(--ember);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2.5px solid var(--ember);outline-offset:2px;border-radius:4px}

/* nav */
.nav{position:sticky;top:0;background:rgba(250,247,242,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft);z-index:50;transition:box-shadow .3s ease}
.nav.scrolled{box-shadow:0 4px 14px rgba(28,25,23,.06)}
.nav-in{max-width:var(--max);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.wm{display:inline-flex;align-items:center;gap:10px;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:20px;letter-spacing:-.01em;color:var(--ink)}
.wm svg{width:26px;height:26px;flex-shrink:0}
.wm:hover{text-decoration:none}
.nav-links{display:flex;gap:26px;align-items:center;font-size:14.5px}
.nav-links a{color:var(--muted);font-weight:500}
.nav-links a:hover{color:var(--ink);text-decoration:none}
.nav-links a[aria-current]{color:var(--ink)}
.btn{display:inline-block;padding:13px 22px;border-radius:10px;font-weight:600;font-size:15px;border:none;cursor:pointer;text-align:center}
.btn:hover{text-decoration:none}
.btn-p{background:var(--ember);color:#FFF7F0}
.btn-p:hover{background:var(--ember-deep)}
.btn-g{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.btn-g:hover{border-color:var(--soft)}
.nav .btn{padding:10px 16px;font-size:14px}
.nav-links a.btn-p{color:#FFF7F0}
.nav-links a.btn-p:hover{color:#FFF7F0}
.menu-btn{display:none;background:none;border:1.5px solid var(--line);border-radius:8px;padding:8px 12px;font-size:16px;color:var(--ink)}
@media(max-width:840px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;padding:18px 24px;gap:16px}.menu-btn{display:block}}

/* type */
h1,h2{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.02em;line-height:1.06}
h1{font-size:clamp(40px,6.2vw,62px)}
h2{font-size:clamp(28px,4vw,38px);line-height:1.12}
h3{font-size:19px;font-weight:700;letter-spacing:-.01em}
.kicker{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ember-deep);font-weight:500}
.lead{font-size:18.5px;color:var(--muted);max-width:56ch}
.sec{padding:84px 0}
.sec-tint{background:var(--tint);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.sec-head{max-width:62ch;margin-bottom:40px}
.sec-head .kicker{display:block;margin-bottom:12px}
.sec-head p{color:var(--muted);margin-top:14px}
.mut{color:var(--muted)}
.small{font-size:13.5px;color:var(--soft)}

/* hero */
.hero{padding-top:96px;padding-bottom:72px;background:var(--paper)}
.hero .kicker{display:block;margin-bottom:18px}
.hero p.lead{margin-top:20px}
.ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.stats{display:flex;gap:34px;margin-top:56px;border-top:1px solid var(--line);padding-top:26px;flex-wrap:wrap}
.stat{min-width:200px;flex:1}
.stat b{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ember);display:block}
.stat b.inkb{color:var(--ink)}
.stat span{font-size:13.5px;color:var(--soft);display:block;margin-top:4px;line-height:1.5}

/* cards & grids */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:840px){.grid3,.grid4{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r);padding:26px}
.card h3{margin-bottom:8px}
.card p{font-size:15px;color:var(--muted)}
.tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--verified);display:block;margin-bottom:10px}
.tag-e{color:var(--ember)}
.step-n{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ember);display:block;margin-bottom:10px}

/* terminal */
.terminal{background:var(--terminal);border-radius:var(--r);padding:26px 28px;box-shadow:inset 0 2px 10px rgba(0,0,0,.32);font-family:'JetBrains Mono',monospace;font-size:13.5px;line-height:1.9;color:var(--terminal-text);overflow-x:auto}
.terminal .cmd{color:#D6D3D1}
.terminal .ok{color:#7FD1A8}
.terminal .out{color:#A8A29E}
.terminal .em{color:#EF9364}

/* calculator */
.calc{background:var(--card);border:1px solid var(--line-soft);border-radius:16px;padding:34px;box-shadow:var(--shadow-2)}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 26px}
.chip{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--ember-wash);border-color:var(--ember);color:var(--ember-deep)}
.calc-row{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.calc-row label{font-size:14px;color:var(--muted);min-width:170px}
.calc-row input[type=range]{flex:1;min-width:180px;accent-color:var(--ember)}
.calc-row output{font-weight:700;font-size:15px;min-width:70px}
.calc-out{display:flex;gap:40px;border-top:1px solid var(--line-soft);margin-top:22px;padding-top:22px;flex-wrap:wrap;align-items:end}
.calc-out b{font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--ember);display:block}
.calc-out span{font-size:13px;color:var(--soft)}

/* faq */
.faq{max-width:760px}
.faq details{border-bottom:1px solid var(--line);padding:20px 0}
.faq summary{font-weight:600;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:var(--ember);font-weight:600;font-size:20px}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);margin-top:12px;max-width:66ch}

/* pricing */
.tier{position:relative}
.tier .price{font-size:34px;font-weight:800;letter-spacing:-.02em;margin:8px 0 2px}
.tier .per{font-size:13px;color:var(--soft)}
.tier ul{list-style:none;margin:18px 0 22px}
.tier li{font-size:14.5px;color:var(--muted);padding:6px 0 6px 26px;position:relative}
.tier li::before{content:"✓";position:absolute;left:0;color:var(--verified);font-weight:700}
.tier .btn{width:100%}
.tier-hot{border:2px solid var(--ember)}
.hot-badge{position:absolute;top:-13px;left:24px;background:var(--ember);color:#FFF7F0;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px}

/* strips & footer */
.strip{background:var(--verified-wash);border:1px solid #D6E8DE;border-radius:var(--r);padding:18px 24px;font-size:15px;color:#14523A;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cta-final{background:var(--ink);color:#F5F1EA;border-radius:20px;padding:64px 48px;text-align:center}
.cta-final h2{color:#FAF7F2}
.cta-final p{color:#C7C0B5;max-width:52ch;margin:16px auto 28px}
footer{border-top:1px solid var(--line);margin-top:84px;padding:56px 0 40px;font-size:14px;color:var(--muted)}
.foot{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}
.foot h4{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:12px;font-family:'JetBrains Mono',monospace}
.foot ul{list-style:none}
.foot li{padding:3px 0}
.foot a{color:var(--muted)}
.foot a:hover{color:var(--ink)}
.foot a.foot-cta{color:var(--ember);font-weight:600}
.foot a.foot-cta:hover{color:var(--ember-deep)}
.foot-brand{max-width:34ch}
.legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--soft);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.inline-cta{display:inline-block;margin-top:22px;font-weight:600}
table.spec{width:100%;border-collapse:collapse;font-size:14.5px}
table.spec th{text-align:left;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);padding:10px 14px;border-bottom:1px solid var(--line)}
table.spec td{padding:12px 14px;border-bottom:1px solid var(--line-soft);color:var(--muted)}
table.spec td:first-child{color:var(--ink);font-weight:600}
.prose{max-width:72ch}
.prose h2{font-size:24px;margin:36px 0 12px}
.prose p,.prose li{color:var(--muted);margin-bottom:12px}
.prose ul{padding-left:22px}

/* R1 — pizazz pack (Command 7/3): motion + inked outlines + hand-drawn accents */
/* R4 depth: standard cards ride soft warm-ink shadows; feature/tier cards keep the R1 inked motif */
.card{border:1px solid var(--line);box-shadow:var(--shadow-1);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-3px);border-color:var(--ember);box-shadow:var(--shadow-2)}
.tier,.card-ink{border:1.5px solid #4A443B;box-shadow:3px 3px 0 #E6DCCB}
.tier:hover,.card-ink:hover{border-color:var(--ember);box-shadow:4px 5px 0 var(--ember-wash)}
.tier-hot{border:2px solid var(--ember)}
.btn{transition:transform .2s ease,background .2s ease,border-color .2s ease}
.btn-p:hover{transform:translateY(-1px)}
.rv{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.card,.btn{transition:none}}
.hl{position:relative}
.hl::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-4px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 10 C 45 3, 120 2, 197 7' stroke='%23C2551E' stroke-width='5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M8 12 C 60 7, 130 6, 190 10' stroke='%23C2551E' stroke-width='2.5' stroke-linecap='round' fill='none' opacity='.55'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.doodle{flex-shrink:0}
@media(max-width:840px){.doodle{display:none}}
.tick{animation:tick .3s ease}
@keyframes tick{50%{transform:scale(1.06)}}

/* R4 — primary-CTA color guarantee: no future context may grey a primary CTA */
.btn-p,.btn-p:hover,.btn-p:visited{color:#FFF7F0!important}

/* R5 — hamburger nav (all pages) + mobile pass + community (2026-07-03) */
.nav-legal{display:none}
body.menu-open{overflow:hidden}
@media(max-width:840px){
  .nav-links.open{position:absolute;left:0;right:0;top:100%;height:calc(100vh - 55px);background:var(--paper);border-bottom:none;flex-direction:column;align-items:flex-start;padding:26px 24px;gap:20px;font-size:18px;overflow-y:auto;z-index:60}
  .nav-links.open a{padding:2px 0}
  .nav-links.open .btn{width:100%;margin-top:6px;padding:14px 22px;font-size:16px}
  .nav-links.open .nav-legal{display:flex;gap:22px;margin-top:14px;padding-top:18px;border-top:1px solid var(--line-soft);font-size:14.5px;width:100%}
  .nav-links.open .nav-legal a{color:var(--soft)}
  .menu-btn{min-height:44px;min-width:44px}
}
.chip{padding:11px 18px;min-height:44px}
.calc-row input[type=range]{min-height:44px}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* community — product window (the one dark element) */
.pw{background:var(--terminal);border-radius:14px;box-shadow:var(--shadow-2);overflow:hidden;color:var(--terminal-text);font-size:14px}
.pw-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #3A3532;background:#252220}
.pw-dot{width:10px;height:10px;border-radius:50%;background:#57534E}
.pw-url{font-family:'JetBrains Mono',monospace;font-size:12px;color:#A8A29E;margin-left:8px}
.pw-pill{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;color:#7FD1A8;border:1px solid #2E5A44;border-radius:999px;padding:3px 10px}
.pw-body{padding:20px 22px}
.pw-kicker{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;color:#A8A29E}
.pw-stats{display:flex;gap:22px;margin:10px 0 16px;flex-wrap:wrap}
.pw-stats b{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#F5F1EA;display:block}
.pw-stats span{font-size:11.5px;color:#A8A29E}
.pw-chart{display:flex;align-items:flex-end;gap:5px;height:56px;margin-bottom:18px}
.pw-chart i{flex:1;background:#44403C;border-radius:2px 2px 0 0}
.pw-chart i.on{background:var(--ember)}
.pw-rows{border-top:1px solid #3A3532}
.pw-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #3A3532;font-size:13.5px}
.pw-row b{font-weight:600;color:#E7E5E4}
.pw-row .st{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;border-radius:4px;padding:2px 7px;border:1px solid}
.st-run{color:#7FD1A8;border-color:#2E5A44}
.st-aud{color:#D6D3D1;border-color:#57534E}
.st-att{color:#EF9364;border-color:#7C4A2D;border-style:dashed}
.pw-row .hrs{margin-left:auto;color:#A8A29E;font-family:'JetBrains Mono',monospace;font-size:12px}
.pw-foot{padding:12px 22px;border-top:1px solid #3A3532;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;color:#7FD1A8}
.pw-note{margin-top:12px}
.nl-form{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.nl-form input[type=email]{flex:1;min-width:220px;padding:13px 16px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:16px;background:var(--card)}
.chips-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.chips-social a{border:1.5px solid var(--line);border-radius:999px;padding:10px 18px;min-height:44px;display:inline-flex;align-items:center;font-size:14px;font-weight:500;color:var(--muted)}
.chips-social a:hover{border-color:var(--ember);color:var(--ember-deep);text-decoration:none}
@media(max-width:840px){.pw-body{padding:16px}.pw-stats{gap:14px}}


/* R6 — Command notes 7/3: dark-surface mark + engagement/color guidance (foundation tokens only) */
.cta-mark{width:44px;height:44px;display:inline-block;margin-bottom:18px}
.hl2{position:relative;white-space:nowrap}
.hl2::after{content:"";position:absolute;left:-1%;right:-1%;bottom:-3px;height:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 10 C 45 3, 120 2, 197 7' stroke='%23C2551E' stroke-width='6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.cta-final .hl2::after{opacity:.85}
.nav-links a[aria-current]{color:var(--ink);position:relative}
.nav-links a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2.5px;border-radius:2px;background:var(--ember)}
@media(max-width:840px){.nav-links.open a[aria-current]::after{left:0;right:auto;width:28px;bottom:-4px}}
.grid4 .card{border-top:3px solid var(--ember-wash)}
.grid4 .card:hover{border-top-color:var(--ember)}
.grid4 .card:nth-child(4){border-top-color:var(--verified-wash)}
.grid4 .card:nth-child(4):hover{border-top-color:var(--verified)}
.grid4 .card:nth-child(4) .step-n{color:var(--verified)}
.chip[aria-pressed="true"]{box-shadow:0 0 0 3px var(--ember-wash)}
.faq details[open] summary{color:var(--ember-deep)}


/* R7 — Forge dark-tone hybrid (2026-07-03): ink bands, dark footer, deepened CTA.
   Forge palette woven in (ink-deep/cream/brass/oxblood); Daylight structure untouched. */
:root{--ink-deep:#1E1418;--cream:#F1E7D8;--cream-2:#B6A893;--brass:#B0894C;--oxblood:#6E2230;--line-dark:rgba(241,231,216,.14)}
.sec-dark{background:var(--ink-deep);color:var(--cream);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.sec-dark h2,.sec-dark h3{color:var(--cream)}
.sec-dark .kicker{color:var(--brass)}
.sec-dark .sec-head p,.sec-dark p{color:var(--cream-2)}
.sec-dark .small,.sec-dark .mut{color:var(--cream-2)}
.sec-dark .terminal{background:#17100E;border:1px solid var(--line-dark);box-shadow:inset 0 2px 10px rgba(0,0,0,.45)}
.sec-dark .card{background:#2A2025;border-color:var(--line-dark);box-shadow:none}
.sec-dark .card p{color:var(--cream-2)}
.sec-dark .card:hover{border-color:var(--brass);box-shadow:none}
.sec-dark a:not(.btn){color:var(--cream)}
.sec-dark .btn-g{color:var(--cream);border-color:rgba(241,231,216,.32)}
.sec-dark .btn-g:hover{border-color:var(--cream)}

/* dark footer — site-wide anchor */
footer{background:var(--ink-deep);border-top:1px solid var(--line-dark);margin-top:84px;padding:64px 0 44px;color:var(--cream-2)}
footer .wm{color:var(--cream)}
footer .wm svg .tf{fill:var(--cream)}
.foot h4{color:var(--brass)}
.foot a{color:var(--cream-2)}
.foot a:hover{color:var(--cream)}
.foot a.foot-cta{color:#E8845A}
.foot a.foot-cta:hover{color:#F2A480}
.foot-brand p{color:var(--cream-2)}
footer .legal{border-top:1px solid var(--line-dark);color:var(--cream-2);opacity:.85}

/* deepened final CTA — Forge ink + hairline */
.cta-final{background:var(--ink-deep);border:1px solid var(--line-dark);color:var(--cream)}
.cta-final h2{color:var(--cream)}
.cta-final p{color:var(--cream-2)}
.cta-final .btn-g{color:var(--cream);border-color:rgba(241,231,216,.32)}
.cta-final .btn-g:hover{border-color:var(--cream)}

/* R7 — mobile pass (≤560px): tighter rhythm, full-width CTAs, single-column stats */
@media(max-width:560px){
  .wrap{padding:0 20px}
  .sec{padding:54px 0}
  .hero{padding-top:56px;padding-bottom:46px}
  h1{font-size:clamp(33px,9.6vw,40px)}
  h2{font-size:clamp(24px,6.6vw,30px)}
  .lead{font-size:16.5px}
  .ctas{flex-direction:column;align-items:stretch}
  .ctas .btn{width:100%}
  .stats{gap:18px;margin-top:40px;padding-top:20px}
  .stat{flex:1 1 100%;min-width:0}
  .sec-head{margin-bottom:26px}
  .card{padding:20px}
  .calc{padding:20px 16px;border-radius:14px}
  .calc-row label{min-width:0;flex:1 1 100%}
  .calc-out{gap:18px}
  .calc-out b{font-size:26px}
  .calc-out>div[style]{margin-left:0!important;width:100%}
  .terminal{padding:16px 14px;font-size:12px;line-height:1.75}
  .cta-final{padding:40px 20px;border-radius:16px}
  .tier .price{font-size:28px}
  .foot{gap:26px}
  .foot>div{flex:1 1 40%}
  .foot-brand{flex:1 1 100%;max-width:none}
  footer{margin-top:56px;padding:48px 0 36px}
}

/* dark spec sheet (method) */
.sec-dark table.spec th{color:var(--cream-2);border-color:var(--line-dark)}
.sec-dark table.spec td{color:var(--cream-2);border-color:var(--line-dark)}
.sec-dark table.spec td:first-child{color:var(--cream)}
.sec-dark .strip{background:rgba(31,122,84,.16);border-color:rgba(127,209,168,.3);color:#A9D9BF}
.sec-dark .strip a{color:#CFEBD9}

/* R8 — deep dark integration (2026-07-03 PM, Command directive): ink bookends + dark instruments.
   Grammar: dark nav + dark footer frame every page; each page carries 2-3 ink moments;
   cream stays the canvas, ink does the narrative work. */

/* dark nav — site-wide bookend */
.nav{background:rgba(30,20,24,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(241,231,216,.12)}
.nav.scrolled{box-shadow:0 4px 18px rgba(0,0,0,.35)}
.nav .wm{color:var(--cream)}
.nav-links a{color:var(--cream-2)}
.nav-links a:hover{color:var(--cream)}
.nav-links a[aria-current]{color:var(--cream)}
.menu-btn{border-color:rgba(241,231,216,.3);color:var(--cream);background:transparent}
@media(max-width:840px){
  .nav-links.open{background:var(--ink-deep)}
  .nav-links.open a{color:var(--cream-2)}
  .nav-links.open a:hover,.nav-links.open a[aria-current]{color:var(--cream)}
  .nav-links.open .nav-legal{border-top-color:rgba(241,231,216,.14)}
  .nav-links.open .nav-legal a{color:#8A7C6C}
}

/* dark calculator — the instrument */
.sec-dark .calc{background:#241B1F;border-color:var(--line-dark);box-shadow:none}
.sec-dark .chip{background:#2A2025;border-color:rgba(241,231,216,.22);color:var(--cream-2)}
.sec-dark .chip[aria-pressed="true"]{background:rgba(194,85,30,.16);border-color:var(--ember);color:#F2A480;box-shadow:0 0 0 3px rgba(194,85,30,.14)}
.sec-dark .calc-row label{color:var(--cream-2)}
.sec-dark .calc-row output{color:var(--cream)}
.sec-dark .calc-out{border-top-color:var(--line-dark)}
.sec-dark .calc-out b{color:#E8845A}
.sec-dark .calc-out span{color:var(--cream-2)}

/* dark featured tier (Forge pattern) */
.tier-hot{background:var(--ink-deep);border:2px solid var(--ember);color:var(--cream);box-shadow:3px 3px 0 #E6DCCB}
.tier-hot h3,.tier-hot .price{color:var(--cream)}
.tier-hot .per{color:var(--cream-2)}
.tier-hot li{color:var(--cream-2)}
.tier-hot li::before{color:#7FD1A8}
.tier-hot:hover{box-shadow:4px 5px 0 var(--ember-wash)}

/* dark newsletter / community band */
.sec-dark .nl-form input[type=email]{background:#241B1F;border-color:rgba(241,231,216,.25);color:var(--cream)}
.sec-dark .nl-form input[type=email]::placeholder{color:#8A7C6C}
.sec-dark .chips-social a{border-color:rgba(241,231,216,.25);color:var(--cream-2)}
.sec-dark .chips-social a:hover{border-color:var(--ember);color:#F2A480;text-decoration:none}
.sec-dark .pw{border:1px solid var(--line-dark);box-shadow:0 20px 44px -26px rgba(0,0,0,.8)}
.sec-dark .tag{color:#7FD1A8}
.sec-dark .step-n{color:#E8845A}
.sec-dark .card h3{color:var(--cream)}
.sec-dark .strip{margin-top:0}
.sec-dark .inline-cta{color:#F2A480}

/* R9 — QA pass (2026-07-04): coming-soon social chips (non-interactive) */
.chips-social span{border:1.5px dashed var(--line);border-radius:999px;padding:10px 18px;min-height:44px;display:inline-flex;align-items:center;font-size:14px;color:var(--soft)}
.sec-dark .chips-social span{border-color:rgba(241,231,216,.18);color:#8A7C6C}


/* R10 — Concept 4 refinement pass (staged, Command not yet confirmed to deploy):
   soft-UI (neumorphic) + frosted-glass material layer, applied WITHOUT changing the
   established light/dark section rhythm (2 dark bands stay: calculator + proof).
   New tokens supplement, never replace, the R7 dark-token block. */
:root{
  --neu-d:rgba(196,185,168,.55); --neu-l:rgba(255,255,255,.92);
  --neu-d-dark:rgba(0,0,0,.5); --neu-l-dark:rgba(120,95,80,.22);
}

/* hero: bolder type ceiling + live cursor-glow (wired in daylight.js) */
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,20%),rgba(194,85,30,.06),transparent 70%)}
.hero .wrap{position:relative;z-index:1}
h1{font-size:clamp(42px,6.8vw,72px)}

/* neumorphic stat pods — replaces flat top-border row with soft-extruded pods */
.stats{border-top:none;padding-top:0;gap:16px}
.stat{background:var(--paper);border-radius:16px;padding:18px 20px;box-shadow:6px 6px 13px var(--neu-d),-6px -6px 13px var(--neu-l)}

/* neumorphic secondary button — press-in on hover, scoped off nav (nav btn stays compact/flat) */
.hero .btn-g,.cta-final .btn-g,.sec .btn-g{background:var(--paper);border:none;box-shadow:5px 5px 11px var(--neu-d),-5px -5px 11px var(--neu-l);transition:box-shadow .2s ease,transform .2s ease}
.hero .btn-g:hover,.cta-final .btn-g:hover,.sec .btn-g:hover{box-shadow:inset 3px 3px 7px var(--neu-d),inset -3px -3px 7px var(--neu-l);transform:none}
.sec-dark .btn-g{background:transparent;box-shadow:none;border:1.5px solid rgba(241,231,216,.32)}
.sec-dark .btn-g:hover{box-shadow:none;border-color:var(--cream)}


/* connected stepper — sits above the existing grid4 on "How it works" (light section, unchanged bg) */
.arc-wrap{position:relative;overflow:hidden}
.arc-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;opacity:.16}
.arc-glow-1{width:380px;height:380px;background:var(--ember);top:-180px;left:6%}
.arc-glow-2{width:300px;height:300px;background:var(--brass);bottom:-160px;right:8%;opacity:.13}
.arc-wrap>.wrap{position:relative;z-index:1}
.arc-track{position:relative;display:flex;justify-content:space-between;padding:0 26px;margin-bottom:28px}
.arc-line{position:absolute;top:21px;left:48px;right:48px;height:2px;background:linear-gradient(90deg,var(--ember),var(--brass));opacity:.45;z-index:0}
.arc-line i{position:absolute;top:-2px;left:0;height:6px;width:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 10px 3px rgba(194,85,30,.55);animation:pulse-run 3.6s ease-in-out infinite}
@keyframes pulse-run{0%{left:0}100%{left:100%}}
@media(prefers-reduced-motion:reduce){.arc-line i{animation:none;left:0}}
.arc-node{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;box-shadow:5px 5px 10px var(--neu-d),-5px -5px 10px var(--neu-l)}
.arc-node svg{width:18px;height:18px}
@media(max-width:840px){.arc-track{display:none}}

/* glass card modifier — frosted overlay for cards sitting over the arc-glow wash (light sections only) */
.card-glass{background:rgba(255,255,255,.55);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid rgba(231,224,214,.7)}
.card-glass:hover{border-color:var(--ember)}

/* pricing: stage grouping + neumorphic price-chip (light tiers keep existing .tier/.tier-hot rules) */
.stage{margin-bottom:40px}
.stage:last-child{margin-bottom:0}
.stage-label{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);display:block;margin-bottom:14px}
.sec-dark .stage-label{color:var(--brass)}
.tier-row{display:grid;gap:16px}
.row-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:760px){.row-2{grid-template-columns:1fr}}
.price-chip{display:inline-flex;align-items:baseline;gap:8px;background:var(--paper);border-radius:12px;padding:12px 16px;box-shadow:4px 4px 9px var(--neu-d),-4px -4px 9px var(--neu-l);margin:8px 0 4px}
.price-chip b{font-size:25px;font-weight:800;letter-spacing:-.02em;color:var(--ember)}
.price-chip span{font-size:12px;color:var(--soft);max-width:18ch;line-height:1.35}
.tier-hot .price-chip{background:var(--ink-deep);box-shadow:4px 4px 9px var(--neu-d-dark),-4px -4px 9px var(--neu-l-dark)}
.tier-hot .price-chip b{color:#FFC29B}
.tier-hot .price-chip span{color:var(--cream-2)}
.capline{margin-top:18px;font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}
.sec-dark .capline{color:var(--cream-2);border-top-color:var(--line-dark)}


/* R10 mobile (≤560px) — extends the R7 tightening pass to the new elements */
@media(max-width:560px){
  .stats{gap:12px}
  .stat{padding:15px 16px}
  .price-chip{padding:11px 14px}
  .price-chip b{font-size:22px}
  .stage{margin-bottom:30px}
}


/* persona manifesto — signed founder quote pod (light sections; neumorphic, matches R10 grammar) */
.manifesto{background:var(--paper);border-radius:16px;padding:34px 38px;max-width:720px;box-shadow:6px 6px 13px var(--neu-d),-6px -6px 13px var(--neu-l)}
.manifesto p{font-family:Fraunces,Georgia,serif;font-size:clamp(24px,3.4vw,36px);font-weight:600;letter-spacing:-.02em;line-height:1.18;color:var(--ink)}
.manifesto p b{color:var(--ember);font-weight:600;display:block;margin-top:6px}
.manifesto cite{display:block;font-style:normal;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ember-deep);margin-top:18px}
@media(max-width:560px){.manifesto{padding:24px 22px}}