:root{--ink:#0f172a;--muted:#64748b;--accent:#2563eb;--surface:#fff;--bg:#f8fafc;--border:#e2e8f0;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}@media (prefers-color-scheme:dark){:root{--ink:#f1f5f9;--muted:#94a3b8;--accent:#3b82f6;--surface:#111827;--bg:#0b1120;--border:#1e293b}}.landing{color:#f1f5f9;isolation:isolate;background:#05080f;position:relative;overflow-x:hidden}.landing:before{content:"";z-index:0;pointer-events:none;filter:blur(30px);background:radial-gradient(38% 38% at 22% 28%,#3b82f638,#0000 62%),radial-gradient(34% 34% at 80% 22%,#7c3aed33,#0000 62%),radial-gradient(42% 42% at 72% 78%,#7df9ff1f,#0000 62%),radial-gradient(40% 40% at 25% 82%,#7c3aed1f,#0000 62%);animation:22s ease-in-out infinite alternate aurora;position:fixed;inset:-25%}@keyframes aurora{0%{transform:translate(0,0)scale(1)}50%{transform:translate(2%,-2%)scale(1.08)}to{transform:translate(-2%,2%)scale(1.04)}}.landing:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 12%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 12%,#000,#0000 72%)}.stage,.platform,.site-footer{z-index:1;position:relative}.stage{color:#f1f5f9;flex-direction:column;justify-content:center;align-items:center;gap:48px;min-height:100vh;padding:64px 24px;display:flex;overflow:hidden}.stage .elixir{animation:1s cubic-bezier(.2,.7,.2,1) both enter}.stage .headline{animation:1s cubic-bezier(.2,.7,.2,1) .15s both enter,9s linear 1.2s infinite shimmer}.stage .scroll-hint{animation:1s cubic-bezier(.2,.7,.2,1) .32s both enter}@keyframes enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.elixir{place-items:center;width:220px;height:360px;display:grid;position:relative}.elixir-aura{filter:blur(8px);background:radial-gradient(circle,#3b82f673,#7c3aed2e 45%,#0000 70%);border-radius:50%;width:320px;height:320px;animation:4s ease-in-out infinite aura;position:absolute}@keyframes aura{0%,to{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}.flask{filter:drop-shadow(0 0 22px #3b82f68c);width:200px;height:320px;animation:6s ease-in-out infinite sway;position:relative}@keyframes sway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.flask-outline,.flask-neck{fill:none;stroke:#dcebff8c;stroke-width:3px}.flask-neck{stroke-width:3px}.liquid{animation:5s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(2px)}50%{transform:translateY(-6px)}}.wave{animation:7s linear infinite drift}.wave-front{animation-duration:4.5s;animation-direction:reverse}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-100px)}}.bubble{fill:#ffffffbf;opacity:0;animation:4s ease-in infinite rise}.b1{animation-delay:0s}.b2{animation-delay:.8s}.b3{animation-delay:1.6s}.b4{animation-delay:2.3s}.b5{animation-delay:3s}.b6{animation-delay:3.6s}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:.9}80%{opacity:.7}to{opacity:0;transform:translateY(-120px)scale(1)}}.spark{opacity:0;background:#7df9ff;border-radius:50%;width:6px;height:6px;animation:5s ease-in-out infinite float;position:absolute;box-shadow:0 0 10px 2px #7df9ffcc}.s1{animation-delay:0s;top:30%;left:12%}.s2{animation-delay:.9s;top:18%;left:78%}.s3{animation-delay:1.7s;top:60%;left:8%}.s4{animation-delay:2.4s;top:48%;left:88%}.s5{animation-delay:3.1s;top:75%;left:20%}.s6{animation-delay:3.8s;top:72%;left:80%}@keyframes float{0%,to{opacity:0;transform:translateY(8px)}35%{opacity:1}65%{opacity:.6}50%{transform:translateY(-14px)}}.headline{text-align:center;letter-spacing:-.01em;background:linear-gradient(100deg,#fff 28%,#cfe0ff 44%,#7df9ff 50%,#cfe0ff 56%,#fff 72%) 0 0/220%;color:#0000;-webkit-background-clip:text;background-clip:text;max-width:760px;margin:0;font-size:clamp(1.5rem,3.4vw,2.6rem);font-weight:600;line-height:1.3}@keyframes shimmer{to{background-position:220%}}.headline span{color:#8aa0c9;-webkit-text-fill-color:#8aa0c9;margin-top:8px;font-size:.78em;font-weight:500;display:block}.scroll-hint{font:inherit;letter-spacing:.02em;color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 4px;font-size:.9rem;transition:color .2s;display:inline-flex}.scroll-hint svg{width:18px;height:18px;animation:1.8s ease-in-out infinite nudge}.scroll-hint:hover{color:#e2e8f0}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.platform{border-top:1px solid #94a3b81a;padding:120px 24px}.platform-inner{max-width:1120px;margin:0 auto}.platform-head{text-align:center;max-width:700px;margin:0 auto 64px}.platform-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#60a5fa;margin-bottom:16px;font-size:.75rem;font-weight:600;display:inline-block}.platform-head h2{letter-spacing:-.02em;background:linear-gradient(#fff,#b9c6e6);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 18px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.2}.platform-head p{color:#94a3b8;margin:0;font-size:1.05rem;line-height:1.7}.feature-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.feature-grid{grid-template-columns:1fr}}.feature-cell{height:100%}.feature-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff0b,#ffffff03);border:1px solid #94a3b81f;border-radius:18px;height:100%;padding:28px 24px;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.feature-card:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#60a5fa38,#0000 60%);width:240px;height:240px;transition:opacity .35s;position:absolute;top:-55%;left:50%;transform:translate(-50%)}.feature-card:hover{border-color:#60a5fa73;transform:translateY(-6px);box-shadow:0 20px 44px -18px #3b82f680}.feature-card:hover:after{opacity:1}.feature-icon{color:#7df9ff;background:linear-gradient(140deg,#3b82f638,#7c3aed2e);border:1px solid #7df9ff33;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;display:inline-flex;position:relative}.feature-icon svg{width:22px;height:22px}.feature-card:hover .feature-icon{transform:translateY(-2px)scale(1.06);box-shadow:0 0 26px #7df9ff66}.feature-card h3{color:#f1f5f9;margin:0 0 10px;font-size:1.05rem;font-weight:600;position:relative}.feature-card p{color:#94a3b8;margin:0;font-size:.92rem;line-height:1.65;position:relative}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(28px)}.reveal-visible{opacity:1;transform:none}.site-footer{border-top:1px solid #94a3b81a;padding:48px 24px 56px}.site-footer-inner{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:1120px;margin:0 auto;display:flex}.site-footer-copy{color:#64748b;margin:0;font-size:.85rem}.site-footer-note{color:#475569;max-width:620px;margin:0;font-size:.8rem;line-height:1.6}.legal{align-items:center;gap:16px;font-size:.92rem;display:flex}.legal a{color:#94a3b8;text-decoration:none;transition:color .2s}.legal a:hover{color:#e2e8f0}.sep{background:#475569;border-radius:50%;width:4px;height:4px}@media (width<=768px){.stage{gap:36px}.elixir{width:180px;height:300px}.flask{width:168px;height:270px}.platform{padding:88px 20px}}@media (prefers-reduced-motion:reduce){.landing:before,.elixir-aura,.flask,.liquid,.wave,.bubble,.spark,.scroll-hint svg,.stage .elixir,.stage .headline,.stage .scroll-hint{animation:none}.reveal{opacity:1;transition:none;transform:none}}.legal-page{color:#e2e8f0;background:radial-gradient(900px 600px at 50% -10%,#3b82f61f,#0000 70%),radial-gradient(700px 500px at 80% 100%,#7c3aed1a,#0000 70%),#05080f;min-height:100vh}.legal-shell{max-width:760px;margin:0 auto;padding:40px 24px 96px}.legal-back{color:#94a3b8;align-items:center;gap:8px;font-size:.92rem;text-decoration:none;transition:color .2s;display:inline-flex}.legal-back:hover{color:#e2e8f0}.legal-header{border-bottom:1px solid #94a3b829;margin:40px 0 48px;padding-bottom:32px}.legal-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#60a5fa;margin-bottom:16px;font-size:.75rem;font-weight:600;display:inline-block}.legal-header h1{letter-spacing:-.02em;background:linear-gradient(#fff,#b9c6e6);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(2rem,5vw,2.8rem);font-weight:600}.legal-updated{color:#64748b;margin:0;font-size:.88rem}.legal-intro{color:#cbd5e1;margin:0 0 40px;font-size:1.05rem;line-height:1.8}.legal-section{margin-bottom:36px}.legal-section h2{color:#f1f5f9;margin:0 0 14px;font-size:1.3rem;font-weight:600}.legal-section h3{color:#dbe4f0;margin:24px 0 10px;font-size:1.05rem;font-weight:600}.legal-section p{color:#b6c2d4;margin:0 0 14px;font-size:1rem;line-height:1.8}.legal-section ul{margin:0 0 14px;padding-left:22px}.legal-section li{color:#b6c2d4;margin-bottom:10px;font-size:1rem;line-height:1.8}.legal-section strong{color:#e2e8f0;font-weight:600}.legal-section a{color:#60a5fa;text-decoration:none}.legal-section a:hover{color:#93c5fd;text-decoration:underline}.legal-contact{color:#cbd5e1;background:#94a3b80f;border:1px solid #94a3b829;border-radius:14px;padding:20px 24px;line-height:1.9}.legal-disclaimer{color:#64748b;border-top:1px solid #94a3b829;margin-top:48px;padding-top:24px;font-size:.85rem;font-style:italic;line-height:1.7}.legal-footer{color:#64748b;border-top:1px solid #94a3b829;justify-content:space-between;align-items:center;gap:16px;margin-top:56px;padding-top:24px;font-size:.85rem;display:flex}.legal-footer nav{gap:20px;display:flex}.legal-footer a{color:#94a3b8;text-decoration:none;transition:color .2s}.legal-footer a:hover{color:#e2e8f0}@media (width<=600px){.legal-footer{flex-direction:column;align-items:flex-start}}