/* ──────────────────────────────────────────────────────────────
   The landing page, v8. Loaded by landing_v8.html only.

   The app's system (paper, lines, cards, square edges, ink buttons that turn
   gold) with the landing's own type: Inter throughout, its display cut at
   headline sizes through the opsz axis, tabular figures, no mono. --mono is
   pointed at Inter here, which retires the typewriter labels everywhere on
   this page, the server-drawn diagram and the shared footer included.

   Scrolling: nothing here repaints on its own. No backdrop blur, no masks,
   no filters, no gradient tiles (the dot grounds are one small SVG image),
   and no animation that never ends. The glow behind the hero diagram was an
   endless animation inside the SVG, which redrew the whole diagram on every
   frame and made the page drag while it was on screen (7.5 does the same).
   Here it is an element of its own that breathes twice after load and then
   rests.
   ────────────────────────────────────────────────────────────── */

:root{
  --mono:var(--ui);
  --gold-ink:#86601f; --sage-wash:rgba(63,107,79,.09);
  --stage:#f5f1e8;
  --sh:0 1px 2px rgba(20,16,11,.06),0 12px 28px -18px rgba(20,16,11,.35);
  --dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='1' cy='1' r='1' fill='%2314100b' fill-opacity='.09'/%3E%3C/svg%3E");
}
body{overflow-x:clip}
main.wrap.main{display:block;max-width:none;padding:0}
.l8{font-size:16px;line-height:1.55;color:var(--ink)}
:where(.l8) :where(h1,h2,h3,p,dl,dd,figure){margin:0}
.l8-in{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}
.l8 .dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--sage)}
.l8 svg{flex:none}
.find-afm{font-variant-numeric:tabular-nums}

/* ── hero ──────────────────────────────────────────────────── */
.l8-hero{position:relative;padding:clamp(36px,5.5vw,76px) 0 0}
.l8-hero::before{content:"";position:absolute;top:0;right:0;width:60%;height:78%;pointer-events:none;
  background:radial-gradient(50% 50% at 62% 48%,rgba(201,154,69,.12),transparent 72%)}
.l8-hero .l8-in{position:relative}
.l8-hero-g{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(32px,5vw,80px);align-items:center}
.l8-pill{display:inline-flex;align-items:center;gap:9px;padding:6px 12px;border:1px solid var(--line-2);background:var(--card);
  font-size:13.5px;color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.l8-pill b{font-weight:600;color:var(--ink)}
.l8-pill .sep{color:var(--line-2)}
.l8-h1{margin-top:26px;font-size:clamp(38px,3.85vw,56px);font-weight:600;line-height:1.05;letter-spacing:-.03em;color:var(--ink)}
.l8-h1 em{font-style:normal;color:var(--gold)}
.l8-lede{margin-top:24px;max-width:52ch;font-size:clamp(16px,1.35vw,18.5px);line-height:1.6;color:var(--ink-3)}
.l8-find{max-width:600px;margin-top:34px;flex:none}
.l8-find .find-box{height:60px;padding:0 7px 0 18px;gap:12px;border:1px solid var(--line-2);border-radius:0;background:var(--card);animation:none;
  box-shadow:0 1px 2px rgba(20,16,11,.05)}
.l8-find .find-box:hover{border-color:var(--ink-4)}
.l8-find .find-box:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-wash)}
.l8-find .find-box svg{width:19px;height:19px;stroke:var(--gold)}
.l8-find .find-in{font-size:16.5px;color:var(--ink)}
.l8-find .find-in::placeholder{color:var(--ink-4)}
.l8-find .find-menu{top:calc(100% + 6px)}
.l8-find .find-nm{font-size:14px}
.l8-find .find-mt{font-size:12px;margin-top:2px}
.l8-go{flex:none;height:46px;padding:0 20px;border:0;border-radius:0;background:var(--ink);color:var(--paper);
  font:600 14.5px/1 var(--ui);cursor:pointer;transition:background .15s,color .15s}
.l8-go:hover{background:var(--gold);color:#fff}
.l8-eg{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:14px;color:var(--ink-4)}
.l8-eg span{margin-right:2px}
.l8-eg a{padding:5px 11px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);transition:border-color .15s,color .15s}
.l8-eg a:hover{border-color:var(--gold);color:var(--ink)}

