: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:8rem;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:18s ease-in-out infinite flight-to-hole;position:absolute}@keyframes flight-to-hole{0%{transform:translateY(0)rotate(0)rotateY(0)rotateX(0)}33%{transform:translateY(-25px)rotate(-2deg)rotateY(6deg)rotateX(4deg)}66%{transform:translateY(15px)rotate(1.5deg)rotateY(-4deg)rotateX(-2deg)}to{transform:translateY(0)rotate(0)rotateY(0)rotateX(0)}}.hero-right p{color:#d1d5db;font-size:1.25rem;line-height:1.6}.features{z-index:10;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1400px;margin:0 auto;padding:8rem 0;display:grid;position:relative}.feature-card{z-index:1;-webkit-backdrop-filter:blur(12px)saturate(180%);background:linear-gradient(135deg,#0a0f1966 0%,#050a0f99 100%);border-radius:20px;padding:2.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),background .4s,box-shadow .4s;position:relative;box-shadow:0 15px 35px -10px #0009,inset 0 1px #ffffff1a}.feature-card:before{content:"";background:conic-gradient(from var(--angle), #000, #dc2626, #000, #2563eb, #000);-webkit-mask-composite:xor;z-index:-1;pointer-events:none;opacity:.5;border-radius:20px;padding:2px;transition:opacity .4s;animation:4s linear infinite spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.feature-card:hover{background:linear-gradient(135deg,#140a0fb3 0%,#0a050acc 100%);transform:translateY(-8px);box-shadow:0 25px 50px -12px #dc262640,0 0 40px -10px #dc262626,inset 0 1px #fff3}.feature-card:hover:before{opacity:1}.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:2rem auto 4rem;padding:8rem 2rem 0}.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}.custom-cursor{mix-blend-mode:screen;pointer-events:none;z-index:9999;background:radial-gradient(circle,#dc262626 0%,#dc262600 70%);border-radius:50%;width:400px;height:400px;transition:transform .1s ease-out;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.stats-bar{backdrop-filter:blur(12px)saturate(150%);z-index:1;background:linear-gradient(135deg,#140a0f66 0%,#0a050a99 100%);border-radius:24px;justify-content:space-around;align-items:center;margin:2rem 0 4rem;padding:3rem 2rem;display:flex;position:relative;box-shadow:0 20px 40px -10px #00000080}.stats-bar:before{content:"";background:conic-gradient(from var(--angle), #000, #dc2626, #000, #2563eb, #000);-webkit-mask-composite:xor;z-index:-1;pointer-events:none;border-radius:24px;padding:2px;animation:4s linear infinite spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.stat-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.stat-item h2{background:linear-gradient(to bottom right,#fff,#ef4444);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #ef44444d);-webkit-background-clip:text;margin:0;font-size:3.5rem;line-height:1}.stat-item span{color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:600}.showcase{justify-content:center;max-width:1200px;margin:6rem auto;padding:0 2rem;display:flex;position:relative}.showcase-glow{filter:blur(60px);z-index:0;background:radial-gradient(circle,#3b82f633 0%,#0000 70%);width:80%;height:80%;transition:background .8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showcase:hover .showcase-glow{background:radial-gradient(circle,#dc262640 0%,#0000 70%)}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}.showcase-img-container{background:conic-gradient(from var(--angle), #000, #dc2626, #000, #2563eb, #000) border-box;z-index:1;border:2px solid #0000;border-radius:12px;width:100%;max-width:1000px;animation:5s linear infinite spin;position:relative;box-shadow:0 25px 50px -12px #000c}.showcase-img-container:after{content:"";background:conic-gradient(from var(--angle), #000, #dc2626, #000, #2563eb, #000);filter:blur(25px);opacity:.4;z-index:-1;border-radius:14px;transition:opacity .8s;animation:5s linear infinite spin;position:absolute;inset:-2px}.showcase:hover .showcase-img-container:after{opacity:.8}.showcase-img{border-radius:11px;width:100%;display:block}.img-predator{opacity:0;border-radius:10px;width:100%;height:100%;transition:opacity .8s;position:absolute;top:0;left:0}.showcase:hover .img-predator{opacity:1}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}@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;height:auto;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 1rem}header.header{border-radius:12px;grid-template-columns:1fr auto;padding:.8rem}.main-nav{display:none}.hero-left h1{font-size:2.5rem}.hero-right p{font-size:1rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{text-align:center;width:100%}.stats-bar{border-radius:20px;flex-direction:column;gap:3rem;padding:2rem}.stats-bar:before{border-radius:20px}.stat-item h2{font-size:3rem}.stat-item span{font-size:.8rem}.features{grid-template-columns:1fr;gap:1.5rem}.prose{margin:2rem auto;padding:6rem 1rem 0}.prose p{padding:1.5rem;font-size:1rem}.prose h2{font-size:1.8rem}.showcase-img-container{padding:1px}}