:root{--bg-0:#060912;--bg-1:#0a0e1a;--accent:#38bdf8;--accent-2:#818cf8;--yt:#f03;--text:#e8edf7;--muted:#9aa6bf}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(1200px 800px at 50% -10%, #13203b 0%, var(--bg-1) 45%, var(--bg-0) 100%);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.stage{perspective:1100px;place-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.scene{transform-style:preserve-3d;place-items:center;width:min(1100px,92vw);transition:transform .18s ease-out;display:grid;position:relative}.grid-floor{transform-origin:bottom;pointer-events:none;background-image:linear-gradient(90deg,#38bdf82e 1px,#0000 1px),linear-gradient(#818cf82e 1px,#0000 1px);background-size:64px 64px;width:240vw;height:120vh;animation:8s linear infinite grid-move;position:absolute;bottom:-10%;left:50%;transform:translate(-50%)rotateX(72deg);-webkit-mask-image:linear-gradient(#0000 30%,#000 90%);mask-image:linear-gradient(#0000 30%,#000 90%)}@keyframes grid-move{0%{background-position:0 0}to{background-position:0 64px}}.glow{filter:blur(90px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.glow-a{background:#1e63ff;width:460px;height:460px;animation:11s ease-in-out infinite float-glow;top:-120px;left:-80px}.glow-b{background:#7c3aed;width:520px;height:520px;animation:13s ease-in-out infinite reverse float-glow;bottom:-160px;right:-100px}@keyframes float-glow{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}.tool{border:1px solid color-mix(in srgb, var(--brand) 45%, transparent);width:clamp(48px,8vmin,78px);height:clamp(48px,8vmin,78px);box-shadow:0 10px 30px #00000073, 0 0 26px color-mix(in srgb, var(--brand) 30%, transparent), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate(-50%, -50%) translate3d(var(--x), var(--y), var(--z)) translate(var(--tx), var(--ty));pointer-events:none;-webkit-user-select:none;user-select:none;background:#141c308c;border-radius:22%;place-items:center;animation:6s ease-in-out infinite bob;display:grid;position:absolute;top:50%;left:50%}.tool-logo{filter:drop-shadow(0 2px 6px #0006);width:56%;height:56%;animation:70s linear infinite reverse revolve}@keyframes bob{0%,to{margin-top:0}50%{margin-top:-14px}}.orbit-ring{transform-style:preserve-3d;pointer-events:none;animation:70s linear infinite revolve;position:absolute;inset:0}@keyframes revolve{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero{text-align:center;max-width:760px;padding:2rem 1rem;position:relative;transform:translateZ(40px)}.hero>.badge,.hero>.brand,.hero>.tagline,.hero>.cta-row,.hero>.footnote{animation:.8s cubic-bezier(.2,.8,.2,1) both fade-up}.hero>.badge{animation-delay:50ms}.hero>.brand{animation-delay:.35s}.hero>.tagline{animation-delay:.5s}.hero>.cta-row{animation-delay:.65s}.hero>.footnote{animation-delay:.8s}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.badge{letter-spacing:.04em;color:var(--accent);background:#38bdf81a;border:1px solid #38bdf859;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.45rem .9rem;font-size:.85rem;display:inline-flex;position:relative;overflow:hidden}.badge-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite pulse-dot;box-shadow:0 0 #38bdf8b3}@keyframes pulse-dot{0%{box-shadow:0 0 #38bdf899}70%{box-shadow:0 0 0 10px #38bdf800}to{box-shadow:0 0 #38bdf800}}.badge:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:4.5s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes sheen{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.title{letter-spacing:.02em;background:linear-gradient(100deg,#fff 0%,#9fc7ff 25%,#5b7bff 45%,#c0a3ff 60%,#9fc7ff 75%,#fff 100%) 0 0/250% 100%;color:#0000;text-shadow:0 1px #ffffff26;filter:drop-shadow(0 18px 30px #1e63ff59);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.8rem,11vw,7rem);font-weight:900;line-height:.95;animation:.9s cubic-bezier(.2,.8,.2,1) both title-in,6s linear .9s infinite title-shimmer;position:relative;transform:translateZ(60px)}.title:before{content:attr(data-text);z-index:-1;-webkit-text-fill-color:transparent;color:#0000;-webkit-text-stroke:1px #7b9eff40;background:0 0;position:absolute;inset:0;transform:translateZ(-40px)translateY(6px)}@keyframes title-in{0%{opacity:0;transform:translateZ(60px)translateY(24px)scale(.96)}to{opacity:1;transform:translateZ(60px)translateY(0)scale(1)}}@keyframes title-shimmer{0%{background-position:0%}to{background-position:250%}}.brand{letter-spacing:.35em;text-transform:uppercase;color:var(--accent-2);margin-top:.8rem;font-size:clamp(1.1rem,3.6vw,1.7rem);font-weight:700}.tagline{max-width:560px;color:var(--muted);margin:1.4rem auto 0;font-size:clamp(.98rem,2.4vw,1.15rem);line-height:1.7}.tagline strong{color:var(--text);font-weight:700}.cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.2rem;display:flex}.cta{border-radius:14px;align-items:center;gap:.6rem;padding:.9rem 1.5rem;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background .2s;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(30px)}.cta:before{content:"";background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-75%;transform:skew(-20deg)}.cta:hover:before{left:130%}.cta>*{z-index:1;position:relative}.cta-yt{color:#fff;background:linear-gradient(135deg,#f03,#ff5e5e);box-shadow:0 14px 30px #ff003359}.cta-yt:hover{transform:translateZ(30px)translateY(-3px)scale(1.03);box-shadow:0 20px 40px #ff003373}.cta-yt .subs{opacity:.9;border-left:1px solid #fff6;margin-left:.2rem;padding-left:.6rem;font-size:.72rem;font-weight:600}.cta-discord{color:#fff;background:linear-gradient(135deg,#5865f2,#7d88ff);box-shadow:0 14px 30px #5865f259}.cta-discord:hover{transform:translateZ(30px)translateY(-3px)scale(1.03);box-shadow:0 20px 40px #5865f273}.footnote{color:var(--muted);margin-top:1.8rem;font-size:.9rem}.footnote strong{color:var(--accent)}.sound-toggle{z-index:10;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font:inherit;letter-spacing:.02em;background:#141c308c;border:1px solid #78a0ff40;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.82rem;font-weight:600;transition:transform .15s,border-color .2s,background .2s;display:inline-flex;position:fixed;top:1.1rem;right:1.1rem;box-shadow:0 8px 24px #00000059}.sound-toggle:hover{background:#1e2842b3;transform:translateY(-2px)}.sound-toggle[aria-pressed=true]{color:var(--accent);border-color:#38bdf880;box-shadow:0 8px 24px #38bdf840}.sound-toggle[aria-pressed=true] svg{filter:drop-shadow(0 0 6px #38bdf8b3)}@media (max-width:560px){.sound-toggle-label{display:none}.sound-toggle{padding:.55rem}}.site-footer{color:var(--muted);letter-spacing:.05em;z-index:5;justify-content:space-between;padding:1rem 1.4rem;font-size:.8rem;display:flex;position:fixed;bottom:0;left:0;right:0}@media (max-width:560px){.tool{display:none}.site-footer{justify-content:center;gap:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}.scene{transition:none}.hero>.badge,.hero>.brand,.hero>.tagline,.hero>.cta-row,.hero>.footnote,.title{transform:none;opacity:1!important}}