/* the diagram */
.l8-fig{min-width:0;padding:10px 10px 18px;border:1px solid var(--line-2);background:var(--dots) 0 0/16px 16px,var(--card);box-shadow:var(--sh)}
.l8-gw{position:relative}
.l8-halo{position:absolute;left:50%;top:52.5%;width:18%;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(201,154,69,.5),rgba(201,154,69,0));
  transform:translate(-50%,-50%);animation:l8breathe 3.8s ease-in-out 2}
.l8-g{position:relative;display:block;width:100%;height:auto}
.l8-g .e{stroke:#bfb6a5;stroke-width:1;stroke-dasharray:420;stroke-dashoffset:420;animation:l8draw 1.3s ease .15s forwards}
.l8-g .e.in{stroke:var(--gold-lift);stroke-width:1.5}
.l8-g .co{fill:var(--ink);stroke:var(--card);stroke-width:2}
.l8-g .co.off{fill:var(--card);stroke:var(--ink-4);stroke-width:1.4;stroke-dasharray:2.5 2}
.l8-g .pe rect{fill:var(--gold);stroke:var(--card);stroke-width:2}
.l8-g .me{fill:var(--ink);stroke:var(--card);stroke-width:3}
.l8-g .me-in{fill:var(--gold-lift)}
.l8-g .an{opacity:0;animation:l8in .6s ease forwards}
.l8-g .a1{animation-delay:.9s} .l8-g .a2{animation-delay:1.15s} .l8-g .a3{animation-delay:1.4s}
.l8-g .an path{fill:none;stroke:var(--ink-4);stroke-width:1;stroke-dasharray:3 3}
.l8-g .an circle{fill:var(--ink)}
.l8-g .cap{font-family:var(--ui);font-size:18px;font-weight:600;letter-spacing:-.015em;fill:var(--ink)}
.l8-g .csub{font-family:var(--ui);font-size:14.5px;fill:var(--ink-3)}
.l8-key,.l8-mini-k{display:grid;grid-template-columns:auto auto;justify-content:center;gap:8px 28px;margin-top:6px;font-size:13px;line-height:1.3;color:var(--ink-3)}
.l8-key span,.l8-mini-k span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.l8-key i,.l8-mini-k i{display:block;flex:none;width:9px;height:9px;border-radius:50%;box-sizing:border-box}
.l8-key .k-me{background:var(--ink);box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--gold-lift)}
.l8-key .k-pe{width:8px;height:8px;border-radius:1px;background:var(--gold);transform:rotate(45deg)}
.l8-key .k-co{background:var(--ink)}
.l8-key .k-off{border:1.4px dashed var(--ink-4)}
@keyframes l8draw{to{stroke-dashoffset:0}}
@keyframes l8breathe{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.35}}
@keyframes l8in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.l8-g .e,.l8-halo,.l8-g .an{animation:none;opacity:1;stroke-dashoffset:0}}

/* the counts, across the page under both columns */
.l8-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(48px,6vw,80px) 0 0;
  border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.l8-stats>div{padding:24px 24px 22px;border-left:1px solid var(--line);min-width:0}
.l8-stats>div:first-child{border-left:0;padding-left:0}
.l8-stats dt{font-size:clamp(24px,2.6vw,34px);font-weight:600;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--ink)}
.l8-stats dd{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:14.5px;color:var(--ink-3)}

/* ── sections ──────────────────────────────────────────────── */
.l8-sec{padding-top:clamp(80px,10vw,136px)}
.l8-hd{max-width:760px;margin-bottom:clamp(32px,4vw,52px)}
.l8-h2{font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1.1;letter-spacing:-.028em;color:var(--ink);text-wrap:balance}
.l8-sub{margin-top:14px;font-size:clamp(16px,1.4vw,18px);line-height:1.55;color:var(--ink-3);max-width:62ch}
.l8-eb{font-size:14px;font-weight:600;color:var(--gold-ink);margin-bottom:14px}
.l8-live{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:14px;color:var(--ink-3)}

