*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{width:min(1200px,92vw);margin:0 auto}
section{padding:var(--pad) 0}
h1,h2,h3,h4{font-family:var(--f-disp);margin:0;color:var(--hd)}
h1{font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.02;letter-spacing:var(--ls-h)}
h2{font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1.1;letter-spacing:var(--ls-h)}
h3{font-size:1.15rem;line-height:1.25}
p{margin:0 0 1rem}
.eb{font-family:var(--f-eb);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);margin:0 0 1rem;font-weight:600}
.sub{max-width:62ch;color:var(--mu);margin-top:1rem}
.fine{font-size:.8rem;color:var(--mu);max-width:80ch}
.lnk{font-weight:600;color:var(--ac);text-decoration:none;border-bottom:1px solid var(--ac-t);padding-bottom:2px}
.lnk:hover{border-bottom-color:var(--ac)}
.btn,.btn2{display:inline-block;text-decoration:none;font-weight:700;padding:.9rem 1.4rem;border-radius:var(--rad);font-size:.95rem;border:1px solid transparent;transition:transform .15s ease,background .15s ease,color .15s ease}
.btn{background:var(--ac);color:var(--on-ac);border-color:var(--ac)}
.btn:hover{background:var(--ac-2);border-color:var(--ac-2)}
.btn2{border-color:var(--bd-s);color:var(--hd)}
.btn2:hover{border-color:var(--ac);color:var(--ac)}
.btn-sm{padding:.6rem 1rem;font-size:.85rem}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:2.4rem}

/* switcher */
#sw{position:fixed;z-index:99;left:0;right:0;bottom:0;display:flex;gap:.4rem;align-items:center;justify-content:center;padding:.55rem;background:#0b0a0cf2;color:#fff;font:600 12px/1 var(--f-body);backdrop-filter:blur(6px)}
#sw span{opacity:.55;letter-spacing:.14em;text-transform:uppercase;margin-right:.4rem}
#sw a{text-decoration:none;padding:.45rem .7rem;border-radius:4px;border:1px solid #ffffff2b;color:#fff}
#sw a.on{background:#fff;color:#0b0a0c;border-color:#fff}

/* header */
.hdr{position:sticky;top:0;z-index:40;background:var(--hdr-bg);border-bottom:1px solid var(--bd)}
.hdr-in{display:flex;align-items:center;gap:1.4rem;height:72px}
.mark{font-family:var(--f-disp);font-weight:var(--mark-w);font-size:1.15rem;letter-spacing:var(--mark-ls);text-transform:var(--mark-tt);text-decoration:none;color:var(--hd);display:inline-flex;align-items:center;gap:.4rem}
.mark i{width:7px;height:7px;border-radius:50%;background:var(--ac);display:inline-block}
.nav{display:flex;gap:1.3rem;margin-left:auto;font-size:.92rem}
.nav a{text-decoration:none;color:var(--mu)}
.nav a:hover{color:var(--hd)}
.hdr-cta{display:flex;align-items:center;gap:1rem}
.hdr-cta .lnk{font-size:.9rem;border:0}

/* hero */
.hero{padding:var(--hero-pad) 0 var(--pad)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:calc(var(--gap) * 1.6);align-items:center}
.lead{font-size:1.12rem;color:var(--mu);max-width:56ch;margin-top:1.3rem}
.cta{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.8rem 0 1.2rem}
.trust{font-size:.9rem;color:var(--mu);border-left:2px solid var(--ac);padding-left:.9rem;margin:0}
.hero-fig{margin:0;border-radius:var(--rad);overflow:hidden;background:#08070a;border:1px solid var(--bd);align-self:stretch;min-height:clamp(340px,40vw,540px)}
.hero-fig img{width:100%;height:100%;object-fit:cover;min-height:inherit}

/* cards */
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);padding:1.6rem}
.card .num{font-family:var(--f-num);font-size:.8rem;color:var(--ac);letter-spacing:.1em}
.card h3{margin:.7rem 0 .6rem}
.card p{color:var(--mu);font-size:.95rem}

/* ledger */
.ledger{background:var(--led-bg);color:var(--led-tx)}
.ledger h2,.ledger .eb{color:var(--led-hd)}
.ledger .eb{color:var(--ac-l)}
.led-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:calc(var(--gap) * 1.4);align-items:center}
.led-txt p{color:var(--led-mu)}
.led-tbl{background:var(--led-card);border:1px solid var(--led-bd);border-radius:var(--rad);padding:1.2rem 1.4rem}
table{width:100%;border-collapse:collapse;font-family:var(--f-num);font-size:.92rem;font-variant-numeric:tabular-nums}
caption{text-align:left;font-family:var(--f-eb);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ac-l);padding-bottom:.9rem}
th,td{padding:.62rem .2rem;border-bottom:1px solid var(--led-bd);text-align:left}
th{font-weight:600;color:var(--led-mu);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
td{color:var(--led-tx)}
.r{text-align:right}
.pos{color:var(--ac-l)}
.low{color:#E9B44C}
tr.tot td{border-bottom:0;border-top:2px solid var(--ac);font-weight:700;padding-top:.8rem}

/* service rows */
.rows{list-style:none;margin:2.4rem 0 0;padding:0;border-top:1px solid var(--bd)}
.rows li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.2fr) auto;gap:1.2rem;align-items:baseline;padding:1.4rem 0;border-bottom:1px solid var(--bd)}
.rows .rn{font-family:var(--f-num);font-size:.82rem;color:var(--ac)}
.rows p{color:var(--mu);font-size:.95rem;margin:0}
.rows li:hover{background:var(--hov)}

