*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:#0f172a;background:#0b1020}:root{--bg: #0b1020;--card: #0f1630;--muted: #94a3b8;--text: #e2e8f0;--brand: #7c3aed;--brand-2: #22d3ee;--ring: rgba(124,58,237,.35)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.app-root{color:var(--text)}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0b1020e6,#0b102099 70%,#0b102000);-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid rgba(124,58,237,.12)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.logo-dot{width:12px;height:12px;border-radius:999px;background:radial-gradient(50% 50% at 50% 50%,var(--brand) 0%,var(--brand-2) 100%);box-shadow:0 0 20px var(--ring),0 0 40px var(--ring)}.brand-name{font-size:16px}.nav a{color:var(--text);text-decoration:none;margin-left:18px;opacity:.85}.nav a:hover{opacity:1;text-shadow:0 0 24px var(--ring)}.hero{position:relative;padding:96px 0 64px;background:radial-gradient(1200px 500px at 70% -10%,rgba(124,58,237,.25),transparent 60%),radial-gradient(600px 300px at 20% 0%,rgba(34,211,238,.18),transparent 60%);border-bottom:1px solid rgba(124,58,237,.12)}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero-title{font-size:clamp(32px,5vw,54px);line-height:1.05;margin:0 0 16px}.hero-subtitle{margin:0 0 24px;color:var(--muted);font-size:18px}.cta-group{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;background:#1f2937;color:#fff;text-decoration:none;border:1px solid rgba(148,163,184,.22)}.btn:hover{border-color:#7c3aed80;box-shadow:0 0 0 6px #7c3aed1f}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border:none}.hero-art{position:relative;height:360px;display:grid;place-items:center}.glow{position:absolute;width:70%;height:70%;filter:blur(60px);opacity:.5;background:radial-gradient(50% 50% at 50% 50%,var(--brand),transparent)}.tiles{position:relative;display:grid;grid-template-columns:repeat(3,80px);gap:14px}.tile{width:80px;height:220px;border-radius:14px;background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff24,0 10px 30px #0006,0 0 0 10px #7c3aed0f;animation:drop 2.2s ease-in-out infinite}.tile.delay-1{animation-delay:.35s}.tile.delay-2{animation-delay:.7s}@keyframes drop{0%{transform:translateY(-60px)}50%{transform:translateY(40px) scale(.98)}to{transform:translateY(-60px)}}.banner{padding:24px 0 0;perspective:1200px}.banner-3d .banner-img{transform:translateY(var(--lift, -24px)) rotateX(var(--tilt, 12deg)) scale(var(--scale, .985));transform-origin:50% 50%;transition:transform .2s ease-out;will-change:transform}.banner-img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000059}.section{padding:72px 0}.section-title{font-size:28px;margin:0 0 18px}.section-body{color:var(--muted)}.feature-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-grid li{background:var(--card);border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:14px;color:var(--text)}.feature-grid h3{margin:0 0 8px;font-size:18px;color:#e9d5ff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.list{padding-left:18px}.faq details{background:var(--card);border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:12px;margin-bottom:12px}.faq summary{cursor:pointer;color:var(--text)}.site-footer{border-top:1px solid rgba(124,58,237,.12);padding:28px 0 48px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-inner .links a{color:var(--muted);text-decoration:none;margin-left:14px}.footer-inner .links a:hover{color:var(--text);text-shadow:0 0 24px var(--ring)}@media (max-width: 920px){.hero-inner{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}@media (max-width: 560px){.feature-grid{grid-template-columns:1fr}}