/* five questions */
.l8-q{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.l8-q-i{display:flex;flex-direction:column;min-width:0;padding:22px 22px 24px;border:1px solid var(--line-2);background:var(--card);transition:border-color .2s}
.l8-q-i:hover{border-color:var(--gold)}
.l8-q-s{font-size:13px;font-weight:500;color:var(--gold-ink)}
.l8-q-q{flex:1;margin-top:10px;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.015em;color:var(--ink)}
.l8-q-n{margin-top:30px;font-size:36px;font-weight:600;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink)}
.l8-q-u{margin-top:8px;font-size:13.5px;color:var(--ink-3)}

/* ── one page, in six parts ────────────────────────────────── */
.l8-parts{display:flex;flex-direction:column;gap:clamp(56px,7vw,104px);margin-top:clamp(12px,2vw,24px)}
.l8-part{display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);gap:clamp(28px,5vw,80px);align-items:center}
.l8-pt h3{margin-top:20px;font-size:clamp(22px,2.1vw,27px);font-weight:600;line-height:1.2;letter-spacing:-.022em;color:var(--ink)}
.l8-pt p{margin-top:14px;font-size:16px;line-height:1.62;color:var(--ink-3);max-width:46ch}
.l8-step{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--line-2);background:var(--card);
  font-size:14px;font-weight:600;color:var(--gold-ink);font-variant-numeric:tabular-nums}