/* industry tiles */
.tiles .tile{text-decoration:none;background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);padding:1.5rem;transition:border-color .15s ease,transform .15s ease}
.tiles .tile:hover{border-color:var(--ac);transform:translateY(-2px)}
.tiles p{color:var(--mu);font-size:.93rem;margin:.6rem 0 0}

/* quote */
.quote{position:relative;background:var(--q-bg);color:var(--q-tx);overflow:hidden}
.q-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap);align-items:center}
.quote h2{color:var(--q-hd);font-size:clamp(1.9rem,4vw,3.2rem)}
.quote p{color:var(--q-mu);max-width:52ch}
.q-img{border-radius:var(--rad)}

/* pricing */
.tier{background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);padding:1.7rem}
.tier.feat{border-color:var(--ac);box-shadow:var(--feat-sh)}
.amt{font-family:var(--f-num);font-size:2rem;color:var(--hd);margin:.8rem 0 1rem;font-variant-numeric:tabular-nums}
.amt span{font-size:.9rem;color:var(--mu);font-family:var(--f-body)}
.tier p{color:var(--mu);font-size:.95rem}
.tier ul{list-style:none;padding:0;margin:1.1rem 0 0;font-size:.92rem}
.tier li{padding:.45rem 0 .45rem 1.1rem;border-top:1px solid var(--bd);position:relative;color:var(--tx)}
.tier li::before{content:"";position:absolute;left:0;top:.95rem;width:5px;height:5px;background:var(--ac);border-radius:50%}

/* faq */
.faq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:calc(var(--gap) * 1.4)}
details{border-bottom:1px solid var(--bd);padding:1.1rem 0}
summary{cursor:pointer;font-family:var(--f-disp);font-size:1.05rem;color:var(--hd);list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--ac);font-family:var(--f-num)}
details[open] summary::after{content:"–"}
details p{color:var(--mu);margin:.8rem 0 0;font-size:.96rem;max-width:64ch}

/* book band */
.book{background:var(--book-bg);color:var(--book-tx)}
.book h2,.book .eb{color:var(--book-hd)}
.book .eb{color:var(--ac-l)}
.book p{color:var(--book-mu)}
.book-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--gap);align-items:center}
.book-cta{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}
.book .btn2{border-color:var(--book-bd);color:var(--book-hd)}

/* footer */
.ftr{background:var(--ftr-bg);color:var(--ftr-tx);padding:3.4rem 0 5.4rem}
.ftr-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--gap)}
.ftr .mark{color:var(--ftr-hd)}
.ftr-brand p{color:var(--ftr-mu);font-size:.94rem;margin-top:.9rem;max-width:34ch}
.ftr-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.ftr-cols h4{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ftr-hd);margin:0 0 .9rem;font-family:var(--f-eb)}
.ftr-cols a{display:block;text-decoration:none;color:var(--ftr-mu);font-size:.93rem;padding:.22rem 0}
.ftr-cols a:hover{color:var(--ac-l)}
.ftr-legal{margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--ftr-bd);display:flex;justify-content:space-between;gap:1.4rem;flex-wrap:wrap}
.ftr-legal p{font-size:.78rem;color:var(--ftr-mu);margin:0;max-width:60ch}

@media (max-width:900px){
  .hero-in,.led-in,.q-in,.faq-in,.book-in,.ftr-in{grid-template-columns:minmax(0,1fr)}
  .g3,.ftr-cols{grid-template-columns:minmax(0,1fr)}
  .nav{display:none}
  .rows li{grid-template-columns:40px minmax(0,1fr)}
  .rows li h3{grid-column:2}
  .rows li p,.rows li a{grid-column:2}
  .q-in{gap:1.6rem}
}:root{
  --f-disp:"Space Grotesk",system-ui,sans-serif; --f-body:"Inter",system-ui,sans-serif;
  --f-eb:"IBM Plex Mono",monospace; --f-num:"IBM Plex Mono",ui-monospace,monospace;
  --bg:#08070A; --tx:#D8D3DB; --hd:#F5F1F4; --mu:#948DA0;
  --ac:#FF3E78; --ac-2:#FF5C8D; --ac-l:#FF7BA3; --ac-t:#FF3E7855; --on-ac:#0A070C;
  --bd:#ffffff17; --bd-s:#ffffff3a; --card:#100E14; --hov:#ffffff08;
  --rad:8px; --pad:6rem; --hero-pad:3.4rem; --gap:1.3rem; --ls-h:-.03em;
  --hdr-bg:#08070ae6; --mark-w:700; --mark-ls:-.02em; --mark-tt:none;
  --led-bg:#0D0B11; --led-tx:#E4E0E8; --led-hd:#fff; --led-mu:#948DA0; --led-card:#14111A; --led-bd:#ffffff1a;
  --q-bg:#08070A; --q-tx:#D8D3DB; --q-hd:#fff; --q-mu:#948DA0;
  --book-bg:#12101A; --book-tx:#E4E0E8; --book-hd:#fff; --book-mu:#9A93A6; --book-bd:#ffffff33;
  --ftr-bg:#050407; --ftr-tx:#CFC9D6; --ftr-hd:#fff; --ftr-mu:#847D91; --ftr-bd:#ffffff14;
  --feat-sh:0 0 40px #FF3E7826;
}
h1,h2{font-weight:500}
h1{font-size:clamp(2.5rem,5.6vw,4.6rem)}
/* the artwork is painted on pure black, so screen-blending drops the black
   entirely and only the bird and the data lines remain. no frame, no box. */
