/* Layout: clinical "vitals monitor" for an operator's P&L — light ward palette, monospace readouts, one live pulse line as the signature */
/* Layout: calm, open sections on white; navy for trust, green for growth; numbers in a quiet mono */
/* Layout: open white sections, GAMWIT navy for trust, brand blues for structure, lime green for growth; faint hexagon motif from the logo */
:root{
  --bg:#F6F8FB; --surface:#FFFFFF; --surface-2:#ECF1F7; --ink:#1E2B3C; --muted:#56637A; --line:#DCE3EC;
  --pulse:#0B4A9E; --sky:#0592D6; --pulse-soft:#E6EFFA; --alert:#B4532A; --alert-soft:#F8ECE6; --chip:#4E8A1E; --lime:#8BC243; --grow-soft:#EEF6E2;
  --monitor:#1E2B3C; --monitor-ink:#EAF0F7; --monitor-line:#33435A;
  --f-display:"Sora", "Avenir Next", system-ui, sans-serif;
  --f-body:"Figtree", "Segoe UI", system-ui, sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --r:14px; --max:1160px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0F1724; --surface:#162131; --surface-2:#1D2B3F; --ink:#E6ECF6; --muted:#9AA8BE; --line:#2A3A52;
  --pulse:#5FA4F0; --sky:#3DB2EE; --pulse-soft:#15294A; --alert:#F0946A; --alert-soft:#3A2418; --chip:#A3D65F; --lime:#9BD45A; --grow-soft:#1E3220;
  --monitor:#0A111D; --monitor-ink:#EAF0F7; --monitor-line:#25354C; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0F1724; --surface:#162131; --surface-2:#1D2B3F; --ink:#E6ECF6; --muted:#9AA8BE; --line:#2A3A52;
  --pulse:#5FA4F0; --sky:#3DB2EE; --pulse-soft:#15294A; --alert:#F0946A; --alert-soft:#3A2418; --chip:#A3D65F; --lime:#9BD45A; --grow-soft:#1E3220;
  --monitor:#0A111D; --monitor-ink:#EAF0F7; --monitor-line:#25354C; color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);line-height:1.05;letter-spacing:-.02em;text-wrap:balance;margin:0}
h2{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800}
h3{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
section{padding-block:clamp(64px,9vw,112px)}
.eyebrow{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pulse);font-weight:600}
.lede{color:var(--muted);font-size:1.125rem;max-width:60ch}
.head{display:grid;gap:14px;margin-bottom:48px;max-width:780px}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 .95rem var(--f-body);padding:13px 22px;border-radius:999px;border:1.5px solid var(--ink);text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,color .15s}
.btn-solid{background:var(--ink);color:var(--bg)}
.btn-solid:hover{background:var(--pulse);border-color:var(--pulse)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--surface)}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--pulse);outline-offset:3px}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}

/* announcement + nav */
.announce{background:var(--ink);color:var(--bg);font-size:.85rem;text-align:center;padding-block:9px}
.announce b{color:var(--chip);font-weight:600}
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:66px}
.logo{display:flex;align-items:center;gap:10px;font:800 1.3rem var(--f-display);letter-spacing:.04em;text-decoration:none}
.logo svg{flex:none}
.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-size:.93rem;font-weight:500}
.nav ul a{text-decoration:none;color:var(--muted)}
.nav ul a:hover{color:var(--ink)}
.nav .btn{padding:9px 18px;font-size:.88rem}
@media (max-width:900px){.nav ul{display:none}}

/* hero */
.hero{padding-block:clamp(48px,7vw,88px) clamp(56px,8vw,96px)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.hero h1{font-size:clamp(2.7rem,6.4vw,5.4rem);font-weight:800}
.hero h1 em{font-style:normal;color:var(--pulse)}
.hero .lede{margin-top:22px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:36px;font-size:.88rem;color:var(--muted)}
.hero-meta b{display:block;font:600 1.35rem var(--f-mono);color:var(--ink)}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}

