:root{
    --void:#07070F; --deck:#0D0D1C; --panel:#141428; --panel-2:#1B1B36;
    --line:#26264A; --line-strong:#3A3A6A;
    --ink:#EEF0FF; --ink-2:#A3A8C8; --ink-3:#8088AD;
    --cyan:#2EF2F0; --cyan-deep:#168A9E; --violet:#A862F5; --violet-ink:#C08CFF;
    --fps:#2EF2F0; --nba:#FFB020; --forge:#A862F5;
    --ok:#3CF08A; --hit:#FF3D6E;
    --prism:linear-gradient(100deg,#2EF2F0 0%,#7C8CFF 50%,#A862F5 100%);
    --accent:var(--fps); --accent-dark:#04141A;
    --ease-lock:cubic-bezier(.22,1,.36,1); --ease-snap:cubic-bezier(.5,0,.1,1);
  }
  [data-mod="nba"]{ --accent:var(--nba); --accent-dark:#1A0F00; }
  html,body{background:var(--void);color:var(--ink);}
  body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
  .font-display{font-family:"Chakra Petch",Inter,sans-serif}
  .font-mono{font-family:"JetBrains Mono",ui-monospace,monospace}
  .eyebrow{font:700 .72rem/1.5 "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);transition:color .4s}
  .prism-text{background:var(--prism);-webkit-background-clip:text;background-clip:text;color:transparent}

  .hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
  .hero-bg::before{content:"";position:absolute;inset:-1px;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:48px 48px;
    -webkit-mask-image:radial-gradient(70% 60% at 60% 35%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 60% at 60% 35%,#000 20%,transparent 75%)}
  .glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.38;transition:background .6s}
  .glow.a{width:560px;height:420px;right:4%;top:22%;background:var(--accent);opacity:.16;filter:blur(110px)}
  .glow.b{width:520px;height:460px;left:-200px;top:180px;background:var(--violet);opacity:.22}

  .chamfer{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:52px;padding:0 24px;font:600 15px/1 Inter,sans-serif;letter-spacing:.01em;position:relative;transition:filter .18s,transform .12s,background .4s,color .4s}
  .btn:active{transform:translateY(1px)}
  .btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
  .btn-primary{background:var(--accent);color:var(--accent-dark);overflow:hidden}
  .btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s var(--ease-lock)}
  .btn-primary:hover{filter:brightness(1.08) drop-shadow(0 0 14px var(--accent))}
  .btn-primary:hover::after{transform:translateX(120%)}
  .btn-secondary{color:var(--ink);border:1px solid var(--line-strong);--l:7px;
    background:
      linear-gradient(var(--accent),var(--accent)) top left/var(--l) 2px no-repeat,
      linear-gradient(var(--accent),var(--accent)) top left/2px var(--l) no-repeat,
      linear-gradient(var(--accent),var(--accent)) bottom right/var(--l) 2px no-repeat,
      linear-gradient(var(--accent),var(--accent)) bottom right/2px var(--l) no-repeat,
      rgba(20,20,40,.55);
    transition:--l .2s, background-size .2s, border-color .2s}
  .btn-secondary:hover{--l:14px;border-color:var(--ink-3)}

  .frame{position:relative;border:1px solid var(--line);--b:var(--accent);--L:22px;--W:2px;
    background:
      linear-gradient(var(--b),var(--b)) top left/var(--L) var(--W) no-repeat,
      linear-gradient(var(--b),var(--b)) top left/var(--W) var(--L) no-repeat,
      linear-gradient(var(--b),var(--b)) top right/var(--L) var(--W) no-repeat,
      linear-gradient(var(--b),var(--b)) top right/var(--W) var(--L) no-repeat,
      linear-gradient(var(--b),var(--b)) bottom left/var(--L) var(--W) no-repeat,
      linear-gradient(var(--b),var(--b)) bottom left/var(--W) var(--L) no-repeat,
      linear-gradient(var(--b),var(--b)) bottom right/var(--L) var(--W) no-repeat,
      linear-gradient(var(--b),var(--b)) bottom right/var(--W) var(--L) no-repeat,
      #0A0A16;
    box-shadow:0 30px 80px -30px rgba(0,0,0,.9),0 0 60px -30px var(--accent);transition:box-shadow .6s}
  .stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:#06060d}
  .stage svg{position:absolute;inset:0;width:100%;height:100%;display:block}
  .stage::after{content:"";position:absolute;inset:0;pointer-events:none;
    background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px),radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%)}
  @media (max-width:639px){ .stage{aspect-ratio:10/9} }

  .seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#0B0B18}
  .seg button{position:relative;padding:12px 10px;font:700 .72rem/1.2 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:.55rem;transition:color .3s,background .3s}
  .seg button .dot{width:7px;height:7px;background:currentColor;transform:rotate(45deg)}
  .seg button[aria-pressed="true"]{color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}
  .seg button[data-m="fps"][aria-pressed="true"] .dot{background:var(--fps);box-shadow:0 0 10px var(--fps)}
  .seg button[data-m="nba"][aria-pressed="true"] .dot{background:var(--nba);box-shadow:0 0 10px var(--nba)}
  .seg button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .35s var(--ease-snap)}
  .seg button[aria-pressed="true"]::after{transform:scaleX(1)}
  .seg button:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}

  .hud{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);
    background:rgba(8,8,20,.78);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);min-width:178px}
  .hud .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 10px;border-top:1px solid rgba(255,255,255,.05)}
  .hud .row:first-child{border-top:0}
  .hud b{color:var(--ink);font-weight:700}
  .pill-on{color:#04140B;background:var(--ok);padding:2px 7px;font-weight:700}
  .bar{width:56px;height:5px;background:#22223f;position:relative}
  .bar i{position:absolute;inset:0 auto 0 0;background:var(--accent);transition:background .4s}
  .state{transition:color .2s}
  .live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 1.4s infinite}
  @keyframes pulse{50%{opacity:.35}}

  .chip{display:inline-flex;align-items:center;gap:.5rem;font:500 .7rem/1 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding:8px 10px;border:1px solid var(--line);background:rgba(20,20,40,.5)}
  .chip svg{color:var(--accent);transition:color .4s}

  .nav-link{font-size:14px;color:var(--ink-2);transition:color .15s}
  .nav-link:hover{color:var(--ink)}

  .enter{opacity:0;transform:translateY(12px);animation:enter .64s var(--ease-lock) forwards}
  .d1{animation-delay:.06s}.d2{animation-delay:.14s}.d3{animation-delay:.22s}.d4{animation-delay:.3s}.d5{animation-delay:.38s}
  @keyframes enter{to{opacity:1;transform:none}}

  .ticker{display:flex;gap:48px;white-space:nowrap;animation:tick 38s linear infinite}
  @keyframes tick{to{transform:translateX(-50%)}}

  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation:none!important;transition:none!important}
    .enter{opacity:1;transform:none}
  }