.hero{position:relative;overflow:hidden;background:
   radial-gradient(90% 70% at 78% 34%,#2B0E26 0%,#120A14 42%,#08070A 74%)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:180px;
   background:linear-gradient(#08070A00,#08070A);pointer-events:none;z-index:2}
.hero-in{position:relative;z-index:3;grid-template-columns:minmax(0,1fr);min-height:min(78vh,720px);align-content:center}
.hero-txt{max-width:52ch}
.hero h1{max-width:17ch}
.hero .lead{max-width:44ch;color:#B9B2C4}
.hero .trust{max-width:46ch}
.hero::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;
   background:linear-gradient(90deg,#08070A 0%,#08070A 34%,#08070Af7 48%,#08070A00 72%)}
.hero-fig{position:absolute;z-index:1;top:0;right:-7%;bottom:0;left:34%;
   margin:0;border:0;border-radius:0;background:transparent;min-height:0;overflow:visible;
   mask-image:
     linear-gradient(90deg,transparent 0%,#000 30%,#000 100%),
     linear-gradient(180deg,transparent 0%,#000 16%,#000 78%,transparent 100%),
     radial-gradient(62% 66% at 52% 50%,#000 22%,#00000073 68%,transparent 94%);
   mask-composite:intersect;-webkit-mask-composite:source-in}
.hero-fig img{width:100%;height:100%;object-fit:contain;object-position:46% 52%;
   mix-blend-mode:screen;opacity:.95;filter:saturate(1.06)}

/* same treatment on the quote band, bleeding off the right edge */
.quote{position:relative;overflow:hidden;background:#08070A}
.q-in{position:relative;z-index:2;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.q-img{border-radius:0;mix-blend-mode:screen;transform:scale(1.22) translateX(6%);
   mask-image:radial-gradient(70% 80% at 52% 50%,#000 50%,transparent 100%);opacity:.96}
.quote::before{content:"";position:absolute;z-index:1;inset:-20% -10% auto auto;width:70%;height:140%;
   background:radial-gradient(60% 55% at 60% 45%,#2A0C22 0%,transparent 70%)}

@media (max-width:900px){
  .hero{padding-bottom:0}
  .hero-in{min-height:0}
  .hero::before{display:none}
  .hero-fig{position:relative;left:auto;inset:auto;margin:1.4rem calc(50% - 48vw) 0;height:58vw;
     mask-image:radial-gradient(60% 66% at 50% 52%,#000 20%,#00000073 66%,transparent 92%)}
  .q-img{transform:none;margin:0 calc(50% - 46vw)}
}
.starts,.svc,.ind,.price,.faq{border-top:1px solid var(--bd)}
.card,.tile,.tier{background:linear-gradient(180deg,#ffffff0a,#ffffff03)}
.led-tbl{box-shadow:0 24px 60px #00000066}
.quote{background:#08070A}
.q-img{mask-image:radial-gradient(78% 78% at 50% 50%,#000 58%,transparent 100%)}
.btn{box-shadow:0 8px 30px #FF3E7833}
.eb{font-weight:500}
/* ---------------------------------------------------------------- additions */
.skip{position:absolute;left:-9999px;top:0;background:var(--ac);color:var(--on-ac);padding:.7rem 1rem;z-index:99}
.skip:focus{left:1rem;top:1rem}
:focus-visible{outline:2px solid var(--ac-l);outline-offset:3px}
.sec{padding:var(--pad) 0}
.sec-sm{padding:calc(var(--pad) * .62) 0}
h2 .mut{color:var(--mu)}
.hdr-cta .pl{font-size:.88rem;color:var(--mu);text-decoration:none}
.hdr-cta .pl:hover{color:var(--hd)}
.nav a.on{color:var(--hd)}
.nav a{padding:.4rem 0;position:relative}
.nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--ac)}

/* mobile nav */
.burger{display:none;margin-left:auto;width:42px;height:42px;background:transparent;border:1px solid var(--bd);border-radius:6px;cursor:pointer;padding:0;position:relative}
.burger span{position:absolute;left:11px;right:11px;height:1.5px;background:var(--hd);transition:transform .2s ease,opacity .2s ease}
.burger span:first-child{top:16px}
.burger span:last-child{bottom:16px}
.burger[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.burger[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.mnav{background:var(--led-bg);border-bottom:1px solid var(--bd)}
.mnav .wrap{display:flex;flex-direction:column;gap:.2rem;padding:1rem 0 1.6rem}
.mnav a{text-decoration:none;color:var(--tx);padding:.72rem 0;border-bottom:1px solid var(--bd);font-size:1rem}
.mnav a.btn{border:0;margin-top:1rem;text-align:center;color:var(--on-ac)}

/* page hero (interior) */
.phero{padding:calc(var(--pad) * .78) 0 calc(var(--pad) * .52);border-bottom:1px solid var(--bd);position:relative;overflow:hidden;
  background:radial-gradient(78% 120% at 88% 8%,#260C21 0%,#100A13 46%,#08070A 78%)}
.phero-in{position:relative;z-index:2;max-width:70ch}
.phero h1{font-size:clamp(2.1rem,4.4vw,3.5rem)}
.phero .lead{margin-top:1.2rem;font-size:1.08rem}
.phero .cta{margin-bottom:0}
.crumb{font-family:var(--f-eb);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin:0 0 1.2rem}
.crumb a{color:var(--mu);text-decoration:none}
.crumb a:hover{color:var(--ac-l)}
.crumb i{color:var(--bd-s);font-style:normal;padding:0 .45rem}
.phero-fig{position:absolute;z-index:1;inset:0 0 0 52%;margin:0;
  mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 76%,transparent 100%),radial-gradient(74% 88% at 60% 50%,#000 46%,transparent 100%);
  mask-composite:intersect;-webkit-mask-composite:source-in}
.phero-fig img{width:100%;height:100%;object-fit:cover;object-position:56% 46%;mix-blend-mode:screen;opacity:.9}

/* generic grids */
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);margin-top:2.4rem}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:2.4rem}
.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:calc(var(--gap) * 1.6);align-items:start}
.split-e{align-items:center}
.hd-blk{max-width:64ch}
.hd-blk p{color:var(--mu);margin-top:1rem}

/* evidence stats */
.ev{border-top:1px solid var(--bd)}
.stat-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--gap);margin-top:2.2rem}
.stat{border-top:2px solid var(--ac);padding:1.3rem 1.2rem 1.4rem;background:linear-gradient(180deg,#ffffff09,#ffffff02);border-radius:0 0 var(--rad) var(--rad)}
.stat-n{font-family:var(--f-num);font-size:clamp(1.7rem,2.6vw,2.3rem);color:var(--hd);margin:0 0 .6rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.stat-l{color:var(--tx);font-size:.95rem;margin:0 0 .9rem}
.stat-s{margin:0;font-size:.78rem}
.stat-s a{color:var(--mu);text-decoration:none;border-bottom:1px solid var(--bd-s)}
.stat-s a:hover{color:var(--ac-l);border-bottom-color:var(--ac)}
a.src{font-size:.82rem;color:var(--mu);text-decoration:none;border-bottom:1px solid var(--bd-s);white-space:nowrap}
a.src:hover{color:var(--ac-l)}

/* steps */
.steps{list-style:none;margin:2.4rem 0 0;padding:0;counter-reset:s;display:grid;gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:var(--rad);overflow:hidden}
.steps li{counter-increment:s;background:var(--bg);padding:1.5rem 1.6rem;display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:1rem;align-items:start}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--f-num);font-size:.82rem;color:var(--ac);padding-top:.3rem}
.steps h3{margin:0 0 .45rem}
.steps p{color:var(--mu);font-size:.95rem;margin:0;max-width:76ch}

/* checklist */
.chk{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.7rem}
.chk li{position:relative;padding-left:1.7rem;color:var(--tx);font-size:.97rem}
.chk li::before{content:"";position:absolute;left:0;top:.52rem;width:8px;height:8px;border-radius:2px;border:1.5px solid var(--ac);background:#FF3E7826}
.chk.tight li{font-size:.93rem}
.no li::before{border-color:var(--mu);background:transparent}

/* pull quote / statement band */
.say{position:relative;overflow:hidden;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);
  background:radial-gradient(84% 78% at 76% 46%,#2A0D24 0%,#130A15 44%,var(--led-bg) 76%)}
.say::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;
  background:linear-gradient(90deg,var(--led-bg) 0%,var(--led-bg) 32%,#0D0B11f7 46%,#0D0B1100 72%)}
.say-fig{position:absolute;z-index:1;margin:0;border:0;background:none;top:0;bottom:0;right:-3%;left:46%;
  mask-image:
    linear-gradient(90deg,transparent 0%,#000 30%,#000 100%),
    linear-gradient(180deg,transparent 0%,#000 18%,#000 76%,transparent 100%),
    radial-gradient(58% 62% at 52% 50%,#000 16%,#00000066 64%,transparent 92%);
  mask-composite:intersect;-webkit-mask-composite:source-in}
.say-fig img{width:100%;height:100%;object-fit:contain;object-position:62% 50%;
  mix-blend-mode:screen;opacity:.95}
.say blockquote{margin:0;max-width:26ch}
.say p.big{font-family:var(--f-disp);font-weight:500;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.15;letter-spacing:var(--ls-h);color:var(--hd);margin:0}
.say-in{position:relative;z-index:3;display:block}
.say-in>*{max-width:46ch}
.say-body{margin-top:1.4rem}
.say-body p{color:#B9B2C4;max-width:44ch}

/* pricing extras */
.price .g3{align-items:start}
.tier .amt em{font-style:normal;font-size:.78rem;color:var(--mu);display:block;font-family:var(--f-body);letter-spacing:0}
.tier .btn,.tier .btn2{margin-top:1.4rem;width:100%;text-align:center}
.tier .tag{position:absolute;top:-.7rem;left:1.5rem;background:var(--ac);color:var(--on-ac);font-family:var(--f-eb);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .6rem;border-radius:3px}
.tier{position:relative}
.pnote{margin-top:2rem;border-left:2px solid var(--ac);padding-left:1rem}
.pnote p{color:var(--mu);font-size:.9rem;margin:0 0 .5rem;max-width:80ch}

/* table wrap for small screens */
.tw{overflow-x:auto}
.tbl{background:var(--led-card);border:1px solid var(--led-bd);border-radius:var(--rad);padding:1.2rem 1.4rem;margin-top:2rem}
.tbl table{min-width:520px}

/* article */
.art{padding:calc(var(--pad) * .6) 0 var(--pad)}
.art-in{max-width:70ch;margin:0 auto}
.art-in h2{font-size:clamp(1.35rem,2.4vw,1.9rem);margin:2.8rem 0 .9rem}
.art-in h3{margin:2rem 0 .7rem}
.art-in p,.art-in li{color:var(--tx);font-size:1.03rem;line-height:1.72}
.art-in ul,.art-in ol{padding-left:1.3rem;margin:0 0 1.4rem}
.art-in li{margin:.5rem 0}
.art-in .fine{margin-top:2.6rem;border-top:1px solid var(--bd);padding-top:1.2rem}
.art-meta{font-family:var(--f-eb);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);margin:0 0 1.2rem}
.art-meta span{color:var(--ac-l)}
.callout{background:var(--led-card);border:1px solid var(--led-bd);border-left:2px solid var(--ac);border-radius:var(--rad);padding:1.3rem 1.4rem;margin:2rem 0}
.callout p{margin:0;color:var(--tx);font-size:.98rem}
.post{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;text-decoration:none;padding:1.6rem 0;border-bottom:1px solid var(--bd)}
.post:hover h3{color:var(--ac-l)}
.post p{color:var(--mu);font-size:.95rem;margin:0}
.cat{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.cat a{text-decoration:none;font-family:var(--f-eb);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);border:1px solid var(--bd);border-radius:99px;padding:.42rem .8rem}
.cat a:hover{border-color:var(--ac);color:var(--ac-l)}

/* forms */
.form{background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);padding:1.8rem}
.fld{margin-bottom:1.1rem}
.fld label{display:block;font-family:var(--f-eb);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);margin-bottom:.45rem}
.fld input,.fld select,.fld textarea{width:100%;background:#08070A;border:1px solid var(--bd-s);border-radius:6px;color:var(--hd);font:inherit;font-size:.97rem;padding:.8rem .9rem}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--ac);outline:none}
.fld textarea{min-height:130px;resize:vertical}
.form .btn{width:100%;text-align:center;margin-top:.4rem;cursor:pointer;font:inherit;font-weight:700}
.form .fine{margin:1rem 0 0}
.cal-wrap{border:1px solid var(--bd);border-radius:var(--rad);overflow:hidden;background:var(--card);min-height:720px}
.cal-wrap iframe{width:100%;min-height:720px;border:0;display:block}
.cal-ph{padding:3rem 2rem;text-align:center;color:var(--mu)}
.frm-wrap{border:1px solid var(--bd);border-radius:var(--rad);overflow:hidden;background:var(--card)}
.frm-wrap iframe{width:100%;border:0;display:block;min-height:620px}
.frm-ph{padding:3rem 2rem;text-align:center;color:var(--mu)}
.cways .ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--gap)}
.frm{background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);padding:1.8rem;display:grid;gap:1.15rem;color-scheme:dark}
.frm>label{display:grid;gap:.45rem;font-family:var(--f-eb);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.frm input,.frm select,.frm textarea{width:100%;max-width:100%;background:#08070A;border:1px solid var(--bd-s);border-radius:6px;color:var(--hd);font-family:var(--f-body);font-size:.97rem;letter-spacing:0;text-transform:none;padding:.8rem .9rem}
.frm select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%23948DA0' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .95rem center;padding-right:2.4rem}
.frm input:focus,.frm select:focus,.frm textarea:focus{border-color:var(--ac);outline:none}
.frm textarea{min-height:130px;resize:vertical}
.frm .btn{width:100%;text-align:center;cursor:pointer;font:inherit;font-weight:700;border:0}
.frm .btn[disabled]{opacity:.55;cursor:default}
.frm .fine{margin:0}
.frm .cnsnt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:start;font-family:var(--f-body);font-size:.88rem;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--mu)}
.frm .cnsnt input{width:1.05rem;height:1.05rem;margin-top:.2rem;accent-color:var(--ac)}
.frm-msg{margin:0}
.frm-msg.ok{color:var(--hd);font-family:var(--f-disp);font-size:1.15rem;line-height:1.4}
.frm-msg.bad{color:var(--ac-l)}
.cform .fine{margin-top:.9rem}

/* contact cards */
.ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:var(--gap);margin-top:2.4rem}
.way{border:1px solid var(--bd);border-radius:var(--rad);padding:1.4rem;background:linear-gradient(180deg,#ffffff0a,#ffffff03)}
.way h3{font-size:1.02rem;margin:0 0 .5rem}
.way p{color:var(--mu);font-size:.93rem;margin:0 0 .8rem}

/* assessment */
.asm{padding:calc(var(--pad) * .55) 0 var(--pad)}
.asm-in{max-width:820px;margin:0 auto}
.prog{position:sticky;top:72px;z-index:30;background:#08070Af2;backdrop-filter:blur(8px);border-bottom:1px solid var(--bd);padding:.9rem 0}
.prog-in{display:flex;align-items:center;gap:1rem;font-family:var(--f-eb);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.bar{flex:1;height:3px;background:var(--bd);border-radius:2px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--ac);transition:width .3s ease}
fieldset.q{border:0;border-top:1px solid var(--bd);margin:0;padding:2rem 0 0}
fieldset.q:first-of-type{border-top:0;padding-top:0}
fieldset.q legend{padding:0;font-family:var(--f-disp);font-size:1.12rem;line-height:1.3;color:var(--hd);font-weight:500}
fieldset.q .help{color:var(--mu);font-size:.9rem;margin:.6rem 0 0;max-width:70ch}
.opts{display:grid;gap:.55rem;margin-top:1.1rem}
.opts label{display:flex;gap:.8rem;align-items:flex-start;min-height:3rem;cursor:pointer;border:1px solid var(--bd);border-radius:6px;padding:.8rem .9rem;font-size:.96rem;color:var(--tx);background:#ffffff05;transition:border-color .12s ease,background .12s ease}
.opts label:hover{border-color:var(--bd-s);background:#ffffff0a}
.opts input{margin:.18rem 0 0;accent-color:var(--ac);flex:none;width:16px;height:16px}
.opts label:has(input:checked){border-color:var(--ac);background:#FF3E7814}
.opts .nsure{color:var(--mu)}
.asm-nav{display:flex;gap:.8rem;align-items:center;margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--bd)}
.asm-nav .btn,.asm-nav .btn2{cursor:pointer;font:inherit;font-weight:700}
.asm-nav .warn{color:var(--ac-l);font-size:.88rem;margin:0}
.sec-h{margin:0 0 .5rem}
.res-score{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2rem;align-items:center;border:1px solid var(--bd);border-radius:var(--rad);padding:1.8rem;background:linear-gradient(180deg,#ffffff0a,#ffffff02)}
.dial{width:150px;height:150px;flex:none}
.dial text{font-family:var(--f-num);fill:var(--hd)}
.res-band{font-family:var(--f-disp);font-size:1.4rem;color:var(--hd);margin:0 0 .5rem}
.res-score p{color:var(--mu);margin:0}
.area{border-top:1px solid var(--bd);padding:1.4rem 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem .8rem;align-items:baseline}
.area h3{font-size:1.05rem;margin:0}
.area .n{font-family:var(--f-num);font-variant-numeric:tabular-nums;color:var(--hd)}
.area .b{grid-column:1/-1;height:4px;border-radius:2px;background:var(--bd);overflow:hidden}
.area .b i{display:block;height:100%;background:var(--ac)}
.area p{grid-column:1/-1;color:var(--mu);font-size:.95rem;margin:0}
.area .nx{grid-column:1/-1;font-size:.93rem;color:var(--tx);margin:0}
.area .nx b{color:var(--ac-l);font-weight:600}
.flag{border:1px solid var(--ac);background:#FF3E780f;border-radius:var(--rad);padding:1.4rem 1.5rem;margin-top:2rem}
.flag h3{margin:0 0 .7rem}
.res-act{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2.4rem}
.res-act .btn2{cursor:pointer;font:inherit;font-weight:700}
@media print{.hdr,.ftr,.prog,.res-act,.mnav,.book{display:none!important}body{background:#fff;color:#000}}

/* misc */
.err{text-align:center;padding:calc(var(--pad) * 1.1) 0}
.err h1{font-size:clamp(3rem,9vw,7rem);font-family:var(--f-num)}
.tag-l{font-family:var(--f-eb);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ac-l)}
.loc-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:.6rem 1.4rem;margin-top:2rem;list-style:none;padding:0}
.loc-g li{color:var(--mu);font-size:.95rem;padding:.35rem 0;border-bottom:1px solid var(--bd)}
.rows li a.lnk{white-space:nowrap}
.two-col{columns:2;column-gap:2.4rem}
.two-col p{margin-bottom:1rem}

@media (max-width:980px){
  .nav{display:none}
  .hdr-cta{display:none}
  .burger{display:block}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .split,.g2,.say-in{grid-template-columns:minmax(0,1fr)}
  .phero-fig{display:none}
  .res-score{grid-template-columns:minmax(0,1fr)}
  .two-col{columns:1}
  .prog{top:0}
}
@media (max-width:560px){
  body{font-size:16px}
  .g4{grid-template-columns:minmax(0,1fr)}
  .steps li{grid-template-columns:minmax(0,1fr)}
  .steps li::before{padding:0}
  .res-act .btn,.res-act .btn2{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------------------------------------------------------------- blog */
.art-hd{max-width:74ch;margin:0 auto 2.6rem}
.art-hd h1{margin:.9rem 0 .7rem}
.art-hd .lead{max-width:60ch}
.pill{display:inline-block;text-decoration:none;font-family:var(--f-eb);font-size:.72rem;letter-spacing:.1em;
text-transform:uppercase;color:var(--ac-l);border:1px solid var(--bd);border-radius:99px;padding:.4rem .82rem}
.pill:hover{border-color:var(--ac)}
.byline{font-family:var(--f-eb);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--mu);margin:0}
.byline i{font-style:normal;opacity:.45;padding:0 .55rem}
.toc{border:1px solid var(--bd);border-radius:var(--rad);background:var(--card);padding:1.2rem 1.4rem;margin:0 0 2.4rem}
.toc .eb{margin:0 0 .6rem}
.toc ol{margin:0;padding-left:1.2rem}
.toc li{margin:.34rem 0;font-size:.95rem}
.toc a{color:var(--tx);text-decoration:none;border-bottom:1px solid transparent}
.toc a:hover{color:var(--ac-l);border-bottom-color:var(--ac)}
.art-body>h2:first-child{margin-top:0}
blockquote.pull{margin:2.2rem 0;padding:0 0 0 1.3rem;border-left:2px solid var(--ac)}
blockquote.pull p{font-family:var(--f-disp);font-weight:500;font-size:clamp(1.15rem,2vw,1.42rem);line-height:1.4;
color:var(--hd);margin:0}
.art-body .ev{margin:2.4rem 0}
.art-nav{max-width:74ch;margin:3rem auto 0;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;
border-top:1px solid var(--bd);padding-top:1.6rem}
@media(min-width:760px){.art-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pn{text-decoration:none;display:block;border:1px solid var(--bd);border-radius:var(--rad);padding:1rem 1.2rem;
background:var(--card)}
.pn:hover{border-color:var(--ac)}
.pn span{display:block;font-family:var(--f-eb);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;
color:var(--mu);margin-bottom:.35rem}
.pn strong{font-family:var(--f-disp);font-weight:500;color:var(--hd);font-size:1rem;line-height:1.35}
.pn:hover strong{color:var(--ac-l)}
.posts{border-top:1px solid var(--bd);margin-top:1.8rem}
.post{gap:.7rem;padding:1.9rem 0}
.post .pill{justify-self:start}
.post h3{margin:0}
.post h3 a{color:var(--hd);text-decoration:none}
.post h3 a:hover{color:var(--ac-l)}
.post .byline{margin-top:.2rem}
.empty{border:1px solid var(--bd);border-radius:var(--rad);background:var(--card);padding:2rem;text-align:center;
margin-top:1.8rem}
.empty p{margin:0 0 .6rem}

/* ---------------------------------------------------------------- legal */
.lg{max-width:74ch;padding:calc(var(--pad) * .5) 0 var(--pad)}
.lg-s{margin:2.4rem 0}
.lg-s h2{font-size:clamp(1.2rem,2vw,1.5rem);margin:0 0 .8rem}
.lg-s p{color:var(--tx);line-height:1.72;margin:0 0 .9rem}
.lg-s ul{padding-left:1.3rem}
.lg>.fine:first-child{border-bottom:1px solid var(--bd);padding-bottom:1.1rem}

/* ---------------------------------------------------------------- assessment */
.as-wrap{padding-top:calc(var(--pad) * .5)}
#as-app h2{font-size:clamp(1.5rem,3vw,2.15rem);margin:.7rem 0 .6rem;outline:none}
#as-app .lead{max-width:58ch}
.as-bar{max-width:70ch;margin:0 0 2rem}
.as-bar-t{display:flex;justify-content:space-between;font-family:var(--f-eb);font-size:.72rem;letter-spacing:.1em;
text-transform:uppercase;color:var(--mu);margin-bottom:.6rem}
.as-track{height:3px;background:var(--bd);border-radius:99px;overflow:hidden}
.as-track i{display:block;height:100%;background:var(--ac);transition:width .35s ease}
.as-qs{list-style:none;padding:0;margin:2.2rem 0 0;max-width:70ch;counter-reset:asq}
.as-q{border-top:1px solid var(--bd);padding:1.9rem 0}
.as-q fieldset{border:0;padding:0;margin:0}
.as-q legend{font-family:var(--f-disp);font-weight:500;color:var(--hd);font-size:1.06rem;line-height:1.45;
margin-bottom:1rem;counter-increment:asq}
.as-q legend::before{content:counter(asq,decimal-leading-zero);font-family:var(--f-eb);font-size:.76rem;
letter-spacing:.08em;color:var(--ac-l);display:block;margin-bottom:.45rem}
.as-q.miss legend{color:var(--ac-l)}
.as-opts{display:grid;gap:.5rem}
.as-opt{display:flex;align-items:flex-start;gap:.75rem;border:1px solid var(--bd);border-radius:var(--rad);
padding:.78rem .95rem;cursor:pointer;background:var(--card);transition:border-color .16s,background .16s}
.as-opt:hover{border-color:var(--mu)}
.as-opt.on{border-color:var(--ac);background:#1a0f18}
.as-opt input{position:absolute;opacity:0;width:1px;height:1px}
.as-dot,.as-box{flex:0 0 auto;width:16px;height:16px;margin-top:.18rem;border:1px solid var(--mu);
background:transparent;transition:border-color .16s}
.as-dot{border-radius:50%}
.as-box{border-radius:3px}
.as-opt.on .as-dot{border-color:var(--ac);box-shadow:inset 0 0 0 4px var(--ac)}
.as-opt.on .as-box{border-color:var(--ac);background:var(--ac)}
.as-lb{color:var(--tx);font-size:.97rem;line-height:1.5}
.as-opt.on .as-lb{color:var(--hd)}
.as-opt input:focus-visible+.as-dot,.as-opt input:focus-visible+.as-box{outline:2px solid var(--ac-l);outline-offset:3px}
.as-multi{max-width:70ch;margin-top:1.6rem}
.as-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:70ch;
margin-top:2.2rem;border-top:1px solid var(--bd);padding-top:1.6rem}
.as-warn{color:var(--ac-l);font-size:.9rem;max-width:70ch;margin:.9rem 0 0}

/* ---------------------------------------------------------------- result */
.rs{max-width:78ch}
.rs h3{font-size:clamp(1.2rem,2.2vw,1.6rem);margin:.5rem 0 1.1rem}
.rs-head{border-bottom:1px solid var(--bd);padding-bottom:1.8rem}
.rs-score{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;align-items:center;margin:1rem 0 1.4rem}
@media(min-width:680px){.rs-score{grid-template-columns:auto minmax(0,1fr);gap:2rem}}
.rs-num{font-family:var(--f-num);font-variant-numeric:tabular-nums;line-height:1;display:flex;align-items:baseline;gap:.2rem}
.rs-num strong{font-size:clamp(3.4rem,9vw,5.4rem);font-weight:500;color:var(--ac-l)}
.rs-num span{font-size:1.1rem;color:var(--mu)}
.rs-side h2{margin:0 0 .5rem;font-size:clamp(1.35rem,2.6vw,1.9rem)}
.rs-side p{margin:0;color:var(--tx)}
.rs>div{margin:2.8rem 0}
.rs-urg{border:1px solid var(--ac);border-radius:var(--rad);background:#170c14;padding:1.6rem 1.7rem}
.rs-urg ol{margin:1.2rem 0 0;padding-left:1.2rem}
.rs-urg li{margin:0 0 1rem}
.rs-urg strong{color:var(--hd);font-family:var(--f-disp);font-weight:500}
.rs-urg p{margin:.3rem 0 0;color:var(--tx);font-size:.97rem}
.rs-pri ol{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.rs-pri li{display:flex;gap:1.1rem;border:1px solid var(--bd);border-radius:var(--rad);background:var(--card);
padding:1.15rem 1.3rem}
.rs-pri .num{font-family:var(--f-num);font-variant-numeric:tabular-nums;color:var(--ac-l);font-size:.9rem;flex:0 0 auto}
.rs-pri h4{margin:0 0 .3rem;font-size:1.02rem}
.rs-pri p{margin:0;color:var(--tx);font-size:.96rem}
.rs-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem}
@media(min-width:680px){.rs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rs-area{border:1px solid var(--bd);border-radius:var(--rad);background:var(--card);padding:1.2rem 1.3rem}
.rs-at{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.rs-at h4{margin:0;font-size:1rem}
.rs-av{font-family:var(--f-num);font-variant-numeric:tabular-nums;color:var(--ac-l);font-size:1.15rem}
.rs-av i{font-style:normal;font-size:.72rem;color:var(--mu)}
.rs-meter{height:3px;background:var(--bd);border-radius:99px;overflow:hidden;margin:.85rem 0 .95rem}
.rs-meter i{display:block;height:100%;background:var(--ac)}
.rs-area p{margin:0;color:var(--tx);font-size:.94rem;line-height:1.6}
.rs-next{margin-top:.8rem!important;padding-top:.8rem;border-top:1px solid var(--bd);color:var(--mu)!important}
.rs-next span{font-family:var(--f-eb);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ac-l)}
.rs-seq ol{margin:0;padding-left:1.3rem}
.rs-seq li{margin:0 0 .8rem;color:var(--tx);line-height:1.65}
.rs-seq strong{color:var(--hd);font-family:var(--f-disp);font-weight:500}
.rs-note{border-left:2px solid var(--ac);padding-left:1.2rem}
.rs-note p{margin:0;color:var(--tx)}
.rs-note strong{color:var(--hd)}
.rs-act{border-top:1px solid var(--bd);padding-top:2rem}
.rs-btns{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.2rem}
.rs-disc{color:var(--mu);font-size:.82rem;line-height:1.6;border-top:1px solid var(--bd);padding-top:1.4rem;
margin-top:2.4rem}
@media print{
  .hdr,.mnav,.ftr,.book,.rs-btns,.burger,.skip{display:none!important}
  body{background:#fff;color:#111}
  .rs,.rs *{color:#111!important}
  .rs-area,.rs-pri li,.rs-urg{border-color:#bbb!important;background:#fff!important;break-inside:avoid}
  .rs-av,.rs-num strong,.rs-next span{color:#000!important}
  .rs-meter i{background:#555!important}
}

.ev-in{border:1px solid var(--bd);border-radius:var(--rad);background:var(--led-card);padding:1.6rem 1.7rem;margin:2.4rem 0}
.ev-in .eb{margin:0 0 .5rem}
.ev-in h2{font-size:clamp(1.1rem,1.9vw,1.35rem)!important;margin:0 0 1.3rem!important}
.ev-in .stat-g{grid-template-columns:minmax(0,1fr)!important}
@media(min-width:620px){.ev-in .stat-g{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.ev-in .stat{padding:0!important;border:0!important;background:none!important}
.ev-in .fine{margin:1.2rem 0 0!important;border:0!important;padding:0!important}

button.btn,button.btn2{font-family:inherit;cursor:pointer;line-height:1.2;-webkit-appearance:none;appearance:none}
button.btn2{background:transparent;color:var(--hd);border-color:var(--bd-s)}
button.btn2:hover{border-color:var(--ac);color:var(--ac-l)}
button.btn{background:var(--ac);color:var(--on-ac);border-color:var(--ac)}

.as-wrap>.wrap{max-width:880px}
.as-bar-t span:last-child{color:var(--mu)}

@media (max-width:900px){
  .say{background:radial-gradient(120% 70% at 60% 30%,#260B20 0%,#130A15 46%,var(--led-bg) 78%)}
  .say::before{display:none}
  .say-in{max-width:none}
  .say-fig{position:relative;inset:auto;left:auto;right:auto;height:56vw;margin:1.6rem calc(50% - 48vw) 0;
    mask-image:radial-gradient(60% 66% at 50% 52%,#000 20%,#00000073 66%,transparent 92%)}
}