.monitor{position:relative;background:var(--monitor);color:var(--monitor-ink);border-radius:22px;padding:22px;box-shadow:0 30px 60px -30px rgba(10,40,40,.45);min-width:0}
.mon-top{display:flex;justify-content:space-between;align-items:center;font:500 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#A3B1C6}
.live{display:inline-flex;align-items:center;gap:7px;color:#9BD45A}
.live i{width:8px;height:8px;border-radius:50%;background:#9BD45A;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.ecg{display:block;width:100%;height:auto;margin:14px 0 6px}
.ecg .grid line{stroke:var(--monitor-line);stroke-width:1}
.ecg .trace{fill:none;stroke:#9BD45A;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:0;animation:trace 4.5s linear infinite}
@keyframes trace{0%{stroke-dashoffset:1400}70%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:.0}}
.vitals{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.vital{border:1px solid var(--monitor-line);border-radius:12px;padding:12px 14px;min-width:0}
.vital span{display:block;font:500 .68rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#A3B1C6}
.vital strong{display:block;font:600 1.65rem var(--f-mono);margin-top:4px;font-variant-numeric:tabular-nums}
.vital small{font:400 .75rem var(--f-mono);color:#A3B1C6}
.vital.ok strong{color:#9BD45A}.vital.warn strong{color:#FFB14A}.vital.bad strong{color:#FF7A5E}
.score-float{position:absolute;top:-22px;right:-14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:12px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 14px 30px -16px rgba(0,0,0,.35)}
.score-float strong{font:800 2rem var(--f-display);color:var(--pulse);line-height:1}
.score-float span{font-size:.78rem;color:var(--muted);line-height:1.25}
.sample{margin-top:12px;font:400 .68rem var(--f-mono);color:#8D9BB2;letter-spacing:.04em}
@media (max-width:520px){.score-float{right:8px;top:-26px}}

/* problem */
.problem{background:var(--surface)}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.problem-grid>div{background:var(--surface);padding:30px 28px;display:grid;gap:12px;align-content:start}
.problem-grid .tag{font:600 .72rem var(--f-mono);color:var(--alert);letter-spacing:.1em;text-transform:uppercase}
.problem-grid p{color:var(--muted)}
.symptoms{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;align-items:center}
.symptoms>span:first-child{font:600 .8rem var(--f-mono);color:var(--muted);margin-right:6px}
.sym{font-size:.88rem;padding:7px 14px;border-radius:999px;background:var(--alert-soft);color:var(--alert);font-weight:500}
@media (max-width:820px){.problem-grid{grid-template-columns:1fr}}

/* intro four */
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.four article{display:grid;gap:12px;align-content:start;padding-top:22px;border-top:2px solid var(--ink)}
.four .k{font:600 .72rem var(--f-mono);letter-spacing:.12em;color:var(--pulse)}
.four p{color:var(--muted);font-size:.97rem}
.four .big{font:600 2.2rem var(--f-mono);color:var(--ink);letter-spacing:-.02em}
@media (max-width:960px){.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.four{grid-template-columns:1fr}}

/* vitals explorer */
.explorer{background:var(--surface-2)}
.ex-grid{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}
.tabs{display:grid;gap:8px}
.tab{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-radius:12px;background:transparent;border:1px solid transparent;transition:background .15s}
.tab:hover{background:color-mix(in srgb,var(--surface) 60%,transparent)}
.tab[aria-selected="true"]{background:var(--surface);border-color:var(--line);box-shadow:0 8px 20px -14px rgba(0,0,0,.25)}
.tab .ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--pulse-soft);color:var(--pulse)}
.tab b{display:block;font:600 1.02rem var(--f-display)}
.tab small{color:var(--muted);font-size:.82rem}
.tab .sc{font:600 1rem var(--f-mono)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,3vw,36px);display:grid;gap:22px;min-width:0}
.panel-head{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-end}
.panel-head h3{font-size:1.7rem}
.panel-head p{color:var(--muted);max-width:52ch;margin-top:8px}
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.check{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:10px;background:var(--bg);font-size:.95rem;min-width:0}
.check svg{flex:none;margin-top:3px;color:var(--pulse)}
.signals{font:400 .82rem var(--f-mono);color:var(--muted);border-top:1px dashed var(--line);padding-top:16px}
.signals b{color:var(--ink);font-weight:600}
@media (max-width:900px){.ex-grid{grid-template-columns:1fr}.tabs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.checks{grid-template-columns:1fr}.tabs{grid-template-columns:1fr}}

/* score */
.score .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:center}
.dial-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;gap:22px;min-width:0}
.dial-row{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.dial{width:170px;height:170px;flex:none}
.dial .trackc{fill:none;stroke:var(--surface-2);stroke-width:14}
.dial .val{fill:none;stroke:var(--pulse);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.dial text{fill:var(--ink);font-family:var(--f-display);font-weight:800}
.dial .lbl{fill:var(--muted);font-family:var(--f-mono);font-weight:400;font-size:9px;letter-spacing:.12em}
.bars{display:grid;gap:12px;flex:1;min-width:200px}
.bar{display:grid;grid-template-columns:96px 1fr 34px;gap:10px;align-items:center;font-size:.86rem}
.bar .t{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.bar .t i{display:block;height:100%;border-radius:99px;background:var(--pulse)}
.bar.w .t i{background:var(--chip)}
.bar.b .t i{background:var(--alert)}
.bar .n{font:600 .85rem var(--f-mono);text-align:right}
.spark{width:100%;height:auto;display:block}
.spark .area{fill:var(--pulse-soft)}
.spark .ln{fill:none;stroke:var(--pulse);stroke-width:2}
.spark .gl{stroke:var(--line);stroke-width:1}
.spark text{fill:var(--muted);font:400 10px var(--f-mono)}
.spark circle{fill:var(--pulse)}
.feat-list{display:grid;gap:22px;margin-top:30px}
.feat-list div{display:grid;grid-template-columns:28px 1fr;gap:14px}
.feat-list svg{color:var(--pulse);margin-top:3px}
.feat-list p{color:var(--muted);font-size:.97rem}
.feat-list b{display:block;font:600 1.05rem var(--f-display);color:var(--ink);margin-bottom:2px}
@media (max-width:900px){.score .wrap{grid-template-columns:1fr}}

/* experience strip */
.exp{background:var(--monitor);color:var(--monitor-ink)}
.exp .eyebrow{color:#9BD45A}
.exp h2{color:var(--monitor-ink)}
.exp .lede{color:#AEBBCE}
.exp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--monitor-line);border-radius:var(--r);overflow:hidden;border:1px solid var(--monitor-line)}
.exp-grid>div{background:var(--monitor);padding:28px 24px;display:grid;gap:10px;align-content:start}
.exp-grid .k{font:600 .7rem var(--f-mono);letter-spacing:.14em;color:#FFB14A;text-transform:uppercase}
.exp-grid h3{color:var(--monitor-ink)}
.exp-grid p{color:#AEBBCE;font-size:.95rem}
@media (max-width:960px){.exp-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.exp-grid{grid-template-columns:1fr}}

/* compare */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
table{width:100%;border-collapse:collapse;min-width:620px;font-size:.96rem}
th,td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:none}
thead th{font:600 .74rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--bg)}
thead th.us{color:var(--pulse);background:var(--pulse-soft)}
td.us{background:color-mix(in srgb,var(--pulse-soft) 45%,transparent);font-weight:600}
td.them{color:var(--muted)}
.yes,.no{display:inline-flex;align-items:center;gap:8px}
.yes svg{color:var(--pulse)}.no svg{color:var(--alert)}

/* journey */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px;display:grid;gap:10px;align-content:start;counter-increment:s}
.step::before{content:counter(s,decimal-leading-zero);font:600 .8rem var(--f-mono);color:var(--pulse)}
.step p{color:var(--muted);font-size:.95rem}
.step .when{font:500 .75rem var(--f-mono);color:var(--chip);letter-spacing:.06em;text-transform:uppercase}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}

/* year */
.year{background:var(--surface)}
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:34px}
.timeline::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--pulse),var(--chip))}
.tl{position:relative;display:grid;gap:8px;align-content:start}
.tl::before{content:"";position:absolute;top:-31px;left:0;width:14px;height:14px;border-radius:50%;background:var(--surface);border:3px solid var(--pulse)}
.tl .when{font:600 .82rem var(--f-mono);color:var(--pulse);letter-spacing:.06em;text-transform:uppercase}
.tl p{color:var(--muted);font-size:.95rem}
@media (max-width:820px){.timeline{grid-template-columns:1fr;padding-top:0;padding-left:30px}.timeline::before{left:6px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--pulse),var(--chip))}.tl::before{top:4px;left:-30px}}

