/* ── Weird Wire tokens (app/globals.css) — unchanged ── */
  :root{
    --ink:#0D0D0D; --paper:#F5F2EC; --surface:#FFFFFF;
    --wire:#1A4FA0; --navy:#0A2A5E; --orange:#F26522;
    --spark:#F5C842; --ember:#B84800; --muted:#5A5A5A;
    --line:rgba(13,13,13,.10); --radius:.625rem;
    --sans:'Barlow',system-ui,sans-serif;
    --cond:'Barlow Condensed',system-ui,sans-serif;
    --display:'Bebas Neue','Barlow Condensed',sans-serif;
    --ease:cubic-bezier(.22,1,.36,1);
  }
  *{box-sizing:border-box}
  html,body{margin:0}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
  .disp{font-family:var(--display);font-weight:400;letter-spacing:.005em;line-height:.92;text-transform:uppercase}
  .cond{font-family:var(--cond)}
  a:focus-visible,button:focus-visible{outline:3px solid var(--wire);outline-offset:3px;border-radius:6px}
  .skip{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 12px;z-index:100}
  .skip:focus{left:8px}

  /* ── chrome (identical to the live shell) ── */
  header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:40}
  .bar{display:flex;align-items:center;gap:20px;height:64px}
  .brand{font-family:var(--display);font-size:26px;letter-spacing:.02em;display:flex;align-items:center;gap:9px;white-space:nowrap}
  .brand .dot{width:11px;height:11px;border-radius:50%;background:var(--orange);display:inline-block}
  .citybtn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1.5px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-family:var(--cond);font-weight:600;font-size:16px;cursor:pointer}
  .citybtn .pin{color:var(--spark)}
  nav.main{display:flex;gap:26px;margin-left:6px}
  nav.main a{font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:15px;color:rgba(255,255,255,.86);padding:6px 0;border-bottom:2px solid transparent}
  nav.main a:hover{color:#fff}
  .spacer{flex:1}
  .bizlink{font-family:var(--cond);font-size:13px;letter-spacing:.04em;color:#fff;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-bottom:2px solid var(--orange);padding:6px 0}

  /* ── the signature: the wire. One orange line that runs the page. ── */
  .wire{position:relative}
  .wire:before{content:"";position:absolute;left:0;top:0;width:64px;height:4px;background:var(--orange);border-radius:2px}

  /* ── hero ── */
  .hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
  .hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:
    radial-gradient(110% 70% at 88% -10%, rgba(242,101,34,.26), transparent 55%),
    radial-gradient(80% 90% at 0% 120%, rgba(26,79,160,.55), transparent 60%)}
  .hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:80px}
  .kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--cond);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--spark)}
  .kicker:before{content:"";width:28px;height:3px;background:var(--orange);border-radius:2px}
  .hero h1{font-family:var(--display);font-size:clamp(3rem,7vw,5.6rem);line-height:.92;letter-spacing:.005em;text-transform:uppercase;margin:18px 0 22px;max-width:14ch;text-wrap:balance}
  .hero h1 em{font-style:normal;color:var(--spark)}
  .hero p.lede{font-size:19px;line-height:1.55;max-width:56ch;color:rgba(255,255,255,.9);margin:0 0 30px}
  .hero p.lede b{color:#fff;font-weight:600}
  .cta{display:inline-flex;align-items:center;gap:12px;background:var(--orange);color:#fff;font-family:var(--cond);font-weight:700;font-size:19px;letter-spacing:.06em;text-transform:uppercase;padding:0 26px;height:58px;border-radius:8px;border:0;cursor:pointer;box-shadow:0 8px 0 -2px rgba(0,0,0,.18)}
  .cta:hover{background:#ff6f2b}
  .cta:active{transform:translateY(2px);box-shadow:none}
  .cta i{font-size:22px}
  .ctarow{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
  .sixty{font-family:var(--cond);font-size:16px;color:rgba(255,255,255,.75);display:inline-flex;align-items:center;gap:7px}
  .sixty i{color:var(--spark);font-size:18px}

  /* counter panel — the one glass surface on the page, on purpose: it's the instrument */
  .counter{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:26px 26px 20px}
  .counter .lbl{font-family:var(--cond);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:8px}
  .counter .lbl .pulse{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(242,101,34,.6);animation:p 2s infinite}
  @keyframes p{0%{box-shadow:0 0 0 0 rgba(242,101,34,.55)}70%{box-shadow:0 0 0 10px rgba(242,101,34,0)}100%{box-shadow:0 0 0 0 rgba(242,101,34,0)}}
  .counter .big{font-family:var(--display);font-size:clamp(3.6rem,6vw,5.4rem);line-height:1;margin:6px 0 2px;font-variant-numeric:tabular-nums;color:#fff}
  .counter .big small{font-size:.42em;color:var(--spark);margin-left:8px;letter-spacing:.04em}
  .counter .sub{font-family:var(--cond);font-size:16px;color:rgba(255,255,255,.75);margin:0 0 16px}
  .cities{display:grid;gap:9px;border-top:1px solid rgba(255,255,255,.14);padding-top:14px}
  .city{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;font-family:var(--cond);font-size:16px}
  .city .n{font-variant-numeric:tabular-nums;color:#fff;font-weight:600}
  .city .b{grid-column:1/-1;height:4px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden}
  .city .b i{display:block;height:100%;background:var(--spark);width:var(--w);border-radius:2px;transform-origin:left;animation:grow 1.1s var(--ease) both}
  @keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  .city.more{color:rgba(255,255,255,.6);font-size:15px}

  /* ── the walk ── */
  .walk{padding:88px 0 40px}
  .walk h2{font-family:var(--display);font-size:clamp(2.6rem,5.4vw,4.4rem);line-height:.94;text-transform:uppercase;margin:0 0 10px;max-width:16ch}
  .walk .intro{font-size:19px;color:var(--muted);max-width:60ch;margin:0}
  .motions{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:34px 0 8px;padding-top:28px;border-top:1px solid var(--line)}
  .mo{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:baseline}
  .mo .n{font-family:var(--display);font-size:2.2rem;line-height:1;color:var(--orange)}
  .mo .w{font-family:var(--display);font-size:2.2rem;line-height:1;text-transform:uppercase}
  .mo p{grid-column:1/-1;margin:10px 0 0;font-size:16px;line-height:1.5;color:var(--ink)}
  @media (max-width:820px){.motions{grid-template-columns:1fr;gap:22px}}

  .beat{display:grid;grid-template-columns:.9fr 1.1fr 1fr;gap:36px;padding:56px 0;border-top:1px solid var(--line);align-items:start}
  .beat:first-of-type{border-top:0}
  .beat .num{font-family:var(--display);font-size:clamp(4rem,8vw,7rem);line-height:.85;color:var(--orange);margin:0 0 6px}
  .beat h3{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.4rem);line-height:.95;text-transform:uppercase;margin:0 0 14px}
  .beat p.m{font-size:18px;line-height:1.55;margin:0;max-width:34ch}
  .beat p.m b{font-weight:600}

  .pic{background:var(--surface);border-radius:12px;box-shadow:0 1px 0 rgba(13,13,13,.06),0 10px 24px -18px rgba(10,42,94,.35);padding:18px;min-height:280px;position:relative}
  .pic .cap{font-family:var(--cond);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;display:flex;align-items:center;gap:8px}
  .pic .cap i{color:var(--wire)}

  /* seen: a results list */
  .results{display:grid;gap:8px}
  .r{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;border:1px solid var(--line);font-family:var(--cond);font-size:16px}
  .r .t{font-weight:600}
  .r .u{font-size:13px;color:var(--muted);font-weight:400;display:block}
  .r .s{font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
  .r.ok{background:#F1F5FC;border-color:rgba(26,79,160,.25)} .r.ok .s{color:var(--wire)} .r.ok i{color:var(--wire)}
  .r.no{opacity:.55} .r.no .s{color:var(--ember)} .r.no i{color:var(--muted)}
  .r.no .t{text-decoration:line-through;text-decoration-color:rgba(13,13,13,.35)}

  /* rows: label, then one bar. Yes is always blue and carries the number; the rest of the bar is red, no text. */
  .dl{display:grid;gap:7px;font-family:var(--cond);font-size:17px}
  .dl .l{font-weight:600}
  .dl .bar{display:flex;gap:0;height:28px;border-radius:6px;overflow:hidden}
  .dl .bar i{display:flex;align-items:center;height:100%;flex:0 0 var(--w);min-width:0;font-style:normal;font-family:var(--cond);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#fff;white-space:nowrap}
  .dl .bar i.yes{background:var(--wire);padding:0 10px;overflow:hidden}
  .dl .bar i.no{background:#C8102E}
  .sub .dl{font-size:15px} .sub .dl .bar{height:24px} .sub .dl .bar i{font-size:13px}
  /* seen: the index, line by line */
  .index{display:grid;gap:14px;padding:4px 0 2px}
  .ix{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:baseline;font-family:var(--cond);font-size:17px}
  .ix .l{font-weight:600}
  .ix .src{font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:6px;border:1px solid var(--line);border-radius:999px;padding:1px 7px;vertical-align:middle}
  .pic .note b{color:var(--ink)}
  .ix .pct{font-family:var(--display);font-size:26px;line-height:1;color:var(--wire);font-variant-numeric:tabular-nums}
  .ix .track{grid-column:1/-1;height:10px;background:rgba(13,13,13,.08);border-radius:5px;overflow:hidden}
  .ix .track i{display:block;height:100%;width:var(--w);background:var(--wire);border-radius:5px;transform-origin:left;animation:grow 1s var(--ease) both}
    .pic .note{margin:14px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}

  /* understood: site vs text */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .site{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
  .site .nav{display:flex;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line)}
  .site .nav b{width:44px;height:8px;border-radius:4px;background:#d9d5cc}
  .site .heroimg{height:74px;background:linear-gradient(135deg,#0A2A5E,#1A4FA0 60%,#F26522);position:relative}
  .site .heroimg:after{content:"MAMA'S CANTINA";position:absolute;left:10px;bottom:8px;font-family:var(--display);color:#fff;font-size:18px;letter-spacing:.04em}
  .site .rows{padding:10px}
  .site .rows b{display:block;height:7px;border-radius:4px;background:#e5e1d8;margin:6px 0}
  .site .rows b.s{width:60%} .site .rows b.m{width:85%}
  .site .btn{width:70px;height:18px;border-radius:4px;background:var(--orange);margin-top:8px}
  .machine{border:1px solid var(--line);border-radius:8px;background:#0D0D0D;color:#EDE9E0;padding:12px;font-family:var(--cond);font-size:14px;line-height:1.5}
  .machine .k{color:#9aa7c2}
  .machine .v{color:#fff}
  .machine .x{color:#ff8a5b;font-weight:700}
  .machine div{display:flex;gap:8px;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.12);padding:4px 0}
  .machine div:last-child{border-bottom:0}

  /* recommended: the cross-check */
  .xcheck{position:relative;display:grid;place-items:center;min-height:250px}
  .xcheck svg{width:100%;height:auto;max-width:360px}

  /* profile panel */
  .panel{background:var(--surface);border-radius:12px;border:1.5px solid rgba(26,79,160,.28);overflow:hidden}
  .panel .ph{background:var(--wire);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .panel .ph .t{font-family:var(--cond);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
  .badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;font-family:var(--cond);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
  .badge.v{background:#fff;color:var(--wire)}
  .badge.u{border:1px solid rgba(13,13,13,.25);color:rgba(13,13,13,.5)}
  .badge svg{width:14px;height:14px}
  .panel .pb{padding:14px 16px 16px}
  .panel .pb p{margin:0 0 10px;font-size:15px;line-height:1.5}
  .kv{display:grid;gap:6px;font-family:var(--cond);font-size:15px}
  .kv div{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:baseline;border-bottom:1px solid var(--line);padding:5px 0}
  .kv div:last-child{border-bottom:0}
  .kv .k{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:600}
  .kv .v{color:var(--ink)}
  .kv .v i{color:var(--wire);margin-right:4px}

  /* index number */
  .stat{margin-top:16px;padding:16px 18px;border-radius:12px;background:#EFE9DE}
  .stat .n{font-family:var(--display);font-size:clamp(2.6rem,4.6vw,3.6rem);line-height:1;color:var(--ink)}
  .stat .n small{font-size:.38em;color:var(--muted);letter-spacing:.06em;margin-left:6px}
  .stat p{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--ink)}
  details{margin-top:10px;font-family:var(--cond);font-size:15px}
  summary{cursor:pointer;color:var(--wire);font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:44px}
  summary::-webkit-details-marker{display:none}
  summary i{transition:transform .2s var(--ease)}
  details[open] summary i{transform:rotate(90deg)}
  .bars{display:grid;gap:8px;padding:4px 0 6px}
  .barrow{display:grid;grid-template-columns:1fr 46px;gap:10px;align-items:center;font-size:15px}
  .barrow .track{height:8px;background:rgba(13,13,13,.08);border-radius:4px;overflow:hidden;grid-column:1/-1}
  .barrow .track i{display:block;height:100%;background:var(--wire);width:var(--w);border-radius:4px}
  .barrow .pct{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}

  /* ── motions: word, blurb, the index bars ── */
  .motion{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:52px 0;border-top:1px solid var(--line);align-items:start}
  .motion:first-of-type{border-top:0}
  .motion .num{font-family:var(--display);font-size:clamp(4rem,8vw,7rem);line-height:.85;color:var(--orange);margin:0 0 6px}
  .motion h3{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.4rem);line-height:.95;text-transform:uppercase;margin:0 0 14px}
  .motion p.m{font-size:19px;line-height:1.5;margin:0;max-width:34ch}
  .ix.low .track i{background:#C8102E} .ix.low .pct{color:#C8102E}
  .sub{display:grid;gap:10px;padding:2px 0 4px 18px;border-left:2px solid var(--line);margin-left:6px}
  .sub .ix{font-size:15px}
  .ix.pend{opacity:.5} .ix.pend .pct{font-family:var(--cond);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .close-panel{margin-top:26px;border-color:rgba(255,255,255,.35)}
  .close-panel .kv div{grid-template-columns:130px 1fr}
  @media (max-width:820px){.motion{grid-template-columns:1fr;gap:20px;padding:40px 0}}
  @media (max-width:420px){.close-panel .kv div{grid-template-columns:1fr}}

  /* ── close ── */
  .close{background:var(--navy);color:#fff;padding:72px 0 76px;position:relative;overflow:hidden}
  .close .wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;position:relative;z-index:1}
  .close .pct{display:flex;align-items:baseline;justify-content:center;gap:.06em;text-align:center}
  .close .pct .only{font-family:var(--cond);font-weight:600;font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:.12em;text-transform:uppercase;color:var(--spark)}
  .close .pct{font-family:var(--display);font-size:clamp(7.5rem,20vw,15rem);line-height:.85;color:var(--spark)}
  .close .pctl{font-size:19px;line-height:1.5;max-width:40ch;margin:12px 0 0;color:rgba(255,255,255,.88)}
  .close .pctl b{color:#fff;font-weight:700}
  .close h2{font-family:var(--display);font-size:clamp(2.4rem,4.6vw,3.8rem);line-height:.95;text-transform:uppercase;margin:0 0 14px;text-wrap:balance}
  .close p{font-size:18px;line-height:1.55;color:rgba(255,255,255,.88);margin:0 0 26px;max-width:46ch}
  .close .study{display:inline-flex;align-items:center;gap:6px;font-family:var(--cond);font-size:16px;color:var(--spark);margin-left:18px;min-height:44px}

  /* ── doors ── */
  .doors{padding:56px 0 64px}
  .doors ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
  .doors li a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--cond);font-size:20px;font-weight:600;min-height:56px}
  .doors li a small{display:block;font-family:var(--sans);font-size:15px;font-weight:400;color:var(--muted);margin-top:2px}
  .doors li a i{color:var(--orange);font-size:22px}
  .doors li a:hover{color:var(--wire)}

  /* ── footer ── */
  footer{background:var(--navy);color:rgba(255,255,255,.8)}
  .foot{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px;padding:44px 0 20px}
  .foot .fbrand .disp{font-size:30px;color:#fff}
  .foot p{font-size:14px;line-height:1.55;max-width:34ch;color:rgba(255,255,255,.7)}
  .foot h4{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--spark);margin:0 0 12px}
  .foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
  .foot ul a{font-family:var(--cond);font-size:15px;color:rgba(255,255,255,.82)}
  .footbar{border-top:1px solid rgba(255,255,255,.14);padding:16px 0 26px;display:flex;justify-content:space-between;align-items:center;font-family:var(--cond);font-size:13px;color:rgba(255,255,255,.5);letter-spacing:.04em;gap:12px;flex-wrap:wrap}

  /* ── sticky verify bar (mobile thumb zone) ── */
  .stick{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(10,42,94,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;border-top:1px solid rgba(255,255,255,.14)}
  .stick .cta{width:100%;justify-content:center;height:52px;font-size:17px;white-space:nowrap}
  .stick .sec{font-weight:500;font-size:13px;letter-spacing:.04em;opacity:.85;border-left:1px solid rgba(255,255,255,.4);padding-left:10px;margin-left:2px}
  .stick{transform:translateY(110%);transition:transform .3s var(--ease)}
  .stick.show{transform:none}
  .citybtn{white-space:nowrap}
  @media (max-width:360px){.citybtn{font-size:14px;padding:0 10px;height:36px}}

  /* ── motion: reveal enhances a visible default ── */
  .rv{opacity:1;transform:none}
  @media (prefers-reduced-motion:no-preference){
    .js .rv{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
    .js .rv.in{opacity:1;transform:none}
  }
  @media (prefers-reduced-motion:reduce){.counter .pulse{animation:none}.city .b i{animation:none}}

  /* ── responsive ── */
  @media (max-width:1000px){
    .beat{grid-template-columns:1fr 1fr}
    .beat .side{grid-column:1/-1}
  }
  @media (max-width:820px){
    nav.main,.bizlink{display:none}
    .hero .wrap{grid-template-columns:1fr;gap:34px;padding-top:44px;padding-bottom:48px}
    .hero h1{max-width:12ch}
    .beat{grid-template-columns:1fr;gap:22px;padding:44px 0}
    .split{grid-template-columns:1fr}
    .close .wrap{grid-template-columns:1fr;gap:26px}
    .foot{grid-template-columns:1fr 1fr}
    .stick{display:block}
    body{padding-bottom:84px}
    .walk{padding-top:56px}
  }
  @media (max-width:420px){
    .wrap{padding:0 18px}
    .kv div{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr}
    .close .study{margin-left:0;display:flex}
  }

  /* -- site chrome (business.weirdwireatx.com) -- */
  .brand .tag{font-family:var(--cond);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--spark);margin-left:8px;font-weight:600}
  nav.main a.active{color:#fff;border-color:var(--orange)}
  .navcta{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:8px;background:var(--orange);color:#fff;font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
  .navcta:hover{background:#ff6f2b}
  .menubtn{display:none;width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:26px;border-radius:8px;cursor:pointer}
  @media (max-width:980px){
    nav.main{display:none;position:absolute;left:0;right:0;top:64px;background:var(--navy);flex-direction:column;gap:0;padding:8px 24px 16px;border-top:1px solid rgba(255,255,255,.14);margin:0}
    nav.main a{min-height:48px;display:flex;align-items:center;font-size:18px;border-bottom:1px solid rgba(255,255,255,.1)}
    nav.main a.active{border-bottom:1px solid rgba(255,255,255,.1);color:var(--spark)}
    .menu-open nav.main{display:flex}
    .navcta{display:none}
    .menubtn{display:grid;place-items:center}
    .brand .tag{display:none}
  }

  /* -- inner pages: shared -- */
  .pagehead{background:var(--navy);color:#fff;padding:64px 0 56px;position:relative;overflow:hidden}
  .pagehead:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(110% 70% at 88% -10%, rgba(242,101,34,.22), transparent 55%)}
  .pagehead .wrap{position:relative;z-index:1}
  .pagehead h1{font-family:var(--display);font-size:clamp(2.8rem,6vw,5rem);line-height:.92;text-transform:uppercase;margin:16px 0 14px;max-width:18ch;text-wrap:balance}
  .pagehead .lede{font-size:19px;line-height:1.55;max-width:58ch;color:rgba(255,255,255,.88);margin:0}
  .sec{padding:64px 0}
  .sec.band{background:var(--navy);color:#fff}
  .h2{font-family:var(--display);font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:.95;text-transform:uppercase;margin:0 0 26px;max-width:22ch;text-wrap:balance}
  .h2.light{color:#fff}
  .light2{font-size:18px;line-height:1.55;color:rgba(255,255,255,.88);max-width:58ch;margin:0 0 26px}
  .light2.center{text-align:center;margin:8px auto 0}
  .lead2{font-size:18px;line-height:1.55;max-width:58ch;margin:0 0 22px}
  .note2{font-family:var(--cond);font-size:16px;color:var(--muted);margin:18px 0 0;max-width:60ch}
  .tag{display:inline-block;font-family:var(--cond);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .tag.gold{color:var(--spark)}
  .link{display:inline-flex;align-items:center;gap:6px;font-family:var(--cond);font-weight:700;font-size:17px;color:var(--wire);min-height:44px;margin-top:6px}
  .link:hover{color:var(--orange)}
  .cta.small{height:48px;font-size:16px;padding:0 20px;margin-top:8px}
  .two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
  .two.wide{grid-template-columns:1.3fr .8fr;align-items:start}
  @media (max-width:820px){.two,.two.wide{grid-template-columns:1fr;gap:28px} .sec{padding:44px 0} .pagehead{padding:44px 0 40px}}

  /* numbered steps */
  .steps{list-style:none;margin:0;padding:0;display:grid;gap:26px;max-width:760px}
  .steps li{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start}
  .steps .n{font-family:var(--display);font-size:3.6rem;line-height:.85;color:var(--orange)}
  .steps h3{font-family:var(--display);font-size:1.7rem;line-height:1;text-transform:uppercase;margin:6px 0 8px}
  .steps p{margin:0;font-size:17px;line-height:1.55;max-width:60ch}

  /* stats strip */
  .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);margin:8px 0 28px}
  .kpi{padding:22px 20px 22px 0;border-right:1px solid rgba(255,255,255,.18);background:none;margin:0;border-radius:0}
  .kpi:last-child{border-right:0}
  .kpi + .kpi{padding-left:20px}
  .kpi .big{display:block;font-family:var(--display);font-size:clamp(2.8rem,5vw,4.2rem);line-height:.9;color:var(--spark)}
  .kpi .lbl{display:block;font-family:var(--cond);font-size:16px;color:rgba(255,255,255,.8);margin-top:8px;max-width:22ch}
  @media (max-width:820px){.kpis{grid-template-columns:1fr} .kpi{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:16px 0} .kpi:last-child{border-bottom:0} .kpi + .kpi{padding-left:0}}

  /* cities inside the band */
  .cities2{display:grid;gap:12px;max-width:560px}
  .c2{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:12px;font-family:var(--cond);font-size:17px}
  .c2 b{font-variant-numeric:tabular-nums;color:#fff}
  .c2 i{grid-column:1/-1;display:block;height:4px;border-radius:2px;background:var(--spark);width:var(--w)}
  .c2.more{color:rgba(255,255,255,.65)} .c2.more b{color:rgba(255,255,255,.65);font-weight:500}

  /* phases */
  .phases{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:3px solid var(--orange)}
  .ph{padding:22px 24px 6px 0;position:relative}
  .ph:before{content:"";position:absolute;top:-3px;left:0;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--orange);transform:translateY(-50%)}
  .ph.done:before{background:var(--orange)}
  .ph b{display:block;font-family:var(--display);font-size:1.7rem;line-height:1;margin:6px 0 8px}
  .ph p{margin:0;font-size:16px;line-height:1.5;max-width:30ch;color:var(--ink)}
  @media (max-width:820px){.phases{grid-template-columns:1fr;border-top:0;border-left:3px solid var(--orange)} .ph{padding:0 0 22px 22px} .ph:before{top:6px;left:-3px;transform:translateX(-50%)}}

  /* doors list (inner pages) */
  .doors{list-style:none;margin:0;padding:0}
  .doors li a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-family:var(--cond);font-size:20px;font-weight:600;min-height:56px}
  .doors li a small{display:block;font-family:var(--sans);font-size:15px;font-weight:400;color:var(--muted);margin-top:3px;max-width:62ch}
  .doors li a i{color:var(--orange);font-size:22px}
  .doors li a:hover{color:var(--wire)}

  /* the ladder (services) */
  .ladder{list-style:none;margin:0;padding:0;position:relative;max-width:860px}
  .ladder:before{content:"";position:absolute;left:31px;top:24px;bottom:24px;width:4px;background:var(--orange);border-radius:2px}
  .ladder > li{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:0 0 56px;position:relative}
  .ladder > li:last-child{padding-bottom:0}
  .rung{width:64px;height:64px;border-radius:50%;background:var(--navy);color:var(--spark);display:grid;place-items:center;font-family:var(--display);font-size:2rem;position:relative;z-index:1;box-shadow:0 0 0 6px var(--paper)}
  .rungbody h2{font-family:var(--display);font-size:clamp(2rem,4vw,3rem);line-height:.95;text-transform:uppercase;margin:12px 0 6px}
  .rungbody .one{font-size:18px;margin:0 0 14px;color:var(--ink)}
  .get{margin:0 0 14px;padding:0 0 0 20px;display:grid;gap:8px;max-width:60ch}
  .get li{font-size:16px;line-height:1.5}
  .q{margin:0 0 16px;padding:14px 18px;border-left:0;background:var(--surface);border-radius:10px;font-family:var(--cond);font-size:19px;line-height:1.4;max-width:60ch;box-shadow:0 1px 0 rgba(13,13,13,.06)}
  @media (max-width:820px){.ladder:before{left:19px} .ladder > li{grid-template-columns:40px 1fr;gap:14px;padding-bottom:40px} .rung{width:40px;height:40px;font-size:1.3rem}}

  /* build log */
  .phase{font-family:var(--display);font-size:clamp(2.4rem,5vw,4rem);line-height:.95;text-transform:uppercase;margin:8px 0 12px;max-width:20ch;color:#fff}
  .running{margin:0;display:grid;grid-template-columns:200px 1fr;gap:16px 24px;max-width:860px}
  .running dt{font-family:var(--display);font-size:1.5rem;line-height:1;text-transform:uppercase;padding-top:2px}
  .running dd{margin:0;font-size:16px;line-height:1.55;padding-bottom:16px;border-bottom:1px solid var(--line)}
  @media (max-width:820px){.running{grid-template-columns:1fr;gap:6px} .running dd{margin-bottom:10px}}
  .flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .flow .node{background:var(--surface);border-radius:10px;padding:12px 14px;min-width:132px;box-shadow:0 1px 0 rgba(13,13,13,.06)}
  .flow .node b{display:block;font-family:var(--display);font-size:1.3rem;line-height:1;text-transform:uppercase}
  .flow .node span{display:block;font-family:var(--cond);font-size:14px;color:var(--muted);margin-top:4px}
  .flow .node.hot{background:var(--wire);color:#fff} .flow .node.hot span{color:rgba(255,255,255,.8)}
  .flow > i{color:var(--orange);font-size:22px}
  .ledger{list-style:none;margin:0;padding:0;max-width:860px}
  .ledger li{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}
  .ledger time{font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--wire);font-variant-numeric:tabular-nums;padding-top:3px}
  .ledger div{font-size:16px;line-height:1.55}
  .ledger b{font-family:var(--cond);font-weight:700;font-size:17px}
  @media (max-width:820px){.ledger li{grid-template-columns:1fr;gap:4px}}

  /* app factory */
  .floor{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .app{display:block;border-radius:14px;padding:26px 24px 22px;color:#fff;min-height:250px;position:relative;overflow:hidden}
  .app.laces{background:#0B3B2E}
  .app.node{background:var(--wire)}
  .app .appname{display:block;font-family:var(--display);font-size:clamp(2.2rem,4vw,3.2rem);line-height:.92;text-transform:uppercase}
  .app .appsub{display:block;font-family:var(--cond);font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--spark);margin:6px 0 14px}
  .app p{margin:0 0 18px;font-size:16px;line-height:1.5;max-width:40ch;color:rgba(255,255,255,.9)}
  .app .open{display:inline-flex;align-items:center;gap:6px;font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid var(--orange);padding-bottom:2px}
  @media (max-width:820px){.floor{grid-template-columns:1fr}}
  .logincard{background:var(--paper);color:var(--ink);border-radius:14px;overflow:hidden;max-width:360px;justify-self:center;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.3)}
  .lc-top{background:var(--navy);color:#fff;font-family:var(--display);font-size:20px;letter-spacing:.02em;padding:12px 16px;display:flex;align-items:center;gap:8px}
  .lc-top .dot{width:9px;height:9px;border-radius:50%;background:var(--orange)}
  .lc-body{padding:26px 22px 22px;text-align:center}
  .lc-welcome{font-family:var(--display);font-size:2.2rem;line-height:1;margin:0 0 18px}
  .lc-btn{width:100%;height:52px;border:0;border-radius:8px;background:var(--orange);color:#fff;font-family:var(--cond);font-weight:700;font-size:17px;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px}
  .lc-btn .avatar{width:28px;height:28px;border-radius:50%;background:#fff;color:var(--orange);display:grid;place-items:center;font-family:var(--display);font-size:18px}
  .lc-fine{font-family:var(--cond);font-size:14px;color:var(--muted);margin:14px 0 0}
  .board{border:2px dashed rgba(13,13,13,.18);border-radius:14px;padding:44px 24px;text-align:center}
  .board-empty{display:grid;gap:8px;justify-items:center}
  .board-empty > i{font-size:40px;color:var(--wire)}
  .board-empty b{font-family:var(--display);font-size:1.8rem;line-height:1;text-transform:uppercase}
  .board-empty span{font-family:var(--cond);font-size:16px;color:var(--muted)}

  /* about */
  .letter p{font-size:19px;line-height:1.6;max-width:58ch;margin:0 0 18px}
  .letter .sig{font-family:var(--display);font-size:2rem;line-height:1;margin-top:26px;color:var(--wire)}
  .how{background:var(--surface);border-radius:14px;padding:24px 24px 20px;box-shadow:0 1px 0 rgba(13,13,13,.06)}
  .how h2{font-family:var(--display);font-size:1.8rem;line-height:1;text-transform:uppercase;margin:0 0 14px}
  .how ul{margin:0 0 8px;padding:0 0 0 18px;display:grid;gap:9px}
  .how li{font-size:16px;line-height:1.5}
  .closer{font-family:var(--display);font-size:clamp(2.6rem,7vw,5.4rem);line-height:.92;text-transform:uppercase;text-align:center;margin:0;color:var(--spark)}

  @media (max-width:820px){body.inner{padding-bottom:84px} body.inner .stick{display:block;transform:none}}