:root{
  --paper:#060B14; --ink:#E8EFF9; --slate:#C6D4E8; --dim:#8CA0BC; --line:#1B2A44; --panel:#0C1424; --panel2:#101B30;
  --chip:#141A28; --chip-on:#E8B33C; --chip-on-ink:#060B14; --dark-line:#1B2A44;
  --gold:#E8B33C; --red:#E03131; --c-ccp:#F0564F; --good:#2FD583; --good-bg:#0F2A1E; --proj:#C9A6F2; --proj-bg:#241A38;
  --focus:#3D9BFF; --gut:clamp(16px,4vw,40px);
  --sans:'Segoe UI',-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif; --mono:ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:13.3px/1.5 var(--sans);padding:0 var(--gut) 60px}
a{color:var(--gold)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.wrap{max-width:1100px;margin:0 auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--paper);padding:8px 12px;border-radius:8px;z-index:50}
.skip:focus{left:12px}

/* ---------- header / navigation ---------- */
.site-head{position:sticky;top:0;z-index:40;margin:0 calc(-1 * var(--gut));padding:0 var(--gut);background:rgba(6,11,20,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px}
.brandbox{display:flex;align-items:center;gap:14px}
.head-conf{font-size:9px;padding:5px 8px 5px 11px}
@media (max-width:1060px){.head-conf{display:none}}
.mark{font:600 10px/1 var(--mono);letter-spacing:.4em;color:var(--gold);text-decoration:none;white-space:nowrap}
.nav{display:flex;align-items:center;gap:4px}
.nav a{color:var(--slate);text-decoration:none;font-size:11.7px;font-weight:500;padding:8px 11px;border-radius:999px;white-space:nowrap}
.nav a:hover{color:var(--ink);background:var(--chip)}
.nav a[aria-current="page"]{color:var(--gold)}
.nav a.demo-link{color:var(--gold);border:1.5px solid rgba(232,179,60,.6);margin-left:6px}
.nav a.demo-link:hover{background:rgba(232,179,60,.1)}
.menu-btn{display:none;background:none;border:1.5px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 11px;font:600 10px/1 var(--mono);letter-spacing:.12em;cursor:pointer}
@media (max-width:900px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:rgba(6,11,20,.97);border-bottom:1px solid var(--line);padding:8px var(--gut) 14px}
  .nav.open{display:flex}
  .nav a{padding:12px 4px;border-radius:0;border-bottom:1px solid var(--line);font-size:13.3px}
  .nav a.demo-link{margin:12px 0 0;text-align:center;border-radius:999px}
}

/* ---------- type ---------- */
h1{font-size:clamp(23.3px,3vw,35px);font-weight:300;letter-spacing:-.04em;line-height:1.02;margin:10px 0 12px;text-wrap:balance}
h1 em,h2 em,h3 em{font-style:normal;color:var(--gold)}
h2{font-size:clamp(17.5px,1.92vw,23.3px);font-weight:300;letter-spacing:-.03em;line-height:1.08;margin:0 0 10px;text-wrap:balance}
h3{font-size:clamp(14.2px,1.42vw,16.7px);font-weight:300;letter-spacing:-.02em;line-height:1.15;margin:0 0 6px;text-wrap:balance}
p{margin:0 0 10px;max-width:62em}
.lead{font-size:13.3px;font-weight:400;line-height:1.45;color:var(--slate)}
.dek{font-size:clamp(12.5px,1.17vw,15px);color:var(--slate);max-width:40em;margin:0 0 6px;font-weight:600;text-wrap:balance}
.big-line{font-weight:300;font-size:clamp(15px,1.58vw,18.3px);letter-spacing:-.02em;line-height:1.25;color:var(--gold);margin:14px 0 8px;max-width:40em;text-wrap:balance}
.note{font-size:11.2px;color:var(--slate);line-height:1.5;margin:6px 0 0;max-width:70em}
.stamp{font:600 10px/1.4 var(--mono);letter-spacing:.06em;color:var(--dim);margin:6px 0}
.after{font-size:13.3px;font-weight:500;color:var(--ink);margin:10px 0 0}
.eyebrow{display:inline-block;font:600 10px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;padding:6px 10px;border-radius:999px;margin-bottom:10px;background:var(--chip);color:var(--slate)}
.bin{display:inline-block;font:600 10px/1 var(--mono);letter-spacing:.08em;padding:4px 7px;border-radius:5px;vertical-align:middle;white-space:nowrap}
.bin.m{background:var(--good-bg);color:var(--good)} .bin.p{background:var(--proj-bg);color:var(--proj)}