/* outcomes */
.out-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.stats>div{background:var(--surface);padding:26px 24px;display:grid;gap:6px}
.stats strong{font:600 clamp(2rem,4vw,2.8rem) var(--f-mono);letter-spacing:-.03em;line-height:1}
.stats span{color:var(--muted);font-size:.9rem}
.privacy{margin-top:28px;display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px;border-radius:var(--r);background:var(--pulse-soft)}
.privacy svg{color:var(--pulse)}
.privacy p{font-size:.95rem;color:var(--ink)}
.privacy b{font-family:var(--f-display)}
@media (max-width:900px){.out-grid{grid-template-columns:1fr}}

/* faq */
.faq-list{display:grid;gap:10px;max-width:880px}
details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 22px}
summary{cursor:pointer;list-style:none;padding:20px 0;font:600 1.06rem var(--f-display);display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 1.4rem var(--f-mono);color:var(--pulse);line-height:1}
details[open] summary::after{content:"–"}
details p{color:var(--muted);padding-bottom:20px;max-width:70ch}

/* book */
.book{background:var(--ink);color:var(--bg)}
.book .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.book h2{color:var(--bg)}
.book .lede{color:color-mix(in srgb,var(--bg) 70%,var(--ink))}
.book .eyebrow{color:var(--chip)}
form{background:var(--surface);color:var(--ink);border-radius:20px;padding:28px;display:grid;gap:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:grid;gap:6px;font-size:.84rem;font-weight:600}
input,select{font:400 1rem var(--f-body);padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);width:100%}
.form-note{font-size:.82rem;color:var(--muted)}
.done{padding:16px;border-radius:12px;background:var(--pulse-soft);color:var(--ink);font-size:.95rem}
.inc{display:grid;gap:10px;margin-top:28px;font-size:.98rem}
.inc div{display:flex;gap:10px;align-items:flex-start}
.inc svg{color:var(--chip);flex:none;margin-top:4px}
@media (max-width:900px){.book .wrap{grid-template-columns:1fr}}
@media (max-width:480px){.row2{grid-template-columns:1fr}}

