:root{--color-bg:#030712;--color-surface:#111827;--color-border:#1f2937;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-text:#f9fafb;--color-text-muted:#9ca3af;--font-sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;overflow-x:hidden}#webgl-canvas{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4{letter-spacing:-.02em;margin-bottom:1rem;font-weight:700}h1{font-size:3.5rem;line-height:1.1}h2{font-size:2.25rem}p{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.125rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-text)}.site-wrapper{max-width:1600px;margin:0 auto;padding:0 4rem}header.header{backdrop-filter:blur(12px)saturate(140%);z-index:100;will-change:transform, backdrop-filter;background:#0a101e73;border:1px solid #ffffff1f;border-color:#ffffff47 #ffffff1f #ffffff0f;border-radius:100px;grid-template-columns:1fr auto 1fr;align-items:center;width:calc(100% - 4rem);max-width:1200px;padding:.85rem 2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 16px 36px -8px #00000080,inset 0 1px #ffffff38,inset 0 -1px #ffffff0a}header.header:hover{background:#0c12228c;border-color:#ffffff61 #ffffff2e #ffffff2e;box-shadow:0 20px 42px -8px #0009,inset 0 1px #ffffff52,inset 0 -1px #ffffff0f}.header-actions{z-index:2;justify-content:flex-end;display:flex;position:relative}.logo{letter-spacing:-.05em;color:#fff;text-transform:uppercase;text-shadow:0 0 20px #fff3;z-index:2;font-size:1.25rem;font-weight:800;position:relative}.main-nav{z-index:2;align-items:center;gap:1.8rem;display:flex;position:relative}.main-nav a{color:#d1d5db;text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s}.main-nav a:hover{color:#fff;background:#ffffff17;box-shadow:inset 0 1px #fff3}.btn-white{color:#000;background-color:#fff;border-radius:40px;justify-content:center;align-items:center;padding:.65rem 1.45rem;font-size:.88rem;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffffe6}.btn-white:hover{color:#000;background-color:#f3f4f6;transform:scale(1.04);box-shadow:0 6px 20px #ffffff40,inset 0 1px #fff}.btn-outline{color:#fff;-webkit-backdrop-filter:blur(16px)saturate(180%);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff05 100%),#ffffff0a;border:1px solid #fff3;border-color:#ffffff59 #fff3 #ffffff1a;border-radius:40px;align-items:center;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff40}.btn-outline:hover{color:#fff;background:linear-gradient(135deg,#ffffff29 0%,#ffffff0d 100%),#ffffff14;border-color:#ffffff8c #ffffff59 #ffffff59;transform:scale(1.04);box-shadow:0 6px 18px #0000004d,inset 0 1px #fff6}.download-tip{color:#9ca3af;-webkit-backdrop-filter:blur(16px)saturate(180%);background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%),#0a10208c;border:1px solid #ffffff1f;border-color:#ffffff4d #ffffff1f #ffffff0f;border-radius:14px;align-items:center;gap:.65rem;max-width:440px;margin-top:1.25rem;padding:.75rem 1.15rem;font-size:.8rem;line-height:1.4;display:flex;box-shadow:0 10px 25px -5px #0006,inset 0 1px #ffffff40}.download-tip svg{color:#60a5fa;flex-shrink:0}.download-tip strong{color:#f3f4f6;font-weight:600}.hero-cinematic{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:2rem;min-height:100vh;padding-top:5rem;display:grid}.hero-left h1{text-shadow:0 4px 20px #00000080;margin-bottom:2.5rem;font-size:5rem;line-height:1}.hero-buttons{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-center{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.floating-asset{mix-blend-mode:screen;pointer-events:none;width:120%;max-width:650px;animation:25s ease-in-out infinite flight-to-hole;position:absolute}@keyframes flight-to-hole{0%{transform:translate(0)rotate(-2deg)rotateY(-10deg)scale(1)}7%{transform:translate(-35px,-10px)rotate(-6deg)rotateY(-20deg)scale(.98)}14%{transform:translate(-5px,15px)rotate(1deg)rotateY(-5deg)scale(1.02)}22%{transform:translate(-45px,-5px)rotate(-8deg)rotateY(-25deg)scale(.97)}31%{transform:translate(-10px,20px)rotate(0)rotateY(-8deg)scale(1.01)}39%{transform:translate(-25px,-15px)rotate(-4deg)rotateY(-18deg)scale(.99)}48%{transform:translate(10px,5px)rotate(2deg)rotateY(-2deg)scale(1.03)}55%{transform:translate(-50px,-20px)rotate(-10deg)rotateY(-30deg)scale(.95)}64%{transform:translate(-15px,10px)rotate(-2deg)rotateY(-10deg)scale(1.01)}73%{transform:translate(-30px,-5px)rotate(-5deg)rotateY(-22deg)scale(.98)}85%{transform:translate(5px,15px)rotate(1deg)rotateY(-4deg)scale(1.02)}92%{transform:translate(-40px,-15px)rotate(-7deg)rotateY(-25deg)scale(.97)}to{transform:translate(0)rotate(-2deg)rotateY(-10deg)scale(1)}}.hero-right p{color:#d1d5db;font-size:1.25rem;line-height:1.6}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:4rem 0;display:grid}.feature-card{-webkit-backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%),#0a10208c;border:1px solid #ffffff1f;border-color:#ffffff47 #ffffff1f #ffffff0f;border-radius:24px;padding:3rem;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s,box-shadow .3s;box-shadow:0 20px 40px -15px #00000080,inset 0 1px #ffffff40}.feature-card:hover{background:linear-gradient(135deg,#ffffff1f 0%,#ffffff08 100%),#0e162ca6;border-color:#ffffff73 #ffffff3d #ffffff3d;transform:translateY(-6px);box-shadow:0 28px 55px -15px #000000a6,inset 0 1px #fff6}.feature-icon{color:#60a5fa;justify-content:flex-start;align-items:center;margin-bottom:1.5rem;display:flex}.feature-icon svg{filter:drop-shadow(0 0 8px #60a5fa80);width:32px;height:32px}.feature-card h3{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:#9ca3af;margin-bottom:0;font-size:1.05rem;line-height:1.6}.prose{max-width:900px;margin:4rem auto;padding:0 2rem}.prose h2{color:#fff;text-align:center;margin-top:3rem;margin-bottom:3rem;font-size:2.5rem}.prose h3{color:#60a5fa;border-left:4px solid #60a5fa;margin-top:4rem;margin-bottom:1.5rem;padding-left:1rem;font-size:1.5rem}.prose p{color:#d1d5db;-webkit-backdrop-filter:blur(16px)saturate(180%);background:linear-gradient(135deg,#ffffff12 0%,#ffffff05 100%),#0a10208c;border:1px solid #ffffff1a;border-color:#ffffff40 #ffffff1a #ffffff0f;border-radius:16px;margin-bottom:2rem;padding:2.5rem;font-size:1.125rem;line-height:1.8;box-shadow:0 12px 30px -10px #00000073,inset 0 1px #fff3}.prose ul,.prose ol{color:#9ca3af;margin-bottom:1.5rem;padding-left:1.5rem;font-size:1.125rem;line-height:1.8}.prose li{margin-bottom:.75rem}footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);margin-top:4rem;padding:4rem 0;font-size:.875rem}@media (width<=1024px){.hero-cinematic{text-align:center;grid-template-columns:1fr;min-height:auto;padding-top:10rem;padding-bottom:4rem}.hero-left{order:2}.hero-center{order:1;min-height:350px;margin-bottom:2rem}.hero-right{order:3;margin-top:2rem}.floating-asset{width:80%;max-width:350px;position:relative}.hero-buttons{justify-content:center}header.header{gap:1rem;width:calc(100% - 2rem);padding:1rem}.main-nav{gap:1.5rem}}@media (width<=768px){.site-wrapper{padding:0 1.5rem}header.header{grid-template-columns:1fr auto}.main-nav{display:none}.hero-left h1{font-size:3rem}.features{grid-template-columns:1fr;gap:1.5rem}.prose{padding:0 1rem}.prose p{padding:1.5rem;font-size:1rem}.prose h2{font-size:2rem}}