/* ===== live application styles (dark panels, stations, modals) ===== */
  /* ---------- The Particle Forge · v6 "Maze" register ----------
     Deep-teal ink ground, a living cyan system, orange only where the machine
     acts. The token NAMES are unchanged — the whole app script injects markup
     that references them (var(--molten), var(--ok), …) — only the values
     moved. "molten" is the acting orange; "steel" is the cyan signal; green
     still means alive/passing. */
  :root{
    --ground:#0b1f18; --panel:#12312690; --panel-2:#17392c;
    /* --faint was #64748B, which lands between 3.87:1 and 4.29:1 on the dark
       surfaces it is used on and fails WCAG 1.4.3 everywhere. #7A8A9E is
       5.22:1 against the darkest of them. */
    --ink:#F1F5F9; --muted:#a8bdb2; --faint:#8ba496;
    --line:rgba(255,106,43,.16); --line-strong:rgba(255,106,43,.42);
    --molten:#ff6a2b; --molten-hot:#e8ff9c; --molten-soft:rgba(255,106,43,.18);
    --lime:#ff6a2b; --pop:#ff8da3;
    --steel:#ff6a2b; --steel-soft:rgba(255,106,43,.14);
    --grid:rgba(255,106,43,.05);
    --ok:#7ee6a8; --shadow:0 1px 0 rgba(0,0,0,.3),0 24px 54px -24px rgba(0,0,0,.8);
    --on-molten:#102318; --announce-accent:#102318;
    --magenta:#ff8da3; --amber:#ffca4d;
    --mono:'JetBrains Mono','Cascadia Code',Consolas,ui-monospace,Menlo,monospace;
    --sans:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
    --disp:'Orbitron','Segoe UI',system-ui,sans-serif;
    /* The page is paper now. The dark declaration survived the redesign port
       and kept Chrome drawing dark-mode scrollbars and form controls on a
       light page — which is why the scrollbar suddenly stood out. */
    color-scheme:light;
  }
  /* Slim, paper-tinted scrollbar instead of the stock slab. */
  html { scrollbar-color: #b9c2b3 #eceee6; scrollbar-width: thin; }

  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{margin:0; min-height:100vh; background:var(--ground); color:var(--ink);
    font-family:var(--sans); line-height:1.5;
    background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
    background-size:72px 72px;}
  .wrap{max-width:1200px; margin:0 auto; padding:0 26px}
  ::selection{background:var(--molten-soft)}
  a{color:inherit}
  .mono{font-family:var(--mono)}
  .eyebrow{font-family:var(--mono); font-size:11.5px; letter-spacing:.22em; text-transform:uppercase; color:var(--faint)}

  header.top{position:sticky; top:0; z-index:40; backdrop-filter:blur(9px);
    background:color-mix(in srgb,var(--ground) 82%,transparent);
    border-bottom:1px solid var(--line)}
  .top .wrap{display:flex; align-items:center; gap:14px; height:60px}
  @media (max-width:760px){
    .top .wrap{flex-wrap:wrap;height:auto;padding:9px 0;gap:8px 10px}
    #ai-badge{display:none} /* internal status — phones need the room for actions */
  }
  .brandmark{display:flex; align-items:center; gap:11px; font-weight:800; letter-spacing:.02em}
  .glyph{width:30px;height:30px;flex:0 0 auto}
  .brandmark b{font-size:18px; letter-spacing:.14em}
  .brandmark b span{color:var(--molten)}
  .top .spacer{flex:1}
  .status{display:flex; align-items:center; gap:8px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; color:var(--muted); text-transform:uppercase}
  .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 60%,transparent);animation:pulse 2.4s infinite}
  .dot.ai{background:var(--steel)}
  .dot.off{background:var(--faint);animation:none}
  @keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
  .tbtn{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
    background:transparent;border:1px solid var(--line);border-radius:7px;padding:7px 11px;cursor:pointer}
  .tbtn:hover{border-color:var(--line-strong);color:var(--ink)}

  .hero{padding:92px 0 44px}
  .hero h1{font-size:clamp(44px,9vw,138px); line-height:.94; letter-spacing:-.03em; font-weight:800; margin:16px 0 0; text-wrap:balance}
  .hero h1 .fade{color:var(--muted)}
  .hero h1 .forge{color:var(--molten)}
  .hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}
  .cta-main{font-family:var(--sans);font-weight:800;font-size:18px;background:var(--molten);color:var(--on-molten);border:none;border-radius:12px;padding:17px 34px;cursor:pointer;box-shadow:0 8px 22px color-mix(in srgb,var(--molten) 30%,transparent);transition:transform .12s,box-shadow .12s}
  .cta-main:hover{transform:translateY(-1px);box-shadow:0 10px 26px color-mix(in srgb,var(--molten) 38%,transparent)}
  .cta-demo{font-family:var(--mono);font-size:13px;letter-spacing:.04em;background:transparent;color:#cbd5e1;border:1px solid var(--line);border-radius:12px;padding:14px 20px;cursor:pointer;transition:color .12s,border-color .12s}
  .cta-demo:hover{color:var(--molten);border-color:var(--molten);outline:none}
  .cta-demo:focus-visible{color:var(--molten);border-color:var(--molten);outline:2px solid var(--molten);outline-offset:3px}
  .demo-term{background:#071626;border:1px solid #1E3A61;border-radius:3px;font-family:var(--mono);font-size:12.5px;line-height:1.75;color:#9DB4D2;padding:16px 18px;height:340px;overflow-y:auto;text-align:left}
  .demo-term .dl{opacity:0;animation:dfade .3s forwards}
  @keyframes dfade{to{opacity:1}}
  .demo-term .ds{color:#97A0AD;font-style:italic}
  .demo-term .dp{color:#6FA8DC}
  .demo-term .dw{color:#8FBF7F}
  .demo-term .dd{color:#00ff66;font-weight:700}
  @media (prefers-reduced-motion:reduce){.demo-term .dl{animation:none;opacity:1}}
  .cta-sub{font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--steel)}
  .ticker{display:flex;gap:9px;align-items:center;margin-top:20px;font-family:var(--mono);font-size:12.5px;color:var(--steel);min-height:18px}
  .tk-dot{width:7px;height:7px;border-radius:50%;background:var(--molten);flex:0 0 auto;animation:tkpulse 1.6s infinite}
  @keyframes tkpulse{0%,100%{opacity:1}50%{opacity:.3}}
  @media (prefers-reduced-motion:reduce){.tk-dot{animation:none}}
  .hero .sub{max-width:46ch; color:var(--muted); font-size:clamp(16.5px,2vw,19.5px); margin:0}
  .kpis{display:flex; flex-wrap:wrap; gap:10px 30px; margin-top:30px; font-family:var(--mono); font-size:12.5px; color:var(--faint)}
  .kpis b{color:var(--ink); font-weight:700}

  .station{margin:30px 0; border:1px solid var(--line); border-radius:16px; background:var(--panel); box-shadow:var(--shadow); overflow:hidden}
  .st-head{display:flex; align-items:center; gap:14px; padding:18px 24px; border-bottom:1px solid var(--line); background:var(--panel-2)}
  .st-num{font-family:var(--mono); font-size:12px; font-weight:700; color:var(--molten); border:1px solid var(--line-strong); border-radius:7px; padding:4px 8px; letter-spacing:.05em}
  .st-title{font-weight:700; letter-spacing:.02em; font-size:15px}
  .st-title small{display:block; font-weight:400; color:var(--faint); font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; margin-top:2px}
  .st-body{padding:30px 26px}

  label.fld{display:block; margin-bottom:20px}
  label.fld:last-child{margin-bottom:0}
  .fld .lbl{font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin-bottom:9px; display:flex; gap:8px; align-items:baseline}
  .fld .lbl .req{color:var(--molten)}
  input[type=text], textarea{width:100%; font-family:var(--sans); font-size:15px; color:var(--ink);
    background:var(--panel-2); border:1px solid var(--line); border-radius:10px; padding:12px 13px; resize:vertical}
  textarea{min-height:78px; line-height:1.5}
  input[type=text]:focus, textarea:focus{outline:none; border-color:var(--molten); box-shadow:0 0 0 3px var(--molten-soft)}
  input::placeholder,textarea::placeholder{color:var(--faint)}

  .chips{display:flex; flex-wrap:wrap; gap:8px}
  .chip{font-family:var(--mono); font-size:12px; letter-spacing:.04em; padding:9px 13px; border-radius:9px;
    border:1px solid var(--line); background:var(--panel-2); color:var(--muted); cursor:pointer; user-select:none; transition:.12s}
  .chip:hover{border-color:var(--line-strong); color:var(--ink)}
  .chip[aria-pressed=true]{background:var(--molten-soft); border-color:var(--molten); color:var(--molten)}
  .chip.prod[aria-pressed=true]{background:#005a9e; border-color:#005a9e; color:#ffffff}
  .chip .pk{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px;vertical-align:-1px;background:currentColor;opacity:.5}
  .grid2{display:grid; grid-template-columns:1fr 1fr; gap:14px}
  @media (max-width:640px){.grid2{grid-template-columns:1fr}}

  .actuate{display:flex; flex-direction:column; align-items:center; gap:12px; padding:6px 0 4px}
  .bigbtn{position:relative; font-family:var(--mono); font-weight:700; letter-spacing:.18em; text-transform:uppercase;
    font-size:16px; color:var(--on-molten); background:linear-gradient(180deg,var(--molten-hot),var(--molten));
    border:none; border-radius:3px; padding:19px 46px; cursor:pointer; box-shadow:0 13px 45px -10px rgba(255,100,26,.45), inset 0 1px 0 rgba(255,255,255,.3);
    transition:transform .1s, box-shadow .2s}
  .bigbtn:hover{transform:translateY(-1px); box-shadow:0 16px 34px -12px var(--molten), inset 0 1px 0 rgba(255,255,255,.4)}
  .bigbtn:active{transform:translateY(1px)}
  .bigbtn:disabled{filter:grayscale(.5) opacity(.6); cursor:not-allowed; transform:none}
  .bigbtn:focus-visible{outline:3px solid var(--steel); outline-offset:3px}
  .bigbtn.alt{background:linear-gradient(180deg,color-mix(in srgb,var(--steel) 88%,#fff),var(--steel));
    box-shadow:0 10px 26px -10px var(--steel), inset 0 1px 0 rgba(255,255,255,.35); font-size:13px; padding:14px 28px}
  .actuate .row2{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}
  .hint{font-family:var(--mono); font-size:11px; color:var(--faint); letter-spacing:.06em; text-align:center}
  .warn{color:var(--pop)}

  #production{display:none}
  .intake-mini{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--line);background:var(--panel);font-family:var(--mono);font-size:13px;color:var(--steel)}
  .intake-mini[hidden]{display:none}
  .intake-mini .mini-txt{flex:1;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .intake-mini .mini-live{width:8px;height:8px;border-radius:50%;background:var(--acc,#22d3ee);flex:none;animation:miniPulse 1.4s ease-in-out infinite}
  @keyframes miniPulse{0%,100%{opacity:.35}50%{opacity:1}}
  @media (prefers-reduced-motion:reduce){.intake-mini .mini-live{animation:none;opacity:1}}
  .intake-collapsed .intake-grid{display:none}
  .prod-spec{font-family:var(--mono);font-size:12px;color:var(--steel);margin-bottom:12px;line-height:1.6}
  .prod-spec[hidden]{display:none}
  .prod-spec b{color:var(--ink);font-weight:600}
  .bar{height:8px; border-radius:6px; background:var(--panel-2); border:1px solid var(--line); overflow:hidden}
  .bar>i{display:block; height:100%; width:0; background:linear-gradient(90deg,var(--molten),var(--molten-hot)); transition:width .35s ease}
  .stages{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:16px 0}
  @media (max-width:640px){.stages{grid-template-columns:1fr 1fr}}
  .sg{border:1px solid var(--line); border-radius:10px; padding:11px 12px; background:var(--panel-2)}
  .sg .n{font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--faint)}
  .sg .t{font-size:13px; font-weight:600; margin-top:3px}
  .sg[data-on=run]{border-color:var(--molten); box-shadow:0 0 0 3px var(--molten-soft)}
  .sg[data-on=done]{border-color:color-mix(in srgb,var(--ok) 60%,var(--line))}
  .sg[data-on=done] .t::after{content:" ✓"; color:var(--ok)}
  .console{font-family:var(--mono); font-size:12.5px; line-height:1.75; background:var(--panel-2); border:1px solid var(--line);
    border-radius:10px; padding:14px 15px; height:190px; overflow:hidden; color:var(--muted)}
  .console b{color:var(--steel); font-weight:400}
  .console .em{color:var(--molten)}
  .console .ok{color:var(--ok)}

  #shipped{display:none}
  .deliv{border:1px solid var(--line); border-radius:13px; margin-bottom:16px; overflow:hidden; background:var(--panel)}
  .dv-head{display:flex; align-items:center; gap:13px; padding:14px 16px; cursor:pointer; background:var(--panel-2); border-bottom:1px solid transparent; list-style:none}
  .dv-head::-webkit-details-marker{display:none}
  .deliv[open] .dv-head{border-bottom-color:var(--line)}
  .dv-ic{width:30px;height:30px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;background:var(--molten-soft);color:var(--molten)}
  .dv-t{font-weight:700; font-size:14px}
  .dv-t small{display:block;font-weight:400;color:var(--faint);font-family:var(--mono);font-size:11px;margin-top:2px;letter-spacing:.04em}
  .dv-head .sp{flex:1}
  .btn{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-strong);
    background:var(--panel);color:var(--ink);border-radius:8px;padding:8px 12px;cursor:pointer;white-space:nowrap}
  .btn:hover{border-color:var(--molten);color:var(--molten)}
  .btn.solid{background:var(--molten);border-color:var(--molten);color:var(--on-molten)}
  .caret{transition:.2s;color:var(--faint)}
  .deliv[open] .caret{transform:rotate(90deg)}

  iframe.preview{width:100%; height:520px; border:0; border-top:1px solid var(--line); display:block; background:#fff}
  .doc{padding:22px 24px}
  .doc h3{font-size:13px; font-family:var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--molten); margin:22px 0 8px}
  .doc h3:first-child{margin-top:0}
  .doc p{margin:0 0 10px; color:var(--ink)}
  .doc .lead{font-size:16px}
  .doc ul{margin:0 0 10px; padding-left:20px; color:var(--ink)}
  .doc li{margin:5px 0}
  .doc .muted{color:var(--muted)}
  .swatches{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 14px}
  .sw{border:1px solid var(--line);border-radius:10px;overflow:hidden;width:96px}
  .sw .c{height:52px}
  .sw .m{font-family:var(--mono);font-size:10px;padding:6px 8px;color:var(--muted);letter-spacing:.02em}
  .sw .m b{display:block;color:var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
  .typerow{display:flex;flex-wrap:wrap;gap:20px;margin:4px 0 14px}
  .typebox{border:1px solid var(--line);border-radius:10px;padding:14px 16px;flex:1;min-width:220px;background:var(--panel-2)}
  .typebox .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
  .logobox{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:22px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}
  .logo-dark{background:#0B0E14}
  .copyline{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}
  .copyline:last-child{border-bottom:0}
  .copyline .tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);flex:0 0 92px;padding-top:3px}
  .copyline .val{flex:1}
  .mini{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--faint);border:1px solid var(--line);border-radius:6px;padding:4px 7px;background:transparent;cursor:pointer;margin-left:8px}
  .mini:hover{color:var(--molten);border-color:var(--molten)}
  .email{border:1px solid var(--line);border-radius:11px;margin-bottom:14px;overflow:hidden}
  .email .eh{padding:11px 14px;background:var(--panel-2);border-bottom:1px solid var(--line);font-weight:600;font-size:14px}
  .email .eh small{display:block;font-weight:400;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:3px}
  .email .eb{padding:14px;white-space:pre-wrap;color:var(--ink);font-size:14px;line-height:1.65}
  .slides{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  @media (max-width:760px){.slides{grid-template-columns:1fr 1fr}}
  .slide{border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:var(--panel-2);aspect-ratio:16/10;display:flex;flex-direction:column;overflow:hidden}
  .slide .sn{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--molten)}
  .slide h4{margin:5px 0 7px;font-size:13.5px;letter-spacing:-.01em;line-height:1.2}
  .slide ul{margin:0;padding-left:15px;font-size:11px;color:var(--muted)}
  .slide li{margin:2.5px 0}

  #showcase{display:none;margin:6px 0 4px}
  .sc-strip{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px}
  .sc-card{flex:0 0 250px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow);padding:14px 15px;text-decoration:none;color:inherit;transition:.15s;overflow:hidden}
  .sc-th{width:calc(100% + 30px);margin:-14px -15px 9px;height:120px;object-fit:cover;display:block;border-bottom:1px solid var(--line)}
  .sc-card:hover{border-color:var(--molten);transform:translateY(-2px)}
  .sc-mode{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--molten)}
  .sc-card h4{margin:6px 0 6px;font-size:15px;letter-spacing:-.01em}
  .sc-card p{margin:0;font-size:12px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sc-visit{display:inline-block;margin-top:9px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--steel);text-transform:uppercase}
  .lg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  @media (max-width:760px){.lg-grid{grid-template-columns:1fr 1fr}}
  .lg-tile{border:1px solid var(--line);border-radius:10px;background:var(--panel-2);overflow:hidden}
  .lg-art{display:grid;place-items:center;padding:18px;min-height:120px;background:#fff}
  .lg-art svg{max-width:100%;height:auto}
  .lg-cap{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line)}
  .soc-row{display:flex;gap:16px;flex-wrap:wrap}
  .soc-fig{flex:1;min-width:240px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel-2)}
  .soc-fig img{display:block;width:100%;height:auto}
  .soc-cap{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line)}
  .ab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  @media (max-width:760px){.ab-grid{grid-template-columns:1fr}}
  .ab-card{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--panel-2);display:flex;flex-direction:column;gap:8px}
  .ab-tag{font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--molten)}
  .ab-card h4{margin:0;font-size:15px;letter-spacing:-.01em;line-height:1.25}
  .ab-card p{margin:0;font-size:12px;color:var(--muted);flex:1}
  .ab-cta{align-self:flex-start;font-size:11px;font-weight:700;padding:6px 12px;border-radius:7px;background:var(--molten-soft);color:var(--molten)}
  #authModal{display:none;position:fixed;inset:0;z-index:90;background:color-mix(in srgb,var(--ground) 40%,rgba(8,10,16,.6));backdrop-filter:blur(3px);align-items:center;justify-content:center;padding:20px}
  .auth-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:26px 24px;position:relative}
  .auth-card h3{margin:0 0 4px;letter-spacing:.02em}
  .auth-card .sub2{font-size:13px;color:var(--muted);margin:0 0 18px}
  .auth-card input{width:100%;font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px 13px;margin-bottom:10px}
  .auth-card input:focus{outline:none;border-color:var(--molten);box-shadow:0 0 0 3px var(--molten-soft)}
  #authCode{font-family:var(--mono);font-size:22px;letter-spacing:.35em;text-align:center}
  .auth-div{display:flex;align-items:center;gap:12px;color:var(--faint);font-family:var(--mono);font-size:10px;letter-spacing:.14em;margin:16px 0}
  .auth-div::before,.auth-div::after{content:'';flex:1;height:1px;background:var(--line)}
  .auth-x{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--faint);font-size:18px;cursor:pointer}
  #authErr{color:var(--pop);font-size:12px;min-height:16px;margin:6px 0 0;font-family:var(--mono)}
  .auth-full{width:100%;justify-content:center;text-align:center;padding:11px !important;font-size:12px !important}
  .arch-row{display:flex;align-items:center;gap:14px;padding:11px 4px;border-bottom:1px solid var(--line);flex-wrap:wrap}
  .arch-row:last-child{border-bottom:0}
  .arch-sn{font-family:var(--mono);font-size:11px;color:var(--molten);border:1px solid var(--line);border-radius:6px;padding:3px 7px;white-space:nowrap}
  .arch-name{font-weight:600;flex:1;min-width:140px}
  .arch-name small{display:block;font-family:var(--mono);font-size:10px;color:var(--faint);letter-spacing:.06em;font-weight:400}
  .revbar{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--steel-soft)}
  .revbar input{flex:1;min-width:160px;font-family:var(--sans);font-size:13px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 11px}
  .revbar input:focus{outline:none;border-color:var(--steel);box-shadow:0 0 0 3px var(--steel-soft)}
  .rstat{font-family:var(--mono);font-size:10px;color:var(--faint);letter-spacing:.06em;white-space:nowrap}

  footer.ft{padding:44px 0 60px; color:var(--faint); font-family:var(--mono); font-size:11px; letter-spacing:.06em}
  footer.ft .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px}

  /* activity island: what the factory is doing right now */
  #island{position:fixed;top:72px;left:50%;transform:translateX(-50%);z-index:60;display:none;
    background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(8px);
    border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow),0 10px 30px rgba(8,10,16,.18);
    padding:8px 14px;max-width:min(620px,92vw);font-family:var(--mono);font-size:11.5px}
  #island .ir{display:flex;align-items:center;gap:9px;padding:3px 0;white-space:nowrap;overflow:hidden}
  #island .ir .idot{width:7px;height:7px;border-radius:50%;background:var(--molten);flex:0 0 auto;animation:ipulse 1.2s infinite}
  #island .ir.ok .idot{background:var(--ok);animation:none}
  #island .ir.bad .idot{background:#c0392b;animation:none}
  #island .ir .idet{color:var(--steel);overflow:hidden;text-overflow:ellipsis}
  #island .ir .iel{color:var(--faint);margin-left:auto;padding-left:10px}
  @keyframes ipulse{0%,100%{opacity:1}50%{opacity:.3}}
  @media (prefers-reduced-motion:reduce){#island .ir .idot{animation:none}}
  #f-swatches .sw{transition:transform .1s}
  #f-swatches .sw[aria-pressed=true]{border-color:var(--ink) !important;transform:scale(1.15)}
  .reveal{opacity:0; transform:translateY(10px); animation:rise .5s forwards}
  @keyframes rise{to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){
    *{animation-duration:.001s !important; transition:none !important}
    .reveal{opacity:1;transform:none}
  }

  /* ---------- reskin layer: the Drafting Floor ----------
     Sharp corners everywhere — a drawing sheet has no pills — and the Schema
     hero voice: huge uppercase Helvetica with one stroked word. The single
     radius override list replaces per-component rounding wholesale. */
  h1,h2,h3,.hero h1{font-family:var(--disp)}
  .hero h1{letter-spacing:-.045em;text-transform:uppercase;font-weight:700}
  .hero h1 .outline{color:transparent;-webkit-text-stroke:2px var(--ink);letter-spacing:0}
  .hero h1 .forge{color:var(--molten)}
  .bigbtn,.cta-main,.btn,.tbtn,.chip,.cta-demo{border-radius:3px !important}
  input[type=text],input[type=email],textarea,select{border-radius:3px !important}
  .station,.sg,.console,.deliv,.dv-ic,.auth-card,.mk-step,.mk-price,.mk-cta,.mk-dark,.mk-cap,.mk-mini,.mk-faq details,
  .sc-card,.lg-tile,.slide,.email,.typebox,.logobox,.sw,.ab-card,
  .arch-sn,.mini,.bar,#island,.demo-term,.st-num,.revbar input,#f-colorwheel,#f-colorchip{border-radius:3px !important}
  #themeBtn{display:none} /* one register, on purpose — the drafting floor has no light mode */
  .eyebrow{color:var(--molten)}

  /* ---------- marketing chrome: announcement bar, hero factory card, sections ---------- */
  .announce{display:flex;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 16px;background:var(--molten);color:var(--on-molten);font-family:var(--mono);font-size:12px;letter-spacing:.03em;text-align:center}
  .announce b{color:var(--announce-accent)}
  .hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;margin-top:36px}
  .fc{position:relative;border-radius:30px;background:rgba(3,7,14,.74);backdrop-filter:blur(24px) saturate(1.25);color:var(--ink);padding:0;border:none;overflow:hidden;isolation:isolate;
    box-shadow:0 46px 92px -26px rgba(0,0,0,.92),0 30px 34px -20px rgba(190,228,255,.09),inset 0 0 0 1px rgba(255,255,255,.3),inset 0 2.5px 3px -1.5px rgba(255,255,255,.42),inset 0 -3.5px 5px -2.5px rgba(0,0,0,.62)}
  .fc::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%);mask-image:linear-gradient(to bottom,#000,transparent 88%);z-index:-1}
  /* The hero instrument: a live production run, not a cartoon of one. Same
     component the winning concept shipped — timestamped log, gate counter,
     title-block footer. */
  .fc-hd{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--line)}
  .fc-dots{display:flex;gap:6px}.fc-dots span{width:9px;height:9px;border-radius:50%;background:#13294A}
  .fc-id{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--faint);margin-left:6px}
  .fc-live{margin-left:auto;font-family:var(--mono);font-weight:700;font-size:10.5px;letter-spacing:.14em;color:var(--ok)}
  .fc-bd{padding:20px 22px;font-family:var(--mono);font-size:12.5px;line-height:2.05;color:var(--muted);min-height:262px}
  .fc-bd .t{color:var(--faint);margin-right:14px}
  .fc-bd .ok{color:var(--ok)}.fc-bd .em{color:var(--molten)}.fc-bd .ink{color:var(--ink)}
  .fc-cursor{display:inline-block;width:7px;height:14px;background:var(--molten);vertical-align:-2px;animation:tkpulse 1s infinite}
  .fc-ft{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase}
  .fc-ft div{padding:12px 18px}
  .fc-ft div+div{border-left:1px solid var(--line)}
  .fc-ft b{color:var(--ink);font-weight:500}
  .fc-ft .am{color:var(--molten)}
  .mk{padding:116px 0 0}
  .mk-kick{color:var(--steel);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
  .mk-title{margin:12px 0 14px;max-width:720px;font:800 clamp(38px,5.2vw,66px)/1.02 var(--disp);letter-spacing:-.045em}
  .mk-copy{max-width:660px;color:var(--muted);font-size:17px;line-height:1.7}
  .mk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
  .mk-step{min-height:240px;border-radius:20px;padding:24px;background:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden;box-shadow:var(--shadow)}
  .mk-num{font:800 48px var(--disp);color:var(--molten);opacity:.16}
  .mk-step h3{margin:36px 0 8px;font:800 21px var(--disp);letter-spacing:-.03em}
  .mk-step p{margin:0;color:var(--muted);line-height:1.6;font-size:14.5px}
  .mk-si{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--panel-2);font-size:22px}
  .mk-dark{margin-top:84px;background:#081D36;color:var(--ink);border:1.5px solid var(--line-strong);border-radius:4px;padding:56px 40px}
  .mk-dark .mk-copy{color:var(--muted)}.mk-dark .mk-kick{color:var(--molten)}.mk-dark .mk-title{color:var(--ink)}
  .mk-caps{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:38px}
  .mk-cap{min-height:190px;padding:22px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055)}
  .mk-cap:nth-child(1),.mk-cap:nth-child(4){grid-column:span 7}
  .mk-cap:nth-child(2),.mk-cap:nth-child(3){grid-column:span 5}
  .mk-cap h3{margin:22px 0 8px;font:800 20px var(--disp);letter-spacing:-.03em;color:var(--ink)}
  .mk-cap p{color:var(--muted);line-height:1.6;margin:0;font-size:14px}
  .mk-ci{font-size:24px}
  .mk-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
  .mk-tag{padding:6px 10px;border-radius:3px;background:rgba(255,176,32,.12);color:var(--molten-hot);font-family:var(--mono);font-size:10.5px;font-weight:700}
  .mk-prices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}
  .mk-price{padding:30px;border-radius:24px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
  .mk-price.hot{background:var(--molten);color:var(--on-molten);position:relative;overflow:hidden}
  .mk-price.hot::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(8,29,54,.10);right:-64px;top:-84px}
  .mk-plabel{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
  .mk-pnum{margin:14px 0 6px;font:800 52px var(--disp);letter-spacing:-.05em}
  .mk-pnum small{font-size:14px;letter-spacing:0;font-family:var(--sans);font-weight:600}
  .mk-price p{color:var(--muted);line-height:1.6;font-size:14px}
  .mk-price.hot p{color:rgba(8,29,54,.78)}
  .mk-price.hot h3,.mk-price.hot .mk-plabel,.mk-price.hot .mk-pnum{color:var(--on-molten)}
  .mk-feats{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;font-size:13.5px}
  .mk-feats li{display:flex;gap:9px;align-items:flex-start}
  .mk-minis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
  .mk-mini{padding:14px;border-radius:14px;background:var(--panel-2)}
  .mk-mini strong{display:block;font-size:13.5px}
  .mk-mini span{color:var(--muted);font-size:11.5px}
  .mk-faq{max-width:820px;margin:38px auto 0;display:grid;gap:10px}
  .mk-faq details{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:0 18px}
  .mk-faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:800;display:flex;justify-content:space-between;gap:14px;font-size:15px}
  .mk-faq summary::-webkit-details-marker{display:none}
  .mk-faq details p{color:var(--muted);line-height:1.65;padding:0 0 18px;margin:0;font-size:14.5px}
  .mk-cta{margin-top:84px;border-radius:4px;padding:46px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;background:var(--molten);color:var(--on-molten)}
  .mk-cta h2{margin:0;max-width:680px;font:800 clamp(30px,4.4vw,54px)/1.02 var(--disp);letter-spacing:-.045em;text-transform:uppercase}
  .mk-cta p{margin:12px 0 0;max-width:600px;color:rgba(8,29,54,.78);font-size:15.5px}
  .mk-cta .cta-main{background:#081D36;color:var(--ink)}
  @media(max-width:900px){
    .hero-grid,.mk-prices,.mk-cta{grid-template-columns:1fr}
    .mk-steps{grid-template-columns:1fr}
    .mk-cap,.mk-cap:nth-child(n){grid-column:span 12}
    .fc-chip{display:none}
    .mk-dark{padding:36px 22px}.mk-cta{padding:32px 24px}
  }

  /* ---------- V3.1 layer: Island ----------
     The depth budget: full curved-glass optics ONLY on the live run and the
     pricing — the proof and the price. Everything else stays quiet. */
  .announce,header.top,main,footer.ft{position:relative;z-index:1}
  body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(46% 32% at 20% 6%,rgba(200,225,255,.16),transparent 66%),radial-gradient(38% 28% at 80% 42%,rgba(190,215,250,.1),transparent 70%),linear-gradient(112deg,transparent 36%,rgba(215,235,255,.06) 47%,transparent 58%)}
  /* the island: LIVE RUN sits in a dark capsule sunk into the smoked glass */
  .fc-dots{display:none}
  .fc-live{background:#04060B;border-radius:100px;padding:8px 16px;
    box-shadow:inset 0 2.5px 5px rgba(0,0,0,.85),inset 0 -1px 1px rgba(255,255,255,.14),0 0 0 1.5px rgba(255,255,255,.2),0 1.5px 0 rgba(255,255,255,.12)}
  .fc-bd{color:#BCCEEA}
  .fc-bd .t{color:#7189B2}
  /* phone-glass edge falloff on the two deep surfaces */
  .fc::after{content:"";position:absolute;inset:0;border-radius:30px;pointer-events:none;
    background:linear-gradient(90deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.08) 5px,rgba(2,6,14,.42) 13px,transparent 28px) left/44px 100% no-repeat,
      linear-gradient(-90deg,rgba(255,255,255,.26) 0,rgba(255,255,255,.06) 5px,rgba(2,6,14,.38) 13px,transparent 28px) right/44px 100% no-repeat,
      linear-gradient(180deg,rgba(255,255,255,.28) 0,rgba(255,255,255,.06) 4px,rgba(2,6,14,.32) 11px,transparent 24px) top/100% 40px no-repeat,
      linear-gradient(0deg,rgba(0,0,0,.44) 0,transparent 20px) bottom/100% 30px no-repeat}
  .mk-price{background:rgba(255,255,255,.03) !important;backdrop-filter:blur(3px) saturate(1.15) brightness(1.05);border:none !important;border-radius:30px !important;position:relative;overflow:hidden;
    box-shadow:0 34px 60px -26px rgba(0,0,0,.8),0 30px 34px -20px rgba(190,228,255,.12),inset 0 0 0 1px rgba(255,255,255,.34),inset 0 2.5px 3px -1.5px rgba(255,255,255,.5),inset 0 -3.5px 5px -2.5px rgba(0,0,0,.5) !important}
  .mk-price:not(.hot)::before{content:"";position:absolute;inset:0;border-radius:30px;pointer-events:none;
    background:radial-gradient(70px 26px at 16% 4%,rgba(255,255,255,.32),transparent 70%) no-repeat,
      linear-gradient(90deg,rgba(255,255,255,.28) 0,rgba(255,255,255,.07) 5px,rgba(3,9,20,.34) 13px,transparent 26px) left/40px 100% no-repeat,
      linear-gradient(-90deg,rgba(255,255,255,.24) 0,rgba(255,255,255,.05) 5px,rgba(3,9,20,.3) 13px,transparent 26px) right/40px 100% no-repeat}
  .mk-price.hot{background:var(--molten) !important}
  /* the prompt — Ermaz's defining interaction, styled as the one piece of
     clear glass the hero owns */
  .cmd{display:flex;align-items:center;gap:8px;padding:7px 7px 7px 18px;border-radius:18px !important;
    background:rgba(255,255,255,.05);backdrop-filter:blur(6px) brightness(1.06);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),inset 0 2px 3px -1px rgba(255,255,255,.35),inset 0 -2.5px 4px -2px rgba(0,0,0,.5),0 24px 44px -22px rgba(0,0,0,.7);transition:box-shadow .25s}
  .cmd:focus-within{box-shadow:inset 0 0 0 1.5px rgba(234,242,252,.65),inset 0 2px 3px -1px rgba(255,255,255,.35),inset 0 -2.5px 4px -2px rgba(0,0,0,.5),0 24px 50px -22px rgba(0,0,0,.75)}
  .cmd .ps{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--ink)}
  .cmd input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--ink);font-family:var(--sans);font-size:15.5px;padding:13px 8px}
  .cmd input::placeholder{color:var(--faint)}
  .cmd .cta-main{border-radius:13px !important;padding:15px 26px;font-size:15px;box-shadow:none}
  .cmd-sub{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
  /* mobile: the big word never overflows; the tariff breathes */
  @media(max-width:560px){
    .hero h1{font-size:9.5vw !important;letter-spacing:-.03em}
    /* hollow type never resolves at phone sizes — solid below 560px, outline stays a desktop accent */
    .hero h1 .outline{color:var(--ink);-webkit-text-stroke:0;letter-spacing:inherit}
    .cmd{flex-direction:column;align-items:stretch;padding:10px;border-radius:16px !important}
    .cmd .ps{display:none}
    .cmd .cta-main{width:100%}
    .mk-price{padding:22px !important;border-radius:22px !important}
    .mk-pnum{font-size:40px !important}
    .fc{border-radius:22px}
    .fc::after{border-radius:22px}
  }

  /* ---------- FORGE layer ----------
     The chosen face: the Particle Forge. Flat hairline panels on near-black,
     the drafting glass retired — depth now comes from the living field behind
     the hero, not from optics on the panes. Orange is where the machine acts;
     blue is signal; green stays alive/passing. */
  html,body{overflow-x:clip}
  html{scroll-behavior:smooth}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  /* anchored sections land clear of the sticky header, not underneath it */
  #process,#pricing,#showcase,#intake{scroll-margin-top:76px}
  body::after{background:radial-gradient(circle at 80% 10%,rgba(10,151,213,.07),transparent 27%),radial-gradient(circle at 20% 80%,rgba(10,151,213,.04),transparent 30%)}
  ::selection{background:var(--molten);color:var(--on-molten)}
  .hero{position:relative}
  /* canvas is a replaced element: top+bottom never stretch it — height must be explicit */
  #forgeField{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;z-index:0;cursor:crosshair}
  .forge-wash{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;z-index:0;pointer-events:none;
    background:linear-gradient(90deg,rgba(2,10,18,.95) 0%,rgba(2,10,18,.62) 35%,transparent 62%),
      linear-gradient(0deg,rgba(2,10,18,.9),transparent 26%)}
  .hero-in{position:relative;z-index:2}
  .hero-eyebrow{display:flex;align-items:center;gap:12px}
  .hero-eyebrow::before{content:"";width:27px;height:2px;background:var(--molten)}
  .hero h1{text-transform:none;line-height:.88;letter-spacing:-.05em;font-weight:800}
  .hero h1 .forge{color:var(--molten)}
  .node-label{position:absolute;z-index:1;display:flex;align-items:center;gap:10px;pointer-events:none;will-change:transform}
  .node-label::before{content:"";width:7px;height:7px;border:2px solid #DBF5FF;background:#04121D;
    box-shadow:0 0 0 3px rgba(255,106,43,.08),0 0 13px rgba(255,106,43,.7)}
  .node-label .leader{width:clamp(24px,3.5vw,56px);height:1px;background:rgba(217,244,255,.67)}
  .node-label .tag{min-width:max-content;padding:9px 12px;color:#06121B;background:#EEF8FC;
    box-shadow:0 8px 24px rgba(0,0,0,.18);font-family:var(--mono);font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.08em}
  .node-label.orange::before{border-color:var(--molten);box-shadow:0 0 0 3px rgba(255,100,26,.08),0 0 18px rgba(255,100,26,.76)}
  .node-label.orange .leader{background:rgba(255,138,80,.74)}
  .node-label.orange .tag{color:#fff;background:var(--molten)}
  .forge-hint{position:absolute;z-index:2;right:0;bottom:12px;font-family:var(--mono);font-size:9.5px;
    letter-spacing:.13em;text-transform:uppercase;color:var(--faint);pointer-events:none}
  /* the console: flat Forge instrument, hairline-bordered, its own faint grid */
  .fc{position:relative;background:rgba(3,14,24,.82);backdrop-filter:blur(18px);border:1px solid var(--line);
    border-radius:3px;box-shadow:0 35px 110px rgba(0,0,0,.25)}
  .fc::after{content:none}
  .fc::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;
    background-image:linear-gradient(rgba(98,173,207,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(98,173,207,.07) 1px,transparent 1px);
    background-size:42px 42px}
  .fc-live{background:none;box-shadow:none;padding:0;border-radius:0;color:var(--ok)}
  .fc-bd{color:#89A9B2}
  .fc-bd .t{color:#617D8D}
  /* the prompt: a flat forge panel; focus is an orange edge, not a glow */
  .cmd{border-radius:3px !important;background:rgba(8,27,42,.66);backdrop-filter:blur(12px);
    box-shadow:inset 0 0 0 1px var(--line-strong)}
  .cmd:focus-within{box-shadow:inset 0 0 0 1.5px var(--molten)}
  .cmd .cta-main{border-radius:2px !important;box-shadow:0 13px 45px rgba(255,100,26,.16)}
  /* the tariff: flat panels; the lead card is solid orange, the machine acting */
  .mk-price{background:rgba(3,14,24,.82) !important;backdrop-filter:blur(18px);border-radius:3px !important;
    box-shadow:inset 0 0 0 1px var(--line) !important}
  .mk-price::before,.mk-price:not(.hot)::before{content:none !important}
  .mk-price.hot{background:var(--molten) !important;box-shadow:0 13px 45px rgba(255,100,26,.2) !important}
  .demo-term{background:#02131F;border:1px solid var(--line)}
  .demo-term .dp{color:var(--steel)}
  @media(max-width:920px){.node-label,.forge-hint{display:none}#forgeField{opacity:.75}}
  @media(max-width:560px){
    .hero h1{font-size:12vw !important;line-height:.92;letter-spacing:-.04em}
    .cmd{border-radius:3px !important}
    .mk-price{border-radius:3px !important}
    .fc{border-radius:3px}
  }

  /* ---------- Factory Zero — the waiting game ---------- */
  .fz-launch{border-color:rgba(255,100,26,.5);color:var(--muted)}
  .fz-launch span{color:var(--molten);font-weight:900}
  .fz-launch i{color:var(--steel);font-style:normal}
  .fz-launch:hover{color:var(--ink);border-color:var(--molten);background:rgba(255,100,26,.08)}
  body.game-open{overflow:hidden}
  .game-overlay{position:fixed;z-index:200;inset:0;color:var(--ink);background:#01070D;
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s}
  .game-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
  #game-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:none}
  .game-chrome{position:absolute;z-index:4;inset:18px;border:1px solid rgba(115,190,222,.22);pointer-events:none}
  .game-chrome::before,.game-chrome::after{content:"";position:absolute;width:16px;height:16px;border-color:var(--molten)}
  .game-chrome::before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}
  .game-chrome::after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}
  .game-top{position:absolute;z-index:6;top:18px;left:18px;right:18px;min-height:74px;display:grid;
    grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid rgba(115,190,222,.19);
    background:linear-gradient(rgba(1,8,14,.74),rgba(1,8,14,.2));pointer-events:none}
  .game-identity{display:flex;align-items:center;gap:15px}
  .gz-brand{font-size:20px;font-weight:800;letter-spacing:.1em}
  .gz-brand span{color:var(--molten)}
  .game-identity small,.game-hud span,.game-target small,.game-sequence span,.game-result-stats span{
    color:#a8bdb2;font-family:var(--mono);font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.1em}
  .game-hud{display:flex;align-items:center;gap:34px}
  .game-hud div{display:grid;gap:7px;min-width:70px}
  .game-hud strong{color:#DFF8FF;font-family:var(--mono);font-size:15px;line-height:1;letter-spacing:.04em}
  .game-close{justify-self:end;width:42px;height:42px;display:grid;place-items:center;
    border:1px solid rgba(131,203,233,.27);color:#A5BAC6;background:rgba(2,14,23,.58);
    font-size:22px;font-weight:200;cursor:pointer;pointer-events:auto;transition:.2s}
  .game-close:hover,.game-close:focus-visible{color:#fff;border-color:var(--molten);outline:none}
  .game-target{position:absolute;z-index:6;top:114px;right:39px;min-width:220px;padding:14px 16px;
    border:1px solid rgba(130,205,235,.21);background:rgba(2,15,25,.72);pointer-events:none}
  .game-target strong{display:block;margin-top:8px;color:var(--molten);font-family:var(--mono);
    font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.12em}
  .game-target em{display:block;margin-top:9px;color:#a8bdb2;font-style:normal;font-family:var(--mono);
    font-size:9.5px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}
  .game-target em.vulnerable{color:var(--ok);text-shadow:0 0 13px rgba(0,255,102,.45)}
  .game-target em.rejected{color:var(--molten-hot)}
  .game-sequence{position:absolute;z-index:6;left:50%;bottom:39px;width:min(790px,calc(100% - 100px));
    display:grid;grid-template-columns:repeat(5,1fr);transform:translateX(-50%);
    border:1px solid rgba(125,198,228,.18);background:rgba(2,14,23,.78);backdrop-filter:blur(15px);pointer-events:none}
  .game-sequence div{min-height:55px;display:flex;align-items:center;justify-content:center;gap:9px;
    border-right:1px solid rgba(125,198,228,.13)}
  .game-sequence div:last-child{border-right:0}
  .game-sequence i{width:6px;height:6px;border:1px solid #4C6B7C;border-radius:50%;transition:.25s}
  .game-sequence div.active span{color:#fff}
  .game-sequence div.active i{border-color:var(--molten);background:var(--molten);box-shadow:0 0 15px rgba(255,100,26,.8)}
  .game-sequence div.done i{border-color:var(--ok);background:var(--ok);box-shadow:0 0 13px rgba(0,255,102,.55)}
  .game-intro,.game-result{position:absolute;z-index:8;left:50%;top:50%;width:min(840px,calc(100% - 46px));
    text-align:center;transform:translate(-50%,-50%);transition:opacity .4s ease,transform .4s ease,visibility .4s}
  .game-intro.hidden,.game-result.hidden{opacity:0;visibility:hidden;transform:translate(-50%,-46%);pointer-events:none}
  .gz-eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;color:#a8bdb2}
  .gz-eyebrow::before{content:"";width:27px;height:2px;background:var(--molten)}
  .game-intro h2,.game-result h2{margin:0;font-size:clamp(52px,7vw,110px);line-height:.85;font-weight:800;letter-spacing:-.05em;text-transform:none}
  .game-intro h2 span,.game-result h2 span{display:block;color:var(--molten)}
  .game-intro p,.game-result p{max-width:650px;margin:28px auto;color:#91A8B5;font-size:16px;line-height:1.6}
  .game-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-bottom:26px;
    color:#a8bdb2;font-family:var(--mono);font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.1em}
  .game-controls span::before{content:"+";margin-right:7px;color:var(--steel)}
  .game-start,.game-restart{min-height:52px;padding:0 24px;border:1px solid var(--molten);color:var(--on-molten);
    background:var(--molten);font-family:var(--mono);font-size:11px;font-weight:900;text-transform:uppercase;
    letter-spacing:.13em;cursor:pointer;transition:transform .2s,filter .2s}
  .game-restart{background:rgba(2,16,26,.7);color:var(--ink)}
  .game-start:hover,.game-restart:hover{transform:translateY(-2px);filter:brightness(1.12);outline:none}
  .game-result-stats{width:min(540px,100%);display:grid;grid-template-columns:repeat(3,1fr);margin:30px auto;
    border:1px solid rgba(124,199,228,.2);background:rgba(2,15,25,.68)}
  .game-result-stats div{min-height:78px;display:grid;place-content:center;gap:8px;border-right:1px solid rgba(124,199,228,.15)}
  .game-result-stats div:last-child{border-right:0}
  .game-result-stats strong{color:#fff;font-family:var(--mono);font-size:17px}
  .game-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
  @media(max-width:760px){
    .game-chrome{inset:7px}
    .game-top{top:7px;left:7px;right:7px;min-height:62px;grid-template-columns:1fr auto;padding:0 10px}
    .game-identity small,.game-hud div:first-child{display:none}
    .gz-brand{font-size:17px}
    .game-hud{justify-self:end;gap:10px}
    .game-hud div{min-width:50px;gap:4px}
    .game-close{position:absolute;right:8px;top:72px;width:36px;height:36px}
    .game-target{top:82px;left:17px;right:auto;min-width:180px;padding:10px 12px}
    .game-sequence{bottom:15px;width:calc(100% - 30px)}
    .game-sequence div{min-height:45px;gap:0}
    .game-sequence span{font-size:0}
    .game-sequence span::after{content:attr(data-short);font-size:9px}
    .game-intro h2,.game-result h2{font-size:clamp(44px,15vw,76px)}
    .game-intro p,.game-result p{margin:20px auto;font-size:14px}
    .game-controls{max-width:330px;margin:0 auto 20px}
    .game-result-stats div{min-height:64px}
    .game-result-actions{flex-direction:column;align-items:center}
  }

  /* ---------- V6 layer: the Maze ----------
     The chosen homepage: one message, one prompt, one decision. The field is
     an organic cyan system framed like an instrument; sections are full-bleed
     bands; the intake asks only for the truth and folds everything else away. */
  .shell{width:min(1480px,calc(100% - 36px));margin-inline:auto}
  body::after{background:radial-gradient(circle at 76% 9%,rgba(255,106,43,.08),transparent 25%),radial-gradient(circle at 16% 72%,rgba(0,138,165,.045),transparent 28%)}
  body{background-size:72px 72px}
  ::selection{background:var(--molten);color:var(--on-molten)}

  /* topbar — text brand, centred pill nav, corner-ticked call to action */
  header.top{background:rgba(0,13,18,.8);backdrop-filter:blur(22px)}
  .top .wrap{height:72px;max-width:1480px;gap:12px}
  .brandmark .glyph{display:block;width:34px;height:34px;flex:0 0 auto}
  .brandmark .wordmark{display:block;height:26px;width:auto;flex:0 0 auto}
  .brandmark b span{color:var(--molten)}
  /* flow-centred, not viewport-centred: the signed-in owner state packs the
     right side (status · credit · account · start), and an absolutely centred
     pill plows straight through it on wide screens */
  .top nav.mainnav{display:flex;align-items:center;gap:2px;margin-inline:auto;
    padding:4px;border:1px solid rgba(255,106,43,.2);border-radius:100px;background:rgba(0,20,27,.5)}
  .top .spacer{flex:0}
  .mainnav a,.mainnav button{display:flex;align-items:center;padding:9px 17px;border:none;border-radius:100px;background:transparent;
    color:#76949D;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;transition:.2s}
  .mainnav a:hover,.mainnav button:hover{color:#DFFBFF;background:rgba(255,106,43,.08)}
  .top .wrap{position:relative}
  #startBuildBtn{position:relative;padding:12px 16px;border:1px solid rgba(255,106,43,.35);border-radius:0;background:transparent;
    color:#B6E8EF;font-family:var(--mono);font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:.2s}
  #startBuildBtn::before,#startBuildBtn::after{content:"";position:absolute;width:8px;height:8px;pointer-events:none}
  #startBuildBtn::before{top:-1px;left:-1px;border-top:1px solid var(--steel);border-left:1px solid var(--steel)}
  #startBuildBtn::after{right:-1px;bottom:-1px;border-right:1px solid var(--steel);border-bottom:1px solid var(--steel)}
  #startBuildBtn:hover{color:#fff;border-color:rgba(255,141,163,.48);background:rgba(255,141,163,.07)}
  #themeBtn{display:none}
  @media(max-width:1100px){.top nav.mainnav{display:none}}
  /* phones: the fixed 72px bar + the legacy zero-side-padding rule clipped
     the brand at the screen edge and cut the wrapped START A BUILD in half —
     let the bar wrap and breathe instead */
  @media(max-width:760px){
    .top .wrap{height:auto;min-height:54px;flex-wrap:wrap;align-items:center;padding:9px 14px;gap:8px 10px}
    .top .spacer{flex:1}
    .brandmark .glyph{width:28px;height:28px}
    .brandmark .wordmark{height:21px}
    .tbtn{padding:7px 9px;font-size:10px}
    #startBuildBtn{padding:10px 11px;font-size:9px}
  }

  /* hero — framed field */
  .hero{position:relative;z-index:1;width:calc(100% - 36px);margin:0 18px;min-height:820px;height:calc(100svh - 60px);max-height:940px;
    user-select:none;-webkit-user-select:none;
    overflow:hidden;isolation:isolate;padding:0;
    border-left:1px solid rgba(255,106,43,.2);border-right:1px solid rgba(255,106,43,.2);border-bottom:1px solid rgba(255,106,43,.22);
    background:linear-gradient(90deg,rgba(0,16,22,.99) 0%,rgba(0,16,22,.89) 34%,rgba(0,16,22,.14) 69%,rgba(0,16,22,.08) 100%),
      radial-gradient(circle at 76% 45%,rgba(255,106,43,.18),transparent 38%),#001016}
  .hero::before{content:"";position:absolute;inset:0;z-index:-3;opacity:.72;
    background-image:linear-gradient(rgba(40,171,195,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(40,171,195,.06) 1px,transparent 1px);
    background-size:72px 72px;mask-image:linear-gradient(90deg,black,rgba(0,0,0,.5) 55%,transparent 88%)}
  #forgeField{position:absolute;inset:0;left:0;top:0;transform:none;width:100%;height:100%;z-index:-2;opacity:.78;cursor:crosshair}
  .forge-wash{position:absolute;inset:0;left:0;top:0;transform:none;width:100%;height:100%;z-index:-1;pointer-events:none;
    background:linear-gradient(180deg,rgba(0,16,22,.08),transparent 58%,rgba(0,16,22,.76)),
      linear-gradient(90deg,rgba(0,16,22,.78),transparent 54%)}
  .hero-in{position:relative;z-index:4;height:100%;display:flex;align-items:center}
  .hero-copy{width:min(720px,58vw);padding-left:clamp(32px,6vw,105px)}
  .hero-eyebrow{color:#8ba496;letter-spacing:.19em;font-size:10.5px}
  .hero h1{max-width:750px;font-size:clamp(64px,7.3vw,126px);line-height:.85;font-weight:700;letter-spacing:-.06em;text-transform:none;margin:22px 0 0}
  .hero h1 .forge{display:block;color:var(--ink)}
  .hero-description{max-width:590px;margin:32px 0 0;color:#89A9B2;font-size:clamp(16px,1.35vw,19px);line-height:1.65;letter-spacing:-.018em}
  .hero-description strong{color:#fff;font-weight:600}
  .hero-command{width:min(620px,100%);display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;margin-top:34px;
    padding:7px 7px 7px 17px;border:1px solid rgba(70,204,226,.3);background:rgba(0,25,34,.7);
    box-shadow:0 22px 80px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(18px);transition:border-color .2s,box-shadow .2s}
  .hero-command:focus-within{border-color:rgba(255,106,43,.66);box-shadow:0 26px 90px rgba(0,0,0,.36),0 0 0 3px rgba(255,106,43,.06)}
  .hero-command>span{color:var(--steel);font-family:var(--mono);font-weight:800;font-size:14px}
  .hero-command input{min-width:0;padding:12px 2px;border:0;outline:0;color:#fff;background:transparent;font-size:15px;font-family:var(--sans);user-select:text;-webkit-user-select:text}
  .hero-command input::placeholder{color:#607888}
  .hero-command .cta-main{min-height:50px;padding:0 23px;border:0;border-radius:0 !important;color:var(--on-molten);background:var(--molten);
    font-family:var(--mono);font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;
    box-shadow:0 14px 48px rgba(255,141,163,.17);transition:background .2s,transform .2s}
  .hero-command .cta-main:hover{background:var(--molten-hot);transform:translateY(-1px)}
  .hero-command-note{width:min(620px,100%);display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;
    color:#6D8D96;font-family:var(--mono);font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em}
  .hero-command-note .cta-demo:focus-visible{outline:2px solid var(--molten);outline-offset:3px;color:var(--molten)}
  .hero-command-note .cta-demo{border:none;background:none;padding:0;border-radius:0;color:var(--steel);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
  .hero-command-note .cta-demo:hover{color:var(--molten)}

  /* statement band */
  .statement{position:relative;z-index:1;overflow:hidden;color:var(--ink);border-bottom:1px solid rgba(255,106,43,.22);
    background:linear-gradient(90deg,rgba(255,106,43,.035),transparent 35%),#00151D}
  .statement-grid{min-height:560px;display:grid;grid-template-columns:.72fr 2.1fr;border-left:1px solid rgba(255,106,43,.18);border-right:1px solid rgba(255,106,43,.18)}
  .statement-side{padding:58px 32px;border-right:1px solid rgba(255,106,43,.18);color:#8ba496;
    font-family:var(--mono);font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.13em}
  .statement-main{display:flex;flex-direction:column;justify-content:space-between;padding:55px clamp(38px,6vw,100px) 64px;border-top:1px solid rgba(255,106,43,.17)}
  .statement-main h2{max-width:1140px;margin:0;font-size:clamp(48px,6.2vw,104px);line-height:.92;font-weight:640;letter-spacing:-.055em}
  .statement-main h2 span{color:var(--steel)}
  .statement-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:end;margin-top:70px}
  .statement-index{display:flex;align-items:center;gap:13px;color:#587A84;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
  .statement-index::before{content:"";width:36px;height:2px;background:var(--molten);flex:0 0 auto}
  .statement-bottom p{margin:0;color:#83A0A9;font-size:clamp(16px,1.5vw,21px);line-height:1.55;letter-spacing:-.02em}

  /* intake — one brief, one decision */
  main.wrap{max-width:none;padding:0}
  .intake-sec{position:relative;z-index:1;padding:120px 0;border-bottom:1px solid var(--line);
    background:radial-gradient(circle at 78% 26%,rgba(255,106,43,.075),transparent 28%),rgba(0,16,22,.82)}
  .intake-grid{position:relative;width:min(900px,calc(100% - 64px));margin-inline:auto;display:grid;grid-template-columns:1fr;gap:50px}
  .intake-copy{max-width:760px;margin-inline:auto;text-align:center}
  .intake-copy .eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:#8ba496;letter-spacing:.19em}
  .intake-copy .eyebrow::before{content:"";width:27px;height:2px;background:var(--molten)}
  .intake-copy h2{margin:18px 0 0;font-size:clamp(46px,7vw,84px);line-height:.9;font-weight:640;letter-spacing:-.055em}
  .intake-copy h2 span{color:var(--steel)}
  .intake-copy>p{max-width:600px;margin:25px auto 0;color:#8FA6B4;font-size:17px;line-height:1.65}
  .intake-panel{margin:0;border:1px solid rgba(48,190,215,.24) !important;border-radius:0 !important;background:rgba(1,24,32,.74) !important;
    box-shadow:0 40px 120px rgba(0,0,0,.3) !important;backdrop-filter:blur(20px);overflow:visible}
  .intake-panel .st-head{min-height:55px;padding:0 20px;background:transparent;border-bottom:1px solid var(--line)}
  .intake-panel .st-num{border:none;padding:0;color:var(--molten);font-weight:800;letter-spacing:.11em}
  .intake-panel .st-title{font-family:var(--mono);font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.11em;color:#607C8D}
  .intake-panel .st-title small{display:inline;margin:0 0 0 6px;font-size:10px;color:#607C8D}
  .intake-panel .st-body{padding:clamp(26px,5vw,50px)}
  .intake-panel .fld .lbl{font-size:10px;color:#87A0AF;letter-spacing:.11em}
  .intake-panel .fld{margin-bottom:28px}
  .intake-panel input[type=text],.intake-panel textarea,.intake-panel select{border-radius:0 !important;border:1px solid rgba(129,190,218,.19);
    background:rgba(0,19,26,.7);color:#ECF7FB;padding:14px 15px;font-size:15px}
  .intake-panel textarea{min-height:170px}
  .intake-panel input[type=text]:focus,.intake-panel textarea:focus{border-color:rgba(255,106,43,.72);box-shadow:0 0 0 3px rgba(255,106,43,.07)}
  .chip{min-height:37px;display:inline-flex;align-items:center;border-radius:0 !important;border:1px solid rgba(129,190,218,.19);
    color:#7F98A8;background:rgba(0,19,26,.55);font-size:11px;text-transform:uppercase;letter-spacing:.09em;padding:0 12px}
  .chip:hover{color:#fff;border-color:var(--line-strong)}
  .chip[aria-pressed=true]{color:#ffffff;border-color:#005a9e;background:#005a9e;font-weight:800}
  .chip.prod[aria-pressed=true]{color:#ffffff;border-color:#005a9e;background:#005a9e}
  #ap-mode{gap:8px;margin:2px 0 26px}
  #ap-mode .chip{flex:1;justify-content:center}
  .optional-prefs{margin-top:4px;border-top:1px solid rgba(255,106,43,.16);border-bottom:1px solid rgba(255,106,43,.16)}
  .optional-prefs summary{padding:18px 0;color:#6F9099;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;list-style:none}
  .optional-prefs summary::-webkit-details-marker{display:none}
  .optional-prefs summary::after{content:"+";float:right;color:var(--steel);font-size:13px}
  .optional-prefs[open] summary::after{content:"−"}
  .optional-prefs .fld{padding:4px 0 20px;margin-bottom:0}
  .actuate{padding:0}
  .intake-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px}
  .intake-actions .hint{text-align:left;margin:0;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
  #run,#runAuto{min-width:260px;min-height:56px;padding:0 22px;border:1px solid var(--molten);border-radius:0 !important;
    color:var(--on-molten);background:var(--molten);font-family:var(--mono);font-size:11px;font-weight:900;
    text-transform:uppercase;letter-spacing:.13em;box-shadow:0 14px 48px rgba(255,141,163,.17)}
  #run:hover,#runAuto:hover{background:var(--molten-hot);transform:translateY(-2px)}
  #bpBtn{border-radius:0 !important}
  .actuate .row2{justify-content:flex-end}

  /* showcase — photo bento */
  .showcase-sec{position:relative;z-index:1;padding:120px 0 130px;color:var(--ink);border-bottom:1px solid rgba(255,106,43,.22);
    background:radial-gradient(circle at 12% 12%,rgba(255,106,43,.055),transparent 24%),#00151D}
  .showcase-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:60px;border-top:1px solid rgba(255,106,43,.17);padding-top:28px}
  .showcase-head h2{margin:0;font-size:clamp(44px,6vw,96px);line-height:.9;font-weight:640;letter-spacing:-.055em}
  .showcase-head p{max-width:530px;margin:0 0 7px auto;color:#83A0A9;font-size:17px;line-height:1.55}
  /* ---------- the gallery SYSTEM, whole Kookie grammar ----------
     A full-viewport sticky chamber — giant ghosted title, corner frame,
     crosses — pinned while big paper-framed work cards scroll over it.
     Paper against the deep teal is the pop their white-on-black cards get;
     the glitch and the custom cursor come along too. */
  .showcase-sec{padding:0 0 130px}
  .wk-sticky{position:sticky;top:0;z-index:0;height:100svh;min-height:560px;display:flex;align-items:center;justify-content:center}
  .wk-chamber{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
  .wk-corners{position:absolute;inset:26px;pointer-events:none}
  .wk-c{position:absolute;width:20px;height:20px}
  .wk-c.tl{top:0;left:0;border-top:1px solid rgba(255,106,43,.4);border-left:1px solid rgba(255,106,43,.4)}
  .wk-c.tr{top:0;right:0;border-top:1px solid rgba(255,106,43,.4);border-right:1px solid rgba(255,106,43,.4)}
  .wk-c.bl{bottom:0;left:0;border-bottom:1px solid rgba(255,106,43,.4);border-left:1px solid rgba(255,106,43,.4)}
  .wk-c.br{bottom:0;right:0;border-bottom:1px solid rgba(255,106,43,.4);border-right:1px solid rgba(255,106,43,.4)}
  .wk-crosses{position:absolute;inset:64px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
  .wk-crosses div{display:flex;justify-content:space-between}
  .wk-crosses b{color:rgba(255,106,43,.35);font-family:var(--mono);font-weight:400;font-size:15px;line-height:1}
  .wk-title{position:relative;margin:0;text-align:center;font-size:clamp(58px,11vw,190px);line-height:.9;font-weight:700;
    letter-spacing:-.03em;text-transform:uppercase;color:rgba(216,246,255,.13)}
  .wk-title::before{content:attr(data-text);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    color:rgba(255,106,43,.3);filter:blur(16px);pointer-events:none}
  .wk-sub{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8ba496}
  /* the cards ride OVER the pinned chamber: their real wall is 75vw wide,
     three across, ZERO row gap — small white cards packed like contact sheets */
  .wk-cards{position:relative;z-index:2;margin-top:calc(-100svh + 180px)}
  .sc-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:min(78vw,1360px);margin-inline:auto;align-items:start;padding:0}
  .project{position:relative;display:flex;flex-direction:column;gap:12px;cursor:none;background:#E9EDF0;padding:12px;
    box-shadow:0 0 18px rgba(0,0,0,.3);transition:transform .25s}
  .project:hover{transform:translateY(-3px);z-index:3}
  .project-visual{position:relative;aspect-ratio:16/10;overflow:hidden;background:#001016;width:100%}
  .project-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.05)}
  .project-visual.nocover{background:radial-gradient(circle at 75% 60%,rgba(255,141,163,.34),transparent 12%),
    radial-gradient(circle at 78% 60%,rgba(255,106,43,.2),transparent 30%),linear-gradient(115deg,#02222C,#00151D 55%,#031B24)}
  /* glitch: a split-second signal slip on hover — clip slices + channel shadows */
  @keyframes wkglitch{
    0%{clip-path:inset(0 0 0 0);transform:translate(0)}
    18%{clip-path:inset(12% 0 64% 0);transform:translate(-7px,1px)}
    34%{clip-path:inset(58% 0 8% 0);transform:translate(6px,-1px)}
    52%{clip-path:inset(30% 0 42% 0);transform:translate(-4px,0)}
    70%{clip-path:inset(74% 0 3% 0);transform:translate(5px,1px)}
    100%{clip-path:inset(0 0 0 0);transform:translate(0)}}
  .wk-glitchable{position:absolute;inset:0}
  .project:hover .project-visual>.wk-glitchable{animation:wkglitch .5s steps(1) 1}
  .project:hover .project-visual{box-shadow:inset 3px 0 0 rgba(255,141,163,.5),inset -3px 0 0 rgba(255,106,43,.5)}
  @media(prefers-reduced-motion:reduce){.project:hover .project-visual>.wk-glitchable{animation:none}}
  .project-badge{position:absolute;z-index:5;top:12px;right:12px;padding:7px 9px;border:1px solid rgba(255,106,43,.42);color:#fff;
    background:rgba(0,16,22,.64);backdrop-filter:blur(12px);font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.11em}
  .project-meta{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:2px 2px 6px;color:#06131A}
  .project-meta h3{margin:0;font-size:clamp(22px,1.9vw,34px);font-weight:600;letter-spacing:-.02em;text-transform:uppercase;line-height:1;transition:color .25s}
  .project:hover .project-meta h3{color:var(--molten)}
  .pj-svc{display:flex;align-items:center;gap:9px;flex:0 0 auto}
  .pj-svc i{width:1px;height:9px;background:#06131A;flex:0 0 auto}
  .pj-svc span{color:#41525B;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em}
  /* the floating cursor chip — cursor:none on cards, this follows instead */
  .wk-cursor{position:fixed;z-index:80;left:0;top:0;padding:10px 13px;background:var(--molten);color:var(--on-molten);
    font-family:var(--mono);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;
    pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .18s,transform .18s;will-change:left,top}
  .wk-cursor.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
  .showcase-note{margin-top:70px;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:#8ba496;text-transform:uppercase}

  /* pricing — the ledger */
  .pricing-sec{position:relative;z-index:1;padding:120px 0;border-bottom:1px solid var(--line);
    background:radial-gradient(circle at 18% 30%,rgba(255,106,43,.08),transparent 24%),rgba(0,16,22,.79)}
  .pricing-head{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-bottom:60px;border-top:1px solid rgba(255,106,43,.17);padding-top:28px}
  .pricing-head .eyebrow{display:flex;align-items:center;gap:12px;color:#8ba496;letter-spacing:.19em}
  .pricing-head .eyebrow::before{content:"";width:27px;height:2px;background:var(--molten)}
  .pricing-head h2{margin:18px 0 0;font-size:clamp(46px,6vw,96px);line-height:.9;font-weight:640;letter-spacing:-.055em}
  .pricing-head h2 span{color:var(--steel)}
  .pricing-head>p{max-width:520px;margin:0 0 7px;color:#8FA6B4;font-size:17px;line-height:1.6}
  .price-ledger{border:1px solid rgba(48,190,215,.24);background:rgba(1,27,36,.7);box-shadow:0 40px 120px rgba(0,0,0,.3);backdrop-filter:blur(18px)}
  .price-row{min-height:140px;display:grid;grid-template-columns:1.45fr .55fr;gap:30px;align-items:center;padding:30px 38px;border-bottom:1px solid var(--line)}
  .price-row:last-child{border-bottom:0}
  .price-row h3{margin:0;font-size:clamp(23px,2.3vw,36px);font-weight:680;letter-spacing:-.035em}
  .price-row p{max-width:760px;margin:9px 0 0;color:#8CA4B3;font-size:15px;line-height:1.55}
  .price-row .pricev{justify-self:end;color:#fff;font-size:clamp(36px,4vw,58px);font-weight:700;letter-spacing:-.05em;white-space:nowrap}
  .price-row .pricev small{margin-left:8px;color:#6C8798;font-family:var(--mono);font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.11em}
  .price-row.featured{position:relative;color:var(--on-molten);background:var(--steel)}
  .price-row.featured::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--molten)}
  .price-row.featured p{color:rgba(0,16,22,.72)}
  .price-row.featured .pricev{color:var(--on-molten)}
  .price-row.featured .pricev small{color:rgba(0,16,22,.6)}

  /* closing ring */
  .closing{position:relative;z-index:1;min-height:640px;display:grid;place-items:center;overflow:hidden;text-align:center;
    background:radial-gradient(circle at 50% 52%,rgba(255,106,43,.15),transparent 28%),#001016}
  .closing::before{content:"";position:absolute;width:min(80vw,1040px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,106,43,.15);
    background:radial-gradient(circle,transparent 45%,rgba(255,106,43,.06) 45.2% 45.5%,transparent 45.7%),
      repeating-conic-gradient(from 0deg,rgba(255,106,43,.13) 0 .1deg,transparent .1deg 2.4deg);
    animation:czspin 90s linear infinite}
  @keyframes czspin{to{transform:rotate(1turn)}}
  @media(prefers-reduced-motion:reduce){.closing::before{animation:none}}
  .closing-inner{position:relative;z-index:2;max-width:1040px;padding:90px 28px}
  .closing-inner .eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:#8ba496;letter-spacing:.19em}
  .closing-inner .eyebrow::before{content:"";width:27px;height:2px;background:var(--molten)}
  .closing h2{margin:18px 0 0;font-size:clamp(46px,6vw,96px);line-height:.9;font-weight:640;letter-spacing:-.055em}
  .closing h2 span{display:block;color:var(--molten)}
  .closing p{max-width:580px;margin:29px auto 35px;color:#8FA6B4;font-size:17px;line-height:1.6}
  .closing .cta-main{border-radius:0 !important;font-family:var(--mono);font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.13em;padding:19px 30px;box-shadow:0 14px 48px rgba(255,141,163,.17)}

  /* footer */
  footer.ft{background:#00131A;border-top:1px solid rgba(255,106,43,.2);padding:32px 0}
  footer.ft .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;max-width:1480px;
    font-family:var(--mono);font-size:10px;letter-spacing:.13em;color:#8ba496;text-transform:uppercase}

  /* the run stations keep their working width inside the unclamped main */
  .station{width:min(1200px,calc(100% - 52px));margin-left:auto;margin-right:auto}
  .intake-panel{width:auto;margin:0 !important}

  /* ---------- the way down ----------
     Three pulses whisper one lowercase word at the click point. One more
     click while it glows and the field gives way to the Substrate: an
     endless, unexplained drift. No menus, no name on the surface. */
  .drift-hint{position:absolute;z-index:6;transform:translate(-50%,-50%);font-family:var(--mono);font-size:11px;
    letter-spacing:.38em;color:rgba(255,106,43,.8);text-shadow:0 0 16px rgba(255,106,43,.55);
    opacity:0;transition:opacity 1.2s;pointer-events:none}
  .drift-hint.on{opacity:1}
  .drift{position:fixed;inset:0;z-index:210;background:#000C11;opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity 1.4s ease,visibility 1.4s}
  .drift.open{opacity:1;visibility:visible;pointer-events:auto}
  #driftField{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}
  .drift-read{position:absolute;left:26px;bottom:22px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;
    color:rgba(255,106,43,.42);pointer-events:none}
  .drift-tx{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);max-width:82vw;text-align:center;
    font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:rgba(216,246,255,.42);
    opacity:0;transition:opacity 2.4s;pointer-events:none}
  .drift-tx.on{opacity:1}
  .drift-x{position:absolute;top:18px;right:18px;width:42px;height:42px;display:grid;place-items:center;
    border:1px solid rgba(255,106,43,.25);background:rgba(0,16,22,.5);color:#7FA6B0;font-size:20px;font-weight:200;cursor:pointer;transition:.2s}
  .drift-x:hover{color:#fff;border-color:rgba(255,106,43,.6)}
  .drift-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;
    opacity:0;transition:opacity 1.6s;pointer-events:none}
  .drift-core.on{opacity:1;pointer-events:auto}
  .drift-core svg{width:130px;height:130px;filter:drop-shadow(0 0 22px rgba(255,106,43,.45))}
  #driftCoreTake{border:1px solid rgba(255,106,43,.35);background:rgba(0,16,22,.6);color:rgba(216,246,255,.7);
    font-family:var(--mono);font-size:10px;letter-spacing:.22em;padding:10px 14px;cursor:pointer;transition:.2s}
  #driftCoreTake:hover{color:#fff;border-color:rgba(255,106,43,.7)}
  body.drift-open{overflow:hidden}

  /* v6 mobile */
  @media(max-width:920px){
    .hero{width:calc(100% - 16px);margin:0 8px;min-height:640px;height:auto;max-height:none;padding:90px 0 70px}
    .hero-copy{width:100%;padding:0 22px}
    .hero h1{font-size:clamp(44px,12vw,96px)}
    .hero-description{max-width:88%;margin-top:25px;font-size:15px}
    .hero-command{grid-template-columns:1fr;gap:0;margin-top:25px;padding:9px}
    .hero-command>span{display:none}
    .hero-command input{padding:13px 10px}
    .hero-command .cta-main{width:100%;min-height:48px}
    .hero-command-note{align-items:flex-start;flex-direction:column;gap:6px}
    .statement-grid{grid-template-columns:1fr;min-height:0}
    .statement-side{display:none}
    .statement-main{padding:60px 20px}
    .statement-main h2{font-size:clamp(40px,11vw,72px)}
    .statement-bottom{grid-template-columns:1fr;gap:32px;margin-top:50px}
    .intake-sec,.showcase-sec,.pricing-sec{padding:80px 0}
    .intake-grid{width:min(100% - 30px,900px);gap:38px}
    .intake-panel .st-body{padding:19px}
    #ap-mode{flex-direction:column}
    .intake-actions{align-items:stretch;flex-direction:column-reverse;gap:14px}
    #run,#runAuto{width:100%;min-width:0}
    .intake-actions .hint{text-align:center}
    .showcase-head,.pricing-head{grid-template-columns:1fr;gap:30px;margin-bottom:40px}
    .showcase-head h2,.pricing-head h2,.closing h2{font-size:clamp(38px,11vw,70px)}
    .showcase-head p{margin-left:0}
    .sc-strip{grid-template-columns:1fr;width:min(92vw,560px);gap:24px}
    .project{cursor:pointer}
    .wk-cursor{display:none}
    .wk-sticky{min-height:420px;height:70svh}
    .wk-cards{margin-top:calc(-70svh + 120px)}
    .wk-crosses{inset:40px}
    .price-row{grid-template-columns:1fr;gap:24px;padding:26px 20px}
    .price-row .pricev{justify-self:start}
    .closing{min-height:560px}
    .closing p{font-size:15px}
    footer.ft .wrap{flex-direction:column;align-items:flex-start;gap:8px}
  }

/* ═══════════ V7 · GEMINI CYBER REGISTER ═══════════ */
body{background-image:linear-gradient(to right,rgba(255,106,43,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,106,43,.05) 1px,transparent 1px);background-size:40px 40px}
.scan{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.4;background:linear-gradient(to bottom,transparent 50%,rgba(255,106,43,.055) 50%);background-size:100% 4px}
@keyframes ezglitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}100%{transform:translate(0)}}
.glitch-hover:hover{animation:ezglitch .2s cubic-bezier(.25,.46,.45,.94) both}
@keyframes ezsweep{to{transform:rotate(360deg)}}
@keyframes ezping{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(2.2);opacity:0}}
@keyframes ezpulse{0%,100%{opacity:1}50%{opacity:.35}}
/* header */
.lg-box{width:40px;height:40px;flex:0 0 auto;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);border:1px solid var(--molten);background:var(--panel);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 20px rgba(255,106,43,.35),inset 0 0 10px rgba(255,106,43,.2)}
.lg-box svg{width:26px;height:26px;display:block}
.lg-ping{position:absolute;top:-3px;right:-3px;width:8px;height:8px;background:var(--magenta);border-radius:50%;animation:ezping 1.6s cubic-bezier(0,0,.2,1) infinite}
.brand-txt{display:flex;flex-direction:column;line-height:1.15}
.brand-txt b{font-family:var(--disp);font-weight:900;font-size:19px;letter-spacing:.14em;color:#fff}
.brand-txt b i{font-style:normal;color:var(--molten);font-size:11px}
.brand-txt em{font-style:normal;font-family:var(--mono);font-size:8.5px;color:rgba(255,106,43,.7);letter-spacing:.22em;text-transform:uppercase}
.mainnav a{font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.16em;text-transform:uppercase}
.mainnav a::before{content:"> ";color:var(--molten)}
#startBuildBtn{clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);font-family:var(--disp)!important;font-weight:800!important;letter-spacing:.1em;text-transform:uppercase}
/* hero */
.hero-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:52px;align-items:start}
.hero-copy{max-width:none}
.hero-eyebrow{display:inline-flex!important;align-items:center;gap:8px;padding:7px 14px;border:1px solid rgba(255,106,43,.4);background:rgba(8,13,22,.85);color:var(--molten)!important;font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.14em!important;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);text-transform:none!important}
.hero h1{font-family:var(--disp);text-transform:uppercase;letter-spacing:-.005em}
.hero h1 .forge{background:linear-gradient(90deg,var(--molten),#fff,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.console-shell{background:rgba(8,13,22,.92);border:1px solid var(--line);padding:18px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);box-shadow:0 0 20px rgba(255,106,43,.18),inset 0 0 10px rgba(255,106,43,.06);margin-top:26px}
.console-shell .cbar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em}
.console-shell .cbar .l{color:var(--molten)}
.console-shell .cbar .r{color:var(--ok);font-size:9.5px}
.console-shell .hero-command{margin-top:0;border:none;background:transparent;padding:0;box-shadow:none}
.telemetry{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.telemetry .t{padding:12px 14px;border:1px solid var(--line);background:rgba(8,13,22,.5)}
.telemetry .t b{display:block;font-family:var(--disp);font-size:21px;font-weight:900;color:#fff}
.telemetry .t:nth-child(2) b{color:var(--molten)}
.telemetry .t:nth-child(3) b{color:var(--ok)}
.telemetry .t span{font-family:var(--mono);font-size:9px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase}
/* pipeline monitor */
.monitor{background:rgba(8,13,22,.92);border:1px solid var(--line);padding:22px;font-family:var(--mono);box-shadow:0 24px 60px rgba(0,0,0,.5);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);position:relative;z-index:2}
.monitor .mbar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:18px;font-size:10.5px;letter-spacing:.12em}
.monitor .mbar .l{color:var(--molten);display:flex;align-items:center;gap:8px}
.monitor .mbar .l i{width:7px;height:7px;background:var(--molten);border-radius:50%;animation:ezpulse 1.6s infinite}
.monitor .mbar .r{color:var(--faint);font-size:9.5px}
.radar{position:relative;width:180px;height:180px;margin:0 auto 20px;border:1px solid rgba(255,106,43,.3);border-radius:50%;background:var(--panel);overflow:hidden}
.radar::before,.radar::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,106,43,.12);border-radius:50%}
.radar::before{transform:scale(.66)}.radar::after{transform:scale(.33)}
.radar .ax{position:absolute;background:rgba(255,106,43,.15)}
.radar .ax.h{left:0;right:0;top:50%;height:1px}
.radar .ax.v{top:0;bottom:0;left:50%;width:1px}
.radar .sweep{position:absolute;inset:0;animation:ezsweep 8s linear infinite}
.radar .sweep i{position:absolute;left:50%;top:0;width:50%;height:50%;transform-origin:bottom left;background:conic-gradient(from 0deg at 0% 100%,rgba(255,106,43,.4),transparent 26%)}
.radar .blip{position:absolute;border-radius:50%}
.radar .blip.a{width:8px;height:8px;background:var(--ok);top:42px;right:44px;animation:ezping 1.8s infinite}
.radar .blip.b{width:6px;height:6px;background:var(--magenta);bottom:36px;left:40px}
.msteps{display:grid;gap:7px;font-size:11.5px}
.mstep{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--ground);border:1px solid var(--line)}
.mstep.done{color:var(--muted)}.mstep.done .st{color:var(--ok)}
.mstep.run{border-color:var(--molten);color:var(--ink);box-shadow:0 0 16px rgba(255,106,43,.15)}
.mstep.run .st{color:var(--molten)}
.mstep.q{color:var(--faint)}.mstep.q .st{color:var(--faint)}
.mstep .nm{display:flex;align-items:center;gap:8px}
.mspin{display:inline-block;width:11px;height:11px;border:2px solid rgba(255,106,43,.25);border-top-color:var(--molten);border-radius:50%;animation:ezsweep .9s linear infinite}
.monitor .mfoot{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);text-align:center;font-size:9.5px;color:var(--faint);letter-spacing:.1em}
.monitor .mfoot b{color:var(--ink)}
/* matrix + surfaces */
.matrix-sec,.surfaces-sec{padding:96px 0;border-top:1px solid var(--line)}
.matrix-sec{background:rgba(8,13,22,.4)}
.mx-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--molten)}
.matrix-sec h2,.surfaces-sec h2{font-family:var(--disp);font-size:clamp(28px,4vw,44px);font-weight:800;text-transform:uppercase;margin:14px 0 12px;color:#fff}
.mx-lede{color:var(--muted);max-width:640px;font-size:14.5px}
.depts{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:52px}
.dept{background:var(--panel);border:1px solid var(--line);padding:30px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);transition:border-color .25s}
.dept:hover{border-color:var(--molten)}
.dept.m:hover{border-color:var(--magenta)}
.dept.a:hover{border-color:var(--amber)}
.dept.g:hover{border-color:var(--ok)}
.dept .id{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--molten);margin-bottom:16px}
.dept.m .id{color:var(--magenta)}.dept.a .id{color:var(--amber)}.dept.g .id{color:var(--ok)}
.dept h3{font-family:var(--disp);font-size:17px;font-weight:700;margin:0 0 9px;color:#fff}
.dept p{color:var(--muted);font-size:13.5px;margin:0}
.surfaces{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:52px}
.surfx{background:var(--panel-2);border:1px solid var(--line);padding:32px}
.surfx.web{clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px)}
.surfx.app{clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.surfx .chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;margin-bottom:18px}
.surfx.web .chip{background:rgba(255,106,43,.08);border:1px solid rgba(255,106,43,.3);color:var(--molten)}
.surfx.app .chip{background:rgba(0,255,102,.08);border:1px solid rgba(0,255,102,.3);color:var(--ok)}
.surfx h3{font-family:var(--disp);font-size:20px;font-weight:700;margin:0 0 10px;color:#fff}
.surfx p{color:var(--muted);font-size:13.5px;margin:0 0 16px}
.surfx ul{list-style:none;font-family:var(--mono);font-size:12px;display:grid;gap:8px;padding:14px 0 0;margin:0;border-top:1px solid var(--line)}
.surfx li::before{content:"› ";color:var(--molten)}
.surfx.app li::before{color:var(--ok)}
/* tariff grid */
.tariff{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.tierx{background:rgba(8,13,22,.8);border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;gap:13px;position:relative;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.tierx.flag{border:2px solid var(--molten);box-shadow:0 0 30px rgba(255,106,43,.18)}
.tierx .flagtag{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--molten);color:#000;padding:2px 14px;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.tierx .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.tierx.flag .k{color:var(--molten)}
.tierx h3{font-family:var(--disp);font-size:17px;font-weight:700;margin:0;color:#fff}
.tierx .pv{font-family:var(--disp);font-size:34px;font-weight:900;color:#fff}
.tierx .pv small{font-family:var(--mono);font-size:10.5px;color:var(--faint);font-weight:400}
.tierx>p{color:var(--muted);font-size:12.5px;margin:0}
.tierx ul{list-style:none;font-family:var(--mono);font-size:11.5px;display:grid;gap:8px;padding:14px 0 0;margin:0;border-top:1px solid var(--line);flex:1}
.tierx li::before{content:"✓ ";color:var(--molten)}
.tierx.amber li::before{color:var(--amber)}
.tierx .tbtn2{display:block;width:100%;text-align:center;padding:13px;text-decoration:none;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none}
.tierx .tbtn2.ghost{border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--mono)}
.tierx .tbtn2.ghost:hover{border-color:var(--molten)}
.tierx .tbtn2.solid{background:var(--molten);color:#000;font-family:var(--disp);font-weight:800}
.tierx .tbtn2.solid:hover{background:#fff}
.tariff-addons{margin-top:22px;display:flex;gap:26px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;color:var(--faint)}
.tariff-addons b{color:var(--muted);font-weight:400}
/* intake HUD */
.intake-panel{border-color:rgba(255,106,43,.5)!important;box-shadow:0 0 40px rgba(255,106,43,.1)!important;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.pricing-sec .pricing-head h2,.closing h2,.intake-copy h2{font-family:var(--disp);text-transform:uppercase}
#run,#runAuto{font-family:var(--disp)!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase}
.ft{font-family:var(--mono)}
@media(max-width:1100px){.hero-in{grid-template-columns:1fr}.monitor-wrap{display:none}}
@media(max-width:900px){.depts,.surfaces{grid-template-columns:1fr}.tariff{grid-template-columns:1fr}.telemetry{gap:8px}}


/* ── V7.1 · gemini type scale + EZ mark ── */
body{font-size:16px}
.top{height:80px}
.hero{min-height:auto;height:auto;max-height:none;padding:48px 0 80px}
.hero-in{height:auto}
.hero-copy{width:auto;max-width:none;padding-left:0}
.hero h1{font-size:clamp(34px,4.6vw,60px)!important;line-height:1.1;letter-spacing:-.02em;font-weight:900;text-transform:uppercase}
.hero-description{font-size:16px;max-width:576px;line-height:1.65}
.telemetry .t b{font-size:24px}
.pricing-head h2,.closing h2,.intake-copy h2{font-size:clamp(30px,3.8vw,48px)!important;line-height:1.1}
.pricing-head p,.closing p,.intake-copy p{font-size:14px}
.matrix-sec h2,.surfaces-sec h2{font-size:clamp(30px,3.8vw,48px)}
.lg-ez{font-family:var(--disp);font-weight:900;font-size:13px;letter-spacing:-.02em;color:var(--molten);font-style:normal}
@media(max-width:760px){
  .top{height:auto}
  .hero h1{font-size:36px!important;line-height:1.12}
  .hero{padding:36px 0 60px}
}


/* ── V7.2 · gemini container: max-w-7xl mx-auto px-6 ── */
.wrap{max-width:1280px;margin-inline:auto;padding:0 24px}
main.wrap{max-width:1280px;padding:0 24px}
.shell{width:auto;max-width:1280px;margin-inline:auto;padding:0 24px}
.top .wrap{max-width:1280px;padding:0 24px}
.hero{width:auto;margin:0}
.hero-in{max-width:1280px;margin-inline:auto;padding:0 24px}
footer.ft .wrap{max-width:1280px}


/* ── V7.3 · ambient holographic glow, page-deep ── */
.matrix-sec,.surfaces-sec,.pricing-sec,.intake-sec,.closing{position:relative;overflow-x:clip}
.matrix-sec>.shell,.surfaces-sec>.shell,.pricing-sec>.shell,.closing>.closing-inner,.intake-sec>.intake-grid{position:relative;z-index:1}
.matrix-sec::before{content:'';position:absolute;top:-120px;left:-160px;width:700px;height:460px;background:radial-gradient(closest-side,rgba(255,106,43,.075),transparent);pointer-events:none}
.matrix-sec::after{content:'';position:absolute;bottom:-140px;right:-120px;width:520px;height:400px;background:radial-gradient(closest-side,rgba(255,141,163,.05),transparent);pointer-events:none}
.surfaces-sec::before{content:'';position:absolute;top:10%;right:-180px;width:640px;height:480px;background:radial-gradient(closest-side,rgba(0,255,102,.05),transparent);pointer-events:none}
.surfaces-sec::after{content:'';position:absolute;bottom:-100px;left:-140px;width:560px;height:420px;background:radial-gradient(closest-side,rgba(255,106,43,.06),transparent);pointer-events:none}
.pricing-sec::before{content:'';position:absolute;top:-80px;left:30%;width:760px;height:480px;background:radial-gradient(closest-side,rgba(255,183,0,.045),transparent);pointer-events:none}
.pricing-sec::after{content:'';position:absolute;bottom:-120px;right:-100px;width:560px;height:440px;background:radial-gradient(closest-side,rgba(255,106,43,.07),transparent);pointer-events:none}
.intake-sec{padding-bottom:20px}
.intake-sec::before{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:820px;height:520px;background:radial-gradient(closest-side,rgba(255,106,43,.06),transparent);pointer-events:none}
.closing::before{content:'';position:absolute;top:-100px;left:-140px;width:600px;height:460px;background:radial-gradient(closest-side,rgba(255,141,163,.055),transparent);pointer-events:none}
.closing::after{content:'';position:absolute;bottom:-80px;right:-120px;width:560px;height:400px;background:radial-gradient(closest-side,rgba(255,106,43,.065),transparent);pointer-events:none}


/* ── V7.4 · gemini system-intake card ── */
.intake-sec{padding-top:96px}
.intake-grid{display:block;max-width:896px;margin-inline:auto}
.intake-copy{display:none}
.intake-panel{background:var(--panel)!important;border:1px solid rgba(255,106,43,.5)!important;padding:48px!important;margin:0!important;width:auto!important}
.st-head.hud-head{display:block;border:none!important;background:none!important;padding:0!important;margin:0 0 30px!important;height:auto!important}
.hud-head .st-num{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--molten);text-transform:uppercase;margin:0 0 10px}
.hud-title{font-family:var(--disp);font-size:30px;font-weight:800;margin:0 0 8px;color:#fff;letter-spacing:.01em}
.hud-sub{font-family:var(--mono);font-size:12px;color:var(--muted);margin:0}
.intake-panel .st-body{padding:0!important}
.intake-panel .fld{margin:0 0 24px!important}
.intake-panel .lbl{display:flex!important;justify-content:space-between;align-items:center;font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase;color:#cbd5e1!important;margin-bottom:8px!important}
.ltag{font-style:normal;font-size:10px;color:var(--faint);letter-spacing:.08em}
.intake-panel .req{color:var(--magenta)!important}
.intake-panel input[type=text],.intake-panel textarea,.intake-panel select{background:var(--ground)!important;border:1px solid var(--line)!important;border-radius:0!important;padding:14px!important;font-size:14px!important;color:var(--ink)!important;transition:border-color .2s}
.intake-panel input[type=text]:focus,.intake-panel textarea:focus{border-color:var(--molten)!important;outline:none!important}
.intake-panel textarea{min-height:120px}
.intake-panel .chips .chip{background:var(--ground);border:1px solid var(--line);border-radius:0!important;font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.1em;text-transform:uppercase;padding:12px 18px!important;color:var(--muted)}
.intake-panel .chips .chip[aria-pressed="true"]{background:#005a9e!important;color:#ffffff!important;border-color:#005a9e!important;font-weight:700}
.intake-panel details.optional-prefs{border:1px solid var(--line);background:rgba(3,5,9,.4);padding:0 16px;margin:0 0 24px}
.intake-panel details.optional-prefs summary{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:14px 0;cursor:pointer}
.intake-panel .actuate{border-top:1px solid var(--line);padding-top:22px;margin-top:4px}
.intake-panel .intake-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.intake-panel #hint{font-family:var(--mono)!important;font-size:10px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)!important;max-width:300px}
.intake-panel .row2{display:flex;gap:12px;align-items:center;margin:0}
.intake-panel #bpBtn{background:transparent!important;border:1px solid var(--line)!important;color:var(--muted)!important;font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.08em;padding:13px 18px!important;border-radius:0!important}
.intake-panel #run,.intake-panel #runAuto{padding:16px 32px!important;border-radius:0!important;box-shadow:0 0 20px rgba(255,106,43,.3)}
@media(max-width:640px){.intake-panel{padding:26px!important}.hud-title{font-size:24px}}


/* ── V7.5 · clean gemini hero: field off, console textarea ── */
#forgeField,.forge-wash,.drift-hint{display:none!important}
.hero::before{content:'';position:absolute;top:8%;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(closest-side,rgba(255,106,43,.08),transparent);pointer-events:none}
.hero-command{display:block;background:transparent;border:none;padding:0;margin:0;box-shadow:none}
.hero-command>span{display:none}
#heroBrief{width:100%;background:var(--ground);border:1px solid var(--line);color:var(--ink);padding:14px;font:13px/1.55 var(--mono);resize:none;outline:none;transition:border-color .2s;border-radius:0;display:block}
#heroBrief:focus{border-color:var(--molten)}
.hero-command-note{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;font-family:var(--mono);font-size:11px;color:var(--faint)}
.cfacts .fc1{color:var(--molten);font-weight:400}
.cfacts .fc2{color:var(--ok);font-weight:400}
.hero-command-note #demoBtn{background:transparent;border:none;color:var(--muted);font-family:var(--mono);font-size:11px;cursor:pointer;letter-spacing:.06em}
.hero-command-note #demoBtn:hover{color:var(--molten)}
.hero-command-note #heroCta{margin-left:auto;padding:13px 24px;background:var(--molten);color:#000;border:none;font-family:var(--disp);font-weight:900;font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 20px rgba(255,106,43,.3);transition:background .2s}
.hero-command-note #heroCta:hover{background:#fff}
.telemetry .t span{text-transform:none;font-size:10px;color:var(--faint)}
@media(max-width:640px){.hero-command-note #heroCta{width:100%;margin-left:0}}


/* ── V7.6 · gemini parity: nav, status chip, row wraps, inset glow ── */
.mainnav{border:none!important;background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.mainnav a{text-decoration:none!important;border:none!important;border-bottom:none!important;padding:0!important}
#ai-badge{border:1px solid rgba(0,255,102,.3)!important;background:rgba(0,255,102,.07)!important;color:var(--ok)!important;padding:7px 12px!important;font-family:var(--mono)!important;font-size:10px!important;letter-spacing:.14em;text-transform:uppercase;border-radius:0!important}
#credits-badge{border:1px solid var(--line)!important;background:rgba(255,106,43,.05)!important;padding:7px 12px!important;font-family:var(--mono)!important;font-size:10px!important;letter-spacing:.12em;text-transform:uppercase;border-radius:0!important}
.hero-command-note>*{flex:0 0 auto}
.hero-command-note #demoBtn{margin-left:auto}
.hero-command-note #heroCta{margin-left:0}
@media(max-width:640px){.hero-command-note{flex-wrap:wrap}.hero-command-note #demoBtn{margin-left:0}}
.console-shell{box-shadow:0 0 20px rgba(255,106,43,.18),inset 0 0 12px rgba(255,106,43,.14)!important}
.monitor{box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 0 12px rgba(255,106,43,.12)!important}
.intake-panel{box-shadow:0 0 40px rgba(255,106,43,.1),inset 0 0 14px rgba(255,106,43,.14)!important}
.intake-panel .lbl{display:block!important}
.intake-panel .lbl:has(.ltag){display:flex!important;justify-content:space-between;align-items:center}
.intake-panel #run,.intake-panel #runAuto{width:auto!important;flex:0 0 auto}
.intake-panel .intake-actions{flex-wrap:nowrap}
@media(max-width:640px){.intake-panel .intake-actions{flex-wrap:wrap}}


/* ── V7.7 · gemini showcase cards + intake scale ── */
.ezsc{position:relative;padding:96px 0;border-top:1px solid var(--line);background:rgba(8,13,22,.5);overflow-x:clip}
.ezc{position:absolute;font-family:var(--mono);font-size:14px;color:rgba(255,106,43,.4);font-style:normal}
.ezsc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:48px}
.ezsc-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;background:rgba(255,106,43,.1);border:1px solid rgba(255,106,43,.3);color:var(--molten);font-family:var(--mono);font-size:12px;letter-spacing:.06em}
.ezsc-lead h2{font-family:var(--disp);font-size:clamp(30px,3.8vw,48px);font-weight:800;text-transform:uppercase;color:#fff;margin:12px 0 10px;letter-spacing:-.01em}
.ezsc-lead p{color:var(--muted);font-size:14px;margin:0;max-width:640px}
.ezsc-count{font-family:var(--mono);font-size:12px;color:rgba(255,106,43,.7)}
.sc-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:0;padding:0;width:auto}
.ez-card{background:#f2f4f5;color:#0f172a;border:1px solid #cbd5e1;padding:16px;display:flex;flex-direction:column;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transition:transform .3s}
.ez-card:hover{transform:translateY(-6px)}
.ez-frame{position:relative;overflow:hidden;border:1px solid #cbd5e1;background:#fff}
.ez-live{position:absolute;top:12px;right:12px;z-index:3;background:rgba(10,21,26,.9);color:var(--molten);border:1px solid rgba(255,106,43,.4);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 10px;text-decoration:none;transition:background .2s}
.ez-live:hover{background:#000}
.ez-shot{display:block;width:100%;height:208px;object-fit:cover;object-position:top}
.ez-noshot{background:linear-gradient(135deg,#101b30,#0c1424)}
.ez-banner{position:relative;z-index:2;background:#000;color:#fff;font-family:var(--mono);font-size:9px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ez-cdwrap{display:flex;align-items:center;gap:6px;min-width:0}
.ez-cd{background:var(--magenta);color:#fff;font-weight:700;padding:2px 6px;font-size:8px;text-transform:uppercase;letter-spacing:.04em}
.ez-banner i{font-style:normal;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ez-build{background:var(--molten);color:#000;font-weight:700;padding:2px 8px;font-size:8px;text-decoration:none;white-space:nowrap}
.ez-build:hover{background:#fff}
.ez-title{font-family:'Syne',var(--disp);font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#000;margin:16px 0 0}
.ez-tag{font-family:var(--mono);font-size:11px;font-weight:700;color:#5b6a80;letter-spacing:.08em;margin:12px 0 0}
.showcase-note{margin-top:36px;font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:.08em}
@media(max-width:1024px){.sc-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.sc-strip{grid-template-columns:1fr}}
/* intake scale — exact tailwind mock values */
.intake-sec{padding-top:96px!important}
.intake-panel{padding:44px!important}
.hud-head .st-num{font-size:12px;letter-spacing:.18em}
.hud-title{font-size:30px!important}
.hud-sub{font-size:12px}
.intake-panel .fld{margin:0 0 22px!important}
.intake-panel .lbl{font-size:12px!important;letter-spacing:.06em!important}
.intake-panel textarea{min-height:112px}
.intake-panel .chips .chip{padding:9px 14px!important;font-size:10px!important}
.intake-panel details.optional-prefs summary{font-size:10px;padding:11px 0}
.intake-panel #run,.intake-panel #runAuto{padding:15px 30px!important;font-size:11px!important}
.intake-panel #bpBtn{padding:11px 15px!important;font-size:10px!important}


/* ── V7.8 · full-bleed section bands + mono inputs ── */
main.wrap{max-width:none!important;padding:0!important}
main.wrap>.station{max-width:1280px;margin-inline:auto;width:auto;padding-left:24px;padding-right:24px}
.intake-sec{background:rgba(8,13,22,.6);border-top:1px solid var(--line);padding:96px 24px 84px!important;margin:0}
.intake-panel input[type=text],.intake-panel textarea,.intake-panel select{font-family:var(--mono)!important}
#hint b{font-family:var(--mono)}


/* ── V7.9 · pinned header like the mock ── */
header.top{position:sticky!important;top:0!important;z-index:45!important}

/* nav: our labels, gemini spacing */
.mainnav{display:flex!important;gap:30px!important}

/* ── V8 · mobile fixes measured on a 412px phone ──
   Grid items default to min-width:auto, so a word that cannot shrink (the
   Orbitron 'MINUTES' in the telemetry) pushed the whole hero column 12px past
   the viewport, where overflow-x:clip silently cut the right edge off every
   line of body copy. minmax(0,…) lets the tracks actually shrink. */
.hero-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.telemetry{grid-template-columns:repeat(3,minmax(0,1fr))}
.sc-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
.ez-title{overflow-wrap:anywhere}
@media(max-width:1100px){.hero-in{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1024px){.sc-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sc-strip{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){
  /* the numbers still read as headline figures, they just stop dictating width */
  .telemetry{gap:8px}
  .telemetry .t{padding:10px 8px}
  .telemetry .t b{font-size:15px;letter-spacing:0}
  .telemetry .t span{font-size:8.5px;letter-spacing:.04em}
  /* decorative field-type tags are the first thing to go when space is tight */
  .intake-panel .ltag{display:none}
  .intake-panel .lbl{display:block!important}
}
@media(max-width:760px){
  /* a sticky bar that ate 107px — 12% of the screen — on every scroll */
  .brand-txt em{display:none}
  .brand-txt b{font-size:17px}
  .lg-box{width:34px;height:34px}
  .lg-box svg,.lg-ez{font-size:11px}
  .top{padding:7px 14px;gap:6px 10px}
  .mainnav{gap:16px!important}
  .mainnav a{font-size:10px!important}
}


/* Gemini hides the nav below lg and the status chip below sm (hidden lg:flex /
   hidden sm:flex). Ours kept both at every width, so the bar wrapped to three
   rows and ate 113px of a phone screen on every scroll. */
@media(max-width:1024px){.mainnav{display:none!important}.top .spacer{display:none}}
@media(max-width:640px){#ai-badge{display:none!important}}
@media(max-width:760px){
  .top .wrap{padding:8px 14px!important;gap:8px 10px}
  #signBtn{font-size:10px!important;padding:8px 10px!important}
  #startBuildBtn{font-size:10px!important;padding:9px 14px!important}
  #themeBtn{display:none}
}


@media(max-width:760px){
  /* 447px of controls in 356px of bar: trim the mark and the chrome rather than
     the tap targets, which stay ~30px tall. */
  .top .wrap{padding:6px 12px!important;gap:6px 8px!important}
  .lg-box{width:30px;height:30px}
  .lg-ez{font-size:11px}
  .brand-txt b{font-size:15px;letter-spacing:.06em}
  .brandmark{gap:8px!important}
  #signBtn{font-size:9.5px!important;padding:9px 9px!important;letter-spacing:.02em}
  #startBuildBtn{font-size:9.5px!important;padding:9px 11px!important;letter-spacing:.04em}
  #credits-badge{font-size:9px!important;padding:6px 8px!important}
}

/* ===== bridge =====
   The application's own controls were grafted into the new markup, and the
   rules that used to draw them are still above, some with !important because
   the previous design had layered over itself for months. Rather than unpick
   that history, this block restates them in the new language. It sits between
   the two stylesheets so the redesign can still override anything here. */

/* Typography belongs to the redesign now. The old sheet claimed every heading
   on the page for its display face; scoped back to the surfaces it still owns
   so the product reads as one thing rather than two. */
h1, h2, h3 { font-family: inherit; }
.game-overlay h2, .mk h1, .mk h2, .mk h3 { font-family: var(--disp); }

/* Header controls, restated as nav items. */
/* No display here: the script writes style.display on these directly to show
   and hide them, and an !important rule would pin them permanently open. */
#ai-badge { display: inline-flex; }
#ai-badge, #credits-badge {
  align-items: center; gap: 7px;
  padding: 7px 11px !important; border-radius: 9px !important;
  border: 1px solid rgba(16,24,40,.10) !important;
  background: rgba(255,255,255,.55) !important;
  color: #475467 !important; font-family: inherit !important;
  font-size: .72rem !important; font-weight: 700; letter-spacing: 0 !important;
  text-transform: none !important; white-space: nowrap;
}
#ai-badge .dot, #credits-badge .dot {
  width: 7px; height: 7px; border-radius: 50%; background: #087443; flex: 0 0 auto;
}
#ai-badge .dot.off { background: #b9c2b3; }
/* #themeBtn stays hidden, as it was before: the page has one register. */
#signBtn {
  display: inline-flex; align-items: center;
  border: 0 !important; background: transparent !important; cursor: pointer;
  font-family: inherit !important; font-size: .85rem !important;
  font-weight: 700; letter-spacing: 0 !important; text-transform: none !important;
  color: #475467 !important; padding: 9px 11px !important; border-radius: 9px !important;
}
#signBtn:hover { background: rgba(255,255,255,.66); color: #101828 !important; }
#startBuildBtn {
  clip-path: none !important; border: 0 !important; cursor: pointer;
  min-height: 42px; padding: 0 15px !important; border-radius: 11px !important;
  background: #183c2f !important; color: #fff !important;
  font-family: inherit !important; font-size: .85rem !important;
  font-weight: 700 !important; letter-spacing: 0 !important;
  text-transform: none !important;
}
#startBuildBtn::before, #startBuildBtn::after { content: none !important; }
#startBuildBtn:hover { background: #0f2d23 !important; }

/* The brief is a textarea, not the redesign's single-line input. */
.idea-form #heroBrief {
  min-width: 0; width: 100%; min-height: 66px; max-height: 120px;
  padding: 13px 12px; border: 0; outline: 0; resize: none; line-height: 1.45;
  background: transparent; color: #fff; font: inherit; font-size: .91rem;
}
.idea-form #heroBrief::placeholder { color: #767676; }
.link-button {
  border: 0; background: none; padding: 0; cursor: pointer;
  color: var(--rz-lime, #ff6a2b); font: inherit; font-weight: 800;
  text-decoration: underline; text-underline-offset: 3px;
}

/* The application sections were translucent panels designed to sit on a dark
   ground. Over paper they wash out to grey, so they become what the rest of the
   page already uses: solid forest cards floating on the page. */
.wrap h1, .wrap h2, .wrap h3 { font-family: inherit; }
.intake-sec { background: transparent !important; border: 0 !important; padding: 0 !important; }
.intake-panel, .station {
  background: #143528 !important;
  border: 1px solid rgba(255,106,43,.14) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 70px rgba(16,24,40,.10);
}
#factory-floor { padding-top: 30px; padding-bottom: 60px; }

/* Showcase cards hold a real screenshot of a real build where the concept cards
   held a hand-drawn miniature. Everything outside the window is the design's,
   unchanged; this only fills the pane below the browser bar. */
.showcase-card.rz-full { grid-column: span 12; }
.build-window { background: #fff; }
.preview-shot {
  position: absolute; inset: 35px 0 0; overflow: hidden; background: #0f2d23;
}
/* Full width, natural height, top aligned, and the pane clips the rest — the
   way a browser actually shows the top of a page. Cropping to fill instead
   zoomed the narrow cards until the layout underneath was unreadable. */
.preview-shot img, .preview-shot video {
  width: 100%; height: auto; display: block;
}
.preview-shot video {
  position: absolute; inset: 0; opacity: 0; transition: opacity .35s ease;
}
.preview-shot video.on { opacity: 1; }
.preview-browser .preview-open {
  margin-left: auto; padding: 3px 9px; border-radius: 999px;
  background: #183c2f; color: #fff; text-decoration: none;
  font-size: .58rem; font-weight: 900; letter-spacing: .02em; white-space: nowrap;
}
.preview-browser .preview-open:hover { background: #0f2d23; }
/* Concept builds say so on the card. Ermaz's own showcase is mostly fictional
   businesses and that has to be legible at a glance, not in the small print. */
.project-tags .tag-concept {
  border-color: rgba(255,106,42,.32) !important;
  background: var(--rz-orange-soft, #fff0e8) !important;
  color: #9a3b0c !important;
}
.rz-showcase-note a { color: inherit; font-weight: 800; }
.project-links { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 12px; }
.project-links a {
  color: var(--rz-forest, #183c2f); text-decoration: none;
  font-size: .82rem; font-weight: 800;
  border-bottom: 2px solid var(--rz-lime, #ff6a2b);
}
.project-links a:hover { border-bottom-color: var(--rz-forest, #183c2f); }
/* Build summaries run longer than the concept blurbs the cards were drawn for,
   and a narrow card is a third the width. */
.showcase-card:not(.rz-featured):not(.rz-full) .project-copy p {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}

/* Footer: three groups on one line, wrapping to a stack on narrow screens.
   The legal links are not decoration — Paddle is merchant of record and terms,
   privacy and refunds have to be reachable from the page that sells. */
footer .footer-row { flex-wrap: wrap; gap: 14px 26px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.footer-links a { color: inherit; text-decoration: none; font-weight: 700; }
.footer-links a:hover { color: var(--rz-ink, #101828); text-decoration: underline; }
footer .footer-row b { font-weight: 700; }
/* Only .auth-card ever coloured .sub2, so on the forest panels it inherited the
   page's dark ink and disappeared. Measured at 1.07:1 before this. */
.wrap .sub2, .wrap .sub2 span { color: var(--muted); }
.wrap input, .wrap textarea, .wrap select {
  background: rgba(0,0,0,.28); color: var(--ink);
  border: 1px solid rgba(255,106,43,.16); border-radius: 11px;
}
.wrap input::placeholder, .wrap textarea::placeholder { color: var(--faint); }

/* Pipeline monitor, sitting inside the forest factory card. */
#production-status { margin-top: 18px; }
#production-status .mstep {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-top: 7px; padding: 11px 13px; border-radius: 11px;
  border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.86); font-size: .78rem;
}
#production-status .mstep .nm { display: flex; align-items: center; gap: 9px; }
/* .mk is also the class on the hidden marketing section, whose rules turn a
   block-level slab out of these little status markers. */
#production-status .mk {
  display: inline-flex; align-items: center; justify-content: center;
  width: 15px; height: 15px; margin: 0; padding: 0; flex: 0 0 auto;
  background: none; border: 0; font-size: .7rem; line-height: 1;
  color: rgba(255,255,255,.5);
}
#production-status .mstep.run .mk, #production-status .mstep.done .mk { color: #ff6a2b; }
#production-status .mstep .st {
  font-size: .62rem; font-weight: 900; letter-spacing: .1em;
  text-transform: uppercase; color: rgba(255,255,255,.55);
}
#production-status .mstep.run { border-color: rgba(255,106,43,.42); background: rgba(255,106,43,.10); }
#production-status .mstep.run .st { color: #ff6a2b; }
#production-status .mstep.done .st { color: #8fe3b8; }
#production-status .mfoot {
  margin-top: 13px; padding-top: 11px; text-align: center;
  border-top: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.62); font-size: .64rem; letter-spacing: .09em;
}

/* ===== redesign: page surface, marketing sections, typography =====
   Loaded second so its page-level rules win. Its component selectors are
   all new names, so nothing above it is overridden by accident. */
    :root {
      --rz-ink: #101828;
      --rz-ink-soft: #475467;
      --rz-paper: #f6f7f2;
      --rz-surface: #ffffff;
      --rz-line: #d8ddd4;
      --rz-line-strong: #b9c2b3;
      --rz-lime: #ff6a2b;
      --rz-lime-soft: #efffc2;
      --rz-lime-deep: #9bd514;
      --rz-forest: #183c2f;
      --rz-forest-2: #0f2d23;
      --rz-forest-3: #234f40;
      --rz-orange: #ff6a2a;
      --rz-orange-soft: #fff0e8;
      --rz-success: #087443;
      --rz-success-bg: #ecfdf3;
      --rz-blue: #155eef;
      --rz-radius-sm: 12px;
      --rz-radius: 20px;
      --rz-radius-lg: 30px;
      --rz-shadow: 0 24px 70px rgba(16, 24, 40, 0.10);
      --rz-max: 1220px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background:
        radial-gradient(circle at 9% 0%, rgba(255,106,43,.30), transparent 28rem),
        var(--rz-paper);
      color: var(--rz-ink);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.5;
      text-rendering: optimizeLegibility;
    }

    button, input, textarea { font: inherit; }
    a { color: inherit; }
    img, svg { display: block; }

    :focus-visible {
      outline: 3px solid var(--rz-blue);
      outline-offset: 3px;
    }

    .skip-link {
      position: fixed;
      top: 12px;
      left: 12px;
      z-index: 999;
      padding: 10px 14px;
      border-radius: 10px;
      background: #fff;
      color: #111;
      font-weight: 700;
      transform: translateY(-160%);
      transition: transform .18s ease;
    }

    .skip-link:focus { transform: translateY(0); }

    .sr-only {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
    }

    .rz-shell { width: min(calc(100% - 40px), var(--rz-max)); margin-inline: auto; }

    .rz-topbar {
      position: sticky;
      top: 0;
      z-index: 50;
      border-bottom: 1px solid rgba(16,24,40,.08);
      background: rgba(246,247,242,.88);
      backdrop-filter: blur(16px);
    }

    .rz-nav {
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .rz-brand {
      display: inline-flex;
      align-items: center;
      gap: 11px;
      text-decoration: none;
      font-weight: 700;
      letter-spacing: -.035em;
      font-size: 1.1rem;
    }

    .brand-txt { display: flex; flex-direction: column; line-height: 1; }
    .brand-txt b { font-family: Poppins, Inter, sans-serif; font-weight: 600; font-size: 1.22rem; letter-spacing: -.01em; color: var(--rz-ink); }
    .brand-txt em { font-style: normal; font-family: Poppins, Inter, sans-serif; font-weight: 600; font-size: .415rem; letter-spacing: .245em; text-transform: uppercase; color: var(--rz-ink-soft); margin-top: 3px; }
    /* The lockup shows the bare mark sitting on the page, so no tile behind it. */
    .brand-mark { display: grid; place-items: center; }

    /* Wraps as whole chips if the signed-in extras outgrow the row between the
       mobile menu (780px) and full desktop — never mid-word inside a link. */
    .nav-right { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; row-gap: 4px; }
    /* Signed in, the bar carries the factory badge, credit badge and account
       chip — 1046px of nav beside a 200px brand. The content column's 1220px
       cannot hold that on one line, so the top bar alone runs wider. */
    .rz-topbar .rz-shell { width: min(calc(100% - 40px), 1400px); }

    .nav-link {
      padding: 9px 11px;
      border-radius: 9px;
      color: var(--rz-ink-soft);
      /* Signed-in, the bar also carries the factory badge, the credit badge and
         the account chip — enough crowding to break "How it works" onto two
         lines. A nav item never wraps; the row tightens instead. */
      white-space: nowrap;
      text-decoration: none;
      font-size: .85rem;
      font-weight: 700;
    }

    .nav-link:hover { background: rgba(255,255,255,.66); color: var(--rz-ink); }

    .nav-cta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 42px;
      padding: 0 15px;
      border-radius: 11px;
      background: var(--rz-forest);
      color: #fff;
      text-decoration: none;
      font-size: .82rem;
      font-weight: 900;
    }

    .nav-cta span { color: var(--rz-lime); }

    .menu-button {
      display: none;
      width: 43px;
      height: 43px;
      border: 1px solid var(--rz-line);
      border-radius: 11px;
      background: #fff;
      color: var(--rz-ink);
      cursor: pointer;
    }

    .rz-hero { padding: 76px 0 64px; }

    .rz-hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.04fr) minmax(390px, .96fr);
      align-items: center;
      gap: clamp(38px, 6vw, 84px);
    }

    .rz-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 22px;
      color: var(--rz-forest);
      font-size: .77rem;
      font-weight: 920;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .rz-eyebrow::before {
      content: "";
      width: 38px;
      height: 2px;
      background: var(--rz-forest);
    }

    .rz-hero h1 {
      max-width: 760px;
      margin: 0;
      font-size: clamp(3.4rem, 6.4vw, 7rem);
      line-height: .91;
      letter-spacing: -.078em;
      text-wrap: balance;
    }

    .rz-hero h1 em {
      position: relative;
      z-index: 0;
      color: var(--rz-forest);
      font-style: normal;
      white-space: nowrap;
    }

    .rz-hero h1 em::after {
      content: "";
      position: absolute;
      z-index: -1;
      left: -.03em;
      right: -.05em;
      bottom: .07em;
      height: .22em;
      border-radius: 999px;
      background: var(--rz-lime);
      transform: rotate(-1.5deg);
    }

    .rz-hero-copy {
      max-width: 630px;
      margin: 27px 0 0;
      color: var(--rz-ink-soft);
      font-size: clamp(1.02rem, 1.4vw, 1.22rem);
      line-height: 1.7;
    }

    .proof-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
      max-width: 630px;
      margin-top: 38px;
      padding-top: 25px;
      border-top: 1px solid var(--rz-line);
    }

    .rz-proof strong { display: block; font-size: 1rem; letter-spacing: -.025em; }
    .rz-proof span { display: block; margin-top: 4px; color: var(--rz-ink-soft); font-size: .77rem; }

    .factory-wrap { position: relative; }

    .factory-wrap::before {
      content: "";
      position: absolute;
      inset: -18px 28px 22px -18px;
      border-radius: 34px;
      background: var(--rz-lime);
      transform: rotate(-2.2deg);
    }

    .factory-card {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: var(--rz-radius-lg);
      background: var(--rz-forest-2);
      color: #fff;
      box-shadow: var(--rz-shadow);
    }

    .factory-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 18px 20px;
      border-bottom: 1px solid rgba(255,255,255,.11);
    }

    .window-dots { display: flex; gap: 7px; }
    .window-dots i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.38); }
    .factory-top span { color: rgba(255,255,255,.62); font-size: .7rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
    .factory-body { padding: 31px; }

    .factory-label {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 14px;
      color: var(--rz-lime);
      font-size: .7rem;
      font-weight: 900;
      letter-spacing: .11em;
      text-transform: uppercase;
    }

    .live-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--rz-lime);
      box-shadow: 0 0 0 5px rgba(255,106,43,.10);
    }

    .factory-card h2 {
      margin: 0;
      max-width: 410px;
      font-size: clamp(1.75rem, 3vw, 2.55rem);
      line-height: 1.05;
      letter-spacing: -.048em;
    }

    .factory-intro { margin: 12px 0 22px; color: rgba(255,255,255,.67); font-size: .9rem; }
    .field-label { display: block; margin-bottom: 8px; color: rgba(255,255,255,.85); font-size: .77rem; font-weight: 700; }

    .idea-form {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 9px;
      padding: 7px;
      border: 1px solid rgba(255,255,255,.20);
      border-radius: 16px;
      background: rgba(255,255,255,.08);
    }

    .idea-form:focus-within { box-shadow: 0 0 0 3px rgba(255,106,43,.34); border-color: var(--rz-lime); }

    .idea-form input {
      min-width: 0;
      height: 50px;
      padding: 0 12px;
      border: 0;
      outline: 0;
      background: transparent;
      color: #fff;
      font-size: .91rem;
    }

    .idea-form input::placeholder { color: #767676; }

    .manufacture-btn {
      min-height: 50px;
      padding: 0 17px;
      border: 0;
      border-radius: 11px;
      background: var(--rz-lime);
      color: #102318;
      font-weight: 700;
      letter-spacing: -.02em;
      cursor: pointer;
      box-shadow: inset 0 -2px 0 rgba(16,35,24,.14);
    }

    .manufacture-btn:hover { background: #e4ff92; }
    .manufacture-btn:disabled { cursor: wait; opacity: .72; }
    .form-error { margin: 9px 2px 0; color: #ffd1c2; font-size: .73rem; }
    .form-note { margin: 11px 1px 0; color: rgba(255,255,255,.54); font-size: .72rem; }

    .factory-scope {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 9px;
      margin-top: 22px;
    }

    .scope-item {
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 47px;
      padding: 10px 12px;
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 12px;
      background: rgba(255,255,255,.045);
      color: rgba(255,255,255,.76);
      font-size: .75rem;
      font-weight: 700;
    }

    .scope-icon {
      width: 24px;
      height: 24px;
      border-radius: 7px;
      display: grid;
      place-items: center;
      background: rgba(255,106,43,.13);
      color: var(--rz-lime);
      flex: 0 0 auto;
      font-weight: 900;
    }

    .production-status {
      display: none;
      margin-top: 18px;
      padding: 15px;
      border-radius: 14px;
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.10);
    }

    .production-status.rz-active { display: block; }
    .status-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: .76rem; font-weight: 820; }
    .status-head span:last-child { color: var(--rz-lime); }
    .progress { height: 7px; margin-top: 11px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.10); }
    .progress > span { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--rz-lime); transition: width .35s ease; }

    .workflow-section { padding: 72px 0 96px; }

    .section-head {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 36px;
      margin-bottom: 29px;
    }

    .section-kicker { color: var(--rz-forest); font-size: .75rem; font-weight: 920; letter-spacing: .11em; text-transform: uppercase; }

    .section-head h2 {
      margin: 8px 0 0;
      max-width: 770px;
      font-size: clamp(2.2rem, 4.2vw, 4.25rem);
      line-height: .98;
      letter-spacing: -.06em;
      text-wrap: balance;
    }

    .section-head p { max-width: 415px; margin: 0; color: var(--rz-ink-soft); font-size: .91rem; line-height: 1.65; }

    .production-board {
      overflow: hidden;
      border: 1px solid var(--rz-line);
      border-radius: 27px;
      background: var(--rz-surface);
      box-shadow: 0 24px 80px rgba(16,24,40,.07);
    }

    .board-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 18px 22px;
      border-bottom: 1px solid var(--rz-line);
    }

    .project-id { min-width: 0; display: flex; align-items: center; gap: 11px; }

    .project-icon {
      width: 36px;
      height: 36px;
      border-radius: 10px;
      display: grid;
      place-items: center;
      background: var(--rz-forest);
      color: var(--rz-lime);
      font-size: .82rem;
      font-weight: 700;
    }

    .project-id strong, .project-id span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .project-id strong { font-size: .84rem; }
    .project-id span { margin-top: 1px; color: var(--rz-ink-soft); font-size: .71rem; }

    .board-meta { display: flex; gap: 8px; flex-wrap: wrap; justify-content: end; }
    .meta-pill { padding: 7px 10px; border-radius: 999px; background: #f2f4f0; color: var(--rz-ink-soft); font-size: .69rem; font-weight: 820; }
    .meta-pill.rz-live { background: var(--rz-success-bg); color: var(--rz-success); }

    .board-grid { display: grid; grid-template-columns: 315px minmax(0, 1fr); }

    .blueprint-column {
      padding: 28px;
      border-right: 1px solid var(--rz-line);
      background: linear-gradient(180deg, #fbfcf8, #f7f9f4);
    }

    .blueprint-mark {
      width: 158px;
      aspect-ratio: 1;
      margin-inline: auto;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: conic-gradient(var(--rz-forest) 0 92%, #e1e6dc 92% 100%);
      position: relative;
    }

    .blueprint-mark::after { content: ""; position: absolute; inset: 13px; border-radius: 50%; background: #fbfcf8; }
    .blueprint-value { position: relative; z-index: 1; text-align: center; }
    .blueprint-value strong { display: block; font-size: 2.45rem; line-height: 1; letter-spacing: -.06em; }
    /* Kept narrower than the inner disc (158px circle, 13px ring): at the old
       size the label ran out over the dark stroke and read at 1.58:1 there. */
    .blueprint-value span { display: block; max-width: 100px; margin-inline: auto; color: var(--rz-ink-soft); font-size: .58rem; font-weight: 700; line-height: 1.25; text-transform: uppercase; letter-spacing: .06em; }

    .blueprint-list { margin-top: 28px; display: grid; gap: 10px; }

    .blueprint-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 12px 13px;
      border-radius: 11px;
      background: #fff;
      border: 1px solid var(--rz-line);
    }

    .blueprint-label { display: flex; align-items: center; gap: 9px; font-size: .76rem; font-weight: 820; }
    .state-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--rz-success); }
    .state-dot.rz-orange { background: var(--rz-orange); }
    .blueprint-row strong { font-size: .78rem; }

    .stages-column { min-width: 0; padding: 28px; }

    .stages-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      margin-bottom: 18px;
    }

    .stages-toolbar h3 { margin: 0; font-size: 1.04rem; letter-spacing: -.025em; }
    .stage-tabs { display: flex; gap: 7px; flex-wrap: wrap; }

    .stage-tab {
      padding: 8px 11px;
      border: 1px solid var(--rz-line);
      border-radius: 9px;
      background: #fff;
      color: var(--rz-ink-soft);
      font-size: .69rem;
      font-weight: 700;
      cursor: pointer;
    }

    .stage-tab.rz-active { background: var(--rz-ink); color: #fff; border-color: var(--rz-ink); }
    .stage-list { display: grid; gap: 11px; }

    .stage {
      border: 1px solid var(--rz-line);
      border-radius: 15px;
      overflow: hidden;
      background: #fff;
    }

    .stage-button {
      width: 100%;
      display: grid;
      grid-template-columns: 34px 1fr auto;
      gap: 12px;
      align-items: center;
      padding: 15px 16px;
      border: 0;
      background: #fff;
      text-align: left;
      cursor: pointer;
    }

    .stage-button:hover { background: #fbfcfa; }

    .stage-number {
      width: 32px;
      height: 32px;
      border-radius: 9px;
      display: grid;
      place-items: center;
      background: var(--rz-success-bg);
      color: var(--rz-success);
      font-size: .72rem;
      font-weight: 920;
    }

    .stage.current .stage-number { background: var(--rz-lime-soft); color: var(--rz-forest); }
    .stage-copy strong { display: block; font-size: .82rem; }
    .stage-copy span { display: block; margin-top: 2px; color: var(--rz-ink-soft); font-size: .7rem; }
    .stage-state { color: var(--rz-success); font-size: .67rem; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
    .stage.current .stage-state { color: var(--rz-forest); }
    .stage-detail { display: none; padding: 0 16px 16px 62px; }
    .stage.rz-open .stage-detail { display: block; }
    .stage-detail p { margin: 0 0 12px; color: var(--rz-ink-soft); font-size: .78rem; line-height: 1.6; }

    .artifact-strip {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }

    .artifact {
      padding: 12px;
      border: 1px solid var(--rz-line);
      border-radius: 10px;
      background: #f8faf7;
    }

    .artifact b { display: block; font-size: .71rem; }
    .artifact span { display: block; margin-top: 3px; color: var(--rz-ink-soft); font-size: .65rem; }

    .board-foot {
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 18px;
      padding: 18px;
      border-top: 1px solid var(--rz-line);
      background: #f8faf7;
    }

    .ownership-card { padding: 23px; border: 1px solid var(--rz-line); border-radius: 17px; background: #fff; }
    .ownership-card h3 { margin: 0; font-size: 1rem; letter-spacing: -.025em; }
    .ownership-card p { margin: 9px 0 0; color: var(--rz-ink-soft); font-size: .81rem; line-height: 1.65; }
    .ownership-list { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 9px; }
    .ownership-list li { display: flex; align-items: flex-start; gap: 9px; color: var(--rz-ink-soft); font-size: .77rem; }
    .check-icon { width: 17px; height: 17px; border-radius: 50%; display: grid; place-items: center; background: var(--rz-success-bg); color: var(--rz-success); flex: 0 0 auto; font-size: .68rem; font-weight: 700; }

    .launch-card {
      padding: 25px;
      border-radius: 17px;
      background: var(--rz-forest);
      color: #fff;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: end;
      gap: 24px;
    }

    .launch-card .rz-mini { color: var(--rz-lime); font-size: .68rem; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
    .launch-card h3 { margin: 8px 0 0; max-width: 470px; font-size: 1.62rem; line-height: 1.1; letter-spacing: -.04em; }
    .launch-card p { margin: 10px 0 0; max-width: 525px; color: rgba(255,255,255,.67); font-size: .79rem; line-height: 1.6; }
    .launch-link { min-width: max-content; padding: 12px 15px; border-radius: 10px; background: var(--rz-lime); color: #102318; text-decoration: none; font-size: .76rem; font-weight: 920; }

    .outputs-section { padding: 104px 0; background: var(--rz-forest-2); color: #fff; }
    .outputs-section .section-kicker { color: var(--rz-lime); }
    .outputs-section .section-head p { color: rgba(255,255,255,.62); }

    .output-grid { display: grid; grid-template-columns: 1.18fr .82fr; gap: 18px; }

    .browser-card {
      min-height: 620px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 24px;
      background: rgba(255,255,255,.06);
      padding: 13px;
    }

    .browser-chrome {
      height: 44px;
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 0 8px;
      color: rgba(255,255,255,.72);
      font-size: .66rem;
    }

    .browser-chrome i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.28); }
    .browser-url { margin-left: 10px; }

    .website-demo {
      min-height: 545px;
      overflow: hidden;
      border-radius: 16px;
      background: #f3efe7;
      color: #17241e;
      position: relative;
    }

    .demo-nav { display: flex; justify-content: space-between; align-items: center; padding: 21px 25px; font-size: .72rem; }
    .demo-nav strong { letter-spacing: .12em; }
    .demo-nav span { color: #607067; }

    .demo-hero {
      min-height: 405px;
      display: grid;
      grid-template-columns: 1.04fr .96fr;
      align-items: center;
      gap: 28px;
      padding: 36px 25px 46px;
    }

    .demo-tag { color: #46685a; font-size: .63rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
    .demo-hero h3 { margin: 13px 0 0; max-width: 390px; font-family: Georgia, serif; font-size: clamp(2.6rem, 4.3vw, 4.6rem); line-height: .9; letter-spacing: -.06em; font-weight: 500; }
    .demo-hero p { max-width: 390px; margin: 18px 0 0; color: #5c6a62; font-size: .79rem; line-height: 1.65; }
    .demo-button { display: inline-block; margin-top: 22px; padding: 11px 14px; border-radius: 999px; background: #173d30; color: #fff; font-size: .68rem; font-weight: 700; }

    .demo-image {
      min-height: 360px;
      border-radius: 160px 160px 20px 20px;
      background:
        radial-gradient(circle at 50% 22%, rgba(255,106,43,.8), transparent 18%),
        linear-gradient(145deg, #305947, #102f24);
      position: relative;
      overflow: hidden;
    }

    .demo-image::before {
      content: "";
      position: absolute;
      width: 67%;
      height: 67%;
      left: 17%;
      bottom: -15%;
      border-radius: 48% 48% 20px 20px;
      background: linear-gradient(145deg, #c8d7cb, #66816f);
      transform: rotate(-7deg);
    }

    .demo-image::after {
      content: "N";
      position: absolute;
      right: 19px;
      top: 21px;
      color: rgba(255,255,255,.8);
      font-family: Georgia, serif;
      font-size: 3rem;
    }

    .output-stack { display: grid; gap: 18px; }

    .app-card, .brand-card {
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 24px;
      background: rgba(255,255,255,.06);
    }

    .app-card { min-height: 385px; padding: 27px; display: grid; grid-template-columns: 1fr 170px; gap: 20px; align-items: center; }
    .output-mini { color: var(--rz-lime); font-size: .67rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
    .app-card h3, .brand-card h3 { margin: 10px 0 0; font-size: 1.65rem; line-height: 1.08; letter-spacing: -.04em; }
    .app-card p, .brand-card p { margin: 10px 0 0; color: rgba(255,255,255,.62); font-size: .77rem; line-height: 1.6; }

    .rz-phone {
      min-height: 316px;
      border: 6px solid #0a1913;
      border-radius: 31px;
      background: #f5f1e8;
      color: #173126;
      padding: 14px;
      box-shadow: 0 26px 50px rgba(0,0,0,.28);
      transform: rotate(3deg);
    }

    .phone-notch { width: 57px; height: 14px; margin: -8px auto 19px; border-radius: 0 0 10px 10px; background: #0a1913; }
    .rz-phone small { color: #5c6a62; font-size: .54rem; font-weight: 900; letter-spacing: .08em; }
    .rz-phone h4 { margin: 11px 0 0; font-family: Georgia, serif; font-size: 1.45rem; line-height: .98; font-weight: 500; }
    .phone-box { margin-top: 15px; padding: 12px; border-radius: 14px; background: #fff; box-shadow: 0 8px 23px rgba(16,24,40,.07); }
    .phone-box b { display: block; font-size: .65rem; }
    .phone-box span { display: block; margin-top: 4px; color: #6a786f; font-size: .56rem; }
    .phone-button { margin-top: 14px; padding: 10px; border-radius: 10px; background: #173d30; color: white; text-align: center; font-size: .6rem; font-weight: 700; }

    .brand-card { min-height: 217px; padding: 27px; position: relative; }
    .brand-card::after { content: ""; position: absolute; width: 180px; height: 180px; right: -65px; top: -72px; border-radius: 50%; border: 32px solid rgba(255,106,43,.9); }
    .rz-swatches { display: flex; gap: 8px; margin-top: 21px; }
    .swatch { width: 40px; height: 40px; border-radius: 12px; border: 1px solid rgba(255,255,255,.16); }
    .swatch:nth-child(1) { background: #173d30; }
    .swatch:nth-child(2) { background: #ff6a2b; }
    .swatch:nth-child(3) { background: #f3efe7; }
    .swatch:nth-child(4) { background: #ff6a2a; }



    .showcase-section { padding: 105px 0; overflow: hidden; }

    .showcase-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      margin: -4px 0 24px;
    }

    .rz-showcase-note {
      color: var(--rz-ink-soft);
      font-size: .75rem;
      font-weight: 700;
    }

    .showcase-filters { display: flex; gap: 7px; flex-wrap: wrap; }

    .showcase-filter {
      min-height: 38px;
      padding: 0 13px;
      border: 1px solid var(--rz-line);
      border-radius: 999px;
      background: rgba(255,255,255,.72);
      color: var(--rz-ink-soft);
      font-size: .69rem;
      font-weight: 700;
      cursor: pointer;
    }

    .showcase-filter:hover { border-color: var(--rz-line-strong); color: var(--rz-ink); }
    .showcase-filter.rz-active { border-color: var(--rz-forest); background: var(--rz-forest); color: #fff; }

    .showcase-grid {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 16px;
    }

    .showcase-card {
      grid-column: span 4;
      overflow: hidden;
      border: 1px solid var(--rz-line);
      border-radius: 24px;
      background: #fff;
      box-shadow: 0 22px 65px rgba(16,24,40,.06);
      transition: transform .22s ease, box-shadow .22s ease, opacity .18s ease;
    }

    .showcase-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 30px 80px rgba(16,24,40,.10);
    }

    .showcase-card.rz-featured { grid-column: span 8; }
    .showcase-card[hidden] { display: none !important; }

    .showcase-preview {
      min-height: 330px;
      padding: 13px;
      border-bottom: 1px solid var(--rz-line);
      background: #e8ece5;
    }

    .showcase-card.rz-featured .showcase-preview { min-height: 465px; }

    .preview-window {
      height: 100%;
      min-height: inherit;
      overflow: hidden;
      border-radius: 15px;
      box-shadow: 0 18px 38px rgba(16,24,40,.14);
      position: relative;
    }

    .preview-browser {
      height: 35px;
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 0 12px;
      border-bottom: 1px solid rgba(16,24,40,.08);
      background: rgba(255,255,255,.88);
      backdrop-filter: blur(8px);
      position: relative;
      z-index: 3;
    }

    .preview-browser i { width: 6px; height: 6px; border-radius: 50%; background: rgba(16,24,40,.24); }
    .preview-browser span { margin-left: 7px; color: rgba(16,24,40,.70); font-size: .53rem; font-weight: 800; }

    .project-copy {
      padding: 21px 22px 23px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 18px;
      align-items: end;
    }

    .project-type { color: var(--rz-forest); font-size: .65rem; font-weight: 920; letter-spacing: .1em; text-transform: uppercase; }
    .project-copy h3 { margin: 7px 0 0; font-size: 1.35rem; line-height: 1.05; letter-spacing: -.04em; }
    .project-copy p { max-width: 530px; margin: 8px 0 0; color: var(--rz-ink-soft); font-size: .75rem; line-height: 1.6; }
    .project-tags { display: flex; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
    .project-tags span { padding: 7px 9px; border-radius: 999px; background: #f0f3ed; color: var(--rz-ink-soft); font-size: .61rem; font-weight: 700; white-space: nowrap; }

    .ashcombe-window { background: #f5f1e8; color: #181a18; }
    .ashcombe-nav { display: flex; justify-content: space-between; align-items: center; padding: 18px 27px; font-family: Georgia, serif; font-size: .67rem; letter-spacing: .08em; }
    .ashcombe-links { display: flex; gap: 18px; color: #65685f; font-family: Inter, sans-serif; font-size: .48rem; letter-spacing: .03em; }
    .ashcombe-hero { min-height: 380px; display: grid; grid-template-columns: .88fr 1.12fr; align-items: stretch; }
    .ashcombe-text { padding: 53px 32px 38px; }
    .ashcombe-kicker { color: #75603f; font-size: .5rem; font-family: Inter, sans-serif; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
    .ashcombe-text h4 { max-width: 380px; margin: 13px 0 0; font-family: Georgia, serif; font-weight: 400; font-size: clamp(2.1rem, 4vw, 4rem); line-height: .91; letter-spacing: -.055em; }
    .ashcombe-text p { max-width: 360px; margin: 16px 0 0; color: #686b64; font-size: .62rem; line-height: 1.7; }
    .ashcombe-fares { display: flex; gap: 7px; margin-top: 23px; }
    .ashcombe-fares span { padding: 9px 11px; border: 1px solid #d8d0c2; border-radius: 999px; font-size: .52rem; font-weight: 780; }
    .ashcombe-image { margin: 13px 13px 13px 0; border-radius: 12px; background: linear-gradient(145deg, rgba(7,13,10,.12), rgba(7,13,10,.7)), radial-gradient(circle at 68% 20%, #d0b17f, transparent 25%), linear-gradient(135deg,#30443b,#0c1712); position: relative; overflow: hidden; }
    .ashcombe-image::before { content: ''; position: absolute; width: 76%; height: 29%; left: 13%; bottom: 19%; border-radius: 60% 45% 19% 19%; background: linear-gradient(180deg,#161a18,#060807); box-shadow: 0 18px 24px rgba(0,0,0,.45); }
    .ashcombe-image::after { content: 'LONDON · PRIVATE CHAUFFEUR'; position: absolute; right: 18px; bottom: 16px; color: rgba(255,255,255,.72); font-size: .47rem; letter-spacing: .11em; }

    .lali-window { background: #e8dcc8; color: #253129; }
    .lali-body { min-height: 295px; position: relative; padding: 21px; background: linear-gradient(180deg,rgba(35,52,42,.06),transparent), #e8dcc8; }
    .lali-nav { display: flex; justify-content: space-between; align-items: center; font-size: .58rem; font-weight: 900; letter-spacing: .08em; }
    .lali-nav b { color: #c6502f; }
    .lali-title { width: 73%; margin-top: 26px; font-family: Georgia, serif; font-size: clamp(2.2rem, 4vw, 3.6rem); line-height: .88; letter-spacing: -.065em; font-weight: 500; position: relative; z-index: 2; }
    .lali-title em { color: #c6502f; font-style: normal; }
    .lali-copy { width: 57%; margin-top: 14px; color: #4d5951; font-size: .56rem; line-height: 1.65; position: relative; z-index: 2; }
    .lali-landmark { position: absolute; width: 47%; height: 66%; right: 18px; bottom: 16px; border-radius: 120px 120px 14px 14px; background: radial-gradient(circle at 55% 20%,#e5a46b,transparent 20%), linear-gradient(160deg,#8a4e32,#3c2d28); overflow: hidden; }
    .lali-landmark::before { content: ''; position: absolute; inset: 20% 24% 0; border: 10px solid rgba(34,25,21,.72); border-bottom: 0; border-radius: 48px 48px 0 0; }
    .lali-pill { display: inline-flex; margin-top: 18px; padding: 8px 10px; border-radius: 999px; background: #263e32; color: #fff; font-size: .5rem; font-weight: 700; position: relative; z-index: 2; }

    .airowed-window { background: #f4f7ff; color: #14213d; }
    .airowed-body { min-height: 295px; padding: 21px; background: radial-gradient(circle at 88% 18%,rgba(21,94,239,.15),transparent 28%), #f4f7ff; position: relative; }
    .airowed-nav { display: flex; justify-content: space-between; align-items: center; font-size: .58rem; font-weight: 700; }
    .airowed-nav span { color: #155eef; }
    .airowed-chip { display: inline-flex; margin-top: 28px; padding: 7px 9px; border-radius: 999px; background: #e2eaff; color: #1246c4; font-size: .48rem; font-weight: 900; }
    .airowed-body h4 { width: 78%; margin: 14px 0 0; font-size: clamp(2rem, 4vw, 3.4rem); line-height: .91; letter-spacing: -.065em; }
    .airowed-body p { width: 64%; margin: 13px 0 0; color: #667085; font-size: .55rem; line-height: 1.6; }
    .claim-box { position: absolute; right: 18px; bottom: 18px; width: 47%; padding: 13px; border: 1px solid #ccd8f5; border-radius: 13px; background: rgba(255,255,255,.92); box-shadow: 0 15px 30px rgba(21,94,239,.12); }
    .claim-box b { display: block; font-size: .56rem; }
    .claim-line { height: 7px; margin-top: 8px; border-radius: 999px; background: #eef2fb; }
    .claim-line.rz-short { width: 64%; }
    .claim-button { margin-top: 10px; padding: 8px; border-radius: 8px; background: #155eef; color: #fff; text-align: center; font-size: .48rem; font-weight: 900; }

    .northline-window { background: #f3efe7; color: #173126; }
    .northline-body { min-height: 295px; padding: 21px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 15px; align-items: center; }
    .northline-mark { color: #173d30; font-size: .58rem; font-weight: 700; letter-spacing: .12em; }
    .northline-body h4 { margin: 18px 0 0; font-family: Georgia, serif; font-weight: 500; font-size: clamp(2rem, 4vw, 3.3rem); line-height: .9; letter-spacing: -.06em; }
    .northline-body p { margin: 13px 0 0; color: #5c6a62; font-size: .54rem; line-height: 1.65; }
    .northline-cta { display: inline-flex; margin-top: 16px; padding: 8px 10px; border-radius: 999px; background: #173d30; color: #fff; font-size: .48rem; font-weight: 900; }
    .northline-panel { min-height: 230px; padding: 15px; border-radius: 16px; background: #173d30; color: #fff; transform: rotate(2deg); box-shadow: 0 20px 35px rgba(23,61,48,.24); }
    .northline-panel small { color: #ff6a2b; font-size: .44rem; font-weight: 900; letter-spacing: .1em; }
    .northline-item { margin-top: 10px; padding: 11px; border-radius: 10px; background: rgba(255,255,255,.08); }
    .northline-item b { display: block; font-size: .52rem; }
    .northline-item span { display: block; margin-top: 3px; color: rgba(255,255,255,.74); font-size: .45rem; }

    .showcase-footer {
      margin-top: 20px;
      padding: 19px 22px;
      border: 1px solid var(--rz-line);
      border-radius: 17px;
      background: rgba(255,255,255,.58);
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
    }

    .showcase-footer p { margin: 0; color: var(--rz-ink-soft); font-size: .76rem; }
    .showcase-footer a { min-width: max-content; color: var(--rz-forest); font-size: .75rem; font-weight: 900; text-decoration: none; }

    .difference-section { padding: 105px 0; }
    .difference-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 64px; align-items: start; }
    .difference-copy { position: sticky; top: 120px; }
    .difference-copy h2 { margin: 9px 0 0; font-size: clamp(2.4rem, 4.5vw, 4.6rem); line-height: .98; letter-spacing: -.065em; }
    .difference-copy p { margin: 20px 0 0; color: var(--rz-ink-soft); line-height: 1.7; }

    .comparison { overflow: hidden; border: 1px solid var(--rz-line); border-radius: 24px; background: #fff; box-shadow: 0 22px 60px rgba(16,24,40,.06); }
    .comparison-head, .comparison-row { display: grid; grid-template-columns: 1fr 1fr; }
    .comparison-head > div { padding: 20px 22px; font-size: .75rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
    .comparison-head > div:last-child { background: var(--rz-forest); color: var(--rz-lime); }
    .comparison-row { border-top: 1px solid var(--rz-line); }
    .comparison-row > div { padding: 20px 22px; }
    .comparison-row > div:last-child { background: #f7faf5; border-left: 1px solid var(--rz-line); }
    .comparison-row b { display: block; font-size: .83rem; }
    .comparison-row span { display: block; margin-top: 5px; color: var(--rz-ink-soft); font-size: .75rem; line-height: 1.55; }
    .comparison-row > div:last-child b { color: var(--rz-forest); }

    .care-section { padding: 105px 0; background: #edf0e9; }
    .care-grid { display: grid; grid-template-columns: 1.04fr .96fr; gap: 18px; }

    .care-main {
      min-height: 460px;
      padding: clamp(28px, 5vw, 58px);
      border-radius: 26px;
      background: var(--rz-forest);
      color: #fff;
      position: relative;
      overflow: hidden;
    }

    .care-main::after {
      content: "";
      position: absolute;
      width: 390px;
      height: 390px;
      right: -155px;
      bottom: -185px;
      border-radius: 50%;
      border: 65px solid rgba(255,106,43,.92);
    }

    .care-main .section-kicker { color: var(--rz-lime); }
    .care-main h2 { margin: 11px 0 0; max-width: 690px; font-size: clamp(2.5rem, 5vw, 5.1rem); line-height: .95; letter-spacing: -.068em; }
    .care-main p { max-width: 620px; margin: 22px 0 0; color: rgba(255,255,255,.68); line-height: 1.7; }

    .care-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; max-width: 620px; margin-top: 34px; position: relative; z-index: 1; }
    .care-feature { padding: 15px; border: 1px solid rgba(255,255,255,.11); border-radius: 13px; background: rgba(255,255,255,.055); }
    .care-feature b { display: block; font-size: .8rem; }
    .care-feature span { display: block; margin-top: 4px; color: rgba(255,255,255,.57); font-size: .7rem; }

    .care-price {
      min-height: 460px;
      padding: 34px;
      border: 1px solid var(--rz-line);
      border-radius: 26px;
      background: #fff;
      display: flex;
      flex-direction: column;
    }

    .price-label { color: var(--rz-forest); font-size: .72rem; font-weight: 920; letter-spacing: .1em; text-transform: uppercase; }
    .price-number { margin-top: 18px; font-size: clamp(4.5rem, 8vw, 7.5rem); line-height: .82; letter-spacing: -.09em; font-weight: 700; }
    .price-number small { font-size: .78rem; letter-spacing: 0; font-weight: 800; color: var(--rz-ink-soft); }
    .care-price > p { margin: 24px 0 0; color: var(--rz-ink-soft); font-size: .84rem; line-height: 1.65; }
    .price-list { margin: 23px 0 0; padding: 0; list-style: none; display: grid; gap: 11px; }
    .price-list li { display: flex; align-items: flex-start; gap: 9px; color: var(--rz-ink-soft); font-size: .78rem; }
    .price-button { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 17px; border-radius: 12px; background: var(--rz-forest); color: #fff; text-decoration: none; font-size: .8rem; font-weight: 900; }
    .price-button span:last-child { color: var(--rz-lime); }

    .pricing-section { padding: 105px 0; }
    .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }

    .price-card {
      min-height: 500px;
      padding: 28px;
      border: 1px solid var(--rz-line);
      border-radius: 23px;
      background: #fff;
      display: flex;
      flex-direction: column;
      position: relative;
    }

    .price-card.rz-featured { background: var(--rz-forest-2); color: #fff; border-color: var(--rz-forest-2); box-shadow: var(--rz-shadow); }
    .recommended { position: absolute; right: 20px; top: 20px; padding: 7px 9px; border-radius: 999px; background: var(--rz-lime); color: #102318; font-size: .62rem; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
    .price-card .price-label { font-size: .67rem; }
    .price-card.rz-featured .price-label { color: var(--rz-lime); }
    .price-card h3 { margin: 13px 0 0; font-size: 1.55rem; letter-spacing: -.04em; }
    .price-card .amount { margin-top: 24px; font-size: 3.9rem; line-height: .9; letter-spacing: -.07em; font-weight: 700; }
    .price-card .amount small { font-size: .73rem; color: var(--rz-ink-soft); letter-spacing: 0; }
    .price-card.rz-featured .amount small { color: rgba(255,255,255,.55); }
    .price-card > p { margin: 18px 0 0; color: var(--rz-ink-soft); font-size: .81rem; line-height: 1.6; }
    .price-card.rz-featured > p { color: rgba(255,255,255,.65); }
    .price-card ul { margin: 24px 0 0; padding: 0; list-style: none; display: grid; gap: 11px; }
    .price-card li { display: flex; gap: 9px; color: var(--rz-ink-soft); font-size: .76rem; }
    .price-card.rz-featured li { color: rgba(255,255,255,.72); }
    .price-card .card-cta { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border: 1px solid var(--rz-line); border-radius: 11px; color: var(--rz-ink); text-decoration: none; font-size: .78rem; font-weight: 900; }
    .price-card.rz-featured .card-cta { border-color: var(--rz-lime); background: var(--rz-lime); color: #102318; }

    .final-section { padding: 30px 0 95px; }

    .final-card {
      overflow: hidden;
      border-radius: 29px;
      background: var(--rz-forest-2);
      color: #fff;
      display: grid;
      grid-template-columns: 1.06fr .94fr;
      min-height: 490px;
    }

    .final-copy { padding: clamp(35px, 6vw, 72px); }
    .final-copy .section-kicker { color: var(--rz-lime); }
    .final-copy h2 { margin: 13px 0 0; max-width: 690px; font-size: clamp(3rem, 6vw, 6.5rem); line-height: .89; letter-spacing: -.074em; }
    .final-copy p { max-width: 570px; margin: 25px 0 0; color: rgba(255,255,255,.66); line-height: 1.7; }

    .final-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 30px; }
    .primary-button, .secondary-button { display: inline-flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 18px; border-radius: 11px; text-decoration: none; font-size: .8rem; font-weight: 920; }
    .primary-button { background: var(--rz-lime); color: #102318; }
    .secondary-button { border: 1px solid rgba(255,255,255,.17); color: #fff; }

    .final-visual {
      padding: 25px;
      display: grid;
      place-items: center;
      background:
        radial-gradient(circle at 50% 50%, rgba(255,106,43,.18), transparent 35%),
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
      background-size: auto, 42px 42px, 42px 42px;
      position: relative;
    }

    .system-orbit {
      width: min(340px, 72vw);
      aspect-ratio: 1;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 50%;
      position: relative;
      animation: rotate 24s linear infinite;
    }

    .system-orbit::before, .system-orbit::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.10); border-radius: 50%; }
    .system-orbit::before { inset: 48px; }
    .system-orbit::after { inset: 96px; }

    .system-core {
      position: absolute;
      inset: 50%;
      width: 100px;
      height: 100px;
      margin: -50px;
      border-radius: 31px;
      background: var(--rz-lime);
      color: var(--rz-forest-2);
      display: grid;
      place-items: center;
      font-size: 1.45rem;
      font-weight: 700;
      letter-spacing: -.06em;
      transform: rotate(-8deg);
      box-shadow: 0 22px 60px rgba(0,0,0,.28);
    }

    .orbit-node {
      position: absolute;
      min-width: 83px;
      padding: 9px 11px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 10px;
      background: rgba(15,45,35,.92);
      color: rgba(255,255,255,.76);
      text-align: center;
      font-size: .65rem;
      font-weight: 700;
      animation: counter-rotate 24s linear infinite;
    }

    .node-1 { top: -10px; left: 50%; transform: translateX(-50%); }
    .node-2 { right: -27px; top: 50%; transform: translateY(-50%); }
    .node-3 { bottom: -10px; left: 50%; transform: translateX(-50%); }
    .node-4 { left: -27px; top: 50%; transform: translateY(-50%); }

    @keyframes rotate { to { transform: rotate(360deg); } }
    @keyframes counter-rotate { to { rotate: -360deg; } }

    footer { padding: 0 0 35px; color: var(--rz-ink-soft); font-size: .75rem; }
    .footer-row { display: flex; justify-content: space-between; gap: 20px; padding-top: 24px; border-top: 1px solid var(--rz-line); }

    [hidden] { display: none !important; }

    @media (max-width: 1040px) {
      .rz-hero-grid { grid-template-columns: 1fr; }
      .hero-copy-wrap { max-width: 790px; }
      .factory-wrap { width: min(100%, 700px); }
      .board-grid { grid-template-columns: 275px minmax(0,1fr); }
      .output-grid { grid-template-columns: 1fr; }
      .output-stack { grid-template-columns: 1fr 1fr; }
      .app-card { min-height: 330px; }
      .difference-grid { grid-template-columns: 1fr; gap: 34px; }
      .difference-copy { position: static; max-width: 700px; }
      .care-grid { grid-template-columns: 1fr; }
      .pricing-grid { grid-template-columns: 1fr 1fr; }
      .price-card:last-child { grid-column: 1 / -1; min-height: 400px; }
      .final-card { grid-template-columns: 1fr; }
      .final-visual { min-height: 420px; }
    }

    @media (max-width: 780px) {
      .rz-shell { width: min(calc(100% - 28px), var(--rz-max)); }
      .rz-topbar .rz-nav { min-height: 68px; }
      .menu-button { display: grid; place-items: center; }
      .nav-right {
        display: none;
        position: absolute;
        top: 68px;
        left: 14px;
        right: 14px;
        padding: 12px;
        border: 1px solid var(--rz-line);
        border-radius: 15px;
        background: #fff;
        box-shadow: var(--rz-shadow);
        align-items: stretch;
        flex-direction: column;
      }
      .nav-right.rz-open { display: flex; }
      .nav-link, .nav-cta { justify-content: center; text-align: center; }
      .rz-hero { padding-top: 50px; }
      h1 { font-size: clamp(3.05rem, 15vw, 5rem); }
      .rz-hero h1 em { white-space: normal; }
      .proof-row { grid-template-columns: 1fr; gap: 13px; }
      .rz-proof { display: grid; grid-template-columns: 95px 1fr; align-items: baseline; }
      .rz-proof span { margin: 0; }
      .factory-wrap::before { inset: -11px 14px 13px -8px; }
      .factory-body { padding: 23px; }
      .idea-form { grid-template-columns: 1fr; }
      .manufacture-btn { width: 100%; }
      .section-head { display: block; }
      .section-head p { margin-top: 17px; }
      .board-grid { grid-template-columns: 1fr; }
      .blueprint-column { border-right: 0; border-bottom: 1px solid var(--rz-line); }
      .board-foot { grid-template-columns: 1fr; }
      .launch-card { grid-template-columns: 1fr; align-items: start; }
      .launch-link { justify-self: start; }
      .output-stack { grid-template-columns: 1fr; }
      .demo-hero { grid-template-columns: 1fr; }
      .demo-image { min-height: 280px; }
      .browser-card { min-height: auto; }
      .website-demo { min-height: auto; }
      .app-card { grid-template-columns: 1fr 150px; }

      .showcase-toolbar { align-items: flex-start; flex-direction: column; }
      .showcase-card, .showcase-card.rz-featured { grid-column: span 12; }
      .showcase-card.rz-featured .showcase-preview { min-height: 390px; }
      .project-copy { grid-template-columns: 1fr; }
      .project-tags { justify-content: flex-start; }
      .ashcombe-hero { grid-template-columns: 1fr; }
      .ashcombe-image { min-height: 210px; margin: 0 13px 13px; }
      .comparison-head, .comparison-row { grid-template-columns: 1fr; }
      .comparison-head > div:first-child { display: none; }
      .comparison-row > div:first-child { padding-bottom: 12px; }
      .comparison-row > div:last-child { border-left: 0; border-top: 1px dashed var(--rz-line); }
      .pricing-grid { grid-template-columns: 1fr; }
      .price-card:last-child { grid-column: auto; }
      .care-features { grid-template-columns: 1fr; }
      .footer-row { flex-direction: column; }
    }

    @media (max-width: 540px) {

      .showcase-preview, .showcase-card.rz-featured .showcase-preview { min-height: 330px; }
      .ashcombe-text { padding: 34px 22px 26px; }
      .ashcombe-links { display: none; }
      .lali-title, .airowed-body h4 { width: 100%; }
      .lali-copy, .airowed-body p { width: 72%; }
      .lali-landmark { opacity: .58; }
      .claim-box { width: 52%; }
      .northline-body { grid-template-columns: 1fr; }
      .northline-panel { min-height: 170px; }
      .showcase-footer { align-items: flex-start; flex-direction: column; }
      .factory-scope { grid-template-columns: 1fr; }
      .board-top { align-items: flex-start; }
      .board-meta { display: none; }
      .stages-toolbar { align-items: flex-start; flex-direction: column; }
      .stage-button { grid-template-columns: 34px 1fr; }
      .stage-state { grid-column: 2; }
      .stage-detail { padding-left: 16px; }
      .artifact-strip { grid-template-columns: 1fr; }
      .app-card { grid-template-columns: 1fr; }
      .rz-phone { width: 170px; justify-self: center; }
      .final-copy { padding: 34px 24px; }
      .final-visual { min-height: 365px; }
      .system-orbit { width: 270px; }
      .node-2 { right: -10px; }
      .node-4 { left: -10px; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    }


/* Family re-theme (2026-08-14): tokens only, aimed at the LIVE design system.
   The page carries two generations of CSS; the visible one is the light "rz-"
   set declared late in the main sheet, so overriding the old dark tokens
   changed nothing a visitor sees. These land after the whole sheet and win.
   --rz-lime-soft/-deep were leftover greens beside the already-orange accent;
   --rz-forest* tint the dark panels, re-pointed at the family navy. */
:root{
  --rz-paper:#f4f5f1;
  --rz-ink:#071a35;
  --rz-ink-soft:#607087;
  --rz-line:#d9e0e8;
  --rz-line-strong:#b8c3d0;
  --rz-lime-soft:#ffe5d8;
  --rz-lime-deep:#d94e14;
  --rz-forest:#0a1d36;
  --rz-forest-2:#06152a;
  --rz-forest-3:#12305b;
  --rz-blue:#176ff2;
  --rz-shadow:0 24px 70px rgba(7,26,53,.10);
}
/* 2026 identity pass: one deliberate visual language for the marketing shell.
   The factory application keeps its established tokens and IDs underneath. */
:root{
  --rz-paper:#f7f4ee;
  --rz-surface:#fffdfa;
  --rz-ink:#111827;
  --rz-ink-soft:#556070;
  --rz-line:#ddd8cf;
  --rz-line-strong:#b9b2a7;
  --rz-lime:#ff4d6d;
  --rz-lime-soft:#ffe1e7;
  --rz-lime-deep:#d92750;
  --rz-forest:#111827;
  --rz-forest-2:#0b1220;
  --rz-forest-3:#1c2940;
  --rz-orange:#ff4d6d;
  --rz-orange-soft:#ffe8ec;
  --rz-blue:#4f6cff;
  --rz-shadow:0 24px 70px rgba(17,24,39,.12);
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Consolas,monospace;
  --sans:'Manrope',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
body{font-family:var(--sans);background:var(--rz-paper);letter-spacing:-.008em}

/* Umbrella routing remains visible without competing with the product nav. */
.family-rail{border-bottom:1px solid rgba(17,24,39,.09);background:#111827;color:#c9d0dc}
.family-rail-inner{width:min(calc(100% - 40px),1400px);min-height:38px;margin-inline:auto;display:flex;align-items:center;gap:20px;font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.family-home{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;white-space:nowrap}
.family-home::before{content:'';width:7px;height:7px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 0 4px rgba(255,77,109,.14)}
.family-rail nav{display:flex;align-items:center;gap:4px;overflow:auto;scrollbar-width:none}
.family-rail nav::-webkit-scrollbar{display:none}
.family-rail nav a{padding:7px 9px;border-radius:6px;text-decoration:none;white-space:nowrap}
.family-rail nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.family-rail nav a[aria-current=page]{background:#ff4d6d;color:#111827;font-weight:800}
.family-rail-cta{margin-left:auto;color:#fff;text-decoration:none;white-space:nowrap}
.family-rail-cta:hover{color:#ff8ca0}

.rz-topbar{background:rgba(247,244,238,.90);border-color:rgba(17,24,39,.09)}
.rz-topbar .rz-shell{width:min(calc(100% - 40px),1400px)}
.rz-nav{min-height:70px}
.rz-brand{min-width:154px}
.brand-logo{width:154px;height:auto;overflow:visible}
.brand-txt{display:none}
.nav-link{font-weight:700;color:#566171}
.nav-link:hover{background:#fff;color:#111827}
.nav-cta,#startBuildBtn{background:#111827!important;color:#fff!important;border-radius:9px!important;box-shadow:none!important}
.nav-cta:hover,#startBuildBtn:hover{background:#ff4d6d!important;color:#111827!important}
.nav-cta span{color:#ff4d6d}
.nav-cta:hover span{color:#111827}

main{overflow:clip}
.rz-hero{position:relative;padding:88px 0 76px;border-bottom:1px solid var(--rz-line);background:
  linear-gradient(rgba(17,24,39,.032) 1px,transparent 1px),
  linear-gradient(90deg,rgba(17,24,39,.032) 1px,transparent 1px);
  background-size:48px 48px}
.rz-hero::after{content:'';position:absolute;width:480px;height:480px;left:-330px;top:-280px;border:70px solid rgba(255,77,109,.12);border-radius:50%;pointer-events:none}
.rz-eyebrow{color:#111827;font:600 .71rem/1 var(--mono);letter-spacing:.13em}
.rz-eyebrow::before{background:#ff4d6d;height:3px}
.rz-hero h1{max-width:720px;font-weight:800;letter-spacing:-.075em}
.rz-hero h1 em{color:#111827}
.rz-hero h1 em::after{height:.13em;bottom:.02em;border-radius:0;background:#ff4d6d;transform:none}
.rz-hero-copy{max-width:620px;color:#4f5968;font-size:clamp(1rem,1.35vw,1.16rem)}
.proof-row{border-color:#cfc8be}
.rz-proof strong{font-weight:800}
.rz-proof span{color:#687384}

.factory-wrap::before{inset:-14px 24px 18px -14px;border-radius:26px;background:#ff4d6d;transform:rotate(-1.2deg);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
.factory-card{border-radius:22px;background:#0b1220;box-shadow:0 28px 90px rgba(17,24,39,.24);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.factory-top{font-family:var(--mono)}
.factory-label{color:#ff7f96}
.live-dot{background:#ff4d6d;box-shadow:0 0 0 5px rgba(255,77,109,.12)}
.factory-card h2{font-weight:700;letter-spacing:-.05em}
.idea-form:focus-within{border-color:#ff4d6d;box-shadow:0 0 0 3px rgba(255,77,109,.22)}
.manufacture-btn{background:#ff4d6d!important;color:#111827!important;font-weight:800!important}
.manufacture-btn:hover{background:#ff7891!important}
.link-button{color:#ff8ca0}

.section-kicker,.price-label{color:#d92750}
.section-head h2,.difference-copy h2,.care-main h2,.final-copy h2{font-weight:800}
.workflow-section,.outputs-section,.pricing-section{background:var(--rz-paper)}
.production-board,.browser-card,.app-card,.brand-card,.price-card,.care-price{background:var(--rz-surface)}
.care-section{background:#efebe4}
.care-main,.final-card{background:#111827}
.care-main::after{border-color:#ff4d6d}
.care-main .section-kicker,.final-copy .section-kicker{color:#ff8399}
.price-button,.primary-button{background:#ff4d6d!important;color:#111827!important;border:0!important}
.price-button:hover,.primary-button:hover{background:#ff7891!important}
.price-button span:last-child{color:#111827}
.comparison-row>div:last-child{background:#fff4f6}
.comparison-row>div:last-child b{color:#c81f47}

.price-card{border-radius:18px}
.price-card.rz-featured{background:#111827;border-color:#111827;box-shadow:0 26px 80px rgba(17,24,39,.18)}
.recommended{background:#ff4d6d;color:#111827}
.price-card.rz-featured .price-label{color:#ff8ca0}
.price-card.rz-featured .card-cta{background:#ff4d6d;border-color:#ff4d6d;color:#111827}
.price-card:not(.rz-featured) .card-cta:hover{border-color:#111827;background:#111827;color:#fff}

.final-card{border-radius:22px;clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}
.final-visual{background:
  radial-gradient(circle at 50% 50%,rgba(255,77,109,.18),transparent 35%),
  linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}
.system-core{border-radius:17px;background:#ff4d6d;color:#111827}
.orbit-node{background:rgba(11,18,32,.94)}

#factory-floor{scroll-margin-top:84px}
.intake-panel,.station{background:#111827!important;border-color:rgba(255,77,109,.18)!important}
.wrap input,.wrap textarea,.wrap select{border-color:rgba(255,77,109,.2)}
#production-status .mstep.run{border-color:rgba(255,77,109,.48);background:rgba(255,77,109,.10)}
#production-status .mstep.run .mk,#production-status .mstep.done .mk,#production-status .mstep.run .st{color:#ff7990}

footer .footer-brand{display:inline-flex;align-items:center;gap:9px;color:#111827;font-weight:800}
footer .footer-brand::before{content:'';width:9px;height:9px;border-radius:50%;background:#ff4d6d}

@media(max-width:780px){
  .family-rail-inner{width:100%;padding:0 14px;gap:10px}
  .family-home{font-size:0}
  .family-home::after{content:'ERMAZ';font-size:10px}
  .family-rail-cta{display:none}
  .rz-topbar .rz-shell{width:calc(100% - 28px)}
  .brand-logo{width:136px}
  .rz-hero{padding:56px 0 58px}
  .rz-hero::after{display:none}
  .factory-wrap::before{inset:-9px 10px 12px -7px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .system-orbit,.orbit-node{animation:none!important}
}