footer{padding-block:48px 40px;border-top:1px solid var(--line)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-start}
footer p{color:var(--muted);font-size:.88rem;max-width:44ch;margin-top:10px}
.fcols{display:flex;gap:48px;flex-wrap:wrap;font-size:.9rem}
.fcols div{display:grid;gap:8px;align-content:start}
.fcols b{font:600 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fcols a{text-decoration:none}
.fcols a:hover{color:var(--pulse)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ---- multi-page additions ---- */
.nav ul a[aria-current="page"]{color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--pulse)}
.nav-right{display:flex;align-items:center;gap:10px}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;font:600 .85rem var(--f-mono);letter-spacing:.08em;padding:9px 14px;border:1.5px solid var(--line);border-radius:999px}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;right:0;top:calc(100% + 10px);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;min-width:220px;box-shadow:0 20px 40px -20px rgba(0,0,0,.35)}
.menu nav a{padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:500}
.menu nav a:hover,.menu nav a[aria-current="page"]{background:var(--bg);color:var(--pulse)}
@media (max-width:900px){.menu{display:block}.nav .btn-book{display:none}}

.page-hero{padding-block:clamp(44px,6vw,80px) clamp(36px,5vw,56px);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(2.3rem,5vw,4rem);font-weight:800;margin-top:14px;max-width:18ch}
.page-hero .lede{margin-top:18px}
.page-hero .hero-ctas{margin-top:26px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font:400 .78rem var(--f-mono);color:var(--muted);list-style:none;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--line)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--pulse)}

.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card-grid.c3{grid-template-columns:repeat(3,1fr)}
.card-grid.c2{grid-template-columns:repeat(2,1fr)}
.lcard{display:grid;gap:12px;align-content:start;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;min-width:0}
a.lcard:hover{transform:translateY(-3px);border-color:var(--pulse);box-shadow:0 16px 30px -22px rgba(0,0,0,.4)}
.lcard .ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--pulse-soft);color:var(--pulse)}
.lcard p{color:var(--muted);font-size:.95rem}
.lcard .more{font:600 .8rem var(--f-mono);color:var(--pulse);letter-spacing:.04em;margin-top:auto}
.lcard .k{font:600 .7rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--chip)}
@media (max-width:980px){.card-grid,.card-grid.c3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.card-grid,.card-grid.c3,.card-grid.c2{grid-template-columns:1fr}}