:root{--void:#07070F;--deck:#0D0D1C;--panel:#141428;--panel-2:#1B1B36;--line:#26264A;--line-strong:#3A3A6A;--ink:#EEF0FF;--ink-2:#A3A8C8;--ink-3:#8088AD;--cyan:#2EF2F0;--violet:#A862F5;--violet-ink:#C08CFF;--fps:#2EF2F0;--nba:#FFB020;--forge:#A862F5;--prism:linear-gradient(100deg,#2EF2F0,#7C8CFF 50%,#A862F5)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--ink);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button{cursor:pointer}img,svg{max-width:100%}.site-wrap{width:min(1200px,calc(100% - 32px));margin-inline:auto}.site-header{position:relative;z-index:20;background:var(--void);border-bottom:1px solid var(--line)}.header-inner{min-height:72px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font:700 20px 'Chakra Petch',sans-serif}.brand img{width:40px;height:40px}.brand span span{color:var(--cyan)}.desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.desktop-nav a,.header-actions a,.lang a{font-size:14px;color:var(--ink-2)}.desktop-nav a:hover,.header-actions a:hover,.lang a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:12px}.header-actions .btn{color:#04141A}.lang{display:flex;gap:6px;align-items:center;font:700 12px 'JetBrains Mono',monospace}.lang .current{color:var(--cyan)}.menu-toggle{display:none;background:none;border:1px solid var(--line-strong);color:var(--ink);width:44px;height:44px;font-size:22px}.mobile-nav{display:none}.site-section{padding:96px 0;position:relative}.site-section.deck{background:var(--deck)}.site-section.fps-bg{background:radial-gradient(60% 80% at 80% 0%,rgba(46,242,240,.10),transparent),var(--void)}.site-section.nba-bg{background:radial-gradient(60% 80% at 20% 0%,rgba(255,176,32,.10),transparent),repeating-linear-gradient(90deg,transparent 0 80px,rgba(255,176,32,.016) 80px 81px),var(--deck)}.site-section.forge-bg{background:radial-gradient(60% 80% at 50% 0%,rgba(168,98,245,.12),transparent),var(--deck)}.site-section h2,.page-heading h1{font:700 clamp(2rem,3.5vw,2.8rem)/1.08 'Chakra Petch',sans-serif;margin:12px 0 18px}.site-section p{color:var(--ink-2);line-height:1.65}.section-lead{font-size:18px;max-width:690px}.section-grid{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:72px}.section-grid.reverse{grid-template-columns:1fr 1.18fr}.section-grid>*{min-width:0}.mono-label{font:700 11px/1.5 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.nba-bg .mono-label{color:var(--nba)}.forge-bg .mono-label{color:var(--violet-ink)}.feature-list{list-style:none;padding:0;display:grid;gap:12px;color:var(--ink-2)}.feature-list li{padding-left:22px;position:relative;line-height:1.5}.feature-list li:before{content:'+';position:absolute;left:0;color:var(--cyan)}.nba-bg .feature-list li:before{color:var(--nba)}.feature-link{display:inline-block;color:var(--cyan);margin-top:18px;font-weight:600}.nba-bg .feature-link{color:var(--nba)}.forge-bg .feature-link{color:var(--violet-ink)}.feature-link:hover{text-decoration:underline}.visual-frame{border:1px solid var(--line);background:#0A0A16;padding:28px;position:relative;min-height:310px}.visual-frame:before,.visual-frame:after{content:'';position:absolute;width:22px;height:22px;border-color:var(--cyan);border-style:solid}.visual-frame:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.visual-frame:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.nba-bg .visual-frame:before,.nba-bg .visual-frame:after{border-color:var(--nba)}.curve-svg{width:100%;height:210px}.visual-caption{font-size:12px;color:var(--ink-3);line-height:1.5}.game-chips,.module-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.game-chips span,.module-chips span{border:1px solid var(--line-strong);padding:8px 10px;font:600 11px 'JetBrains Mono',monospace}.module-chips .fps-chip{color:var(--cyan)}.module-chips .nba-chip{color:var(--nba)}.module-chips .creator-chip{color:var(--violet-ink)}.meter-art{height:250px;display:flex;justify-content:center;align-items:center;gap:38px}.meter-track{width:52px;height:220px;border:2px solid var(--nba);padding:4px;display:flex;align-items:end}.meter-fill{width:100%;height:70%;background:linear-gradient(0deg,var(--nba),#3CF08A 78%,var(--nba) 79%)}.meter-ball{width:80px;height:80px;border:2px solid var(--nba);border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 19px,var(--nba) 20px 21px)}.chain{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:40px 0}.chain-node{border-top:2px solid var(--cyan);padding:22px 10px 12px;background:var(--panel);min-width:0}.chain-node strong{display:block;font:700 17px 'Chakra Petch',sans-serif}.chain-node small{display:block;color:var(--ink-2);line-height:1.4;margin-top:8px}.chain-node:not(:last-child):after{content:'→';color:var(--cyan);float:right;margin-right:-22px}.facts{display:flex;flex-wrap:wrap;gap:20px;color:var(--ink-2)}.facts span:before{content:'✓';color:var(--cyan);margin-right:8px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:38px}.step-grid div{border-top:1px solid var(--line-strong);padding-top:15px}.step-grid b{font:700 13px 'JetBrains Mono',monospace;color:var(--cyan)}.step-grid p{font-size:14px}.spec-sheet{margin-top:30px;border:1px solid var(--line-strong);background:var(--panel);padding:12px 28px}.spec-row{display:grid;grid-template-columns:170px 1fr;gap:22px;padding:19px 0;border-bottom:1px solid var(--line)}.spec-row:last-child{border:0}.spec-row dt{font:700 12px 'JetBrains Mono',monospace;color:var(--cyan);text-transform:uppercase}.spec-row dd{margin:0;color:var(--ink-2);line-height:1.55}.flash-band{background:var(--prism);color:var(--void);padding:45px 0}.flash-band .site-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.flash-band h2{font:700 clamp(1.7rem,3vw,2.5rem)/1.1 'Chakra Petch',sans-serif;margin:0}.flash-band p{color:var(--void);margin:8px 0 0}.flash-band .btn{background:var(--void);color:var(--ink);flex:none}.pricing-shell{max-width:790px;margin:35px auto 0}.periods{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-strong)}.periods button{min-height:52px;background:var(--panel);color:var(--ink-2);border:0;border-right:1px solid var(--line);font:700 12px 'JetBrains Mono',monospace}.periods button:last-child{border-right:0}.periods button[aria-pressed=true]{background:var(--panel-2);color:var(--cyan);box-shadow:inset 0 -3px var(--cyan)}.plan-card{margin-top:12px;padding:32px;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--prism) border-box;border:1px solid transparent;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:0 0 50px -30px var(--cyan)}.plan-top{display:flex;align-items:start;justify-content:space-between;gap:16px}.plan-badge{font:700 10px 'JetBrains Mono',monospace;color:#04141A;background:var(--cyan);padding:7px 10px;letter-spacing:.1em}.plan-card h3{font:700 28px 'Chakra Petch',sans-serif;margin:0}.plan-price{font:700 clamp(2.7rem,5vw,4.4rem) 'Chakra Petch',sans-serif;margin:20px 0 2px}.plan-price s{font-size:20px;color:var(--ink-3);margin-right:12px}.plan-meta{color:var(--ink-2);font-size:14px}.plan-card .btn{margin-top:22px}.info-note{border-left:3px solid #5B8CFF;background:var(--panel);padding:16px 18px;color:var(--ink-2);margin-top:20px}.billing-line{font-size:12px;color:var(--ink-3);line-height:1.6;margin-top:20px}.creator-art{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;transform:rotate(-5deg)}.creator-art span{height:80px;border:1px dashed var(--violet-ink);background:rgba(168,98,245,.12)}.faq-list{max-width:820px;margin:30px auto}.faq-list details{border-bottom:1px solid var(--line-strong)}.faq-list summary{cursor:pointer;list-style:none;padding:20px 36px 20px 0;position:relative;font:600 18px 'Chakra Petch',sans-serif}.faq-list summary:after{content:'+';position:absolute;right:5px;color:var(--cyan)}.faq-list details[open] summary:after{content:'−'}.faq-list p{margin:0 0 20px;color:var(--ink-2);line-height:1.65}.site-footer{background:var(--deck);border-top:1px solid var(--line);padding:64px 0 26px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px}.footer-grid h3{font:700 12px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.footer-grid a{display:block;color:var(--ink-2);font-size:14px;margin:12px 0}.footer-grid a:hover{color:var(--cyan)}.compliance{border-top:1px solid var(--line);color:var(--ink-3);font-size:12px;line-height:1.65;padding-top:24px;margin-top:45px}.page-heading{padding:75px 0 40px}.page-heading p{color:var(--ink-2);font-size:18px;line-height:1.55;max-width:750px}.prose{color:var(--ink-2);line-height:1.7;overflow-wrap:anywhere}.prose h1,.prose h2,.prose h3,.prose h4{font-family:'Chakra Petch',sans-serif;color:var(--ink);line-height:1.25;margin-top:1.8em}.prose h1{font-size:2.4rem}.prose h2{font-size:1.8rem}.prose h3{font-size:1.3rem}.prose a{color:var(--cyan);text-decoration:underline}.prose ul,.prose ol{padding-left:24px}.prose li{margin:6px 0}.prose table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%}.prose td,.prose th{border:1px solid var(--line-strong);padding:10px;min-width:140px;text-align:left}.prose blockquote{border-left:3px solid var(--cyan);padding-left:18px}.prose code{white-space:normal;overflow-wrap:anywhere}.prose pre{overflow-x:auto;background:var(--panel);padding:18px}.summary-box{background:var(--panel);border-left:3px solid var(--cyan);padding:20px 24px;color:var(--ink);line-height:1.6}.docs-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px}.docs-side{position:sticky;top:20px;align-self:start}.docs-side a,.docs-card{display:block;border-bottom:1px solid var(--line);padding:13px 10px;color:var(--ink-2)}.docs-side a:hover,.docs-side .active,.docs-card:hover{color:var(--cyan);background:var(--panel)}.docs-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.docs-card{border:1px solid var(--line);background:var(--panel);padding:24px;min-height:105px;font:600 20px 'Chakra Petch',sans-serif}.docs-search{width:100%;background:var(--panel);border:1px solid var(--line-strong);color:var(--ink);padding:15px;margin:20px 0 35px;font:16px Inter}.doc-figure{border:1px solid var(--line-strong);background:var(--panel);padding:24px;margin:25px 0}.figure-art{display:flex;align-items:center;justify-content:center;gap:30px;height:110px}.figure-art span{height:46px;width:46px;border:2px solid var(--cyan);transform:rotate(45deg)}.figure-art span:nth-child(2){border-color:var(--violet-ink)}.doc-figure figcaption{color:var(--ink-3);font-size:13px}.event-ribbon{background:var(--prism);color:var(--void);padding:8px 12px;font:700 12px 'JetBrains Mono',monospace}.event-ribbon .site-wrap{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.event-ribbon a{text-decoration:underline}.event-ribbon button{border:0;background:transparent;font:inherit;color:inherit;font-size:18px}.invite-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:16px}.invite-dialog{max-width:520px;background:var(--panel);border:1px solid var(--cyan);padding:30px}.invite-dialog h2{font:700 29px 'Chakra Petch',sans-serif}.invite-dialog p{color:var(--ink-2);line-height:1.6}.invite-dialog a{margin:6px}.invite-dialog .feature-link{display:block}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1050px){.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.header-actions .login-link{display:none}}
@media(max-width:850px){.desktop-nav,.header-actions .lang{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}.mobile-nav.is-open{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:12px 16px;border-top:1px solid var(--line)}.mobile-nav a{padding:13px;color:var(--ink-2);min-height:44px}.section-grid,.section-grid.reverse{grid-template-columns:1fr;gap:38px}.section-grid.reverse .visual-frame{order:2}.chain{grid-template-columns:1fr}.chain-node:not(:last-child):after{content:'↓';float:none;margin:0}.step-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.docs-layout{grid-template-columns:1fr}.docs-side{position:static;display:flex;flex-wrap:wrap}.docs-side a{width:50%}}
@media(max-width:600px){.site-section{padding:64px 0}.brand{font-size:18px}.header-inner{gap:8px}.header-actions .btn{height:44px;padding:0 12px;font-size:12px;white-space:nowrap}.flash-band .site-wrap{display:block}.flash-band .btn{margin-top:22px}.step-grid,.docs-cards{grid-template-columns:1fr}.spec-row{grid-template-columns:1fr;gap:5px}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.footer-grid .brand{grid-column:1/-1}.plan-card{padding:22px}.plan-top{display:block}.plan-badge{display:inline-block;margin-top:12px}.periods button{font-size:10px}.page-heading{padding:55px 0 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker{animation:none!important}}
.docs-layout>*{min-width:0}.docs-layout .prose{min-width:0}.prose img{max-width:100%}
.seg button{min-height:44px}.feature-link{display:inline-flex;align-items:center;min-height:44px}.site-footer a{min-height:44px;display:inline-flex;align-items:center}.site-footer .lang a{min-height:44px}

/* header: separate language dropdown, outlined log-in */
.header-actions{gap:14px}.lang-menu{position:relative;margin:0 4px}.lang-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;font:700 12px 'JetBrains Mono',monospace;color:var(--ink-2);padding:8px 10px;border:1px solid transparent}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary:hover,.lang-menu[open] summary{color:var(--ink);border-color:var(--line-strong)}.lang-options{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;background:var(--panel);border:1px solid var(--line-strong);display:grid;z-index:40}.lang-options a{padding:11px 14px;font-size:14px;color:var(--ink-2)}.lang-options a:hover{background:var(--panel-2);color:var(--ink)}.lang-options a.current{color:var(--cyan)}.lang-options a.current:after{content:' ✓'}.login-btn{border:1px solid var(--cyan);color:var(--cyan)!important;padding:9px 16px;font-weight:600}.login-btn:hover{background:rgba(46,242,240,.08)}.lang-dialog h2 span{display:block;color:var(--ink-2);font-size:20px;margin-top:6px}.lang-choices{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 14px}.lang-choices .btn{min-width:170px;justify-content:center}
@media(max-width:1050px){.header-actions .login-btn{display:inline-flex}.header-actions .discord-link{display:none}}
@media(max-width:850px){.header-actions .lang-menu{display:none}}
@media(max-width:600px){.header-actions .login-btn{display:none}}

.stage{position:relative}.hero-play{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:5;background:rgba(7,7,15,.85);color:var(--cyan);border:1px solid var(--cyan);font:700 12px 'JetBrains Mono',monospace;letter-spacing:.08em;padding:10px 16px}.hero-play:hover{background:rgba(46,242,240,.12)}

/* creator: blocks snapping into a script, then sealed */
.creator-art{transform:none;display:block}.ca-board{position:relative;background:#0E0B1E;border:1px solid rgba(168,98,245,.45);padding:18px 18px 64px;min-height:300px;box-shadow:0 0 60px -30px var(--violet)}
.ca-head{display:flex;justify-content:space-between;align-items:center;font:700 11px 'JetBrains Mono',monospace;letter-spacing:.14em;color:var(--violet-ink);border-bottom:1px solid rgba(168,98,245,.25);padding-bottom:12px;margin-bottom:16px}.ca-dots{display:flex;gap:6px}.ca-dots i{width:8px;height:8px;border:1px solid var(--violet-ink)}
.ca-stack{display:grid;gap:10px}.ca-block{font:600 13px 'JetBrains Mono',monospace;color:var(--ink);background:linear-gradient(90deg,rgba(168,98,245,.30),rgba(168,98,245,.12));border:1px solid rgba(168,98,245,.6);padding:13px 16px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);opacity:0;transform:translateX(70px) rotate(4deg);animation:ca-in 9s cubic-bezier(.2,.8,.2,1) infinite}
.ca-block b{color:var(--violet-ink);margin-right:6px}.ca-child{margin-left:26px;border-left:3px solid var(--violet)}
.ca-1{animation-name:ca-in1}.ca-2{animation-name:ca-in2}.ca-3{animation-name:ca-in3}.ca-4{animation-name:ca-in4}
.ca-seal{position:absolute;right:18px;bottom:16px;font:700 12px 'JetBrains Mono',monospace;letter-spacing:.12em;color:#0E0B1E;background:var(--violet-ink);padding:8px 12px;opacity:0;transform:scale(.8);animation:ca-seal 9s ease-out infinite}
@keyframes ca-in1{0%,4%{opacity:0;transform:translateX(70px) rotate(4deg)}12%{opacity:1;transform:none;box-shadow:0 0 0 0 rgba(168,98,245,0)}14%{box-shadow:0 0 22px 2px rgba(168,98,245,.55)}20%,90%{opacity:1;transform:none;box-shadow:none}100%{opacity:0;transform:none}}
@keyframes ca-in2{0%,16%{opacity:0;transform:translateX(70px) rotate(4deg)}26%{opacity:1;transform:none}28%{box-shadow:0 0 22px 2px rgba(168,98,245,.55)}34%,90%{opacity:1;transform:none;box-shadow:none}100%{opacity:0;transform:none}}
@keyframes ca-in3{0%,30%{opacity:0;transform:translateX(70px) rotate(4deg)}40%{opacity:1;transform:none}42%{box-shadow:0 0 22px 2px rgba(168,98,245,.55)}48%,90%{opacity:1;transform:none;box-shadow:none}100%{opacity:0;transform:none}}
@keyframes ca-in4{0%,44%{opacity:0;transform:translateX(70px) rotate(4deg)}54%{opacity:1;transform:none}56%{box-shadow:0 0 22px 2px rgba(168,98,245,.55)}62%,90%{opacity:1;transform:none;box-shadow:none}100%{opacity:0;transform:none}}
@keyframes ca-seal{0%,66%{opacity:0;transform:scale(.8)}72%{opacity:1;transform:scale(1.06)}76%,90%{opacity:1;transform:scale(1)}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.ca-block,.ca-seal{animation:none;opacity:1;transform:none}}

.creator-art .ca-head span{height:auto;border:0;background:none}
/* FPS: smooth glide vs snap; NBA: meter to green; chain pulse; steps in order */
.glide-dot{offset-path:path('M20 185C170 180 245 65 470 38');offset-distance:100%;offset-rotate:0deg}
@media(prefers-reduced-motion:no-preference){
.glide-path{stroke-dasharray:100;animation:glide-draw 4s cubic-bezier(.45,.05,.2,1) infinite}
.glide-dot{animation:glide-move 4s cubic-bezier(.45,.05,.2,1) infinite}
.snap-path{animation:snap-flash 4s steps(1) infinite}
.lock-box{animation:lock-pop 4s ease-out infinite;transform-box:fill-box;transform-origin:center}
.meter-fill{animation:meter-rise 3.6s cubic-bezier(.3,.1,.4,1) infinite}
.green-tag{animation:green-flash 3.6s ease-out infinite}
.meter-ball{animation:ball-arc 3.6s ease-in-out infinite}
.chain-node{animation:chain-pulse 5s linear infinite}
.chain-node:nth-child(2){animation-delay:1s}.chain-node:nth-child(3){animation-delay:2s}.chain-node:nth-child(4){animation-delay:3s}.chain-node:nth-child(5){animation-delay:4s}
.step-grid>div{animation:step-on 8s ease infinite}
.step-grid>div:nth-child(2){animation-delay:2s}.step-grid>div:nth-child(3){animation-delay:4s}.step-grid>div:nth-child(4){animation-delay:6s}
}
@keyframes glide-draw{0%{stroke-dashoffset:100}60%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
@keyframes glide-move{0%{offset-distance:0%}60%,100%{offset-distance:100%}}
@keyframes snap-flash{0%{opacity:.85}20%{opacity:.25}100%{opacity:.25}}
@keyframes lock-pop{0%,55%{stroke-opacity:.35;transform:scale(1.15)}62%{stroke-opacity:1;transform:scale(1);filter:drop-shadow(0 0 6px #2EF2F0)}90%{stroke-opacity:1;filter:none}100%{stroke-opacity:.35}}
@keyframes meter-rise{0%{height:0}55%{height:70%}80%{height:70%}100%{height:0}}
@keyframes green-flash{0%,52%{opacity:.25}58%{opacity:1;text-shadow:0 0 10px #3CF08A;color:#3CF08A}85%{opacity:1}100%{opacity:.25}}
@keyframes ball-arc{0%,55%{transform:translate(0,0)}70%{transform:translate(-14px,-34px)}82%{transform:translate(-22px,-6px)}100%{transform:translate(0,0)}}
@keyframes chain-pulse{0%{border-top-color:var(--cyan);box-shadow:inset 0 3px 18px -8px var(--cyan)}20%{border-top-color:var(--line-strong);box-shadow:none}100%{border-top-color:var(--line-strong)}}
@keyframes step-on{0%{border-top-color:var(--cyan);color:var(--ink)}22%{border-top-color:var(--cyan)}25%,100%{border-top-color:var(--line-strong)}}

/* header: brand left, menu centred, account/trial/language right; footer: one link per line */
.desktop-nav{flex:1;justify-content:center;margin:0 24px}.header-actions{margin-left:auto;flex:none}
.footer-grid a:not(.brand){display:flex;min-height:36px;margin:4px 0}.footer-grid .lang{margin-top:8px}.footer-grid .lang a{display:inline-flex;min-height:36px;margin:0}
.desktop-nav a{white-space:nowrap}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav.is-open{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:12px 16px;border-top:1px solid var(--line)}.mobile-nav a{padding:13px;color:var(--ink-2);min-height:44px}}
@media(max-width:600px){.header-actions{gap:8px}.header-actions .btn{padding:10px 14px;font-size:13px;min-height:44px}.brand{min-width:0}}
@media(max-width:400px){.brand img{width:28px;height:28px}.header-actions .btn{padding:10px 10px;font-size:12px}}