/* ---------- home hero ---------- */
.hero{padding:clamp(20px,3vw,36px) 0 10px}
.welcome{position:relative;height:clamp(200px,24vw,290px);margin:0 0 clamp(18px,2.4vw,28px);border-radius:16px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(60% 80% at 50% 72%,rgba(232,179,60,.10),rgba(232,179,60,0) 62%),radial-gradient(120% 100% at 50% 100%,#0F1A30,#060B14 72%)}
.welcome canvas{width:100%;height:100%;display:block}
.hero-why{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);max-width:46em}
.hero-why p{font-size:12.5px;line-height:1.55;color:var(--slate);margin:0 0 6px}
.hero-why .hw-k{color:var(--gold);font-weight:500}
.h1-intro{display:block;font-size:clamp(12.5px,1.25vw,15px);letter-spacing:-.02em;line-height:1.2;margin-bottom:6px}
.h1-tag{display:block}

/* ---------- sub-page hero ---------- */
.page-hero{padding:clamp(34px,6vw,72px) 0 6px;position:relative}
.page-hero .num{font:600 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.page-hero .num:after{content:"";height:1px;width:56px;background:rgba(232,179,60,.6)}
.page-hero h1{max-width:18em}
.page-hero .lead{max-width:44em;font-size:clamp(12.5px,1.08vw,14.2px)}

/* ---------- sections ---------- */
.act{padding-block:26px 8px;border-top:1.5px solid var(--ink);margin-top:30px}
.act.first{margin-top:16px}
.sec-t{font:600 10px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin:0 0 12px}

/* ---------- reveal on scroll (only when JS is running) ---------- */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}

/* ---------- cards and panels shared with the demo ---------- */
.ctx-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
@media (max-width:760px){.ctx-cards{grid-template-columns:1fr}}
.ctx-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.ctx-card .n{font-weight:300;font-size:clamp(23.3px,2.67vw,31.7px);letter-spacing:-.04em;line-height:1;color:var(--gold)}
.ctx-card.us{border-color:var(--red)}
.ctx-card.us .n{color:#5EE0A0}
.ctx-card p{font-size:12.1px;color:var(--slate);margin:8px 0 0;line-height:1.45}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
@media (max-width:760px){.two-col{grid-template-columns:1fr}}
.two-col .col{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.two-col b{font-weight:500}
.two-col ul,.roadmap{margin:8px 0 0;padding-left:20px;color:var(--slate);line-height:1.5}
.roadmap{max-width:62em}
.roadmap li{margin-bottom:6px}
.roadmap b{color:var(--ink);font-weight:500}
.why{background:var(--panel2);border-left:5px solid var(--red);border-radius:0 12px 12px 0;padding:12px 16px;margin:10px 0 6px;font-size:12.1px;line-height:1.5;max-width:62em}
.floor2{margin:28px 0 6px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid rgba(232,179,60,.5);border-radius:12px;padding:clamp(20px,3.4vw,36px) clamp(18px,3.6vw,40px);box-shadow:0 18px 48px -28px rgba(232,179,60,.35)}
.floor2 .lead{margin:0;max-width:52em}
.floor2 .note{margin:12px 0 0}
.floor2-big{font-size:clamp(23.3px,3vw,35px);font-weight:300;letter-spacing:-.04em;line-height:1.02;color:var(--gold);margin:0 0 12px;max-width:none;text-wrap:balance}
.floor2 a{font-weight:500}

/* helpers + co-processor */
.helpers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 10px}
@media (max-width:860px){.helpers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.helpers{grid-template-columns:1fr}}
.helper{background:var(--panel);border-radius:14px;padding:16px 16px 14px;border:1.5px solid var(--line);display:flex;flex-direction:column;gap:6px}
.helper svg{width:64px;height:64px;color:var(--ink)}
.helper .ab{font:300 18.3px/1 var(--sans);letter-spacing:-.02em}
.helper .ab small{display:block;font-size:10.8px;font-weight:500;color:var(--slate);letter-spacing:0;margin-top:4px}
.helper .when{font:600 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.helper p{font-size:12.1px;color:var(--slate);margin:0;line-height:1.45}
.ccp-hero{position:relative;margin:22px 0 14px;padding:clamp(20px,3.5vw,36px);border-radius:20px;background:radial-gradient(120% 140% at 0% 0%,rgba(224,49,49,.28),rgba(224,49,49,0) 55%),#0A0E1A;color:#F4F4F1;border:2px solid var(--red);box-shadow:0 18px 50px -20px rgba(224,49,49,.55)}
.ccp-kick{font:600 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#FF8A87;margin-bottom:14px}
.ccp-row{display:flex;align-items:center;gap:clamp(14px,3vw,26px);flex-wrap:wrap}
.ccp-row svg{width:clamp(56px,7vw,80px);height:auto;color:#FF6B66}
.ccp-name{font-weight:300;font-size:clamp(21.7px,2.75vw,33.3px);letter-spacing:-.04em;line-height:1;color:#FF5A55}
.ccp-line{font-size:clamp(13.3px,1.25vw,15px);font-weight:500;line-height:1.4;max-width:34em;margin:18px 0 10px;color:#F4F4F1}
.ccp-side{font-size:12.5px;color:#C9CED8;margin:0;max-width:44em}
svg .st{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 3D studio (shared with the demo) ---------- */
.controls{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-end;background:var(--panel);border-radius:12px;padding:14px 16px;margin:12px 0 14px}
.ctl{display:flex;flex-direction:column;gap:7px;min-width:0}
.ctl.row{flex-direction:row;gap:8px;align-items:center}
.ctl .lbl{font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{font:500 11.7px/1.2 var(--sans);background:var(--paper);color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:9px 13px;cursor:pointer;text-align:left}
.chips button[aria-pressed="true"]{background:var(--chip-on);color:var(--chip-on-ink);border-color:var(--chip-on)}
.chips button small{display:block;font-weight:600;color:inherit;opacity:.75;font-size:10px;margin-top:2px}
.btn{font:600 12.5px/1 var(--sans);background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:14px 22px;cursor:pointer;text-decoration:none;display:inline-block}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.cta{background:var(--gold);color:#0A0E1A}
.samework{display:flex;flex-direction:column;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:9px 13px}
.samework b{font-size:11.7px} .samework small{font-size:10px;color:var(--slate)}
canvas{display:block}
.stage3{position:relative;height:clamp(360px,42vw,480px);border-radius:16px;overflow:hidden;background:radial-gradient(90% 70% at 50% 35%,#101728,#05070d);border:1px solid var(--dark-line);margin:8px 0 10px;touch-action:pan-y}
.stage3 canvas{width:100%;height:100%;cursor:grab}
.stage3 canvas:active{cursor:grabbing}
.tag3{position:absolute;pointer-events:none;background:rgba(10,14,26,.82);color:#F4F4F1;border:1px solid #2A3145;border-radius:10px;padding:8px 11px;font-size:10.8px;line-height:1.3;font-variant-numeric:tabular-nums;backdrop-filter:blur(4px);white-space:normal;width:min(250px,42%);text-align:left;bottom:14px;left:14px}
.tag3.us{border-color:#F0524F;right:14px;left:auto}
.tag3 b{display:block;font-size:11.7px}
.tag3 span{display:block;color:#C9CED8}
.tag3 .big{display:block;font-weight:300;font-size:17.5px;letter-spacing:-.03em;color:#fff;margin:4px 0 0}
.tag3 .sub,.tag3 .dim{color:#9AA3B2;font-size:10px}
.hint3{position:absolute;right:14px;bottom:12px;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6B7280;pointer-events:none}
.clock3{position:absolute;right:16px;top:14px;color:#F4F4F1;font-weight:300;font-size:clamp(15px,1.67vw,19.2px);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-align:right;pointer-events:none}
.clock3 small{display:block;font:600 10px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#9AA3B2;margin-bottom:4px}
.result3{position:absolute;left:50%;transform:translateX(-50%);top:14px;text-align:center;max-width:min(420px,60%);background:rgba(10,14,26,.9);color:#F4F4F1;border:1px solid #2A3145;border-radius:14px;padding:14px 16px}
.result3 .k{font:600 10px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#9AA3B2;margin-bottom:6px}
.result3 .big{font-weight:300;font-size:clamp(20px,2.33vw,26.7px);letter-spacing:-.04em;line-height:1;color:#5EE0A0;margin-bottom:8px}
.result3 .s{font-size:11.7px;line-height:1.45}
.result3 .s.dim,.result3 .dim{color:#9AA3B2}
.result3 .s.dim{margin-top:6px;font-size:10.4px}
.nogl{position:absolute;inset:0;display:grid;place-items:center;color:#C9CED8;font-weight:500;padding:20px;text-align:center}
.nogl[hidden],.result3[hidden],.hint3[hidden]{display:none}
@media (max-width:760px){
  .stage3{height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"cv cv" "ck ck" "tl tr" "rs rs";gap:8px;padding:0 0 10px;background:#05070d}
  .stage3 canvas{grid-area:cv;height:min(72vw,420px)!important;min-height:260px}
  .stage3 .clock3{grid-area:ck;position:static;text-align:center;font-size:15px;padding:4px 10px 0}
  .stage3 .tag3{position:static;width:auto;margin:0 8px}
  .stage3 .tag3:not(.us){grid-area:tl;margin-right:0} .stage3 .tag3.us{grid-area:tr;margin-left:0}
  .stage3 .tag3 .big{font-size:16.7px}
  .stage3 .result3{grid-area:rs;position:static;transform:none;max-width:none;margin:0 8px}
  .stage3 .hint3{display:none}
}

/* ---------- home: explore cards ---------- */
.explore{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
@media (max-width:760px){.explore{grid-template-columns:1fr}}
.xcard{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px 16px;text-decoration:none;color:var(--ink);transition:border-color .25s,transform .25s,background .25s}
.xcard:hover{border-color:rgba(232,179,60,.6);background:var(--panel2);transform:translateY(-2px)}
.xcard .k{font:600 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.xcard b{font-weight:300;font-size:clamp(15px,1.5vw,17.5px);letter-spacing:-.02em;line-height:1.15}
.xcard span{font-size:12.1px;color:var(--slate);line-height:1.45}
.xcard i{font-style:normal;color:var(--gold);font-weight:500;margin-top:auto}

/* ---------- industries explorer ---------- */
.explorer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px;margin:16px 0 8px;align-items:start}
@media (max-width:860px){.explorer{grid-template-columns:1fr}}
.ind-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (max-width:460px){.ind-list{grid-template-columns:1fr}}
.ind-list button{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;text-align:left;background:var(--panel);color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;font:500 11.7px/1.25 var(--sans);transition:border-color .2s,background .2s}
.ind-list button svg{width:30px;height:30px;color:var(--slate)}
.ind-list button:hover{border-color:#2C4064}
.ind-list button[aria-pressed="true"]{border-color:var(--gold);background:var(--panel2)}
.ind-list button[aria-pressed="true"] svg{color:var(--gold)}
.ind-detail{position:sticky;top:76px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid rgba(232,179,60,.45);border-radius:16px;padding:clamp(18px,2.6vw,28px)}
@media (max-width:860px){.ind-detail{position:static}}
.ind-detail h3{font-size:clamp(16.7px,1.83vw,20.8px);margin-bottom:8px}
.ind-fact{font-weight:300;font-size:clamp(13.3px,1.33vw,15.8px);line-height:1.35;color:var(--gold);margin:0 0 4px;letter-spacing:-.01em}
.ind-src{font-size:10px;color:var(--dim);margin:0 0 16px}
.ind-src a{color:var(--dim)}
.loop{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:stretch;margin:6px 0 16px}
.loop .node{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.loop .node.mid{border-color:rgba(232,179,60,.55)}
.loop .node small{display:block;font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.loop .node.mid small{color:var(--gold)}
.loop .node span{font-size:11.7px;line-height:1.35;display:block}
.loop .wire{position:relative;align-self:center;height:2px;background:var(--line);margin:0 4px;overflow:hidden}
.loop .wire i{position:absolute;top:-2px;left:-8px;width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 1.6s linear infinite}
.loop .wire.w2 i{animation-delay:.8s}
@keyframes pulse{to{left:calc(100% + 8px)}}
@media (prefers-reduced-motion:reduce){.loop .wire i{animation:none;left:40%}}
@media (max-width:560px){.loop{grid-template-columns:1fr;gap:0}.loop .wire{width:2px;height:22px;margin:0 auto}.loop .wire i{animation-name:pulsev;left:-2px;top:-8px}}
@keyframes pulsev{to{top:calc(100% + 8px)}}
.could{border-top:1px solid var(--line);padding-top:12px}
.could b{display:block;font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.could ul{margin:0;padding-left:18px;color:var(--slate);line-height:1.5}
.could li{margin-bottom:4px}
.uses{font-size:10.4px;color:var(--dim);margin-top:12px}

/* ---------- technology: ledger + road ---------- */
.ledger-tools{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.ledger-tools button{font:500 10.8px/1 var(--sans);background:var(--panel);color:var(--slate);border:1.5px solid var(--line);border-radius:999px;padding:9px 13px;cursor:pointer}
.ledger-tools button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold)}
.ledger{width:100%;border-collapse:collapse;margin:6px 0 8px;font-size:12.1px}
.ledger th{font:600 10px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.ledger td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--slate);line-height:1.45}
.ledger td.r{font-weight:300;font-size:clamp(15px,1.58vw,18.3px);letter-spacing:-.03em;color:var(--ink);white-space:nowrap;line-height:1.1}
.ledger td.r small{display:block;font-size:10px;letter-spacing:0;color:var(--dim);margin-top:4px;white-space:normal}
.ledger td.d{font:600 10px/1.4 var(--mono);color:var(--dim);white-space:nowrap}
.ledger tr[hidden]{display:none}
@media (max-width:760px){
  .ledger thead{display:none}
  .ledger,.ledger tbody,.ledger tr,.ledger td{display:block;width:100%}
  .ledger tr{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:0 0 10px;padding:6px 4px}
  .ledger td{border:0;padding:6px 12px}
}
.road{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:18px 0 8px;position:relative}
.road:before{content:"";position:absolute;left:12px;right:12px;top:11px;height:2px;background:linear-gradient(90deg,var(--good),var(--gold) 45%,var(--line))}
.road .st2{position:relative;padding:34px 14px 0 0}
.road .st2:before{content:"";position:absolute;left:4px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid var(--line)}
.road .st2.on:before{border-color:var(--good);background:var(--good)}
.road .st2.mid:before{border-color:var(--gold)}
.road .st2 small{display:block;font:600 10px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.road .st2 b{display:block;font-weight:300;font-size:15.8px;letter-spacing:-.01em;margin-bottom:4px}
.road .st2 span{font-size:11.2px;color:var(--slate);line-height:1.45;display:block}
@media (max-width:760px){
  .road{grid-template-columns:1fr;gap:16px}
  .road:before{left:11px;right:auto;top:6px;bottom:6px;width:2px;height:auto;background:linear-gradient(180deg,var(--good),var(--gold) 45%,var(--line))}
  .road .st2{padding:0 0 0 34px}
}
.secret{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px dashed #2C4064;border-radius:14px;padding:14px 16px;margin:14px 0}
.secret svg{flex:0 0 34px;width:34px;height:34px;color:var(--gold)}
.secret p{margin:0;color:var(--slate);font-size:12.1px}
.method{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
@media (max-width:860px){.method{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.method{grid-template-columns:1fr}}
.method div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.method b{display:block;font-weight:300;font-size:15.8px;letter-spacing:-.01em;margin-bottom:6px}
.method div > span{font-size:11.7px;color:var(--slate);line-height:1.45;display:block}
.method .bin{display:inline-block}

/* ---------- philosophy ---------- */
.principles{list-style:none;margin:16px 0;padding:0;counter-reset:pr}
.principles li{counter-increment:pr;display:grid;grid-template-columns:clamp(56px,8vw,96px) 1fr;gap:clamp(12px,2vw,24px);padding:22px 0;border-top:1px solid var(--line)}
.principles li:before{content:counter(pr,decimal-leading-zero);font-weight:200;font-size:clamp(26.7px,3.33vw,43.3px);letter-spacing:-.05em;line-height:.9;color:var(--gold)}
.principles h3{font-size:clamp(15px,1.67vw,19.2px);margin-bottom:8px}
.principles p{color:var(--slate);margin:0;max-width:46em}
.lens{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid rgba(232,179,60,.45);border-radius:16px;padding:clamp(18px,2.6vw,28px);margin:16px 0}
.lens .tg{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap}
.lens .tg button{font:600 10px/1 var(--mono);letter-spacing:.1em;padding:9px 12px;border-radius:8px;border:1.5px solid var(--line);background:var(--paper);color:var(--slate);cursor:pointer}
.lens .tg button[aria-pressed="true"].m{border-color:var(--good);color:var(--good);background:var(--good-bg)}
.lens .tg button[aria-pressed="true"].p{border-color:var(--proj);color:var(--proj);background:var(--proj-bg)}
.lens .fig{font-weight:300;font-size:clamp(20px,2.42vw,28.3px);letter-spacing:-.04em;line-height:1.05;margin:0 0 8px}
.lens .fig small{display:block;font-size:11.7px;letter-spacing:0;color:var(--slate);margin-top:6px;font-weight:500}
.lens .ex{color:var(--slate);margin:0}
.quote{font-weight:300;font-size:clamp(18.3px,2.33vw,28.3px);letter-spacing:-.035em;line-height:1.1;margin:10px 0 14px;max-width:20em;text-wrap:balance}
.quote em{font-style:normal;color:var(--gold)}

/* ---------- AI-driven company ---------- */
.flow-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:center;margin:16px 0}
@media (max-width:860px){.flow-wrap{grid-template-columns:1fr}}
.flow{background:radial-gradient(70% 70% at 50% 50%,#101728,#060B14);border:1px solid var(--line);border-radius:18px;padding:8px}
.flow svg{width:100%;height:auto;display:block}
.flow .spoke{stroke:#22324F;stroke-width:1.5}
.flow .dept circle{fill:#0C1424;stroke:#2C4064;stroke-width:1.5;transition:stroke .2s,fill .2s}
.flow .dept text{fill:#C6D4E8;font:500 10px var(--sans);text-anchor:middle;pointer-events:none}
.flow .dept{cursor:pointer}
.flow .dept:hover circle,.flow .dept.on circle{stroke:var(--gold);fill:#141E33}
.flow .dept:focus-visible{outline:none}
.flow .dept:focus-visible circle{stroke:var(--focus);stroke-width:3}
.flow .core circle{fill:#141A28;stroke:var(--gold);stroke-width:2}
.flow .core text{fill:var(--gold);font:600 10px var(--mono);letter-spacing:.14em;text-anchor:middle}
.flow .pkt{fill:var(--gold)}
.flow-info{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.flow-info .k{font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.flow-info h3{margin-bottom:10px}
.flow-info dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;font-size:12.1px}
.flow-info dt{font:600 10px/1.9 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.flow-info dd{margin:0;color:var(--slate)}
.flow-cap{font-size:10.4px;color:var(--dim);margin:8px 0 0}
.shift{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
@media (max-width:860px){.shift{grid-template-columns:1fr}}
.shift div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.shift small{display:block;font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.shift b{display:block;font-weight:300;font-size:17.5px;letter-spacing:-.02em;line-height:1.2;margin-bottom:6px}
.shift span{font-size:12.1px;color:var(--slate);line-height:1.45;display:block}
.live{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
@media (max-width:860px){.live{grid-template-columns:1fr}}
.live div{border-left:3px solid var(--gold);background:var(--panel);border-radius:0 12px 12px 0;padding:12px 16px}
.live b{display:block;font-weight:500;margin-bottom:4px}
.live span{font-size:12.1px;color:var(--slate);line-height:1.45;display:block}

/* ---------- company ---------- */
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
@media (max-width:860px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.team{grid-template-columns:1fr}}
.person{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}
.person .av{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--gold);display:grid;place-items:center;font:600 11.7px/1 var(--mono);letter-spacing:.08em;color:var(--gold);margin-bottom:12px}
.person b{display:block;font-weight:300;font-size:18.3px;letter-spacing:-.02em;line-height:1.15}
.person small{display:block;font:600 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:6px 0 10px}
.person p{font-size:11.7px;color:var(--slate);margin:0;line-height:1.5}
.earn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
@media (max-width:860px){.earn{grid-template-columns:1fr}}
.earn div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}
.earn b{display:block;font-weight:300;font-size:19.2px;letter-spacing:-.02em;margin-bottom:8px}
.earn p{font-size:12.1px;color:var(--slate);margin:0 0 12px}
.earn small{display:block;font:600 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.ip{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;padding:0;list-style:none}
.ip li{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:9px 14px;font-size:11.7px;color:var(--slate)}
.timeline{list-style:none;margin:12px 0;padding:0}
.timeline li{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.timeline b{font:600 10px/1.5 var(--mono);color:var(--gold);letter-spacing:.04em}
.timeline span{color:var(--slate)}
@media (max-width:560px){.timeline li{grid-template-columns:1fr;gap:2px}}

/* ---------- contact + footer ---------- */
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}
.cta-row span{color:var(--slate)}
.sig{color:var(--ink);font-weight:500;margin:8px 0 2px}
details.eng{margin-top:30px;border-top:1px solid var(--line);padding-top:10px}
details.eng summary{cursor:pointer;font:600 10px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--dim);padding:6px 0}
details.eng p,details.eng li{font-size:10.4px;color:var(--dim);line-height:1.5;max-width:none}
details.eng p{margin-top:8px}
details.eng ul{padding-left:18px;margin:8px 0}
details.eng a{color:var(--dim)}
.site-foot{margin-top:46px;border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.site-foot nav{display:flex;flex-wrap:wrap;gap:4px 14px}
.site-foot nav a{color:var(--dim);text-decoration:none;font-size:10.8px}
.site-foot nav a:hover{color:var(--ink)}
.site-foot .legal{font-size:10.4px;color:var(--dim);max-width:46em;margin:0}
.conf{font:600 10px/1 var(--mono);letter-spacing:.3em;color:#FF8A87;border:1.5px solid var(--red);border-radius:999px;padding:6px 10px 6px 13px;background:rgba(224,49,49,.08);white-space:nowrap}
.foot-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* =================== the living layer =================== */
html{background:var(--paper)}
body{background:transparent}
#flowbg{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;display:block}
.site-head{background:rgba(6,11,20,.78)}

/* floating, tilting boxes */
.float{translate:0 0;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;transform-style:preserve-3d;position:relative;will-change:transform}
.float.bob{animation:bob 8s ease-in-out infinite}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -5px}}
.float:hover{box-shadow:0 22px 50px -26px rgba(232,179,60,.45);border-color:rgba(232,179,60,.45)}
.float:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(232,179,60,.13),transparent 60%)}
.float:hover:before{opacity:1}
@media (prefers-reduced-motion:reduce){.float.bob{animation:none}.float{transition:none}}

/* hero image: circuit landscape that moves with the scroll */
.hero{position:relative;isolation:isolate}
.hero-art{position:absolute;z-index:0;top:-90px;right:calc(-1 * var(--gut));width:min(64vw,760px);pointer-events:none;opacity:.95}
.hero-art svg{width:100%;height:auto;display:block;overflow:visible}
.hero-art .trace{fill:none;stroke:#1E2C48;stroke-width:1.4}
.hero-art .pulse{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-dasharray:14 400;animation:run 4.8s linear infinite}
@keyframes run{from{stroke-dashoffset:414}to{stroke-dashoffset:0}}
.hero-art .via{fill:#0C1424;stroke:#2C4064;stroke-width:1.2}
.hero-fade{position:absolute;inset:-120px -40vw 0 -40vw;z-index:0;pointer-events:none;background:radial-gradient(ellipse 46% 58% at 42% 52%,rgba(6,11,20,.94) 0%,rgba(6,11,20,.78) 45%,rgba(6,11,20,0) 100%)}
@media (max-width:900px){.hero-art{width:88vw;top:-10px;opacity:.5}.hero-fade{background:linear-gradient(180deg,rgba(6,11,20,.2),rgba(6,11,20,.75) 40%,rgba(6,11,20,.9))}}
@media (prefers-reduced-motion:reduce){.hero-art .pulse{animation:none;stroke-dasharray:none;opacity:.25}}

/* 2D chips */
.chip svg{display:block;width:100%;height:auto}
.chip .glow{animation:glow 3.2s ease-in-out infinite}
@keyframes glow{0%,100%{opacity:.35}50%{opacity:.9}}
.helper .chip{width:86px;margin:-4px 0 2px -6px}
.ccp-row .chip{width:clamp(80px,9vw,110px)}

/* graphs: squares of electricity */
.viz{background:linear-gradient(180deg,rgba(16,27,48,.9),rgba(12,20,36,.9));border:1px solid var(--line);border-radius:16px;padding:clamp(14px,2.2vw,22px);margin:12px 0}
.viz-t{font:600 10px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 0 12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cmp-row{display:grid;grid-template-columns:110px minmax(0,1fr) 92px;gap:14px;align-items:center;padding:10px 0;border-top:1px solid rgba(27,42,68,.7)}
.cmp-row:first-of-type{border-top:0}
.cmp-who{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.cmp-who .chip{width:58px}
.cmp-who b{font-weight:500;font-size:11.2px;line-height:1.2}
.cmp-who small{font-size:10px;color:var(--dim)}
.cmp-cells svg{display:block;width:100%;max-width:340px;height:auto}
.cmp-n{text-align:right;font-weight:300;font-size:clamp(16.7px,1.75vw,20.8px);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.cmp-n small{display:block;font-size:10px;letter-spacing:0;color:var(--dim);margin-top:4px}
.cmp-row.us .cmp-n{color:#5EE0A0}
.cell{fill:#1A2740}
.cell.on{fill:#E8B33C}
.cmp-row.us .cell.on{fill:#5EE0A0}
.viz-cap{font-size:10.4px;color:var(--dim);margin:10px 0 0}
@media (max-width:560px){.cmp-row{grid-template-columns:72px minmax(0,1fr);}.cmp-n{grid-column:1 / -1;text-align:left;font-size:16.7px}.cmp-who .chip{width:46px}}

/* graphs: donuts, queue, engines */
.donuts{display:flex;gap:18px;align-items:center;margin:12px 0 4px;flex-wrap:wrap}
.donut{width:92px;text-align:center}
.donut svg{width:92px;height:92px;display:block}
.donut .bg{fill:none;stroke:#1A2740;stroke-width:10}
.donut .fg{fill:none;stroke:var(--gold);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1)}
.donut text{fill:var(--ink);font:300 15.8px var(--sans);text-anchor:middle}
.donut small{display:block;font:600 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:4px}
.donut-arrow{color:var(--gold);font-size:16.7px}
.queue{margin:12px 0 2px}
.queue svg{width:100%;height:auto;display:block}
.queue .blk{fill:#22324F;stroke:#2C4064}
.queue .gate{stroke:var(--red);stroke-width:3;stroke-linecap:round}
.queue text{fill:var(--dim);font:600 9px var(--mono);letter-spacing:.12em}
.queue .mv{animation:creep 5s cubic-bezier(.4,0,.2,1) infinite}
@keyframes creep{0%{transform:translateX(-26px);opacity:0}25%{opacity:1}70%,100%{transform:translateX(0);opacity:1}}
@media (prefers-reduced-motion:reduce){.queue .mv{animation:none}}
.match{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;align-items:center}
@media (max-width:760px){.match{grid-template-columns:1fr}}
.match .big-chip{max-width:220px;margin:0 auto}
.match .lbl{font:600 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:center;margin-top:8px}
.engines{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:360px}
.engines .chip{opacity:.18;transition:opacity .35s,transform .35s;transform:scale(.92)}
.engines .chip.on{opacity:1;transform:none}
.speed{margin:14px 0 4px}
.speed .row{display:grid;grid-template-columns:120px minmax(0,1fr) 110px;gap:10px;align-items:center;font-size:10.8px;color:var(--slate);margin:6px 0}
.speed .bar{height:12px;border-radius:6px;background:#1A2740;overflow:hidden}
.speed .bar i{display:block;height:100%;width:0;border-radius:6px;background:var(--gold);transition:width .3s}
.speed .bar.g i{background:#76B900}
.speed .v{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}
@media (max-width:560px){.speed .row{grid-template-columns:90px minmax(0,1fr)}.speed .v{grid-column:1 / -1;text-align:left}}
.road .dot{position:absolute;top:6px;left:12px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px 4px rgba(232,179,60,.6);animation:travel 7s ease-in-out infinite}
@keyframes travel{0%{left:12px;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(100% - 24px);opacity:0}}
@media (max-width:760px){.road .dot{display:none}}
@media (prefers-reduced-motion:reduce){.road .dot{animation:none;display:none}}
.hero-art .glow{animation:glow 3.2s ease-in-out infinite}
.us-share{fill:#5EE0A0}
.cmp-n.us-t{color:#5EE0A0}
.rv-pick{display:flex;gap:6px;flex-wrap:wrap}
.rv-pick button{font:500 10px/1.2 var(--sans);text-transform:none;letter-spacing:0;padding:7px 10px}
.e-cells svg,.e-us svg{max-width:190px}
.cmp-cells[data-mode="share"] svg{max-width:260px}

/* =================== v2: relational emergence =================== */
:root{--plasma:#7DB8FF;--mineral:#EDE7DC;--graphite:#2A3242;--iris:linear-gradient(90deg,#7DB8FF,#78D6CD 45%,#E8B33C)}
.hero-emerge{position:absolute;z-index:0;top:-70px;right:calc(-1 * var(--gut));width:min(60vw,720px);aspect-ratio:1.25;pointer-events:none}
.hero-emerge canvas{width:100%;height:100%;display:block}
.hero-emerge .scale-now{position:absolute;right:calc(var(--gut) + 6px);bottom:8%;font:600 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(237,231,220,.55)}
.hero-emerge .scale-now:before{content:"relationship across scale · ";color:rgba(125,184,255,.6)}
@media (max-width:900px){.hero-emerge{width:96vw;top:-20px;opacity:.55}.hero-emerge .scale-now{display:none}}
.hero > *:not(.hero-art):not(.hero-fade):not(.hero-emerge){position:relative;z-index:1}

/* scale strip */
.scales{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:16px 0 8px}
@media (max-width:980px){.scales{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.scales{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scale-tile{background:radial-gradient(80% 80% at 50% 45%,#0F1A30,#08101E);border:1px solid var(--line);border-radius:14px;padding:6px 6px 10px;text-align:center}
.scale-tile canvas{width:100%;aspect-ratio:1;display:block}
.scale-tile b{display:block;font:600 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mineral);opacity:.8}
.scale-arrow{display:none}
.scale-cap{font-size:11.7px;color:var(--slate);margin:6px 0 0;max-width:52em}

/* AND */
.ands{display:grid;gap:10px;margin:16px 0 10px;max-width:760px}
.and-row{display:grid;grid-template-columns:1fr 92px 1fr;align-items:center;gap:14px;font-weight:300;font-size:clamp(15px,1.67vw,19.2px);letter-spacing:-.02em}
.and-row span:first-child{text-align:right}
.flip{position:relative;height:1.35em;perspective:600px;text-align:center}
.flip i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font:600 10.8px/1 var(--mono);letter-spacing:.2em;border-radius:999px;backface-visibility:hidden;transition:transform .7s cubic-bezier(.3,1.4,.5,1),opacity .5s}
.flip .or{color:#FF8A87;border:1.5px solid rgba(224,49,49,.6);background:rgba(224,49,49,.08)}
.flip .and{color:#060B14;background:var(--iris);transform:rotateX(-180deg);opacity:0}
.flip.done .or{transform:rotateX(180deg);opacity:0}
.flip.done .and{transform:rotateX(0);opacity:1}
@media (prefers-reduced-motion:reduce){.flip i{transition:none}}
@media (max-width:560px){.and-row{grid-template-columns:1fr 70px 1fr;font-size:15px;gap:8px}}

/* creative rhythm */
.rhythm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;margin:14px 0}
@media (max-width:860px){.rhythm{grid-template-columns:1fr}}
.rhythm svg{width:100%;max-width:520px;height:auto;display:block;margin:0 auto}
.rhythm .spiral{fill:none;stroke:url(#irisg);stroke-width:2;stroke-linecap:round}
.rhythm .guide{fill:none;stroke:#18253F;stroke-width:1}
.rhythm .stn{fill:#0C1424;stroke:#2C4064;stroke-width:1.5;transition:fill .3s,stroke .3s}
.rhythm .stn.on{fill:var(--gold);stroke:var(--gold)}
.rhythm text{fill:var(--mineral);font:600 10px var(--mono);letter-spacing:.16em}
.rhythm .sdot{fill:#fff}
.rh-list{list-style:none;margin:0;padding:0}
.rh-list li{padding:10px 14px;border-left:2px solid var(--line);color:var(--dim);transition:color .3s,border-color .3s,background .3s}
.rh-list li b{display:block;font:600 10px/1.4 var(--mono);letter-spacing:.16em;color:inherit}
.rh-list li span{font-size:12.1px;line-height:1.45}
.rh-list li.on{color:var(--ink);border-color:var(--gold);background:rgba(232,179,60,.06)}
.rh-list li.on b{color:var(--gold)}

/* the whisper */
.whisper{list-style:none;margin:14px 0;padding:0;position:relative}
.whisper:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--plasma),var(--gold))}
.whisper li{display:grid;grid-template-columns:24px minmax(180px,.8fr) minmax(0,1.6fr);gap:14px;align-items:baseline;padding:10px 0;opacity:0;transform:translateX(-8px);transition:opacity .7s,transform .7s}
.whisper li.in{opacity:1;transform:none}
.whisper li:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--paper);border:2px solid var(--gold);margin:6px 0 0 6px}
.whisper li b{font-weight:300;font-size:clamp(14.2px,1.5vw,16.7px);letter-spacing:-.02em;color:var(--mineral)}
.whisper li span{font-size:12.1px;color:var(--slate);line-height:1.45}
@media (max-width:620px){.whisper li{grid-template-columns:24px 1fr}.whisper li span{grid-column:2}}
@media (prefers-reduced-motion:reduce){.whisper li{opacity:1;transform:none;transition:none}}

/* brand architecture: systems nested within systems */
.brandarch{margin:14px 0}
.ba-tier{border:1px solid var(--line);border-radius:22px;padding:18px clamp(14px,2.4vw,24px) 16px;background:rgba(12,20,36,.65)}
.ba-tier .ba-tier{margin-top:14px;background:rgba(16,27,48,.75)}
.ba-tier .ba-tier .ba-tier{border-color:rgba(232,179,60,.55)}
.ba-tier > b{display:block;font-weight:300;font-size:clamp(15.8px,1.67vw,19.2px);letter-spacing:-.02em}
.ba-tier > small{display:block;font:600 10px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--plasma);margin:4px 0 6px}
.ba-tier > p{font-size:12.1px;color:var(--slate);margin:0;max-width:46em}
.ba-tier .ba-tier .ba-tier > small{color:var(--gold)}

/* footer line */
.foot-tag{font-weight:300;font-size:12.5px;letter-spacing:-.01em;color:var(--mineral);margin:0}
.foot-tag b{font:600 10px/1 var(--mono);letter-spacing:.3em;color:var(--gold);margin-right:8px}