:root{
    --bg:#070D10; --panel:#0D1518; --panel-2:#101A1E; --raise:#15222699;
    --ink:#F2F5F4; --muted:#8FA0A0; --dim:#5C6E6E;
    --hairline:rgba(242,245,244,.08); --hairline-2:rgba(242,245,244,.16);
    --air:#00D49C; --teal:#00AD92; --aqua:#00879F; --oasis:#D0F94A; --jade:#12BF7B;
    --coral:#FF6B57; --amber:#E3B54A; --ice:#C5ECFF;
    --grad:linear-gradient(135deg,#D0F94A 0%,#00D49C 55%,#00879F 100%);
    --paper:#FBFAF8; --paper-ink:#141817; --paper-muted:#5F6B66; --paper-line:rgba(20,24,23,.12);
    --code-bg:rgba(4,8,9,.92);
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
  body{margin:0; background:var(--bg); color:var(--ink);
    font-family:"Manrope",system-ui,-apple-system,sans-serif; font-size:16.5px; line-height:1.6;
    -webkit-font-smoothing:antialiased; overflow-x:hidden}
  a{color:inherit; text-decoration:none}
  a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--air); outline-offset:3px}
  .wrap{max-width:1280px; margin:0 auto; padding:0 clamp(20px,4vw,64px)}
  .mono{font-family:"JetBrains Mono",ui-monospace,monospace}
  ::selection{background:rgba(0,212,156,.30)}

  /* ---------- FIELD + PROGRESS ---------- */
  #bgfield{position:fixed; inset:0; width:100vw; height:100vh; z-index:0; pointer-events:none}
  .site{position:relative; z-index:1}
  #pbar{position:fixed; top:0; left:0; height:2px; width:0; background:var(--grad); z-index:100; transition:width .12s linear}

  /* ---------- NAV ---------- */
  nav{position:sticky; top:0; z-index:80; background:rgba(7,13,16,.72); backdrop-filter:blur(16px); border-bottom:1px solid var(--hairline)}
  .navrow{display:flex; align-items:center; justify-content:space-between; height:64px; gap:14px}
  .brand{display:flex; align-items:center; gap:10px; flex-shrink:0}
  .mk{width:22px; height:22px; color:var(--ink)}
  .wordmark{font-family:"Space Grotesk",sans-serif; font-weight:600; font-size:16.5px; letter-spacing:.14em; text-transform:uppercase}
  .navlinks{display:flex; align-items:center; gap:2px; font-size:14.5px}
  .navlinks a{color:var(--muted); padding:7px 13px; border-radius:999px; white-space:nowrap}
  .navlinks a:hover{color:var(--ink); background:rgba(242,245,244,.06)}
  .navlinks a.on{color:var(--ink); background:rgba(242,245,244,.07)}
  .navend{display:flex; align-items:center; gap:8px; flex-shrink:0}
  @media(max-width:1040px){
    .navrow{height:auto; flex-wrap:wrap; padding-top:9px; padding-bottom:9px; gap:8px}
    .navend{margin-left:auto}
    .navlinks{order:3; flex-basis:100%; gap:2px; font-size:13.5px; overflow-x:auto; scrollbar-width:none;
              border-top:1px solid var(--hairline); padding-top:7px; margin-top:1px}
    .navlinks::-webkit-scrollbar{display:none}
    .navlinks a{padding:6px 10px}
  }
  .lang{display:flex; border:1px solid var(--hairline-2); border-radius:999px; overflow:hidden; margin-left:6px}
  .lang a{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10.5px; letter-spacing:.1em; padding:7px 11px; background:none; border:none; color:var(--dim); cursor:pointer}
  .lang a.on{background:var(--air); color:#04140C; font-weight:600}

  /* ---------- BUTTONS ---------- */
  .btn{position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:8px; padding:12px 24px; font-weight:600; font-size:14.5px;
       border:1px solid transparent; background:var(--grad); color:#04140C; cursor:pointer; border-radius:999px;
       transform:translate3d(var(--mx,0px),var(--my,0px),0); transition:transform .32s cubic-bezier(.2,.7,.2,1), filter .25s ease}
  .btn>*{position:relative; z-index:1}
  .btn:hover{filter:brightness(1.08)}
  .btn:active{transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(.985)}
  .btn.ghost{background:transparent; color:var(--ink); border-color:var(--hairline-2)}
  .btn.ghost:hover{background:rgba(242,245,244,.06); border-color:var(--air); filter:none}
  .btn.small{padding:9px 17px; font-size:13.5px}

  [data-page]{display:none} [data-page].live{display:block}

  /* ---------- SECTION SYSTEM ---------- */
  section{padding:clamp(80px,10vw,120px) 0; position:relative}
  section.tight{padding:clamp(48px,6vw,72px) 0}
  .hr{border-top:1px solid var(--hairline)}
  .seclabel{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--air); margin-bottom:16px; display:flex; align-items:center; gap:10px}
  .seclabel::before{content:""; width:22px; height:1px; background:var(--air)}
  .seclabel.am{color:var(--amber)} .seclabel.am::before{background:var(--amber)}
  .seclabel.cy{color:var(--aqua)} .seclabel.cy::before{background:var(--aqua)}
  h1{font-family:"Space Grotesk",sans-serif; font-weight:600; letter-spacing:-.02em; line-height:.94; text-transform:uppercase;
     font-size:clamp(42px,6.6vw,86px); margin:0 0 26px; text-wrap:balance}
  h1 .ln{display:block; overflow:hidden; padding-bottom:.14em; margin-bottom:-.14em}
  h1 .ln span{display:block; transform:translateY(110%); animation:rise .8s cubic-bezier(.2,.65,.2,1) forwards}
  h1 .ln:nth-child(2) span{animation-delay:.12s}
  h1 .ln:nth-child(3) span{animation-delay:.24s}
  @keyframes rise{to{transform:none}}
  @media (prefers-reduced-motion: reduce){ h1 .ln span{transform:none; animation:none} }
  h1 em{font-style:normal; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent}
  h1.pt, h2{font-family:"Space Grotesk",sans-serif; font-weight:600; letter-spacing:-.015em; font-size:clamp(28px,3.6vw,44px); line-height:1.04; margin:0 0 18px; text-wrap:balance; text-transform:none}
  h1.pt{text-transform:none}
  h2 b, h1.pt b{font-weight:600; color:var(--air)}
  h3{font-family:"Space Grotesk",sans-serif; font-weight:600; font-size:19px; margin:0 0 8px; letter-spacing:-.01em}
  .lede{color:var(--muted); font-size:17px; max-width:62ch; margin:0 0 40px}
  p{margin:0 0 13px}
  .serif{font-family:"Cormorant",Georgia,serif}
  .fineprint{font-size:13.5px; color:var(--dim); max-width:78ch}

  /* ---------- HERO ---------- */
  .hero{position:relative; border-bottom:1px solid var(--hairline); overflow:hidden}
  .herogrid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:56px; align-items:center; padding-top:104px; padding-bottom:112px}
  @media(max-width:960px){ .herogrid{grid-template-columns:1fr; padding-top:64px; padding-bottom:72px; gap:42px} }
  .eyebrow{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--air); margin-bottom:24px}
  .sub{font-size:18.5px; color:var(--muted); max-width:50ch; margin:0 0 36px}
  .sub b{color:var(--ink); font-weight:600}
  .ctarow{display:flex; flex-wrap:wrap; gap:13px}
  .heroright{will-change:transform; min-width:0}

  /* ---------- DISPATCH PANEL (hero) ---------- */
  .dispatch{background:var(--code-bg); border:1px solid var(--hairline-2); border-radius:16px; overflow:hidden;
            box-shadow:0 40px 90px -50px rgba(0,0,0,.9); backdrop-filter:blur(6px)}
  .dispatch .dhead{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 16px; border-bottom:1px solid var(--hairline)}
  .dispatch canvas{display:block; width:100%; height:236px}
  @media(max-width:600px){ .dispatch canvas{height:196px} }
  .ctitle{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--dim)}
  .pill{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; padding:3px 9px; border-radius:999px; border:1px solid currentColor}
  .pill.ok{color:var(--air)} .pill.wait{color:var(--amber)} .pill.live{color:var(--jade)}
  .dispatch .lgstream{height:118px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:6px 16px 10px}
  .lgline{display:grid; grid-template-columns:46px 1fr auto; gap:10px; padding:6px 0; border-bottom:1px dashed rgba(242,245,244,.06); font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11.6px; align-items:baseline}
  .lgline:last-child{border-bottom:none}
  .lgline .t{color:var(--dim)}
  .lgline .m{color:#BCCBC6; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .agn{color:var(--air); font-weight:500}
  .agn.h{color:var(--ice)} .agn.x{color:var(--coral)}
  .lgline .st{font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap}
  .st.ok{color:var(--air)} .st.wait{color:var(--amber)} .st.sig{color:var(--jade)} .st.stop{color:var(--coral)}
  .cap{font-size:11px; letter-spacing:.06em; color:var(--dim); margin:12px 2px 0}

  /* ---------- CONSOLE (code panels) ---------- */
  .console{background:var(--code-bg); border:1px solid var(--hairline-2); border-radius:14px; overflow:hidden;
           box-shadow:0 34px 80px -44px rgba(0,0,0,.85)}
  .chead{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; border-bottom:1px solid var(--hairline); background:rgba(242,245,244,.02)}
  .cbody{padding:14px 16px 16px; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:12.4px; line-height:1.72; color:#BCCBC6; overflow-x:auto}
  .cbody pre{margin:0; white-space:pre}
  .k{color:#5BC8DE} .s{color:#00D49C} .n2{color:#E3B54A} .c{color:#5C6E6E} .b{color:#F2F5F4; font-weight:600} .r{color:#FF6B57}
  .cfoot{display:flex; justify-content:space-between; align-items:baseline; padding:11px 16px; border-top:1px solid var(--hairline); font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim)}
  .cfoot b{font-family:"Space Grotesk",sans-serif; font-size:19px; letter-spacing:-.01em; color:var(--air); text-transform:none; font-variant-numeric:tabular-nums}
  .cbody::-webkit-scrollbar{height:8px} .cbody::-webkit-scrollbar-thumb{background:rgba(242,245,244,.14); border-radius:4px}

  /* ---------- CARDS / GRIDS ---------- */
  .g2{display:grid; grid-template-columns:repeat(2,1fr); gap:18px}
  .g3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
  .g4{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
  .g2>*,.g3>*,.g4>*,.dgrid>*,.prodbody>*,.steps>*,.traj>*{min-width:0}
  @media(max-width:980px){ .g4{grid-template-columns:repeat(2,1fr)} }
  @media(max-width:900px){ .g2,.g3{grid-template-columns:1fr} }
  @media(max-width:560px){ .g4{grid-template-columns:1fr} }
  .card{border:1px solid var(--hairline); background:rgba(242,245,244,.035); backdrop-filter:blur(9px); border-radius:16px;
        padding:24px 22px 20px; display:flex; flex-direction:column; gap:10px; position:relative; overflow:hidden;
        box-shadow:inset 0 1px rgba(255,255,255,.05);
        transition:border-color .3s ease, transform .3s ease, background .3s ease}
  .card:hover{border-color:var(--hairline-2); transform:translateY(-3px); background:rgba(242,245,244,.05)}
  .card p{margin:0; color:var(--muted); font-size:14.8px}
  .tag{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--air)}
  .tag.cy{color:var(--aqua)} .tag.am{color:var(--amber)} .tag.dm{color:var(--dim)} .tag.jd{color:var(--jade)}
  .meta{margin-top:auto; padding-top:14px; border-top:1px solid var(--hairline); display:flex; flex-wrap:wrap; gap:6px 18px; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11px; color:var(--dim); font-variant-numeric:tabular-nums}
  .meta b{color:var(--ink); font-weight:500}

  /* ---------- AGENT CARDS ---------- */
  .agrid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
  @media(max-width:1080px){ .agrid{grid-template-columns:repeat(2,1fr)} }
  @media(max-width:560px){ .agrid{grid-template-columns:1fr} }
  .acard{position:relative; border:1px solid var(--hairline); background:rgba(242,245,244,.03); border-radius:14px; padding:18px 18px 16px; min-width:0;
         transition:border-color .3s ease, background .3s ease}
  .acard:hover{border-color:rgba(0,212,156,.35); background:rgba(0,212,156,.045)}
  .acard .astat{position:absolute; top:18px; right:16px; width:7px; height:7px; border-radius:50%; background:var(--jade); animation:presence 10.4s ease-in-out infinite}
  .acard:nth-child(2n) .astat{animation-delay:-3.4s} .acard:nth-child(3n) .astat{animation-delay:-6.1s}
  @keyframes presence{0%,100%{opacity:.28; transform:scale(.92)} 50%{opacity:.72; transform:scale(1.08)}}
  @media (prefers-reduced-motion: reduce){ .acard .astat{animation:none; opacity:.6} }
  .acard .aid{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim); margin-bottom:10px}
  .acard h4{font-family:"Space Grotesk",sans-serif; font-size:16px; font-weight:600; margin:0 0 5px; letter-spacing:-.01em}
  .acard p{margin:0; font-size:13.6px; color:var(--muted); line-height:1.5}

  /* ---------- LAYERS (scroll section) ---------- */
  .layers{position:relative}
  .layerstage{display:grid; gap:14px}
  .layer{border:1px solid var(--hairline); background:rgba(242,245,244,.035); backdrop-filter:blur(9px); border-radius:16px; padding:22px 24px;
         display:grid; grid-template-columns:150px 1fr; gap:20px; align-items:start;
         box-shadow:inset 0 1px rgba(255,255,255,.05); opacity:.35; transform:translateY(26px) scale(.985);
         transition:opacity .55s ease, transform .55s cubic-bezier(.2,.8,.2,1), border-color .4s ease}
  .layer.on{opacity:1; transform:none}
  .layer.gv.on{border-color:rgba(0,212,156,.4)}
  @media(max-width:700px){ .layer{grid-template-columns:1fr; gap:8px} }
  .layer .lk{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--air); padding-top:3px}
  .layer.gv .lk{color:var(--oasis)}
  .layer h4{font-family:"Space Grotesk",sans-serif; font-size:17.5px; font-weight:600; margin:0 0 5px}
  .layer p{margin:0; color:var(--muted); font-size:14.8px}
  @media (prefers-reduced-motion: reduce){ .layer{opacity:1; transform:none} }

  /* ---------- OBLIGATIONS STRIP ---------- */
  .obl{display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--hairline); border-radius:16px; overflow:hidden; background:rgba(242,245,244,.03); backdrop-filter:blur(8px)}
  @media(max-width:980px){ .obl{grid-template-columns:repeat(2,1fr)} }
  @media(max-width:560px){ .obl{grid-template-columns:1fr} }
  .ob{padding:20px 20px 18px; border-left:1px solid var(--hairline); min-width:0}
  .ob:first-child{border-left:none}
  @media(max-width:980px){ .ob:nth-child(3){border-left:none} .ob:nth-child(n+3){border-top:1px solid var(--hairline)} }
  @media(max-width:560px){ .ob{border-left:none} .ob:nth-child(n+2){border-top:1px solid var(--hairline)} }
  .ob .when{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--air)}
  .ob .when.soon{color:var(--amber)} .ob .when.now{color:var(--jade)}
  .ob .txt{font-family:"Space Grotesk",sans-serif; font-weight:600; font-size:15px; margin:8px 0 5px; line-height:1.25}
  .ob .who{font-size:13px; color:var(--muted); line-height:1.5}

  /* ---------- EVIDENCE TILES ---------- */
  .evrow{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px}
  @media(max-width:860px){ .evrow{grid-template-columns:1fr} }
  .ev{border:1px solid var(--hairline); background:rgba(7,13,16,.5); border-radius:14px; padding:16px 16px 13px; min-width:0}
  .ev .n{font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:23px; letter-spacing:-.02em; font-variant-numeric:tabular-nums}
  .ev .n em{font-style:normal; color:var(--air)}
  .ev .t{font-size:12.8px; color:var(--muted); margin-top:4px; line-height:1.5}
  .ev a.s{display:inline-block; margin-top:9px; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim)}
  .ev a.s:hover{color:var(--air)}
  .evnote{font-size:11.5px; color:var(--dim); margin-top:10px; max-width:90ch}

  /* ---------- INDUSTRY STRIP ---------- */
  .inds{display:grid; grid-template-columns:repeat(5,1fr); gap:12px}
  @media(max-width:1080px){ .inds{grid-template-columns:repeat(2,1fr)} }
  @media(max-width:560px){ .inds{grid-template-columns:1fr} }
  .ind{display:block; border:1px solid var(--hairline); border-radius:14px; padding:18px 18px 16px; min-width:0; background:rgba(242,245,244,.03);
       transition:border-color .3s ease, transform .3s ease}
  .ind:hover{border-color:rgba(0,212,156,.35); transform:translateY(-3px)}
  .ind .ik{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim)}
  .ind h4{font-family:"Space Grotesk",sans-serif; font-size:15.5px; font-weight:600; margin:8px 0 4px}
  .ind p{margin:0; font-size:12.8px; color:var(--muted); line-height:1.45}

  /* ---------- PAPER SECTION ---------- */
  .paper{background:var(--paper); color:var(--paper-ink)}
  .paper .seclabel{color:var(--teal)} .paper .seclabel::before{background:var(--teal)}
  .paper h2{color:var(--paper-ink)}
  .paper .lede{color:var(--paper-muted)}
  .paper .pgrid{display:grid; grid-template-columns:1fr 1.05fr; gap:44px; align-items:center}
  @media(max-width:900px){ .paper .pgrid{grid-template-columns:1fr; gap:28px} }
  .paper .console{box-shadow:0 30px 70px -40px rgba(35,28,18,.35); border-color:rgba(20,24,23,.14)}
  .paper .plist{display:grid; gap:12px; margin-top:6px}
  .paper .plist div{display:flex; gap:10px; font-size:15px; color:var(--paper-muted)}
  .paper .plist b{color:var(--paper-ink); font-weight:600}
  .paper .plist span.dot{width:7px; height:7px; border-radius:50%; background:var(--jade); margin-top:7px; flex-shrink:0}
  .paper a.link{color:var(--teal); font-weight:600}

  /* ---------- CAPABILITY ROWS ---------- */
  .cap2{display:grid; grid-template-columns:170px 1fr; gap:26px; padding:22px 0; border-top:1px solid var(--hairline); align-items:start}
  @media(max-width:760px){ .cap2{grid-template-columns:1fr; gap:8px} }
  .cap2 .k{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--air); padding-top:3px}
  .cap2 h4{font-family:"Space Grotesk",sans-serif; font-size:17px; font-weight:600; margin:0 0 6px}
  .cap2 p{margin:0 0 6px; color:var(--muted); font-size:15px}
  .cap2 .why{font-size:13.5px; color:var(--dim)}
  .cap2 .why b{color:var(--muted); font-weight:500}

  /* ---------- PRODUCT PANELS (ported) ---------- */
  .tabs{position:relative; display:flex; gap:6px; border-bottom:1px solid var(--hairline); margin-bottom:36px; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; padding:12px 18px; color:var(--muted); background:none; border:none; border-bottom:2px solid transparent; cursor:pointer}
  .tab:hover{color:var(--ink)} .tab.on{color:var(--ink)}
  .tabs .ink{position:absolute; left:0; bottom:-1px; height:2px; width:0; background:var(--air); pointer-events:none;
             transform:translateX(0); transition:transform .34s cubic-bezier(.2,.7,.2,1), width .34s cubic-bezier(.2,.7,.2,1)}
  @media (prefers-reduced-motion: reduce){ .tabs .ink{transition:none} }
  [data-tabpane]{display:none} [data-tabpane].live{display:block}
  .prod{border:1px solid var(--hairline); background:rgba(242,245,244,.03); backdrop-filter:blur(8px); border-radius:18px; overflow:hidden; margin-bottom:28px}
  .prodhead{padding:30px 30px 24px; border-bottom:1px solid var(--hairline)}
  .prodname{display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin-bottom:10px}
  .prodname h3{font-family:"Space Grotesk",sans-serif; font-weight:600; font-size:27px; margin:0; letter-spacing:-.02em}
  .prodname .by{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10.5px; letter-spacing:.15em; text-transform:uppercase; color:var(--dim)}
  .prodhead p{color:var(--muted); max-width:76ch; margin:0}
  .prodbody{display:grid; grid-template-columns:1fr 1.06fr}
  @media(max-width:940px){ .prodbody{grid-template-columns:1fr} }
  .prodleft{padding:28px 30px; border-right:1px solid var(--hairline); min-width:0}
  @media(max-width:940px){ .prodleft{border-right:none; border-bottom:1px solid var(--hairline)} }
  .prodright{padding:28px 30px; display:grid; gap:18px; align-content:start; min-width:0}
  .agents{display:grid; gap:14px}
  .ag{display:grid; grid-template-columns:24px 1fr; gap:12px; align-items:start}
  .ag > div{min-width:0}
  .ag .dotc{width:8px; height:8px; border-radius:50%; margin-top:8px; background:var(--air)}
  .ag .dotc.cy{background:var(--aqua)} .ag .dotc.am{background:var(--amber)}
  .ag h4{font-family:"Space Grotesk",sans-serif; font-size:15.5px; font-weight:600; margin:0 0 3px}
  .ag p{margin:0; font-size:14.3px; color:var(--muted)}
  .facts{display:grid; gap:11px; margin-top:22px; padding-top:20px; border-top:1px solid var(--hairline)}
  .facts div{display:grid; grid-template-columns:132px 1fr; gap:12px; font-size:14.5px; align-items:start}
  @media(max-width:600px){ .facts div{grid-template-columns:1fr; gap:2px} }
  .facts .kk{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim); padding-top:3px}
  .facts .vv{color:var(--ink)} .facts .vv em{font-style:normal; color:var(--muted)}
  .wedge{border:1px solid var(--aqua); background:rgba(0,135,159,.07); border-radius:14px; padding:20px 22px; margin-top:20px}
  .wedge .wl{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:var(--ice)}
  .wedge h4{font-family:"Space Grotesk",sans-serif; font-size:16.5px; font-weight:600; margin:8px 0 6px}
  .wedge p{margin:0; color:var(--muted); font-size:14.6px}
  .band{display:flex; flex-wrap:wrap; gap:18px 28px; align-items:center; justify-content:space-between;
        border:1px solid rgba(0,212,156,.4); border-radius:18px; background:linear-gradient(110deg, rgba(0,212,156,.10), rgba(13,21,24,.9) 62%); padding:24px 26px}
  .band > div{min-width:0}
  .band .bt{font-family:"Space Grotesk",sans-serif; font-weight:600; font-size:19px; letter-spacing:-.01em}
  .band p{margin:5px 0 0; color:var(--muted); font-size:14.8px; max-width:74ch}
  .offer{position:relative; border:1px solid var(--hairline); background:rgba(242,245,244,.03); backdrop-filter:blur(8px); border-radius:18px; margin-bottom:24px; overflow:hidden}
  .offer.lead{border-color:rgba(0,212,156,.4)}
  .offer.lead::before{content:""; position:absolute; inset:0 0 auto 0; height:2px; background:var(--grad)}
  .ohead{padding:30px 30px 24px; border-bottom:1px solid var(--hairline)}
  .ohead .kicker{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--air); margin-bottom:10px}
  .ohead h3{font-family:"Space Grotesk",sans-serif; font-weight:600; font-size:26px; letter-spacing:-.02em; margin:0 0 10px}
  .ohead p{color:var(--muted); max-width:78ch; margin:0}
  .obody{padding:26px 30px 28px}
  .obody.split{display:grid; grid-template-columns:1fr 1.02fr; gap:0; padding:0}
  @media(max-width:940px){ .obody.split{grid-template-columns:1fr} }
  .obody.split > div{padding:26px 30px 28px; min-width:0}
  .obody.split > div:first-child{border-right:1px solid var(--hairline)}
  @media(max-width:940px){ .obody.split > div:first-child{border-right:none; border-bottom:1px solid var(--hairline)} }
  .brief{display:grid; gap:10px; margin-top:18px; padding-top:16px; border-top:1px solid var(--hairline)}
  .brief div{display:grid; grid-template-columns:150px 1fr; gap:12px; font-size:14.6px; align-items:start}
  @media(max-width:600px){ .brief div{grid-template-columns:1fr; gap:2px} }
  .brief .bk{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim); padding-top:3px}
  .brief .bv{color:var(--ink)} .brief .bv em{font-style:normal; color:var(--muted)}
  .steps{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:36px}
  .steps.four{grid-template-columns:repeat(4,1fr)}
  @media(max-width:1080px){ .steps.four{grid-template-columns:repeat(2,1fr)} }
  @media(max-width:900px){ .steps{grid-template-columns:1fr} }
  @media(max-width:640px){ .steps.four{grid-template-columns:1fr} }
  .step{position:relative; border:1px solid var(--hairline); background:rgba(242,245,244,.03); border-radius:14px; padding:22px 22px 20px}
  .step .num{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--air)}
  .step h3{font-size:16.5px; margin:9px 0 6px}
  .step p{margin:0; font-size:14.2px; color:var(--muted)}
  .step .when{margin-top:12px; padding-top:11px; border-top:1px solid var(--hairline); font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10.5px; color:var(--dim)}
  .detail{border-top:1px solid var(--hairline); padding-top:34px; margin-top:34px}
  .detail:first-of-type{border-top:none; padding-top:0; margin-top:0}
  .dgrid{display:grid; grid-template-columns:1fr 1fr; gap:36px}
  @media(max-width:880px){ .dgrid{grid-template-columns:1fr; gap:20px} }
  .dl{display:grid; gap:13px}
  .dl div{display:grid; grid-template-columns:128px 1fr; gap:13px; font-size:14.8px; align-items:start}
  @media(max-width:600px){ .dl div{grid-template-columns:1fr; gap:2px} }
  .dl .k2{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim); padding-top:3px}
  .dl .v2{color:var(--ink)} .dl .v2 em{font-style:normal; color:var(--muted)}
  .traj{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
  @media(max-width:980px){ .traj{grid-template-columns:repeat(2,1fr)} }
  @media(max-width:560px){ .traj{grid-template-columns:1fr} }
  .tj{border:1px solid var(--hairline); background:rgba(242,245,244,.03); border-radius:14px; padding:20px; position:relative; overflow:hidden}
  .tj.now{border-color:rgba(0,212,156,.45)}
  .tj.now::after{content:""; position:absolute; inset:0 0 auto 0; height:2px; background:var(--grad)}
  .tj .mono{font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim)}
  .tj h3{font-size:16px; margin:9px 0 6px}
  .tj p{margin:0; font-size:13.8px; color:var(--muted)}
  .creed p{font-family:"Cormorant",Georgia,serif; font-weight:500; font-size:clamp(26px,3.4vw,42px); line-height:1.18; letter-spacing:0; margin:0 0 24px; max-width:34ch; text-wrap:balance}
  .creed p em{font-style:italic; color:var(--air)}
  .ghostnum{position:absolute; right:2%; top:34px; font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:clamp(80px,12vw,170px); letter-spacing:-.04em; color:transparent; -webkit-text-stroke:1px rgba(242,245,244,.06); user-select:none; pointer-events:none; line-height:1}

  /* ---------- FORM ---------- */
  .cform{max-width:640px}
  .frow{display:grid; grid-template-columns:1fr 1fr; gap:0 16px}
  @media(max-width:640px){ .frow{grid-template-columns:1fr} }
  .field{margin-bottom:16px; min-width:0}
  label{display:block; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-bottom:6px}
  input,textarea,select{width:100%; padding:12px 14px; border:1px solid var(--hairline-2); background:rgba(7,13,16,.6); color:var(--ink); font-family:inherit; font-size:15px; border-radius:10px}
  textarea{min-height:118px; resize:vertical}
  .hp{position:absolute; left:-9999px}

  /* ---------- LEGAL ---------- */
  .legal{max-width:78ch}
  .legal h3{margin:38px 0 10px; font-size:19px}
  .legal p, .legal li{color:var(--muted); font-size:15.2px}
  .legal ul{padding-left:20px; display:grid; gap:7px; margin:10px 0}
  .legal .todo{border-left:2px solid var(--amber); background:rgba(227,181,74,.07); border-radius:0 10px 10px 0; padding:12px 16px; margin:14px 0; font-size:14.4px; color:var(--ink)}
  .legal table{width:100%; border-collapse:collapse; margin:14px 0; font-size:14.2px}
  .legal th,.legal td{text-align:left; padding:9px 12px; border-bottom:1px solid var(--hairline); vertical-align:top}
  .legal th{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10px; letter-spacing:.13em; text-transform:uppercase; color:var(--dim); font-weight:500}
  .legal td{color:var(--muted)} .legal td:first-child{color:var(--ink)}
  .tocrow{display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 6px}
  .tocrow a{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); border:1px solid var(--hairline); border-radius:999px; padding:7px 14px}
  .tocrow a:hover{color:var(--ink); border-color:var(--air)}

  /* ---------- FOOTER ---------- */
  footer{border-top:1px solid var(--hairline); padding:44px 0 54px; font-size:14px; color:var(--muted); background:rgba(7,13,16,.85)}
  .footrow{display:flex; flex-wrap:wrap; gap:16px 32px; justify-content:space-between; align-items:baseline}
  .footlinks{display:flex; flex-wrap:wrap; gap:20px}
  .footlinks a:hover{color:var(--ink)}
  .fine{margin-top:22px; font-size:12.5px; color:var(--dim); display:flex; flex-wrap:wrap; gap:6px 20px}

  /* ---------- REVEALS / TRANSITIONS ---------- */
  [data-page].live{animation:pgin .5s cubic-bezier(.2,.65,.2,1) both}
  @keyframes pgin{from{opacity:0; transform:translateY(12px)} to{opacity:1; transform:none}}
  @media (prefers-reduced-motion: reduce){ [data-page].live{animation:none} }
  .rv{opacity:0; transform:translateY(20px); transition:opacity 1s cubic-bezier(.2,.8,.2,1), transform 1s cubic-bezier(.2,.8,.2,1)}
  .rv.in{opacity:1; transform:none}
  .rv.d1{transition-delay:.1s} .rv.d2{transition-delay:.2s} .rv.d3{transition-delay:.3s}
  @media (prefers-reduced-motion: reduce){ .rv{opacity:1; transform:none; transition:none} }

  .lang a{display:inline-block; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:10.5px;
          letter-spacing:.1em; padding:7px 11px; color:var(--dim); text-decoration:none}
  .lang a.on{background:var(--air); color:#04140C; font-weight:600}
  .fstate{margin-top:14px; font-size:14.5px; display:none}
  .fstate.ok{display:block; color:var(--air)} .fstate.err{display:block; color:var(--coral)}