:root{
  /* Brand orange = chrome (logo, nav, buttons, eyebrows, links, accents).
     #DE7505 is the mark color; #A85504 is the AA-safe deep shade for text and
     white-on-color buttons (4.75:1+ on white). The --emerald* names are kept so
     existing chrome rules pick up the brand automatically. */
  --emerald:#DE7505; --emerald-deep:#A85504; --emerald-tint:#FCEBD8; --emerald-soft:#FEF6EE;
  /* Response green = DATA ONLY. Charts keep green = responded / red = did not. */
  --resp:#0F7C4A; --resp-deep:#0B5C37; --resp-tint:#EAF4EE; --resp-soft:#F2F9F5;
  --blue:#1D4E89; --violet:#6B46C1; --violet-tint:#F1ECFB;
  --flag:#B3261E; --flag-soft:#FBEAE8;
  /* Warm neutral ramp, harmonized with the orange brand (was cool green-grey). */
  --ink:#1C1710; --body:#4A4237; --muted:#6B6153; --hair:#EAE3D6;
  --canvas:#FFFFFF; --canvas-soft:#FBF7F0; --night:#161009; --night-soft:#1F160D;
  --partial:#7FB79C; --non:#CBD6CF;
}
*{box-sizing:border-box;}
html{ -webkit-print-color-adjust:exact; print-color-adjust:exact; scroll-behavior:smooth; }
body{ margin:0; background:var(--canvas); color:var(--body); font-family:'DM Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; font-size:17px; line-height:1.58; letter-spacing:-0.005em; }
.wrap{ max-width:1200px; margin:0 auto; padding:0 28px; }
.narrow{ max-width:700px; }
h1,h2,h3,h4{ font-family:'DM Sans'; color:var(--ink); font-weight:700; letter-spacing:-0.03em; line-height:1.1; margin:0; text-wrap:balance; }
h1{ font-size:clamp(34px,6vw,58px); letter-spacing:-0.045em; }
h2{ font-size:clamp(26px,3.8vw,36px); letter-spacing:-0.035em; }
h3{ font-size:clamp(19px,2.4vw,22px); letter-spacing:-0.025em; }
p{ margin:0; text-wrap:pretty; }
.lede{ font-size:clamp(18px,2.2vw,21px); color:var(--body); }
.eyebrow{ font-family:'JetBrains Mono'; font-weight:600; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--emerald-deep); display:inline-flex; align-items:center; gap:8px; }
.eyebrow::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--emerald); }
.eyebrow.light{ color:#8FCFAE; } .eyebrow.light::before{ background:#5FBF8C; }
.ex{ font-family:'JetBrains Mono'; font-weight:600; font-size:10.5px; letter-spacing:0.12em; text-transform:uppercase; color:var(--violet); background:var(--violet-tint); border:1px solid #DECFF4; border-radius:999px; padding:2px 7px 1px; display:inline-block; vertical-align:middle; line-height:1.4; white-space:nowrap; }
.ex.gone{ display:none; }
.num{ font-family:'DM Sans'; font-weight:700; color:var(--ink); letter-spacing:-0.04em; font-variant-numeric:tabular-nums; }

.topbar{ border-bottom:1px solid var(--hair); position:sticky; top:0; background:rgba(255,255,255,.9); backdrop-filter:blur(8px); z-index:30; }
.topbar .row{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding-top:13px; padding-bottom:13px; }
.brandmark{ font-weight:700; color:var(--ink); letter-spacing:-0.02em; font-size:18px; text-decoration:none; }
.brandmark small{ display:block; font-family:'JetBrains Mono'; font-weight:500; font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); margin-top:1px; }
.navend{ display:flex; align-items:center; gap:12px; }
.navlinks{ display:flex; gap:1px; align-items:center; }
.navlinks a{ font-size:14px; font-weight:600; color:var(--body); padding:8px 11px; border-radius:999px; text-decoration:none; white-space:nowrap; }
.navlinks a:hover{ color:var(--emerald-deep); background:var(--emerald-soft); }
.navtoggle{ display:none; background:none; border:0; cursor:pointer; padding:6px; color:var(--ink); }
.navtoggle svg{ width:24px; height:24px; stroke:currentColor; stroke-width:2; fill:none; }
.mobnav{ display:none; border-top:1px solid var(--hair); background:#fff; }
.mobnav.open{ display:block; }
.mobnav a{ display:block; padding:13px 28px; max-width:960px; margin:0 auto; font-weight:600; color:var(--body); text-decoration:none; border-bottom:1px solid var(--hair); }
@media(max-width:900px){ .navlinks{ display:none; } .navtoggle{ display:block; } }
.cta{ font-size:14px; font-weight:600; color:#fff; background:var(--emerald); padding:9px 16px; border-radius:999px; text-decoration:none; white-space:nowrap; }
.cta:hover{ background:var(--emerald-deep); }
.btn{ display:inline-block; text-decoration:none; font-weight:600; font-size:15px; border-radius:999px; padding:13px 24px; cursor:pointer; border:0; font-family:inherit; }
.btn.primary{ background:var(--emerald); color:#fff; } .btn.primary:hover{ background:var(--emerald-deep); }
.btn.dark{ background:#fff; color:var(--emerald-deep); }
.btn:focus-visible{ outline:2px solid var(--violet); outline-offset:3px; }
/* visible keyboard focus across all interactive elements (WCAG 2.4.7) */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{ outline:2px solid var(--violet); outline-offset:2px; border-radius:6px; }
.cta:focus-visible, .navlinks a:focus-visible, .mobnav a:focus-visible, .brandmark:focus-visible{ outline:2px solid var(--violet); outline-offset:3px; }
/* skip-to-content link, visually hidden until focused (WCAG 2.4.1) */
.skip{ position:absolute; left:8px; top:-48px; z-index:100; background:var(--emerald); color:#fff; padding:10px 16px; border-radius:8px; font-weight:600; font-size:14px; text-decoration:none; transition:top .15s; }
.skip:focus{ top:8px; outline:2px solid var(--violet); outline-offset:2px; }

section.block{ padding:60px 0; border-bottom:1px solid var(--hair); }
section.block.soft{ background:var(--canvas-soft); }
section.block.night{ background:var(--night); color:#CFE3D7; border-bottom:1px solid #1d3327; }
.night h2,.night h3{ color:#fff; } .night .lede{ color:#A9C7B6; }
.block h2{ margin-top:13px; } .block .lede{ margin-top:14px; }
.reveal{ opacity:1; transform:none; }
.js .reveal.is-visible{ opacity:1; transform:none; }

/* hero */
.hero{ padding:58px 0 46px; background:linear-gradient(180deg,var(--emerald-soft),var(--canvas)); border-bottom:1px solid var(--hair); }
.hero h1{ margin-top:18px; max-width:15ch; }
.hero .lede{ margin-top:20px; max-width:44ch; }
.hero .ctarow{ margin-top:26px; display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.hero .micro{ font-size:13.5px; color:var(--muted); }

/* hero contrast graphic */
.reveal-g{ margin-top:40px; display:grid; grid-template-columns:0.82fr auto 1.18fr; border:1px solid var(--hair); border-radius:16px; overflow:hidden; background:var(--canvas); }
.rg-left{ background:var(--canvas-soft); padding:22px; display:flex; flex-direction:column; justify-content:center; }
.rg-lab{ font-family:'JetBrains Mono'; font-weight:600; font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); }
.rg-lab.on{ color:var(--emerald-deep); }
.rg-stars{ margin-top:13px; font-size:23px; letter-spacing:3px; line-height:1; color:#BDB2A2; } .rg-stars .e{ color:#E9E1D5; }
.rg-avg{ margin-top:9px; font-size:30px; font-weight:700; color:#948A7C; letter-spacing:-0.03em; } .rg-avg small{ font-size:13px; font-weight:600; color:var(--muted); }
.rg-sub{ margin-top:9px; font-size:13px; color:var(--muted); max-width:24ch; line-height:1.45; }
.rg-flat{ margin-top:15px; height:9px; border-radius:5px; background:#DED6C8; }
.rg-mid{ display:flex; align-items:center; justify-content:center; padding:0 6px; border-left:1px solid var(--hair); border-right:1px solid var(--hair); }
.rg-mid span{ writing-mode:vertical-rl; transform:rotate(180deg); font-family:'JetBrains Mono'; font-size:9px; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted); white-space:nowrap; }
.rg-right{ padding:22px; }
.rg-cofactors{ margin-top:14px; display:flex; flex-direction:column; gap:11px; }
.rg-cf{ display:grid; grid-template-columns:1fr 104px 44px; align-items:center; gap:10px; }
.rg-cf .nm{ font-size:12.5px; color:var(--ink); font-weight:600; line-height:1.2; } .rg-cf .nm .tr{ display:block; font-size:11px; font-weight:400; margin-top:1px; }
.rg-cf .nm .tr.up{ color:var(--emerald-deep); } .rg-cf .nm .tr.dn{ color:var(--flag); }
.rg-cf .dv{ position:relative; height:9px; background:#F3EDE4; border-radius:5px; }
.rg-cf .dv::before{ content:""; position:absolute; left:50%; top:-2px; bottom:-2px; width:1px; background:#CBD6CF; }
.rg-cf .dv i{ position:absolute; top:0; height:9px; border-radius:5px; transition:width .8s cubic-bezier(.2,.7,.2,1); }
.rg-cf .dv i.pos{ left:50%; width:var(--w); background:var(--emerald); } .rg-cf .dv i.neg{ right:50%; width:var(--w); background:var(--flag); }
.js .reveal-g:not(.is-visible) .rg-cf .dv i{ width:0; }
.rg-cf .vl{ font-size:13px; font-weight:700; text-align:right; font-variant-numeric:tabular-nums; } .rg-cf .vl.pos{ color:var(--emerald-deep); } .rg-cf .vl.neg{ color:var(--flag); }
.rg-foot{ margin-top:15px; font-size:12px; color:var(--muted); border-top:1px solid var(--hair); padding-top:13px; }
@media(max-width:760px){ .reveal-g{ grid-template-columns:1fr; } .rg-mid{ border:0; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); padding:7px 0; } .rg-mid span{ writing-mode:horizontal-tb; transform:none; } }

/* interactive preview tool */
.tool{ margin-top:30px; border:1px solid var(--hair); border-radius:18px; overflow:hidden; background:var(--canvas); }
.tool .tgrid{ display:grid; grid-template-columns:1fr 1fr; }
.tool .picks{ padding:24px; border-right:1px solid var(--hair); }
.tool .out{ padding:24px; background:var(--night); color:#CFE3D7; }
.pickgroup{ margin-bottom:20px; } .pickgroup:last-child{ margin-bottom:0; }
.pickgroup .pl{ font-family:'JetBrains Mono'; font-weight:600; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); }
.chips{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.chip{ font-size:13.5px; font-weight:600; color:var(--body); background:var(--canvas-soft); border:1px solid var(--hair); border-radius:999px; padding:8px 14px; cursor:pointer; font-family:inherit; }
.chip.on{ color:#fff; background:var(--emerald); border-color:var(--emerald); }
.sizewrap{ margin-top:12px; display:flex; align-items:center; gap:14px; }
.sizewrap input[type=range]{ flex:1; accent-color:var(--emerald); }
.sizeval{ font-family:'JetBrains Mono'; font-weight:600; font-size:14px; color:var(--ink); min-width:74px; text-align:right; }
.out .ohead{ font-family:'JetBrains Mono'; font-weight:600; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:#6FA487; display:flex; align-items:center; gap:8px; }
.out .insight{ margin-top:14px; font-size:16.5px; line-height:1.5; color:#EAF5EE; font-weight:500; }
.out .insight b{ color:#fff; }
.out .ovis{ margin-top:18px; }
.ovis .vis{ display:none; } .ovis .vis.show{ display:block; }
.osplit{ display:flex; height:34px; border-radius:8px; overflow:hidden; }
.osplit span{ display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; }
.osplit .r{ background:#4FB87E; color:#04140C; } .osplit .p{ background:#2F7A56; color:#DCEFE3; } .osplit .n{ background:#3A4D43; color:#A9C7B6; }
.ophenonote{ margin-top:10px; font-size:13px; color:#A9C7B6; }
.ocf{ display:flex; flex-direction:column; gap:9px; }
.ocf .row{ display:grid; grid-template-columns:1fr auto; gap:10px; font-size:13.5px; align-items:center; }
.ocf .row .nm{ color:#EAF5EE; } .ocf .row .v.pos{ color:#8FCFAE; font-weight:700; } .ocf .row .v.neg{ color:#E79B93; font-weight:700; }
.otime{ width:100%; height:64px; display:block; }
.out .conf{ margin-top:18px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #1d3327; padding-top:14px; flex-wrap:wrap; }
.out .conf .cl{ font-size:13px; color:#A9C7B6; } .out .conf .cl b{ color:#8FCFAE; }
.out .disc{ margin-top:10px; font-size:11px; color:#52735F; font-family:'JetBrains Mono'; letter-spacing:0.04em; }
@media(max-width:720px){ .tool .tgrid{ grid-template-columns:1fr; } .tool .picks{ border-right:0; border-bottom:1px solid var(--hair); } }

/* before/after on the surface */
.ba{ margin-top:30px; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.bacard{ border:1px solid var(--hair); border-radius:16px; overflow:hidden; background:var(--canvas); }
.bacard .bah{ padding:11px 16px; font-family:'JetBrains Mono'; font-weight:600; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; border-bottom:1px solid var(--hair); }
.bacard.before .bah{ color:var(--muted); background:var(--canvas-soft); } .bacard.after .bah{ color:var(--emerald-deep); background:var(--emerald-soft); }
.bacard .bab{ padding:20px; }
.pdp-name{ font-family:'JetBrains Mono'; font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); }
.pdp-rate{ margin-top:8px; font-size:15px; color:#BDB2A2; letter-spacing:2px; } .pdp-rate .n{ color:var(--muted); font-family:'DM Sans'; font-weight:700; letter-spacing:0; margin-left:6px; }
.pdp-claim{ margin-top:12px; font-size:15px; color:var(--body); font-style:italic; }
.baflags{ margin-top:14px; display:flex; flex-direction:column; gap:7px; }
.baflags .f{ font-size:13px; color:var(--muted); padding-left:18px; position:relative; } .baflags .f::before{ content:"\00d7"; position:absolute; left:0; color:#BDB2A2; font-weight:700; }
.bacard.after .baflags .f{ color:var(--ink); } .bacard.after .baflags .f::before{ content:"\2713"; color:var(--emerald); }
.basplit{ display:flex; height:30px; border-radius:7px; overflow:hidden; margin-top:12px; }
.basplit span{ display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; }
.basplit .r{ background:var(--emerald); color:#fff; } .basplit .p{ background:#7FB79C; color:#0c2a1e; } .basplit .n{ background:#CBD6CF; color:#2b3a33; }
@media(max-width:680px){ .ba{ grid-template-columns:1fr; } }

/* understanding vs claims */
.cmp{ margin-top:30px; overflow-x:auto; border:1px solid var(--hair); border-radius:16px; }
table.compare{ border-collapse:collapse; width:100%; min-width:560px; font-size:14.5px; }
table.compare th, table.compare td{ text-align:left; padding:15px 18px; border-bottom:1px solid var(--hair); vertical-align:top; }
table.compare thead th{ font-family:'JetBrains Mono'; font-weight:600; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); background:var(--canvas-soft); }
table.compare thead th.us{ color:#fff; background:var(--emerald-deep); }
table.compare td.us{ background:var(--emerald-soft); color:var(--ink); font-weight:600; }
table.compare td:first-child, table.compare th:first-child{ color:var(--ink); font-weight:600; }
table.compare tbody tr:last-child td{ border-bottom:0; }

/* deliverable */
.deliv{ margin-top:26px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.dcard{ background:var(--canvas); border:1px solid var(--hair); border-radius:14px; padding:20px; }
.dcard .ic{ width:34px; height:34px; border-radius:9px; background:var(--emerald-tint); display:flex; align-items:center; justify-content:center; margin-bottom:12px; } .dcard .ic svg{ width:18px; height:18px; stroke:var(--emerald-deep); stroke-width:1.8; fill:none; }
.dcard b{ color:var(--ink); } .dcard p{ margin-top:6px; font-size:14.5px; color:var(--body); }
.notseal{ margin-top:22px; border:1px dashed #D7CCEF; background:var(--violet-tint); border-radius:12px; padding:15px 18px; font-size:15px; color:#3F2D6B; }
@media(max-width:600px){ .deliv{ grid-template-columns:1fr; } }

/* science condensed */
.sci-evi{ margin-top:26px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.evi{ background:var(--canvas); border:1px solid var(--hair); border-radius:14px; padding:22px; }
.evi .k{ font-family:'JetBrains Mono'; font-weight:600; font-size:10.5px; letter-spacing:0.12em; text-transform:uppercase; color:var(--emerald-deep); }
.evi h3{ margin-top:9px; font-size:18px; } .evi p{ margin-top:8px; font-size:15px; color:var(--body); }
.evi .src{ margin-top:13px; font-size:12.5px; color:var(--muted); } .evi .src a{ color:var(--emerald); text-decoration:none; font-weight:600; }
@media(max-width:640px){ .sci-evi{ grid-template-columns:1fr; } }

/* promises */
.proms{ margin-top:26px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.prom{ background:var(--canvas); border:1px solid var(--hair); border-left:4px solid var(--emerald); border-radius:12px; padding:18px 20px; } .prom b{ color:var(--ink); } .prom p{ margin-top:5px; font-size:14.5px; color:var(--body); }
@media(max-width:600px){ .proms{ grid-template-columns:1fr; } }

/* faq */
.faq{ margin-top:26px; border:1px solid var(--hair); border-radius:14px; overflow:hidden; }
.faq details{ border-bottom:1px solid var(--hair); background:var(--canvas); } .faq details:last-child{ border-bottom:0; }
.faq summary{ cursor:pointer; list-style:none; padding:18px 22px; font-weight:600; color:var(--ink); font-size:16px; display:flex; justify-content:space-between; gap:14px; align-items:center; }
.faq summary::-webkit-details-marker{ display:none; } .faq summary .pm{ color:var(--emerald); font-weight:700; font-size:20px; line-height:1; } .faq details[open] summary .pm{ transform:rotate(45deg); }
.faq .ans{ padding:0 22px 20px; font-size:15px; color:var(--body); }

/* problem cost stack */
.pstack{ margin-top:28px; border:1px solid var(--hair); border-radius:16px; overflow:hidden; }
.pstack .li{ padding:16px 22px; background:var(--canvas); border-bottom:1px solid var(--hair); font-size:15.5px; color:var(--body); }
.pstack .li:last-child{ border-bottom:0; }
.pstack .li b{ color:var(--ink); }
.pstack .li.tax{ background:var(--emerald-soft); }

/* companion section */
.comp{ margin-top:30px; display:grid; grid-template-columns:286px 1fr; gap:36px; align-items:center; }
@media(max-width:760px){ .comp{ grid-template-columns:1fr; gap:28px; } }
.phone{ justify-self:center; width:268px; background:#0C1A13; border-radius:34px; padding:9px; box-shadow:0 20px 50px rgba(11,92,55,.18); }
.phone .screen{ background:var(--canvas); border-radius:27px; overflow:hidden; height:540px; display:flex; flex-direction:column; }
.phone .sb{ flex:none; display:flex; justify-content:space-between; align-items:center; padding:10px 18px 4px; font-size:11px; font-weight:700; color:var(--ink); }
.phone .pbody{ flex:1 1 auto; overflow-y:auto; padding:8px 15px 18px; scrollbar-width:thin; scrollbar-color:#CBD6CF transparent; }
.phone .pbody::-webkit-scrollbar{ width:5px; } .phone .pbody::-webkit-scrollbar-thumb{ background:#CBD6CF; border-radius:3px; }
.cmpt{ font-family:'JetBrains Mono'; font-weight:600; font-size:10px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); display:flex; align-items:center; gap:7px; }
.cmpt .dot{ width:7px; height:7px; border-radius:50%; background:var(--emerald); }
.cmsg{ margin-top:11px; background:var(--emerald-soft); border:1px solid #95CFB1; border-radius:14px; padding:15px 15px; font-size:15px; font-weight:500; color:var(--ink); line-height:1.5; }
.cstreak{ margin-top:9px; display:inline-flex; align-items:center; gap:6px; font-family:'JetBrains Mono'; font-size:10px; font-weight:600; letter-spacing:0.06em; color:var(--emerald-deep); background:var(--emerald-tint); border-radius:999px; padding:4px 9px; }
.ctrendbox{ margin-top:13px; border:1px solid var(--hair); border-radius:12px; padding:11px 12px; }
.ctrendbox .l{ display:flex; justify-content:space-between; font-size:10px; color:var(--muted); font-family:'JetBrains Mono'; letter-spacing:0.04em; }
.ctrendbox svg{ width:100%; height:46px; display:block; margin-top:4px; }
.ccheck{ margin-top:13px; }
.ccheck .q{ font-size:12.5px; color:var(--ink); font-weight:600; }
.ccheck .taps{ margin-top:8px; display:flex; gap:6px; }
.ccheck .taps span{ flex:1; text-align:center; font-size:13px; font-weight:700; color:var(--body); background:var(--canvas-soft); border:1px solid var(--hair); border-radius:9px; padding:8px 0; }
.ccheck .taps span.sel{ color:#fff; background:var(--emerald); border-color:var(--emerald); }
.comp-beats{ display:flex; flex-direction:column; gap:15px; }
.cbeat{ display:flex; gap:13px; align-items:flex-start; }
.cbeat .ci{ width:30px; height:30px; border-radius:8px; background:var(--emerald-tint); flex:0 0 auto; display:flex; align-items:center; justify-content:center; } .cbeat .ci svg{ width:16px; height:16px; stroke:var(--emerald-deep); stroke-width:1.9; fill:none; }
.cbeat b{ color:var(--ink); } .cbeat p{ margin-top:3px; font-size:14.5px; color:var(--body); }
.disclose{ margin-top:22px; border:1px dashed #D7CCEF; background:var(--violet-tint); border-radius:12px; padding:15px 18px; font-size:14.5px; color:#3F2D6B; line-height:1.5; }
.disclose b{ color:#3F2D6B; }

/* retention ROI calculator */
.calc{ margin-top:30px; border:1px solid var(--hair); border-radius:18px; overflow:hidden; background:var(--canvas); }
.calc .cgrid{ display:grid; grid-template-columns:1fr 1fr; }
.calc .cin{ padding:24px; border-right:1px solid var(--hair); }
.calc .cout{ padding:24px; background:var(--night); color:#CFE3D7; display:flex; flex-direction:column; }
@media(max-width:720px){ .calc .cgrid{ grid-template-columns:1fr; } .calc .cin{ border-right:0; border-bottom:1px solid var(--hair); } }
.cfield{ margin-bottom:20px; } .cfield:last-child{ margin-bottom:0; }
.cfield label{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; font-family:'JetBrains Mono'; font-weight:600; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); margin-bottom:9px; }
.cnum{ width:100%; font-family:'JetBrains Mono'; font-size:20px; font-weight:600; color:var(--ink); border:1px solid var(--hair); border-radius:11px; padding:11px 13px; background:var(--canvas); }
.cnum:focus{ outline:2px solid var(--emerald); outline-offset:1px; border-color:var(--emerald); }
.cpref{ position:relative; } .cpref .pf{ position:absolute; left:13px; top:50%; transform:translateY(-50%); color:var(--muted); font-family:'JetBrains Mono'; font-size:20px; } .cpref .cnum{ padding-left:28px; }
.cfield input[type=range]{ width:100%; accent-color:var(--emerald); margin-top:4px; }
.crng{ font-family:'JetBrains Mono'; font-weight:700; font-size:18px; color:var(--emerald-deep); }
.cout .ol{ font-family:'JetBrains Mono'; font-weight:600; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:#6FA487; }
.cout .obig{ font-family:'DM Sans'; font-weight:700; font-size:clamp(40px,8vw,56px); line-height:1; color:#fff; letter-spacing:-0.03em; margin-top:10px; font-variant-numeric:tabular-nums; }
.cout .ocap{ font-size:12.5px; color:#A9C7B6; margin-top:9px; }
.cout .osplit{ display:flex; gap:14px; margin-top:22px; }
.cout .ostat{ flex:1; background:var(--night-soft); border:1px solid #1d3327; border-radius:12px; padding:13px 14px; }
.cout .ostat .v{ font-family:'DM Sans'; font-weight:700; font-size:20px; color:#fff; font-variant-numeric:tabular-nums; }
.cout .ostat .k{ font-size:11.5px; color:#A9C7B6; margin-top:3px; line-height:1.35; }
.cmult{ display:inline-flex; align-items:center; gap:7px; background:rgba(95,191,140,.16); color:#8FCFAE; font-family:'JetBrains Mono'; font-weight:700; font-size:13px; padding:8px 12px; border-radius:9px; margin-top:22px; align-self:flex-start; }
.cmult.hide{ display:none; }
.cfine{ font-size:11.5px; color:#6FA487; margin-top:14px; line-height:1.5; }
.cnotes{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:24px; } @media(max-width:680px){ .cnotes{ grid-template-columns:1fr; } }
.cnote{ font-size:13.5px; color:var(--body); line-height:1.5; padding-left:14px; border-left:2px solid var(--hair); } .cnote b{ color:var(--ink); }

/* contact form (Start with one of your products) */
.waitlist{ background:var(--night); color:#CFE3D7; } .waitlist h2{ color:#fff; } .waitlist .lede{ color:#A9C7B6; max-width:46ch; }
.form{ margin-top:26px; background:var(--night-soft); border:1px solid #1d3327; border-radius:18px; padding:24px; max-width:560px; }
.form .grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.form label{ display:block; font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase; color:#A9C7B6; margin-bottom:6px; }
.form input{ width:100%; background:#0A1610; border:1px solid #2C5141; border-radius:10px; padding:12px 13px; color:#F1F8F3; font-family:inherit; font-size:15px; } .form input:focus{ outline:2px solid #5FBF8C; outline-offset:1px; }
.form input::placeholder{ color:#7C9788; opacity:1; }
.form .full{ grid-column:1 / -1; } .form .submit{ grid-column:1 / -1; margin-top:4px; }
.form .submit button{ width:100%; background:#fff; color:var(--emerald-deep); font-weight:700; font-size:16px; border:0; border-radius:999px; padding:14px; cursor:pointer; font-family:inherit; }
.form .submit button[disabled]{ opacity:.7; cursor:progress; }
.form .consent{ grid-column:1 / -1; margin-top:4px; font-size:12px; color:#9FC4B0; line-height:1.5; }
.form .note{ grid-column:1 / -1; margin-top:8px; font-size:11.5px; color:#8FB7A1; font-family:'JetBrains Mono'; letter-spacing:0.04em; }
.form .note.err{ color:#E79B93; }
.form .done{ text-align:center; padding:14px 8px; } .form .done h3{ color:#fff; font-size:20px; } .form .done p{ margin-top:8px; color:#A9C7B6; font-size:14.5px; }
@media(max-width:520px){ .form .grid{ grid-template-columns:1fr; } }

/* dark, structured footer (brand left, links right, legal below) */
.foot{ background:var(--night); color:#8FB7A1; padding:50px 0 46px; border-top:1px solid #1d3327; }
.foot .wrap{ display:grid; grid-template-columns:1fr auto; column-gap:40px; align-items:start; }
.foot .mono{ grid-column:1; grid-row:1; font-family:'JetBrains Mono'; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:#5F8870; }
.foot .wm{ grid-column:1; grid-row:2; margin-top:5px; font-weight:700; font-size:18px; color:#fff; letter-spacing:-0.02em; }
.foot .flinks{ grid-column:2; grid-row:1 / span 2; display:flex; gap:10px 20px; flex-wrap:wrap; justify-content:flex-end; align-self:center; }
.foot .flinks a{ font-size:13.5px; color:#CFE3D7; text-decoration:none; font-weight:600; } .foot .flinks a:hover{ color:#fff; }
.foot .flinks a:focus-visible{ outline:2px solid #8FCFAE; outline-offset:3px; }
.foot p{ grid-column:1 / -1; grid-row:3; margin-top:26px; padding-top:22px; border-top:1px solid #1d3327; font-size:12.5px; color:#6F9A82; line-height:1.65; max-width:none; }
@media(max-width:680px){ .foot .wrap{ display:block; } .foot .wm{ margin-top:5px; } .foot .flinks{ margin-top:18px; justify-content:flex-start; } .foot p{ margin-top:22px; padding-top:20px; border-top:1px solid #1d3327; } }
.cols .disclosure{ margin-top:0; } .cols .guard{ margin-top:0; }

a:focus-visible,[tabindex]:focus-visible{ outline:2px solid var(--violet); outline-offset:3px; }
@media (prefers-reduced-motion:reduce){ *{ transition:none!important; animation:none!important; } html{scroll-behavior:auto;} .js .reveal{opacity:1!important;transform:none!important;} }

/* ============ NATIVE BRAND DASHBOARD ============ */
.bd{ display:flex; flex-direction:column; gap:16px; margin-top:30px; }
.bd-banner{ display:flex; align-items:center; gap:14px; justify-content:space-between; flex-wrap:wrap; background:var(--canvas); border:1px solid var(--hair); border-radius:16px; padding:16px 20px; }
.bd-banner .bl{ display:flex; align-items:center; gap:13px; }
.bd-banner .chk{ width:34px; height:34px; border-radius:9px; background:var(--emerald-tint); color:var(--emerald-deep); display:grid; place-items:center; flex:none; font-weight:700; }
.bd-banner b{ color:var(--ink); } .bd-banner .sub{ font-size:13.5px; color:var(--muted); margin-top:1px; }
.bd-toggle{ display:flex; background:var(--canvas-soft); border:1px solid var(--hair); border-radius:999px; padding:3px; font-family:'JetBrains Mono'; font-size:11px; font-weight:600; }
.bd-toggle span{ padding:7px 13px; border-radius:999px; color:var(--muted); white-space:nowrap; }
.bd-toggle span.on{ background:var(--emerald-deep); color:#fff; }
.bd-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media(max-width:820px){ .bd-kpis{ grid-template-columns:1fr 1fr; } }
.kpi{ background:var(--canvas); border:1px solid var(--hair); border-radius:16px; padding:20px; }
.kpi .kl{ font-family:'JetBrains Mono'; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); }
.kpi .kv{ font-family:'DM Sans'; font-weight:700; font-size:44px; letter-spacing:-0.04em; color:var(--ink); line-height:1; margin-top:8px; font-variant-numeric:tabular-nums; }
.kpi .kv .pct{ font-size:22px; }
.kpi .ks{ font-size:13px; color:var(--muted); margin-top:9px; line-height:1.4; } .kpi .ks .em{ color:var(--emerald-deep); font-weight:600; }
.bd-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media(max-width:900px){ .bd-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:580px){ .bd-grid{ grid-template-columns:1fr; } }
.bdp{ background:var(--canvas); border:1px solid var(--hair); border-radius:16px; padding:22px; }
.bdp .ph{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.bdp h3{ font-size:18px; } .bdp .pd{ font-size:14px; color:var(--muted); margin-top:8px; line-height:1.45; }
.split{ display:flex; height:34px; border-radius:8px; overflow:hidden; margin-top:14px; }
.split span{ display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:700; color:#fff; }
.split .s{ background:var(--emerald-deep); } .split .p{ background:var(--partial); color:#0c2a1e; } .split .n{ background:var(--flag); }
.legend{ display:flex; gap:16px; margin-top:11px; font-size:12.5px; color:var(--body); flex-wrap:wrap; } .legend i{ width:11px; height:11px; border-radius:3px; display:inline-block; margin-right:6px; vertical-align:-1px; }
.callbox{ margin-top:14px; background:var(--emerald-soft); border:1px solid #CFE6DA; border-radius:12px; padding:14px 16px; display:flex; gap:13px; align-items:flex-start; }
.callbox .big{ font-family:'DM Sans'; font-weight:700; font-size:28px; color:var(--emerald-deep); letter-spacing:-0.03em; line-height:1; flex:none; } .callbox .tx{ font-size:13px; color:var(--body); line-height:1.45; }
.hist{ display:flex; align-items:flex-end; gap:8px; height:120px; margin-top:16px; }
.hist .col{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:7px; height:100%; } .hist .bar{ width:100%; background:var(--partial); border-radius:6px 6px 0 0; } .hist .bar.peak{ background:var(--emerald-deep); } .hist .x{ font-family:'JetBrains Mono'; font-size:11px; color:var(--muted); }
.adh{ margin-top:16px; } .adh .row{ margin-bottom:15px; } .adh .row:last-child{ margin-bottom:0; } .adh .rt{ display:flex; justify-content:space-between; font-weight:600; color:var(--ink); font-size:14px; } .adh .track{ height:10px; border-radius:6px; background:var(--canvas-soft); margin-top:8px; overflow:hidden; } .adh .fill{ height:100%; border-radius:6px; background:var(--emerald-deep); } .adh .fill.mut{ background:var(--partial); }
.cof{ margin-top:16px; display:flex; flex-direction:column; gap:11px; } .cof .row{ display:grid; grid-template-columns:84px 1fr 42px; align-items:center; gap:10px; } .cof .nm{ font-weight:600; color:var(--ink); font-size:13.5px; } .cof .track{ height:11px; border-radius:6px; background:var(--canvas-soft); overflow:hidden; } .cof .fill{ height:100%; background:var(--flag); border-radius:6px; } .cof .vl{ text-align:right; font-weight:700; color:var(--flag); font-variant-numeric:tabular-nums; font-size:13.5px; }
.donutwrap{ display:flex; align-items:center; gap:20px; margin-top:14px; flex-wrap:wrap; } .rr .v{ font-family:'DM Sans'; font-weight:700; color:var(--emerald-deep); font-size:22px; } .rr .v.mut{ color:var(--ink); } .rr .l{ font-size:13px; color:var(--muted); } .rr .l + .v{ margin-top:12px; }
.bigpct{ font-family:'DM Sans'; font-weight:700; font-size:54px; color:var(--emerald-deep); letter-spacing:-0.04em; line-height:1; margin-top:6px; } .bigpct .pct{ font-size:24px; }
.alertbox{ margin-top:14px; background:var(--flag-soft); border-radius:12px; padding:14px 16px; } .alertbox b{ color:var(--flag); } .alertbox p{ font-size:13.5px; color:var(--body); margin-top:7px; line-height:1.5; }
.bd-cap{ font-family:'JetBrains Mono'; font-size:11px; color:var(--muted); margin-top:8px; }

/* ============ NATIVE MOBILE COMPANION (Week-N saved) ============ */
.appphone{ width:300px; max-width:100%; background:#0C1A13; border-radius:42px; padding:10px; box-shadow:0 24px 60px rgba(11,92,55,.20); }
/* screen locked to ~iPhone proportions; content scrolls inside, frame never stretches */
.appphone .scr{ background:var(--canvas-soft); border-radius:32px; overflow:hidden; height:600px; display:flex; flex-direction:column; }
.appphone .sb{ flex:none; display:flex; justify-content:space-between; padding:12px 22px 6px; font-size:12px; font-weight:700; color:var(--ink); }
.appphone .ab{ flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; padding:6px 20px 18px; }
.appphone .ab::-webkit-scrollbar{ width:5px; }
.appphone .ab::-webkit-scrollbar-thumb{ background:#CBD6CF; border-radius:3px; }
.appphone .ab{ scrollbar-width:thin; scrollbar-color:#CBD6CF transparent; }
.appphone .ah{ display:flex; align-items:center; gap:11px; } .appphone .ah .bk{ width:34px; height:34px; border-radius:9px; background:var(--canvas); border:1px solid var(--hair); display:grid; place-items:center; color:var(--muted); flex:none; }
.appphone .ah b{ color:var(--ink); font-size:16px; } .appphone .ah .s{ font-family:'JetBrains Mono'; font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); margin-top:1px; }
.appring{ display:flex; justify-content:center; margin:10px 0 4px; }
.appphone .rl{ font-family:'JetBrains Mono'; font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); text-align:center; }
.appphone .rbig{ text-align:center; font-family:'DM Sans'; font-weight:700; font-size:48px; color:var(--emerald-deep); letter-spacing:-0.04em; line-height:1; } .appphone .rbig .u{ font-size:18px; color:var(--muted); }
.appphone .rsub{ text-align:center; font-family:'JetBrains Mono'; font-size:12px; color:var(--muted); margin-top:6px; }
.appphone .prog{ text-align:center; font-size:13px; color:var(--ink); font-weight:600; margin-top:14px; } .appphone .prog .em{ color:var(--emerald-deep); }
.appphone h4{ text-align:center; font-size:20px; margin-top:6px; }
.appphone .amsg{ text-align:center; font-size:13.5px; color:var(--body); margin-top:8px; line-height:1.45; padding:0 6px; }
.appstats{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.appstat{ background:var(--canvas); border:1px solid var(--hair); border-radius:12px; padding:13px; } .appstat .k{ font-family:'JetBrains Mono'; font-size:9.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); } .appstat .v{ font-family:'DM Sans'; font-weight:700; font-size:24px; color:var(--ink); margin-top:4px; } .appstat .v .u{ font-size:13px; color:var(--muted); font-weight:600; } .appstat .d{ font-size:11.5px; color:var(--muted); margin-top:4px; line-height:1.35; }
.appcta{ margin-top:13px; background:var(--emerald-deep); color:#fff; text-align:center; font-weight:700; padding:13px; border-radius:999px; }
.appfoot{ text-align:center; font-family:'JetBrains Mono'; font-size:10px; color:var(--muted); margin-top:12px; padding:0 16px; line-height:1.5; }

.navlinks a.active{ color:var(--emerald-deep); }

/* ============ HOW IT WORKS: flow / steps / timeline ============ */
.flow{ display:flex; gap:0; margin-top:18px; }
.flow .node{ flex:1 1 0; text-align:center; padding:0 10px; position:relative; }
.flow .node .ic{ width:56px; height:56px; border-radius:16px; background:var(--emerald-tint); color:var(--emerald-deep); display:grid; place-items:center; margin:0 auto 14px; position:relative; z-index:2; border:1px solid #CFE6DA; }
.flow .node .ic svg{ width:26px; height:26px; stroke:currentColor; stroke-width:1.7; fill:none; }
.flow .node .sn{ font-family:'JetBrains Mono'; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--emerald-deep); margin-bottom:5px; }
.flow .node h4{ font-size:15px; }
.flow .node::before{ content:""; position:absolute; top:28px; left:-50%; width:100%; height:2px; background:var(--hair); z-index:1; }
.flow .node:first-child::before{ display:none; }
@media(max-width:760px){ .flow{ flex-direction:column; gap:16px; } .flow .node{ display:grid; grid-template-columns:56px 1fr; gap:14px; text-align:left; align-items:center; } .flow .node .ic{ margin:0; } .flow .node::before{ display:none; } }
.steps5{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:26px; counter-reset:s; }
@media(max-width:860px){ .steps5{ grid-template-columns:1fr 1fr; } } @media(max-width:560px){ .steps5{ grid-template-columns:1fr; } }
.stp5{ background:var(--canvas); border:1px solid var(--hair); border-radius:14px; padding:22px; }
.stp5 .num{ counter-increment:s; font-family:'DM Sans'; font-weight:700; font-size:13px; color:var(--emerald-deep); background:var(--emerald-tint); width:32px; height:32px; border-radius:9px; display:grid; place-items:center; margin-bottom:13px; }
.stp5 .num::before{ content:counter(s,decimal-leading-zero); }
.stp5 h4{ font-size:16px; margin-bottom:6px; } .stp5 p{ font-size:14px; color:var(--body); }
.tl2{ position:relative; margin-top:18px; }
.tl2 .track{ position:absolute; left:9%; right:9%; top:15px; height:2px; background:linear-gradient(90deg,var(--emerald-deep),var(--hair)); z-index:0; }
.tl2 .pts{ display:flex; }
.tl2 .pt{ flex:1; text-align:center; padding:0 8px; position:relative; }
.tl2 .pt .d{ width:14px; height:14px; border-radius:50%; background:var(--emerald-deep); border:3px solid var(--canvas); margin:8px auto 14px; position:relative; z-index:1; }
.tl2 .pt .when{ font-family:'JetBrains Mono'; font-size:9.5px; letter-spacing:.07em; text-transform:uppercase; color:var(--emerald-deep); margin-bottom:5px; }
.tl2 .pt .lbl{ font-size:13.5px; color:var(--body); line-height:1.4; }
@media(max-width:760px){ .tl2 .track{ display:none; } .tl2 .pts{ flex-direction:column; gap:16px; } .tl2 .pt{ display:grid; grid-template-columns:16px 1fr; gap:14px; text-align:left; align-items:start; } .tl2 .pt .d{ margin:4px 0 0; } }
.comp2{ display:grid; grid-template-columns:300px 1fr; gap:40px; align-items:center; margin-top:26px; }
@media(max-width:760px){ .comp2{ grid-template-columns:1fr; gap:28px; justify-items:center; } }
.comp2 .beats{ display:flex; flex-direction:column; gap:16px; }
.comp2 .beat{ display:flex; gap:13px; align-items:flex-start; } .comp2 .beat .ci{ width:30px; height:30px; border-radius:8px; background:var(--emerald-tint); flex:0 0 auto; display:flex; align-items:center; justify-content:center; } .comp2 .beat .ci svg{ width:16px; height:16px; stroke:var(--emerald-deep); stroke-width:1.9; fill:none; } .comp2 .beat b{ color:var(--ink); } .comp2 .beat p{ margin-top:3px; font-size:14.5px; color:var(--body); }

/* ============ METHODOLOGY: diagram / rungs ============ */
.mgrid{ display:grid; grid-template-columns:1fr 1.05fr; gap:46px; align-items:center; margin-top:8px; }
@media(max-width:860px){ .mgrid{ grid-template-columns:1fr; gap:30px; } }
.diagram{ background:var(--canvas); border:1px solid var(--hair); border-radius:16px; padding:20px; }
.diagram .dlabel{ display:flex; justify-content:space-between; align-items:center; gap:10px; font-family:'JetBrains Mono'; font-size:11px; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); margin-bottom:10px; }
.diagram svg{ width:100%; height:auto; display:block; }
.rungs{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:26px; }
@media(max-width:760px){ .rungs{ grid-template-columns:1fr; } }
.rung{ background:var(--canvas); border:1px solid var(--hair); border-radius:14px; padding:24px; }
.rung.higher{ border-color:#95CFB1; background:var(--emerald-soft); }
.rung .rnum{ font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--emerald-deep); margin-bottom:10px; }
.rung h3{ font-size:18px; margin-bottom:8px; } .rung p{ font-size:14.5px; color:var(--body); }
.rung .tag{ display:inline-block; margin-top:14px; font-family:'JetBrains Mono'; font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:var(--emerald-deep); background:var(--emerald-tint); border:1px solid #CFE6DA; border-radius:999px; padding:5px 11px; }

/* ============ RESULTS: two voices / claim pills / ladder / disclosure ============ */
.qlabel{ font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--emerald-deep); margin-bottom:12px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.tcards{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:26px; align-items:stretch; }
@media(max-width:760px){ .tcards{ grid-template-columns:1fr; } }
.tcard{ background:var(--canvas); border:1px solid var(--hair); border-radius:14px; padding:24px; display:flex; flex-direction:column; }
.tcard.tint{ background:var(--emerald-soft); border-color:#CFE6DA; }
.tcard h3{ font-size:17px; margin-bottom:10px; }
.tcard .th{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; } .tcard .th h3{ margin-bottom:0; }
.voice-claim{ font-size:17px; color:var(--ink); line-height:1.5; font-weight:500; font-style:italic; }
.byline{ margin-top:auto; padding-top:14px; font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:0.04em; color:var(--muted); }
.mcard{ background:var(--night); color:#CFE3D7; border-radius:14px; overflow:hidden; border:1px solid #1d3327; display:flex; flex-direction:column; }
.mcard .mbar{ display:flex; align-items:center; gap:9px; padding:12px 18px; border-bottom:1px solid #1d3327; font-family:'JetBrains Mono'; font-size:11px; letter-spacing:0.06em; text-transform:uppercase; color:#8FCFAE; }
.mcard .mbar .pulse{ width:7px; height:7px; border-radius:50%; background:#5FBF8C; flex:none; }
.mcard .mbar .r{ margin-left:auto; color:#A9C7B6; }
.mcard .mbody{ padding:18px; }
.mcard .mt{ font-weight:700; color:#fff; font-size:15px; }
.mcard .mq{ color:#CFE3D7; font-size:15px; margin-top:8px; line-height:1.5; }
.mcard .mfoot{ margin-top:14px; border-top:1px solid #1d3327; padding-top:12px; font-size:13px; color:#A9C7B6; line-height:1.5; } .mcard .mfoot b{ color:#8FCFAE; }
.tag-ok{ display:inline-block; font-family:'JetBrains Mono'; font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:var(--emerald-deep); background:var(--emerald-tint); border:1px solid #CFE6DA; border-radius:999px; padding:5px 11px; }
.tag-avoid{ display:inline-block; font-family:'JetBrains Mono'; font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:var(--flag); background:var(--flag-soft); border:1px solid #F0CFCB; border-radius:999px; padding:5px 11px; }
.ladderwrap{ background:var(--canvas); border:1px solid var(--hair); border-radius:14px; padding:22px; margin-top:26px; } .ladderwrap .qlabel{ color:var(--muted); } .ladderwrap svg{ width:100%; height:auto; }
.bullets{ list-style:none; margin-top:14px; display:flex; flex-direction:column; gap:9px; }
.bullets li{ position:relative; padding-left:26px; font-size:14.5px; color:var(--body); line-height:1.45; }
.bullets li::before{ content:""; position:absolute; left:0; top:3px; width:17px; height:17px; border-radius:50%; background:var(--emerald-tint); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2l2.2 2.3 4.8-5' stroke='%23A85504' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; }
.disclosure{ margin-top:22px; background:var(--canvas-soft); border:1px solid var(--hair); border-left:3px solid var(--emerald); border-radius:10px; padding:16px 18px; display:flex; gap:12px; align-items:flex-start; font-size:14px; color:var(--body); line-height:1.5; }
.cap{ font-family:'JetBrains Mono'; font-size:11px; color:var(--muted); margin-top:14px; }

/* ============ PLANS: pricing hero / tiles / included / pills ============ */
.grid2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:26px; align-items:stretch; }
@media(max-width:760px){ .grid2{ grid-template-columns:1fr; } }
.grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px; }
@media(max-width:760px){ .grid3{ grid-template-columns:1fr; } }
.tile{ background:var(--canvas); border:1px solid var(--hair); border-radius:14px; padding:24px; display:flex; flex-direction:column; }
.tile.tint{ background:var(--emerald-soft); border-color:#CFE6DA; }
.tile h3{ font-size:18px; margin:2px 0 8px; } .tile p{ font-size:14.5px; color:var(--body); }
.tile .qn{ font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--emerald-deep); margin-bottom:8px; }
.price-hero{ border:1px solid #95CFB1; background:var(--canvas); border-radius:18px; box-shadow:0 18px 40px rgba(16,39,46,.07); padding:34px; margin-top:8px; }
.price-hero .ph-label{ font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--emerald-deep); margin-bottom:22px; display:inline-flex; align-items:center; gap:8px; }
.price-hero .ph-label::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--emerald); }
.ph-grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px; } @media(max-width:640px){ .ph-grid{ grid-template-columns:1fr; gap:26px; } }
.ph-col{ border-left:2px solid var(--emerald-tint); padding-left:18px; }
.ph-name{ font-family:'JetBrains Mono'; font-size:11px; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }
.ph-amt{ font-family:'DM Sans'; font-weight:700; font-size:38px; letter-spacing:-0.03em; color:var(--ink); line-height:1; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.ph-was{ font-size:17px; color:var(--muted); text-decoration:line-through; font-weight:500; }
.ph-from,.ph-per{ font-size:16px; color:var(--muted); font-weight:500; }
.ph-note{ font-size:13px; color:var(--emerald-deep); font-weight:600; margin-top:8px; }
.ph-desc{ font-size:14.5px; color:var(--body); margin-top:12px; line-height:1.5; }
.ph-fine{ font-size:13.5px; color:var(--muted); margin-top:24px; padding-top:18px; border-top:1px solid var(--hair); line-height:1.55; }
.tprice{ font-family:'DM Sans'; font-weight:700; font-size:22px; color:var(--emerald-deep); letter-spacing:-0.02em; margin-top:14px; }
.tprice .was{ font-size:15px; color:var(--muted); text-decoration:line-through; font-weight:500; margin-left:6px; }
.tprice .lbl{ font-size:13px; color:var(--muted); font-weight:500; margin-left:6px; }
.callout{ border:1px solid #95CFB1; background:var(--emerald-soft); border-radius:14px; padding:18px 22px; display:flex; gap:14px; align-items:flex-start; margin-top:24px; }
.callout .ic{ flex:none; color:var(--emerald-deep); margin-top:1px; } .callout .ic svg{ width:20px; height:20px; }
.callout p{ font-size:14.5px; color:var(--body); } .callout strong{ color:var(--emerald-deep); font-weight:700; }
.incl{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:13px 28px; margin-top:24px; }
@media(max-width:640px){ .incl{ grid-template-columns:1fr; } }
.incl li{ position:relative; padding-left:30px; font-size:15px; color:var(--body); line-height:1.45; }
.incl li::before{ content:""; position:absolute; left:0; top:1px; width:19px; height:19px; border-radius:50%; background:var(--emerald-tint); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2l2.2 2.3 4.8-5' stroke='%23A85504' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; }
.ptag{ display:inline-block; font-family:'JetBrains Mono'; font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:var(--emerald-deep); background:var(--emerald-tint); border:1px solid #CFE6DA; padding:5px 11px; border-radius:999px; }

/* ============ ABOUT: belief tile icon ============ */
.tic{ width:34px; height:34px; border-radius:9px; background:var(--emerald-tint); display:flex; align-items:center; justify-content:center; margin-bottom:12px; color:var(--emerald-deep); }
.tic svg{ width:18px; height:18px; stroke:currentColor; fill:none; }
.tile .qn + p, .tile h3 + p{ font-size:14.5px; color:var(--body); margin-top:4px; }

/* ============ TWO-COLUMN SECTION LAYOUT + supporting graphics ============ */
.cols{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.cols.lead{ grid-template-columns:0.92fr 1.08fr; align-items:start; }
.cols .lede{ margin-top:14px; }
@media(max-width:860px){ .cols, .cols.lead{ grid-template-columns:1fr; gap:26px; } }

/* do / don't card (What you do) */
.dodont{ background:var(--canvas); border:1px solid var(--hair); border-radius:16px; padding:24px; display:grid; grid-template-columns:1fr 1fr; gap:26px; }
@media(max-width:520px){ .dodont{ grid-template-columns:1fr; gap:20px; } }
.ddgroup .ddh{ font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:13px; color:var(--muted); }
.ddgroup.do .ddh{ color:var(--emerald-deep); }
.ddlist{ list-style:none; display:flex; flex-direction:column; gap:11px; }
.ddlist li{ position:relative; padding-left:28px; font-size:15px; line-height:1.4; }
.ddlist li::before{ position:absolute; left:0; top:0; width:19px; height:19px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:700; line-height:1; }
.ddgroup.do li{ color:var(--ink); } .ddgroup.do li::before{ content:"\2713"; background:var(--emerald-tint); color:var(--emerald-deep); }
.ddgroup.dont li{ color:var(--muted); } .ddgroup.dont li::before{ content:"\2013"; background:#F1ECE4; color:var(--muted); }

/* compact figure card (reuses .diagram look) for section illustrations */
.figc{ background:var(--canvas); border:1px solid var(--hair); border-radius:16px; padding:22px; }
.figc .dlabel{ display:flex; justify-content:space-between; align-items:center; gap:10px; font-family:'JetBrains Mono'; font-size:11px; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); margin-bottom:14px; }
.figc svg{ width:100%; height:auto; display:block; }

/* ============ CONTACT: responder preview on dark + trust list ============ */
.cols .form{ margin-top:0; } .cols .faq{ margin-top:0; }
.demoviz{ margin-top:24px; background:var(--night-soft); border:1px solid #1d3327; border-radius:16px; padding:18px; max-width:440px; }
.demoviz .dvh{ display:flex; justify-content:space-between; align-items:center; gap:10px; font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase; color:#7FA88F; margin-bottom:12px; }
.demoviz .split{ height:40px; margin-top:0; }
.demoviz .dvkey{ margin-top:12px; display:flex; gap:16px; flex-wrap:wrap; font-family:'JetBrains Mono'; font-size:11px; color:#A9C7B6; }
.demoviz .dvkey span{ display:flex; align-items:center; gap:6px; } .demoviz .dvkey i{ width:9px; height:9px; border-radius:2px; display:inline-block; }
.demoviz .dvcap{ margin-top:13px; padding-top:12px; border-top:1px solid #1d3327; font-size:13px; color:#8FB7A1; line-height:1.45; }
.trust{ margin-top:22px; display:flex; flex-direction:column; gap:10px; list-style:none; padding:0; }
.trust li{ position:relative; padding-left:26px; color:#CFE3D7; font-size:14.5px; line-height:1.4; }
.trust li::before{ content:""; position:absolute; left:0; top:2px; width:17px; height:17px; border-radius:50%; background:rgba(95,191,140,.16); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2l2.2 2.3 4.8-5' stroke='%235FBF8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; }

/* ============ CARD MINI DATA-VIZ (deliverables + eight reads) ============ */
.dcard .minichart{ height:52px; margin-bottom:14px; background:var(--canvas-soft); border:1px solid var(--hair); border-radius:10px; padding:7px 12px; }
.dcard .minichart svg{ width:100%; height:100%; display:block; overflow:visible; }

/* ============ RESULTS: wording guardrails table ============ */
.guard{ background:var(--canvas); border:1px solid var(--hair); border-radius:16px; overflow:hidden; }
.guard .ghead{ font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); padding:15px 18px 13px; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.guard .grow{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 18px; border-top:1px solid var(--hair); }
.guard .gl{ font-size:14.5px; color:var(--ink); font-weight:600; }
.tag-soft{ display:inline-block; font-family:'JetBrains Mono'; font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:#3F6B54; background:#EAF4EE; border:1px solid #CFE6DA; border-radius:999px; padding:5px 11px; white-space:nowrap; }

/* ============ HOW IT WORKS: panel comparison table ============ */
.vscompare{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:1px; background:var(--hair); border:1px solid var(--hair); border-radius:12px; overflow:hidden; }
.vscompare .c{ background:var(--canvas); padding:12px 13px; font-size:13px; color:var(--body); display:flex; align-items:center; line-height:1.3; }
.vscompare .c.k{ background:var(--canvas-soft); font-family:'JetBrains Mono'; font-size:9.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); }
.vscompare .c.ha,.vscompare .c.hb{ font-family:'JetBrains Mono'; font-size:9.5px; letter-spacing:0.06em; text-transform:uppercase; font-weight:600; }
.vscompare .c.ha{ background:var(--canvas-soft); color:var(--muted); }
.vscompare .c.hb{ background:var(--emerald-tint); color:var(--emerald-deep); }
.vscompare .c.b{ background:var(--emerald-soft); color:var(--emerald-deep); font-weight:600; }

/* ============ PLANS: scope notes ============ */
.price-hero .ph-scope{ background:var(--emerald-soft); border:1px solid #CFE6DA; border-radius:10px; padding:12px 15px; font-size:13px; color:var(--body); line-height:1.5; margin-bottom:22px; }
.incl-note{ margin-top:22px; font-size:14.5px; color:var(--body); line-height:1.6; max-width:780px; border-top:1px solid var(--hair); padding-top:18px; }

/* ============ MOBILE COMPANION v2: "What's working" screen ============ */
.appphone .sbic{ display:inline-flex; align-items:center; gap:5px; }
.appcard{ background:#fff; border:1px solid var(--hair); border-radius:18px; padding:16px 14px 14px; margin-top:6px; box-shadow:0 1px 2px rgba(16,39,46,.04); }
.appcard .clab{ text-align:center; font-family:'JetBrains Mono'; font-size:10px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); }
.applegend{ display:flex; gap:18px; justify-content:center; margin-top:2px; font-family:'JetBrains Mono'; font-size:10.5px; color:var(--muted); }
.applegend span{ display:flex; align-items:center; gap:6px; } .applegend i{ width:10px; height:10px; border-radius:3px; display:inline-block; }
.cmprow{ margin-top:18px; }
.cmprow .ch{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; }
.cmprow .cl{ font-weight:700; color:var(--ink); font-size:15px; }
.cmprow .cv{ font-family:'DM Sans'; font-weight:700; font-size:14px; color:var(--emerald-deep); font-variant-numeric:tabular-nums; }
.ctrack{ position:relative; height:6px; background:#EDE6DB; border-radius:3px; margin-top:13px; }
.cfill{ position:absolute; top:0; height:6px; background:#BFE0CE; border-radius:3px; }
.cthumb{ position:absolute; top:50%; width:15px; height:15px; border-radius:50%; transform:translate(-50%,-50%); border:3px solid #fff; box-shadow:0 1px 3px rgba(16,39,46,.22); }
.cthumb.base{ background:#A69C8E; } .cthumb.now{ background:var(--emerald-deep); }
.cvals{ position:relative; height:15px; margin-top:9px; }
.cvals span{ position:absolute; transform:translateX(-50%); font-family:'JetBrains Mono'; font-size:11px; white-space:nowrap; }
.cvals .b{ color:var(--muted); } .cvals .n{ color:var(--emerald-deep); font-weight:600; }
.appnote{ margin-top:22px; padding-top:16px; border-top:1px solid var(--hair); }
.appnote b{ display:block; color:var(--ink); font-size:14.5px; line-height:1.35; }
.appnote .sub{ color:var(--body); font-size:13.5px; margin-top:5px; }
.apptab{ flex:none; display:flex; border-top:1px solid var(--hair); background:#fff; }
.apptab a{ flex:1; display:flex; flex-direction:column; align-items:center; gap:3px; padding:9px 0 11px; font-family:'JetBrains Mono'; font-size:9.5px; letter-spacing:0.03em; color:var(--muted); text-decoration:none; }
.apptab a svg{ width:19px; height:19px; stroke:currentColor; stroke-width:1.8; fill:none; }
.apptab a.on{ color:var(--emerald-deep); }

/* ============ MOBILE COMPANION v3: "Good evening" check-in screen ============ */
.aphero{ background:#36534B; color:#E7F0EC; border-radius:18px; padding:20px 18px; margin-top:6px; }
.aphero .hl{ font-family:'JetBrains Mono'; font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:#A9C7B6; }
.aphero .big{ font-family:'DM Sans'; font-weight:700; font-size:46px; letter-spacing:-0.03em; color:#fff; line-height:1; margin-top:9px; }
.aphero .lead{ font-size:15px; color:#fff; margin-top:11px; font-weight:600; line-height:1.35; }
.aphero .sub{ font-size:13px; color:#BCD3C7; margin-top:9px; line-height:1.45; }
.aphero .hr{ border-top:1px solid rgba(255,255,255,.16); margin:16px 0; }
.aphero .ba{ display:flex; align-items:center; gap:14px; }
.aphero .ba .col{ flex:1; } .aphero .ba .col .l{ font-family:'JetBrains Mono'; font-size:9px; letter-spacing:0.07em; text-transform:uppercase; color:#9FBBAE; }
.aphero .ba .col .v{ font-family:'DM Sans'; font-weight:700; font-size:19px; color:#fff; margin-top:4px; }
.aphero .ba .arr{ color:#9FBBAE; flex:none; font-size:18px; }
.apctx{ margin-top:18px; font-size:13px; color:var(--muted); line-height:1.5; } .apctx b{ color:var(--ink); }
.apstreak{ margin-top:14px; display:inline-flex; align-items:center; gap:7px; font-family:'JetBrains Mono'; font-size:10px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:var(--emerald-deep); background:var(--emerald-tint); border:1px solid #CFE6DA; border-radius:999px; padding:7px 12px; }
.apq{ margin-top:20px; font-size:16px; font-weight:700; color:var(--ink); }
.apnums{ display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:11px; }
.apnums div{ aspect-ratio:1; border:1px solid var(--hair); background:#fff; border-radius:13px; display:grid; place-items:center; font-family:'DM Sans'; font-weight:700; font-size:18px; color:var(--ink); }
.apnums div.on{ background:#36534B; border-color:#36534B; color:#fff; }
.apscale{ margin-top:7px; display:flex; justify-content:space-between; font-size:11px; color:var(--muted); }
.apchips{ display:flex; gap:8px; margin-top:11px; }
.apchips div{ flex:1; border:1px solid var(--hair); background:#fff; border-radius:11px; padding:11px 4px; text-align:center; font-size:13px; font-weight:600; color:var(--ink); }
.apchips div.on{ border-color:#9CC3AE; background:var(--emerald-soft); color:var(--emerald-deep); }
.apmed{ margin-top:16px; display:flex; align-items:center; gap:12px; background:#fff; border:1px solid var(--hair); border-radius:14px; padding:13px; }
.apmed .mi{ width:40px; height:40px; border-radius:11px; background:#36534B; display:grid; place-items:center; flex:none; } .apmed .mi svg{ width:18px; height:18px; stroke:#fff; stroke-width:1.7; fill:none; }
.apmed .mt{ flex:1; } .apmed .mt b{ color:var(--ink); font-size:14px; } .apmed .mt .ms{ font-size:12px; color:var(--muted); margin-top:1px; }
.aptoggle{ display:flex; border:1px solid var(--hair); border-radius:999px; overflow:hidden; flex:none; } .aptoggle span{ padding:7px 13px; font-size:13px; font-weight:700; } .aptoggle .y{ background:#36534B; color:#fff; } .aptoggle .n{ color:var(--muted); }
.aplog{ flex:none; padding:10px 14px 14px; background:#fff; }
.aplog .b{ display:block; background:#36534B; color:#fff; text-align:center; font-weight:700; font-size:15px; border-radius:14px; padding:15px; }

/* ============ HOMEPAGE PHONE v2: "Your own pattern" screen ============ */
.phone .sbic{ display:inline-flex; align-items:center; gap:5px; }
.phone .phead{ display:flex; align-items:center; gap:10px; }
.phone .phead .bk{ width:30px; height:30px; border-radius:8px; background:var(--canvas); border:1px solid var(--hair); display:grid; place-items:center; color:var(--muted); flex:none; font-size:15px; }
.phone .phead b{ color:var(--ink); font-size:15px; display:block; }
.phone .phead .s{ font-family:'JetBrains Mono'; font-size:8.5px; letter-spacing:0.05em; text-transform:uppercase; color:var(--muted); margin-top:2px; }
.ppcard{ background:#fff; border:1px solid var(--hair); border-radius:16px; padding:15px 14px; margin-top:11px; box-shadow:0 1px 2px rgba(16,39,46,.04); }
.ppcard .top{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.ppcard .lab{ font-family:'JetBrains Mono'; font-size:9px; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); }
.ppcard h5{ font-size:14.5px; font-weight:700; color:var(--ink); margin-top:11px; line-height:1.3; }
.ppcard .big{ font-family:'DM Sans'; font-weight:700; font-size:40px; color:var(--emerald-deep); letter-spacing:-0.03em; margin-top:9px; line-height:1; } .ppcard .big .u{ font-size:16px; color:var(--muted); font-weight:600; }
.ppcard .csub{ font-size:12px; color:var(--muted); margin-top:7px; }
.ppchart{ margin-top:12px; } .ppchart svg{ width:100%; height:auto; display:block; }
.ppends{ display:flex; justify-content:space-between; margin-top:9px; }
.ppends .e2{ text-align:right; } .ppends .l{ font-family:'JetBrains Mono'; font-size:8.5px; letter-spacing:0.05em; text-transform:uppercase; color:var(--muted); } .ppends .v{ font-family:'DM Sans'; font-weight:700; font-size:15px; color:var(--ink); margin-top:2px; } .ppends .e2 .v{ color:var(--emerald-deep); }
.ppcall{ margin-top:13px; background:var(--emerald-soft); border:1px solid #CFE6DA; border-radius:12px; padding:11px 12px; display:flex; gap:10px; align-items:flex-start; }
.ppcall svg{ width:17px; height:17px; stroke:var(--emerald-deep); stroke-width:1.9; fill:none; flex:none; margin-top:1px; }
.ppcall p{ font-size:12.5px; color:var(--body); line-height:1.4; } .ppcall b{ color:var(--ink); }
.ppstats{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.ppstat{ background:#fff; border:1px solid var(--hair); border-radius:14px; padding:13px; }
.ppstat b{ font-size:13px; color:var(--ink); }
.ppstat .row{ margin-top:9px; font-family:'DM Sans'; font-size:13px; color:var(--muted); font-weight:600; display:flex; align-items:baseline; gap:6px; } .ppstat .row .n{ font-size:25px; font-weight:700; color:var(--emerald-deep); letter-spacing:-0.02em; }
.ppstat .cap{ font-family:'JetBrains Mono'; font-size:8.5px; letter-spacing:0.03em; text-transform:uppercase; color:var(--muted); margin-top:8px; }
.ppdiv{ display:flex; align-items:center; gap:10px; margin:18px 0 12px; font-family:'JetBrains Mono'; font-size:8.5px; letter-spacing:0.07em; text-transform:uppercase; color:var(--muted); } .ppdiv::before,.ppdiv::after{ content:""; flex:1; height:1px; background:var(--hair); }
.pplog{ background:var(--canvas-soft); border:1px solid var(--hair); border-radius:14px; padding:15px; }
.pplog .nums{ display:flex; gap:22px; }
.pplog .nums .v{ font-family:'DM Sans'; font-weight:700; font-size:26px; color:var(--ink); letter-spacing:-0.02em; }
.pplog .nums .k{ font-size:11px; color:var(--muted); margin-top:2px; line-height:1.3; }
.pplog p{ margin-top:13px; font-size:12px; color:var(--body); line-height:1.5; }

/* ============ METHODOLOGY: with-versus-without comparison card ============ */
.diagram .wvwsub{ font-family:'JetBrains Mono'; font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); margin-top:-4px; margin-bottom:4px; }
.wvw{ display:flex; flex-direction:column; gap:22px; margin-top:10px; }
.wvwh{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.wvwh .wl{ display:flex; align-items:center; gap:9px; font-weight:700; color:var(--ink); font-size:15px; }
.wvwh .wl i{ width:11px; height:11px; border-radius:50%; background:#A69C8E; flex:none; }
.wvwh .wl i.on{ background:var(--emerald-deep); }
.wvwh .wn{ font-family:'JetBrains Mono'; font-size:11.5px; color:var(--muted); white-space:nowrap; }
.wvwbig{ display:flex; align-items:baseline; gap:9px; margin-top:8px; }
.wvwbig .v{ font-family:'DM Sans'; font-weight:700; font-size:34px; color:var(--ink); letter-spacing:-0.03em; line-height:1; }
.wvwbig .wu{ font-size:14px; color:var(--muted); }
.wvwbar{ position:relative; height:14px; background:#EDE6DB; border-radius:7px; margin-top:13px; }
.wvwbar .rng{ position:absolute; top:0; height:14px; border-radius:7px; }
.wvwbar .rng.on{ background:#9FC0B0; } .wvwbar .rng.off{ background:#CBD6CF; }
.wvwbar .mk{ position:absolute; top:-3px; width:3px; height:20px; border-radius:2px; background:#3D4F47; transform:translateX(-50%); }
.wvwscale{ display:flex; justify-content:space-between; margin-top:8px; font-family:'JetBrains Mono'; font-size:10px; color:var(--muted); }
.wvwscale .mid{ color:var(--body); }

/* ============================================================
   BRAND REBRAND OVERRIDES (2026-07 orange lockup)
   Chrome auto-flips to orange via the --emerald* tokens above.
   This block: (1) re-greens genuine data-viz so green = responded /
   red = did not respond stays intact, (2) keeps the in-product phone
   mockups internally coherent (green), (3) applies AA-safe button/link
   colors on the new orange, (4) drops the tree mark into the header.
   ============================================================ */

/* --- header logo mark --- */
.brandmark{ position:relative; padding-left:34px; }
.brandmark::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:27px; height:27px; background:url("/brand/rationallywell-icon.svg") center/contain no-repeat; }

/* --- AA-safe chrome on orange (white text needs the deep shade) --- */
.cta{ background:var(--emerald-deep); color:#fff; } .cta:hover{ background:#7A3D03; }
.btn.primary{ background:var(--emerald-deep); color:#fff; } .btn.primary:hover{ background:#7A3D03; }
.skip{ background:var(--emerald-deep); }
.chip.on{ background:var(--emerald-deep); border-color:var(--emerald-deep); }
.evi .src a{ color:var(--emerald-deep); }
.eyebrow.light{ color:#F0B274; } .eyebrow.light::before{ background:#DE7505; }
/* warm borders on highlight cards (were hardcoded green) */
.rung.higher{ border-color:#F0C48A; }
.price-hero{ border-color:#F0C48A; }
.callout{ border-color:#F0C48A; }

/* --- DATA-VIZ: keep green = responded / red = did not respond --- */
.rg-cf .nm .tr.up{ color:var(--resp-deep); }
.rg-cf .dv i.pos{ background:var(--resp); }
.rg-cf .vl.pos{ color:var(--resp-deep); }
.bacard.after .bah{ color:var(--resp-deep); background:var(--resp-soft); }
.bacard.after .baflags .f::before{ color:var(--resp); }
.basplit .r{ background:var(--resp); }
.split .s{ background:var(--resp-deep); }
.callbox{ background:var(--resp-soft); border-color:#CFE6DA; }
.callbox .big{ color:var(--resp-deep); }
.hist .bar.peak{ background:var(--resp-deep); }
.adh .fill{ background:var(--resp-deep); }
.rr .v{ color:var(--resp-deep); } .rr .v.mut{ color:var(--ink); }
.bigpct{ color:var(--resp-deep); }
.kpi .ks .em{ color:var(--resp-deep); }
.tag-ok{ color:var(--resp-deep); background:var(--resp-tint); border-color:#CFE6DA; }

/* --- PHONE / APP MOCKUPS: stay green product UI (coherent, and the metrics read as positive) --- */
.ppcard .big{ color:var(--resp-deep); }
.ppends .e2 .v{ color:var(--resp-deep); }
.ppcall{ background:var(--resp-soft); border-color:#CFE6DA; }
.ppcall svg{ stroke:var(--resp-deep); }
.ppstat .row .n{ color:var(--resp-deep); }
.cmprow .cv{ color:var(--resp-deep); }
.cthumb.now{ background:var(--resp-deep); }
.cvals .n{ color:var(--resp-deep); }
.apptab a.on{ color:var(--resp-deep); }
.apstreak{ color:var(--resp-deep); background:var(--resp-tint); border-color:#CFE6DA; }
.apchips div.on{ background:var(--resp-soft); color:var(--resp-deep); }
.cmpt .dot{ background:var(--resp); }
.cmsg{ background:var(--resp-soft); border-color:#95CFB1; }
.cstreak{ color:var(--resp-deep); background:var(--resp-tint); }
.ccheck .taps span.sel{ background:var(--resp); border-color:var(--resp); }
.cbeat .ci{ background:var(--resp-tint); } .cbeat .ci svg{ stroke:var(--resp-deep); }
.appphone .rbig{ color:var(--resp-deep); }
.appphone .prog .em{ color:var(--resp-deep); }
.appcta{ background:var(--resp-deep); }

/* ============================================================
   DARK-SECTION CHROME → ORANGE (phase 2)
   Warms the green accents/labels on the dark marketing panels
   (interactive tool, ROI calculator, contact form, footer,
   night sections, measurement-voice card). Phone mockups and the
   green/red data bars are intentionally left untouched.
   Warm palette: #F0B274 bright accent, #E0A05A medium accent,
   #C2B2A2 muted body, #ECE3DA near-white body.
   ============================================================ */

/* interactive preview tool (dark output) */
.out .ohead{ color:#E0A05A; }
.out .insight{ color:#F5EEE5; }
.ophenonote{ color:#C2B2A2; }
.out .conf .cl{ color:#C2B2A2; } .out .conf .cl b{ color:#F0B274; }
.out .disc{ color:#8A7A69; }

/* ROI calculator (dark output) */
.cout .ol{ color:#E0A05A; }
.cout .ocap{ color:#C2B2A2; }
.cout .ostat .k{ color:#C2B2A2; }
.cmult{ background:rgba(222,117,5,.15); color:#F0B274; }
.cfine{ color:#C99A6B; }

/* contact form + responder preview (dark) */
.waitlist .lede{ color:#C2B2A2; }
.form label{ color:#C2B2A2; }
.form input{ border-color:#3E362E; }
.form input:focus{ outline-color:#DE7505; }
.form input::placeholder{ color:#A89A8B; }
.form .consent{ color:#C2B2A2; }
.form .note{ color:#C2B2A2; }
.form .done p{ color:#C2B2A2; }
.demoviz{ border-color:#2C241B; }
.demoviz .dvh{ color:#E0A05A; }
.demoviz .dvkey{ color:#C2B2A2; }
.demoviz .dvcap{ color:#C2B2A2; }
.trust li{ color:#ECE3DA; }
.trust li::before{ background:rgba(222,117,5,.15); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2l2.2 2.3 4.8-5' stroke='%23F0B274' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; }

/* night sections (generic) */
.section.block.night{ border-bottom-color:#2C241B; }
.night .lede{ color:#C2B2A2; }
.block.night{ color:#ECE3DA; }

/* measurement-voice card (dark) */
.mcard{ color:#ECE3DA; border-color:#2C241B; }
.mcard .mbar{ color:#F0B274; border-bottom-color:#2C241B; }
.mcard .mbar .pulse{ background:#DE7505; }
.mcard .mbar .r{ color:#C2B2A2; }
.mcard .mq{ color:#ECE3DA; }
.mcard .mfoot{ color:#C2B2A2; border-top-color:#2C241B; } .mcard .mfoot b{ color:#F0B274; }

/* dark footer */
.foot{ color:#C2B2A2; border-top-color:#2C241B; }
.foot .mono{ color:#9A8A79; }
.foot .flinks a{ color:#ECE3DA; }
.foot .flinks a:focus-visible{ outline-color:#F0B274; }
.foot p{ color:#A99384; border-top-color:#2C241B; }
.out .conf{ border-top-color:#2C241B; }
.form{ border-color:#2C241B; }
.cout .ostat{ border-color:#2C241B; }