.l8-tag{display:table;margin-top:20px;padding:4px 10px;border:1px solid rgba(168,118,42,.45);background:var(--gold-wash);font-size:13px;font-weight:500;color:var(--gold-ink)}
.l8-tag.free{border-color:rgba(63,107,79,.45);background:var(--sage-wash);color:var(--sage)}
.l8-stage{min-width:0;padding:clamp(18px,3.4vw,44px);border:1px solid var(--line);background:var(--dots) 0 0/16px 16px,var(--stage)}
.l8-frag{min-width:0;background:var(--card);border:1px solid var(--line-2);overflow:hidden;box-shadow:var(--sh)}
.l8-row{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 20px;border-top:1px solid var(--line)}
.l8-row:first-child{border-top:0}
.l8-rb{flex:1;min-width:0}
.l8-rt{display:block;font-size:14.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l8-rt.b{font-weight:600}
a.l8-rt:hover{color:var(--gold)}
.l8-rs{display:block;margin-top:2px;font-size:13px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l8-mask{letter-spacing:.06em;color:var(--ink-2)}
.l8-av{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--paper-2);border:1px solid var(--line);
  font-size:13.5px;font-weight:600;color:var(--ink-2)}
.l8-lock{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);background:var(--paper);
  font-size:13px;color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.l8-lock svg{width:13px;height:13px;stroke:var(--ink-4)}
.l8-lock b{font-weight:600;color:var(--gold-ink)}
.l8-date,.l8-time{flex:none;font-size:13.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.l8-date{width:82px} .l8-time{width:44px}
.l8-ft{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid var(--line);background:var(--paper-2);
  font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}

/* the network, small */
.l8-frag-g{padding:26px 20px 20px}
.l8-mini{display:block;width:100%;max-width:330px;height:auto;margin:0 auto}
.l8-mini line{stroke:#d3cabb;stroke-width:1}
.l8-mini line.in{stroke:var(--ink-4);stroke-width:1.2}
.l8-mini .me{fill:var(--gold);stroke:var(--card);stroke-width:2.5}
.l8-mini .pe{fill:var(--ink);stroke:var(--card);stroke-width:1.5}
.l8-mini .co{fill:var(--card);stroke:var(--ink-2);stroke-width:1.3}
.l8-mini .co.off{stroke:var(--ink-4);stroke-dasharray:2 1.5}
.l8-mini-k{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px}
.l8-mini-k .k-me{background:var(--gold)} .l8-mini-k .k-pe{background:var(--ink)}
.l8-mini-k .k-co{border:1.3px solid var(--ink-2)} .l8-mini-k .k-off{border:1.3px dashed var(--ink-4)}

/* revenue, to scale: each bar is a share of a fixed track */
.l8-bars{display:flex;gap:clamp(8px,1.6vw,18px);height:200px;padding:40px 24px 0;border-bottom:1px solid var(--line)}
.l8-bar{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}
.l8-bar-t{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line-2)}
.l8-bar-t i{position:relative;display:block;width:100%;max-width:56px;min-height:3px;font-style:normal;background:var(--gold-wash);border:1px solid rgba(168,118,42,.35);border-bottom:0}
.l8-bar-t b{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:7px;font-size:12.5px;font-weight:500;color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.l8-bar.now .l8-bar-t i{background:var(--gold);border-color:var(--gold)}
.l8-bar.now .l8-bar-t b{color:var(--ink);font-weight:600}
.l8-bar>span{padding:9px 0 12px;font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.l8-bar.now>span{color:var(--ink);font-weight:600}
.l8-tbl-w{overflow-x:auto}
.l8-tbl{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.l8-tbl th{padding:11px 20px 10px;text-align:right;font-size:12.5px;font-weight:500;color:var(--ink-3);white-space:nowrap;background:var(--paper)}
.l8-tbl td{padding:11px 20px;text-align:right;color:var(--ink-2);border-top:1px solid var(--line);white-space:nowrap}
.l8-tbl th:first-child,.l8-tbl td:first-child{text-align:left}
.l8-tbl tr.now td{color:var(--ink);font-weight:600;background:var(--gold-wash)}
.l8-tbl td.neg{color:var(--clay)}

/* ── the dark band ─────────────────────────────────────────── */
.l8-dark{position:relative;margin-top:clamp(88px,11vw,148px);padding:clamp(72px,9vw,128px) 0;background:var(--band);color:var(--band-txt)}
.l8-dark::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(46% 60% at 12% 0%,rgba(201,154,69,.14),transparent 70%)}
.l8-dark .l8-in{position:relative}
.l8-dark-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(32px,6vw,96px);align-items:start}
.l8-dark-top .l8-facts{padding-top:34px}
.l8-dark .l8-eb{color:var(--gold-lift)}
.l8-dark .l8-h2{color:var(--band-txt)}
.l8-dp{margin-top:20px;max-width:60ch;font-size:17px;line-height:1.65;color:var(--band-mid)}
.l8-facts div{padding:18px 0;border-top:1px solid var(--band-line)}
.l8-facts div:first-child{border-top:0;padding-top:0}
.l8-facts dt{font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--band-txt);font-variant-numeric:tabular-nums}
.l8-facts dd{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:var(--band-mid)}
.l8-sheet{margin:clamp(44px,6vw,72px) 0 0;background:var(--paper);color:var(--ink);border:1px solid var(--line-2);
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 28px 56px -28px rgba(0,0,0,.8)}
.l8-sheet-hd{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 22px;border-bottom:1px solid var(--line);font-size:15px;font-weight:600}
.l8-sheet-m{margin-left:auto;font-size:13.5px;font-weight:400;color:var(--ink-3);font-variant-numeric:tabular-nums}
.l8-sheet .graph{margin:0;border:0;padding:18px 12px;background:var(--card)}
.l8-sheet-ft{padding:12px 22px;border-top:1px solid var(--line);background:var(--paper-2);font-size:13.5px;line-height:1.5;color:var(--ink-3)}
/* the server-drawn diagram, in this page's type */
.l8-sheet .gnode.pe .gdisc{fill:var(--card);stroke:var(--gold-lift);stroke-width:1.6;stroke-dasharray:none}
.l8-sheet .ginit{fill:var(--gold-ink);font-size:14px}
.l8-sheet .gsub{font-size:10px;font-weight:600}
.l8-sheet .gmeta{font-size:11px;letter-spacing:0}
.l8-sheet .grole{font-size:12px;fill:var(--ink-3)}
.l8-sheet .gchip text{font-size:12px;font-weight:600;letter-spacing:0}

/* ── for whom ──────────────────────────────────────────────── */
.l8-uc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.l8-uc-i{display:flex;flex-direction:column;min-width:0;padding:clamp(26px,3vw,38px);border:1px solid var(--line-2);border-top:2px solid var(--ink);background:var(--card)}
.l8-uc-w{font-size:14px;font-weight:600;color:var(--gold-ink)}
.l8-uc-h{margin-top:14px;font-size:clamp(21px,2vw,25px);font-weight:600;line-height:1.22;letter-spacing:-.022em;color:var(--ink)}
.l8-uc-p{flex:1;margin-top:12px;font-size:16px;line-height:1.6;color:var(--ink-3)}
.l8-uc-f{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}

/* ── sources ───────────────────────────────────────────────── */
.l8-src{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.l8-src-i{display:flex;flex-direction:column;min-width:0;padding:22px 22px 24px;border:1px solid var(--line-2);background:var(--card)}
.l8-src-n{min-height:2.6em;font-size:15.5px;font-weight:600;line-height:1.3;letter-spacing:-.012em;color:var(--ink)}
.l8-src-c{margin-top:14px;font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.l8-src-c small{display:block;margin-top:3px;font-size:13.5px;font-weight:400;letter-spacing:0;color:var(--ink-3)}
.l8-src-w{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.l8-note{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:8px 32px;margin-top:16px;padding:clamp(22px,3vw,30px);
  border:1px solid var(--line-2);border-left:3px solid var(--gold);background:var(--card)}
.l8-note-k{font-size:16px;font-weight:600;color:var(--ink)}
.l8-note p+p{font-size:15.5px;line-height:1.65;color:var(--ink-2);max-width:78ch}

/* ── prices ────────────────────────────────────────────────── */
.l8-pr{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.l8-pr-i{position:relative;display:flex;flex-direction:column;min-width:0;padding:26px 26px 26px;border:1px solid var(--line-2);background:var(--card);
  transition:border-color .2s,box-shadow .2s}
.l8-pr-i:hover{border-color:var(--gold);box-shadow:var(--sh)}
.l8-pr-n{font-size:15px;font-weight:600;color:var(--ink-2)}
.l8-pr-p{margin-top:22px;font-size:clamp(36px,3.2vw,44px);font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.l8-pr-p small{margin-left:6px;font-size:15px;font-weight:500;letter-spacing:0;color:var(--ink-3)}
.l8-pr-d{flex:1;margin-top:16px;font-size:14.5px;line-height:1.55;color:var(--ink-3)}
.l8-pr-go{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);transition:background .15s,border-color .15s}
.l8-pr-go svg{width:16px;height:16px;stroke:var(--ink)}
.l8-pr-i:hover .l8-pr-go{background:var(--ink);border-color:var(--ink)}
.l8-pr-i:hover .l8-pr-go svg{stroke:var(--paper)}
.l8-pr-f{margin-top:22px;font-size:15px;color:var(--ink-3)}
.l8-pr-f a{display:inline-flex;align-items:center;gap:6px;margin-left:4px;font-weight:600;color:var(--ink);border-bottom:1.5px solid var(--gold)}
.l8-pr-f a svg{width:15px;height:15px;stroke:currentColor}
.l8-pr-f a:hover{color:var(--gold)}

/* ── questions ─────────────────────────────────────────────── */
.l8-faq-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,5vw,80px);align-items:start}
.l8-faq-g .l8-hd{margin-bottom:0}
.l8-faq details{border-bottom:1px solid var(--line)}
.l8-faq details:first-child{border-top:1px solid var(--ink)}
.l8-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;list-style:none;cursor:pointer;
  font-size:17.5px;font-weight:500;letter-spacing:-.015em;color:var(--ink)}
.l8-faq summary::-webkit-details-marker{display:none}
.l8-faq summary::after{content:"";flex:none;width:30px;height:30px;border:1px solid var(--line-2);background:var(--card) center/13px no-repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314100b' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  transition:transform .2s,border-color .2s}
.l8-faq summary:hover::after{border-color:var(--gold)}
.l8-faq details[open] summary::after{transform:rotate(45deg)}
.l8-faq details p{padding:0 50px 24px 0;font-size:16px;line-height:1.65;color:var(--ink-3);max-width:70ch}

/* ── close ─────────────────────────────────────────────────── */
.l8-close{padding-top:clamp(80px,10vw,136px)}
.l8-close-in{position:relative;padding:clamp(52px,7vw,96px) clamp(24px,4vw,48px);border:1px solid var(--line-2);border-top:3px solid var(--ink);background:var(--card);text-align:center}
.l8-close-in::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(50% 70% at 50% 0%,rgba(201,154,69,.13),transparent 70%)}
.l8-close-in>*{position:relative}
.l8-close .l8-h2{max-width:20ch;margin:0 auto}
.l8-close .l8-sub{margin:16px auto 0}
.l8-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px}
.l8-btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 24px;background:var(--ink);color:var(--paper);
  font-size:15px;font-weight:600;transition:background .15s,color .15s,border-color .15s}
.l8-btn:hover{background:var(--gold);color:#fff}
.l8-btn.alt{background:var(--card);color:var(--ink);border:1px solid var(--line-2)}
.l8-btn.alt:hover{border-color:var(--ink);background:var(--card);color:var(--ink)}
.foot{margin-top:clamp(72px,9vw,120px)}

/* ── narrower screens ──────────────────────────────────────── */
@media(max-width:1080px){
  .l8-q{grid-template-columns:repeat(6,minmax(0,1fr))}
  .l8-q-i{grid-column:span 2}
  .l8-q-i:nth-child(n+4){grid-column:span 3}
  .l8-src{grid-template-columns:repeat(6,minmax(0,1fr))}
  .l8-src-i{grid-column:span 2}
  .l8-src-i:nth-child(n+4){grid-column:span 3}
}
@media(max-width:960px){
  .l8-hero-g{grid-template-columns:1fr}
  .l8-hero::before{width:100%;top:40%;height:50%}
  .l8-fig{max-width:620px}
  .l8-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l8-stats>div:nth-child(3){border-left:0;padding-left:0}
  .l8-stats>div:nth-child(n+3){border-top:1px solid var(--line)}
  .l8-part{grid-template-columns:1fr;gap:28px}
  .l8-pt p{max-width:62ch}
  .l8-dark-top{grid-template-columns:1fr}
  .l8-dark-top .l8-facts{padding-top:0}
  .l8-faq-g{grid-template-columns:1fr}
  .l8-note{grid-template-columns:1fr}
}
@media(max-width:640px){
  .l8 .hide-s{display:none}
  .l8-h1{font-size:clamp(33px,9.6vw,42px)}
  .l8-find .find-box{height:56px;padding-left:16px}
  .l8-go{display:none}
  .l8-fig{padding:4px 4px 14px}
  .l8-g .cap{font-size:22px} .l8-g .csub{font-size:17px}
  .l8-key{gap:8px 18px;font-size:12.5px}
  .l8-stats>div{padding:20px 14px 18px}
  .l8-stats>div:nth-child(odd){padding-left:0}
  .l8-stats dd{font-size:13.5px}
  .l8-q,.l8-src{grid-template-columns:1fr}
  .l8-q-i,.l8-q-i:nth-child(n+4),.l8-src-i,.l8-src-i:nth-child(n+4){grid-column:auto}
  .l8-q-i{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding:18px 20px}
  .l8-q-s{grid-column:1}
  .l8-q-q{grid-column:1;margin-top:4px}
  .l8-q-n{grid-column:2;grid-row:1 / span 2;align-self:center;margin-top:0;font-size:30px;text-align:right}
  .l8-q-u{grid-column:1 / -1;margin-top:6px}
  .l8-src-n{min-height:0}
  .l8-uc{grid-template-columns:1fr}
  .l8-stage{margin:0 -8px;padding:14px}
  .l8-row{padding:12px 14px;gap:12px}
  .l8-ft{padding:12px 14px}
  .l8-bars{height:176px;padding:36px 12px 0;gap:8px}
  .l8-bar-t b{font-size:11px}
  .l8-tbl th,.l8-tbl td{padding-left:14px;padding-right:14px}
  .l8-date{width:74px;font-size:12.5px}
  .l8-sheet-hd{padding:12px 16px} .l8-sheet-m{margin-left:0;width:100%}
  .l8-sheet-ft{padding:12px 16px}
  .l8-faq details p{padding-right:0}
  .l8-btn{flex:1 1 100%}
}
@media(max-width:480px){.l8 .hm{display:none}}