.band{background:var(--pulse-soft);border-radius:22px;padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.band h2{font-size:clamp(1.7rem,3.2vw,2.4rem)}
.band p{color:var(--muted);margin-top:10px;max-width:58ch}
.band .meter{font:600 .78rem var(--f-mono);color:var(--pulse);letter-spacing:.1em;text-transform:uppercase}
@media (max-width:760px){.band{grid-template-columns:1fr}}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.prose{display:grid;gap:16px;max-width:66ch}
.prose p{color:var(--muted)}
.prose h2{font-size:clamp(1.7rem,3vw,2.3rem)}
.prose ul{margin:0;padding-left:20px;color:var(--muted);display:grid;gap:6px}

.answer{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--pulse);border-radius:10px;padding:18px 22px;max-width:780px;margin-top:26px}
.answer b{font:600 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pulse);display:block;margin-bottom:6px}
.answer p{color:var(--ink)}

/* competitor matrix */
.matrix th,.matrix td{text-align:center;padding:14px 12px;font-size:.9rem}
.matrix th[scope="row"]{text-align:left;font-weight:500;min-width:200px}
.matrix thead th{font-size:.66rem;line-height:1.35;vertical-align:bottom}
.dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid var(--pulse);vertical-align:middle}
.dot.f{background:var(--pulse)}
.dot.h{background:linear-gradient(90deg,var(--pulse) 50%,transparent 50%)}
.dot.n{border-color:var(--line)}
.legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:.84rem;color:var(--muted);align-items:center}
.legend span{display:inline-flex;gap:8px;align-items:center}
.cat{display:grid;gap:14px;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);align-content:start;min-width:0}
.cat h3{font-size:1.15rem}
.cat dl{display:grid;gap:10px;margin:0;font-size:.92rem}
.cat dt{font:600 .68rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cat dd{margin:0}
.cat dd.gap{color:var(--alert)}
.cat .fit{padding-top:12px;border-top:1px dashed var(--line);font-size:.9rem;color:var(--muted)}
.cat .fit b{color:var(--ink)}

/* stack diagram */
.stack{display:grid;grid-template-columns:1fr auto 1.1fr auto 1fr;gap:14px;align-items:center}
.stack .col{display:grid;gap:8px}
.stack .pill{padding:10px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:.88rem;text-align:center}
.stack .core{background:var(--monitor);color:var(--monitor-ink);border-radius:16px;padding:22px;text-align:center;display:grid;gap:6px}
.stack .core b{font:800 1.4rem var(--f-display);letter-spacing:.04em}
.stack .core span{font:400 .78rem var(--f-mono);color:#AEBBCE}
.stack .arr{font:600 1.4rem var(--f-mono);color:var(--pulse)}
.stack .lab{font:600 .68rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center}
@media (max-width:820px){.stack{grid-template-columns:1fr}.stack .arr{transform:rotate(90deg);justify-self:center}}

/* quiz */
.quiz{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
.qlist{display:grid;gap:14px;min-width:0}
fieldset.q{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:20px 22px;margin:0;display:grid;gap:12px;min-width:0}
fieldset.q legend{padding:0;font:600 1.05rem var(--f-display);float:left;width:100%}
fieldset.q .qv{font:600 .68rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pulse);display:block;margin-bottom:6px}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;clear:both}
.opts label{position:relative;font-weight:500;font-size:.9rem;display:block;cursor:pointer}
.opts input{position:absolute;opacity:0;width:1px;height:1px}
.opts span{display:block;height:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);transition:border-color .15s,background .15s}
.opts input:checked+span{border-color:var(--pulse);background:var(--pulse-soft)}
.opts input:focus-visible+span{outline:3px solid var(--pulse);outline-offset:2px}
@media (max-width:640px){.opts{grid-template-columns:1fr}}
.result{position:sticky;top:calc(env(safe-area-inset-top,0px) + 86px);background:var(--monitor);color:var(--monitor-ink);border-radius:20px;padding:24px;display:grid;gap:16px}
.result .mon-top{color:#A3B1C6}
.result .big{font:800 4rem var(--f-display);line-height:1;color:#9BD45A}
.result .big small{font:400 1rem var(--f-mono);color:#A3B1C6}
.result .rb{display:grid;grid-template-columns:90px 1fr 34px;gap:10px;align-items:center;font-size:.84rem}
.result .rb .t{height:7px;border-radius:9px;background:#33435A;overflow:hidden}
.result .rb .t i{display:block;height:100%;background:#9BD45A;width:0;transition:width .5s}
.result .rb .n{font:600 .8rem var(--f-mono);text-align:right}
.result .status{font-size:.9rem;color:#CFD8E5}
.result .recs{display:grid;gap:8px;font-size:.88rem}
.result .recs a{color:#9BD45A}
.result .prog{font:400 .72rem var(--f-mono);color:#A3B1C6}
.result .btn{border-color:#9BD45A;background:#9BD45A;color:#1E2B3C;justify-content:center}
@media (max-width:900px){.quiz{grid-template-columns:1fr}.result{position:static}}

/* glossary */
.az{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}
.az a{font:600 .8rem var(--f-mono);padding:6px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:var(--surface)}
.az a:hover{border-color:var(--pulse);color:var(--pulse)}
.terms{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.term{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:8px;align-content:start;scroll-margin-top:100px;min-width:0}
.term h2{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}
.term h2 abbr{text-decoration:none;font-family:var(--f-mono);color:var(--pulse);font-size:.9rem;margin-left:6px}
.term p{color:var(--muted);font-size:.95rem}
.term .rel{font:400 .78rem var(--f-mono);color:var(--muted)}
.term .rel a{color:var(--pulse)}
@media (max-width:760px){.terms{grid-template-columns:1fr}}
.related{margin-top:14px}
form.qlist{background:none;padding:0;border-radius:0;color:inherit}
details.menu{background:none;border:0;padding:0;border-radius:0}
details.menu summary{padding:9px 14px;font:600 .8rem var(--f-mono);display:block}
details.menu summary::after{content:none}
.result .recs div{line-height:1.45}
/* case studies & blog */
.h3{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.casecard .cstat{font:600 2.4rem var(--f-mono);letter-spacing:-.03em;line-height:1;color:var(--pulse)}
.casecard .cstat-l{font-size:.85rem;color:var(--muted);margin-top:-6px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.chips button{font:500 .88rem var(--f-body);padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.cs-stats{grid-template-columns:repeat(3,1fr)}
@media (max-width:640px){.cs-stats{grid-template-columns:1fr}}
.article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,5vw,64px);align-items:start}
.article .prose{max-width:68ch}
.article .prose h2{font-size:clamp(1.4rem,2.4vw,1.8rem);margin-top:14px;scroll-margin-top:100px}
.post p,.post li{font-size:1.05rem;line-height:1.7}
.side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 90px);display:grid;gap:12px}
.facts{margin:0 0 6px;display:grid;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.facts div{padding:14px 18px;border-bottom:1px solid var(--line)}
.facts div:last-child{border-bottom:0}
.facts dt{font:600 .68rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:4px 0 0;font-weight:500}
.facts a{color:var(--pulse)}
.srcnote{font:400 .8rem var(--f-mono)!important;color:var(--muted);border-top:1px dashed var(--line);padding-top:14px;margin-top:10px}
.srcnote a{color:var(--pulse)}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;font-size:.9rem}
.toc b{font:600 .68rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.toc ol{margin:10px 0 0;padding-left:18px;display:grid;gap:6px}
.toc a{text-decoration:none}.toc a:hover{color:var(--pulse)}
@media (max-width:900px){.article{grid-template-columns:1fr}.side{position:static}}
.post-meta{font:400 .8rem var(--f-mono);color:var(--muted);margin-top:16px}
.takeaways{background:var(--pulse-soft);border-radius:var(--r);padding:20px 24px}
.takeaways b{font:600 .7rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pulse)}
.takeaways ul{margin-top:8px;color:var(--ink)!important}
.takeaways li{font-size:.98rem!important}
.post-cta{margin-top:24px;background:var(--monitor);color:var(--monitor-ink);border-radius:18px;padding:26px;display:grid;gap:10px;justify-items:start}
.post-cta .k{font:600 .7rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#FFB14A}
.post-cta h3{color:var(--monitor-ink)}
.post-cta p{color:#AEBBCE!important;font-size:.98rem!important}
.post-cta .btn{background:#9BD45A;border-color:#9BD45A;color:#1E2B3C}
.feature{display:grid;grid-template-columns:1.4fr 1fr;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:border-color .15s}
.feature:hover{border-color:var(--pulse)}
.feature>div:first-child{padding:clamp(24px,4vw,44px);display:grid;gap:14px;align-content:start}
.feature .k{font:600 .7rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--chip)}
.feature h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.feature p{color:var(--muted)}
.feature .more{font:600 .8rem var(--f-mono);color:var(--pulse)}
.feature-art{background:var(--monitor);display:grid;place-items:center;padding:24px;min-height:200px}
.feature-art svg{width:100%;height:120px}
@media (max-width:760px){.feature{grid-template-columns:1fr}}
/* value-led home */
.band-ctas{display:flex;flex-wrap:wrap;gap:10px}
.qcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.qcard{display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;padding:26px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);min-width:0}
.qcard .k{font:600 .7rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pulse)}
.qcard h3{font:800 1.45rem var(--f-display);letter-spacing:-.02em;line-height:1.15;text-wrap:balance}
.qcard p{color:var(--muted);font-size:.95rem}
.proof{display:flex;gap:14px;align-items:center;padding-top:14px;border-top:1px dashed var(--line);text-decoration:none;font-size:.85rem;color:var(--muted)}
.proof strong{font:600 1.7rem var(--f-mono);letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
.proof em{font-style:normal;font:600 .76rem var(--f-mono);color:var(--pulse)}
.proof:hover strong{color:var(--pulse)}
@media (max-width:980px){.qcards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.qcards{grid-template-columns:1fr}}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.calc-in{display:grid;gap:14px;margin-top:8px}
.calc-in label{font-size:.86rem;font-weight:600;color:var(--ink)}
.calc-in input[type=range]{padding:0;border:0;background:none;accent-color:var(--pulse)}
.calc-out{background:var(--monitor);color:var(--monitor-ink);border-radius:22px;padding:clamp(22px,3vw,34px);display:grid;gap:4px;min-width:0}
.co-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--monitor-line);flex-wrap:wrap}
.co-row span{color:#AEBBCE;font-size:.92rem}
.co-row strong{font:600 1.5rem var(--f-mono);font-variant-numeric:tabular-nums}
.co-row.tot{border-bottom:0}
.co-row.tot strong{font-size:clamp(2rem,4vw,2.8rem);color:#9BD45A}
.co-note{font:400 .74rem var(--f-mono);color:#A3B1C6;line-height:1.5}
.co-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.co-ctas .btn{background:#9BD45A;border-color:#9BD45A;color:#1E2B3C}
.co-ctas .btn-line{background:transparent;color:#9BD45A}
@media (max-width:860px){.calc{grid-template-columns:1fr}}
.engage{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.engage>div{display:grid;gap:10px;align-content:start;padding:26px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.engage>div:first-child{border-color:var(--pulse);background:var(--pulse-soft)}
.engage .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 .9rem var(--f-mono);background:var(--ink);color:var(--bg)}
.engage p{color:var(--muted);font-size:.95rem}
.engage a{color:var(--pulse)}
@media (max-width:860px){.engage{grid-template-columns:1fr}}
/* ---- trust & growth theme refinements ---- */
h1,h2,h3{font-weight:700;letter-spacing:-.025em}
h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.hero h1{font-size:clamp(2.5rem,5.4vw,4.4rem);font-weight:700}
.hero h1 em{color:var(--chip)}
.page-hero h1{font-weight:700;font-size:clamp(2.2rem,4.6vw,3.6rem)}
section{padding-block:clamp(64px,8vw,104px)}
.eyebrow{color:var(--pulse);font-weight:500;letter-spacing:.12em}
.announce{background:var(--surface-2);color:var(--ink)}
.announce b{color:var(--pulse)}
.announce a{text-decoration:none}
.wordmark{font:700 1.35rem var(--f-display);letter-spacing:.06em;color:var(--ink)}
.btn-solid{background:var(--pulse);border-color:var(--pulse);color:#fff}
.btn-solid:hover{background:var(--ink);border-color:var(--ink)}
.btn-ghost{border-color:var(--line)}
.btn-ghost:hover{border-color:var(--ink)}
.sym{background:var(--surface-2);color:var(--ink)}
.problem{background:var(--surface)}
.soft{background:var(--surface)}
.lcard,.qcard{box-shadow:none}
.qcard{background:var(--surface)}
.soft .qcard,.soft .lcard{background:var(--bg)}
.trust{padding-block:28px;border-block:1px solid var(--line);background:var(--surface)}
.trust ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 32px}
.trust li{display:grid;gap:2px}
.trust b{font:600 1.35rem var(--f-display);color:var(--ink);letter-spacing:-.02em}
.trust span{font-size:.85rem;color:var(--muted)}
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mcard{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:22px;border-radius:var(--r);background:var(--bg);border:1px solid var(--line);text-decoration:none;transition:border-color .15s,transform .15s;min-width:0}
.mcard:hover{border-color:var(--pulse);transform:translateY(-2px)}
.mcard h3{font-size:1.12rem}
.mcard p{color:var(--muted);font-size:.92rem}
.mcard .more{font:500 .78rem var(--f-mono);color:var(--pulse)}
.mcard.quiet{border-style:dashed;background:transparent}
.suite{justify-self:start;font:500 .66rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.s-revenue{background:var(--grow-soft);color:var(--chip)}
.s-risk{background:var(--alert-soft);color:var(--alert)}
.s-compliance{background:var(--pulse-soft);color:var(--pulse)}
.s-custom{background:var(--surface-2);color:var(--muted)}
@media (max-width:1000px){.mgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.mgrid{grid-template-columns:1fr}}
.monitor{box-shadow:0 30px 60px -34px rgba(30,43,60,.45)}
.growth .mon-top .up{color:#9BD45A;letter-spacing:.06em}
.gchart{display:block;width:100%;height:auto;margin:14px 0 10px}
.gchart .gl line{stroke:var(--monitor-line);stroke-width:1}
.gchart .garea{fill:rgba(139,194,67,.16)}
.gchart .gline{fill:none;stroke:#9BD45A;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.gchart .gdot{fill:#9BD45A;stroke:var(--monitor);stroke-width:3}
.vital.ok strong{color:#9BD45A}
.mtri{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,48px)}
.mtri .eyebrow{margin-bottom:14px}
.lst{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lst li{padding-left:22px;position:relative;font-size:.98rem}
.lst li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--pulse)}
.lst.ok li::before{background:var(--chip)}
.who{font:600 1.2rem var(--f-display);letter-spacing:-.01em}
.muted{color:var(--muted);margin-top:10px;font-size:.95rem}
.muted a{color:var(--pulse)}
@media (max-width:820px){.mtri{grid-template-columns:1fr}}
.engage>div:first-child{border-color:var(--chip);background:var(--grow-soft)}
.engage a{color:var(--pulse)}
.band{background:var(--pulse-soft)}
.band .meter{color:var(--pulse)}
/* ---- brand alignment (GAMWIT logo) ---- */
.lg{display:block;height:42px;width:auto}
.lg-full{height:58px}
.lg-d{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .lg-l{display:none}:root:not([data-theme="light"]) .lg-d{display:block}}
:root[data-theme="dark"] .lg-l{display:none}
:root[data-theme="dark"] .lg-d{display:block}
@media (max-width:520px){.lg{height:34px}}
.hero h1 em{color:var(--chip)}
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0 0 0 45%;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0l28 16v32L28 64 0 48V16zM28 64v33M0 48l-0 0M56 48v0' fill='none' stroke='%230592D6' stroke-opacity='.18' stroke-width='1'/%3E%3C/svg%3E");
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.hero .wrap{position:relative}
.tagline{display:flex;flex-wrap:wrap;gap:6px 14px;font:600 .82rem var(--f-body);letter-spacing:.02em;color:var(--ink)}
.tagline span:nth-child(1){color:var(--pulse)}.tagline span:nth-child(2){color:var(--sky)}.tagline span:nth-child(3){color:var(--chip)}
.engage .n{width:38px;height:42px;border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--pulse);color:#fff}
.engage>div:first-child .n{background:var(--lime);color:#1E2B3C}
.ppv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.ppv>div{padding:20px 22px;border-radius:var(--r);border-top:3px solid var(--pulse);background:var(--bg);display:grid;gap:6px}
.ppv>div:nth-child(2){border-color:var(--sky)}.ppv>div:nth-child(3){border-color:var(--lime)}
.ppv b{font:700 1.15rem var(--f-display)}
.ppv p{color:var(--muted);font-size:.92rem}
@media (max-width:760px){.ppv{grid-template-columns:1fr}}
.s-revenue{background:var(--grow-soft);color:var(--chip)}
.s-compliance{background:var(--pulse-soft);color:var(--pulse)}
.trust b{color:var(--pulse)}
.band{background:linear-gradient(120deg,var(--pulse-soft),var(--grow-soft))}
.qcard .k,.lcard .k{color:var(--pulse)}
.casecard .cstat{color:var(--chip)}
.proof strong{color:var(--pulse)}
.trust b span{font:inherit;color:inherit}
.btn-solid{color:var(--surface)}
.btn-solid:hover{color:var(--surface)}
[hidden]{display:none!important}