*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif}a{color:inherit}.landing{color:#f8fafc;background:radial-gradient(circle at 20% 20%,#7c3aed4d,#0000 45%),radial-gradient(circle at 80% 10%,#0ea5e94d,#0000 40%),linear-gradient(135deg,#0f172a 0%,#111827 45%,#1f2937 100%);min-height:100vh;padding:72px 24px;position:relative;overflow:hidden}.landing .hero,.landing .highlights{opacity:0;transition:opacity .75s .1s,transform .75s .1s;transform:translateY(22px)scale(.98)}.landing.show .hero,.landing.show .highlights{opacity:1;transform:translateY(0)scale(1)}.intro{z-index:4;pointer-events:none;background:radial-gradient(circle,#fff 0%,#dbeafe 26%,#0f172a 70%);animation:.45s 1.85s forwards introFadeOut;position:absolute;inset:0}.intro-rays,.intro-rays:before,.intro-rays:after{content:"";transform-origin:50%;background:repeating-linear-gradient(115deg,#fffffffa 0 8px,#fff0 8px 34px);position:absolute;inset:-45%}.intro-rays{mix-blend-mode:screen;animation:1.2s cubic-bezier(.2,.7,.25,1) infinite raysZoom}.intro-rays:before{opacity:.85;animation:1.35s cubic-bezier(.2,.7,.25,1) infinite reverse raysZoom;transform:rotate(28deg)}.intro-rays:after{opacity:.75;animation:1.1s cubic-bezier(.2,.7,.25,1) infinite raysZoom;transform:rotate(-26deg)}.intro-flash{background:radial-gradient(circle,#fffffff2,#0000 58%),linear-gradient(#fff0,#ffffff8c,#fff0);animation:.95s ease-in-out infinite flashPulse;position:absolute;inset:0}.hero{z-index:2;grid-template-columns:1.2fr .8fr;align-items:center;gap:42px;max-width:1120px;margin:0 auto;display:grid;position:relative}.eyebrow{letter-spacing:.16em;text-transform:uppercase;background:#0f172a80;border:1px solid #94a3b873;border-radius:999px;margin-bottom:18px;padding:8px 14px;font-size:.82rem;display:inline-block}.hero-copy h1{color:#fff;margin:0 0 18px;font-size:clamp(2rem,5vw,4rem);line-height:1.08}.hero-copy p{color:#dbeafe;max-width:62ch;margin:0;font-size:1.07rem;line-height:1.8}.actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.btn{border-radius:12px;padding:13px 22px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(90deg,#7c3aed,#2563eb);box-shadow:0 12px 30px #2563eb66}.btn-secondary{color:#e2e8f0;background:#0f172a73;border:1px solid #94a3b88c}.hero-visual{justify-content:center;display:flex}.hero-visual img{background:#0f172a73;border-radius:20px;width:min(100%,340px);padding:18px;box-shadow:0 24px 40px #0f172a73}.highlights{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1120px;margin:56px auto 0;display:grid;position:relative}.card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a80;border:1px solid #94a3b833;border-radius:18px;padding:24px}.card h2{color:#fff;margin:0 0 10px;font-size:1.2rem}.card p{color:#cbd5e1;margin:0;line-height:1.7}@media (width<=940px){.landing{padding:44px 20px}.hero{text-align:center;grid-template-columns:1fr}.hero-copy p{margin-inline:auto}.actions{justify-content:center}.highlights{grid-template-columns:1fr;margin-top:38px}}@keyframes raysZoom{0%{opacity:.2;filter:blur(.5px);transform:scale(1.55)}55%{opacity:.95}to{opacity:.15;filter:blur(1.5px);transform:scale(.72)}}@keyframes flashPulse{0%,to{opacity:.35}50%{opacity:.85}}@keyframes introFadeOut{to{opacity:0;visibility:hidden}}