:root{--bg:#0b0d17;--bg2:#0f1122;--fg:#e6eaf2;--muted:#a9b0c1;--brand1:#6c63ff;--brand2:#b15cff;--card:#121429;--radius:18px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:linear-gradient(180deg,var(--bg),var(--bg2));overflow-x:hidden}a{color:inherit;text-decoration:none}nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;gap:22px;align-items:center;justify-content:center;padding:14px 18px;background:#0c0e1a1a;-webkit-backdrop-filter:blur(6px) saturate(1.2);backdrop-filter:blur(6px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.04);transition:background .3s ease}nav a{color:var(--muted);font-weight:600;transition:color .25s ease}nav a.active,nav a:hover{color:var(--fg)}.container{width:min(1100px,92%);margin:0 auto;padding-top:80px}#bgfx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2}.hero{min-height:100vh;display:grid;place-items:center}.hero-inner{text-align:center}.kicker{color:#ffffffe0;font-size:clamp(16px,2vw,22px);letter-spacing:.22em;margin-bottom:12px;text-shadow:0 0 8px rgba(255,255,255,.45),0 0 16px rgba(177,92,255,.25)}.title{font-size:clamp(44px,10vw,120px);font-weight:800;letter-spacing:.06em;margin:0}.letters{display:inline-block;white-space:nowrap}.letter{display:inline-block;will-change:transform;transition:transform .2s ease}.subtitle{margin-top:16px;color:#ffffffe6;font-size:clamp(16px,1.8vw,20px);letter-spacing:.14em;text-shadow:0 0 6px rgba(255,255,255,.35),0 0 12px rgba(108,99,255,.25);display:inline-block;min-width:320px;text-align:center}section{padding:36px 0;scroll-margin-top:90px}h2{margin:0 0 14px;font-size:clamp(22px,3vw,30px)}.sub{color:var(--muted);margin:0 0 16px}.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:16px;transition:transform .35s ease,box-shadow .35s ease,opacity .35s ease;opacity:0;transform:translateY(12px)}.card.in{opacity:1;transform:none}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000059}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width:880px){.grid{grid-template-columns:1fr}}footer{color:#a9b0c1;text-align:center;padding:64px 0 48px}.intro-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#06080e2e;-webkit-backdrop-filter:blur(4px) saturate(1.05);backdrop-filter:blur(4px) saturate(1.05);animation:intro-bg-in .55s ease both}.intro-full.closing{animation:intro-bg-out .48s ease both}@keyframes intro-bg-in{0%{opacity:0}to{opacity:1}}@keyframes intro-bg-out{0%{opacity:1}to{opacity:0}}.intro-content{text-align:center;padding:0 28px;max-width:1200px;transform:translateY(10px);opacity:0;animation:intro-in .6s ease forwards .05s}@keyframes intro-in{to{transform:none;opacity:1}}.intro-stack{margin:0;font-weight:700;letter-spacing:.01em;line-height:1.12;text-wrap:balance;font-size:clamp(38px,7.6vw,72px)}.intro-stack .line{display:block}.intro-stack .line+.line{margin-top:.38em}.intro-gap{height:clamp(24px,6vh,48px)}.intro-link{--x: 50%;position:relative;border:0;background:transparent;cursor:pointer;color:#ebeef5eb;font-weight:800;font-size:clamp(26px,3.2vw,36px);letter-spacing:.02em;padding:10px 6px;transition:transform .18s ease,color .18s ease}.intro-link:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:radial-gradient(18px 12px at var(--x) 50%,rgba(210,214,224,.96),rgba(210,214,224,0) 74%);transform:scaleX(.2);opacity:.95;transition:transform .25s ease}.intro-link:hover{transform:translateY(-1px);color:#fffffffa}.intro-link:hover:after{transform:scaleX(1)}.app-stage{opacity:0;transform:translateY(8px);filter:blur(6px);transition:opacity .55s ease,transform .55s ease,filter .6s ease;pointer-events:none}.app-stage.reveal{opacity:1;transform:none;filter:blur(0);pointer-events:auto}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(18px,4vw,36px);align-items:start;padding-top:12px}@media (max-width: 980px){.split{grid-template-columns:1fr}}#about{padding-top:clamp(20px,6vh,48px);padding-bottom:clamp(40px,10vh,88px)}.about-copy{max-width:720px}.about-copy .welcome{font-size:clamp(34px,5.2vw,56px);margin:0 0 14px;letter-spacing:.01em}.about-copy .lead{color:#ebeef5eb;margin:0 0 14px;font-weight:600}.about-copy .glow{color:#dce1eceb;text-shadow:0 0 6px rgba(140,140,200,.18),0 0 14px rgba(108,99,255,.12);line-height:1.55;margin:12px 0}.about-copy .glow strong{color:#fffffffa;text-shadow:0 0 8px rgba(177,92,255,.25);font-weight:800}.about-copy .muted{color:var(--muted);margin-top:16px}.info-pillar{position:sticky;top:110px;background:#0c0e1a61;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:12px;display:grid;gap:10px;box-shadow:0 18px 50px #00000047;-webkit-backdrop-filter:blur(8px) saturate(1.04);backdrop-filter:blur(8px) saturate(1.04)}.info-pillar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;background:linear-gradient(180deg,#6c63ff2e,#b15cff1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:.45}.info-card{background:#101224b3;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:14px 16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.info-card:hover{transform:translateY(-2px);border-color:#b15cff38;box-shadow:0 14px 28px #00000047}.info-title{font-weight:900;letter-spacing:.01em;margin-bottom:6px}.info-sub{color:#d2d6e0e6;line-height:1.35;font-size:.96rem}