:root{--bg:#0d0519;--bg2:#150829;--panel:#170a2e;--panel-2:#1d0d38;--line:#4a2a7a;--ink:#e8d8ff;--muted:#b89fd0;--dim:#6a4a90;--accent:#ff2e97;--accent-dim:#8a1a55;--arrow:#39ffb0;--cannon:#ffcf3b;--frost:#2ee6ff;--sniper:#c77dff;--flak:#ff8f3c;--runner:#ff5470;--tank:#f35;--swarm:#ffe14a;--flying:#c99fee;--healer:#4dffa6;--sans:"Avenir Next", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--mono:"SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1100px 620px at 50% -8%, #ff2e971f, transparent 60%), radial-gradient(900px 600px at 92% 12%, #2ee6ff12, transparent 55%), var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#a064f00d 1px,#0000 1px),linear-gradient(90deg,#a064f00d 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,#0000 78%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,#0000 78%)}main{z-index:1;max-width:1080px;margin:0 auto;padding:0 24px 96px;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.reveal{opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards rise}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none}html{scroll-behavior:auto}}.hero{text-align:center;padding:92px 0 64px}.badge{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-dim);background:#57e0a30f;border-radius:999px;padding:6px 16px 5px;font-size:12px;display:inline-block}.hero h1{letter-spacing:.16em;text-shadow:0 0 46px #57e0a347;background:linear-gradient(#fff,#b9c0e6);color:#0000;-webkit-background-clip:text;background-clip:text;margin:26px 0 6px;font-size:clamp(3.2rem,12vw,7rem);font-weight:800}.hero .tagline{font-family:var(--mono);text-transform:uppercase;letter-spacing:.42em;color:var(--muted);margin:0 0 26px;padding-left:.42em;font-size:clamp(.7rem,2.4vw,.95rem)}.hero .intro{color:#c4c6e0;max-width:620px;margin:0 auto 38px;font-size:1.05rem}.cta-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn{font-family:var(--sans);letter-spacing:.02em;color:var(--ink);border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;padding:14px 26px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.btn:hover{background:var(--panel-2);border-color:#3a3a6e;transform:translateY(-3px)}.btn-primary{border-color:var(--accent-dim);background:linear-gradient(#57e0a338,#57e0a314);box-shadow:0 0 0 1px #57e0a31f}.btn-primary:hover{border-color:var(--accent);box-shadow:0 10px 34px -8px #57e0a380}.btn .sub{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:3px;font-size:.68rem;display:block}section{margin-top:76px}.sec-head{border-bottom:1px solid var(--line);align-items:baseline;gap:14px;margin-bottom:22px;padding-bottom:12px;display:flex}.sec-head h2{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:1.5rem;font-weight:800}.sec-head h2:before{content:"//";color:var(--accent);font-family:var(--mono);margin-right:10px}.sec-head .hint{font-family:var(--mono);color:var(--dim);text-align:right;margin-left:auto;font-size:.78rem}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;position:relative;overflow:hidden}.step .num{font-family:var(--mono);color:#788ce629;font-size:2.4rem;font-weight:700;line-height:1;position:absolute;top:6px;right:14px}.step h3{letter-spacing:.02em;margin:0 0 8px;font-size:1.1rem}.step p{color:var(--muted);margin:0;font-size:.93rem}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{--c:var(--accent);background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-left:3px solid var(--c);border-radius:14px;padding:18px 18px 16px;transition:transform .16s,border-color .16s}.card:hover{border-color:#3a3a6e;border-left-color:var(--c);transform:translateY(-4px)}.card-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.swatch{background:var(--c);width:28px;height:28px;box-shadow:0 0 18px -2px var(--c);border-radius:7px;flex:none}.swatch.round{border-radius:50%}.card h3{letter-spacing:.01em;margin:0;font-size:1.12rem}.card .role{color:var(--muted);min-height:2.7em;margin:0 0 14px;font-size:.9rem}.tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:.66rem}.tag.air{color:var(--accent);border:1px solid var(--accent-dim);background:#57e0a31a}.tag.no-air{color:var(--cannon);background:#bcc0d014;border:1px solid #3a3a55}.tag.flies{color:var(--flying);background:#bb9ff01a;border:1px solid #4a3f6e}.tag.armored{color:var(--tank);background:#ff54701a;border:1px solid #6e3a4a}.stats{font-family:var(--mono);border-top:1px dashed var(--line);grid-template-columns:auto 1fr;gap:4px 14px;padding-top:12px;font-size:.84rem;display:grid}.stats .k{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;align-self:center;font-size:.72rem}.stats .v{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.stats .v .arrow{color:var(--dim)}footer{border-top:1px solid var(--line);font-family:var(--mono);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;margin-top:88px;padding-top:22px;font-size:.76rem;display:flex}footer .ver{color:var(--muted)}footer .legal{color:var(--muted);text-decoration:none}footer .legal:hover{color:var(--accent)}@media (max-width:560px){.hero{padding:64px 0 48px}.btn{text-align:center;flex:100%}}