@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#0b0f19;--bg-gradient:linear-gradient(135deg, #0b0f19, #1a1638);--surface:#ffffff08;--surface-hover:#ffffff0f;--border:#ffffff14;--text-primary:#fff;--text-secondary:#94a3b8;--brand:#5b3df5;--brand-light:#9333ea;--brand-glow:#5b3df580;--accent:#2dd4bf}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,.brand-font{font-family:Space Grotesk,sans-serif}.ocean{z-index:-1;background:0 0;width:100%;height:100vh;position:fixed;bottom:0;left:0;overflow:hidden}.wave{background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 1000 200\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0,100 C150,200 350,0 500,100 C650,200 850,0 1000,100 L1000,200 L0,200 Z\" fill=\"rgba(91, 61, 245, 0.05)\"/></svg>") repeat-x;width:200vw;height:100vh;animation:25s cubic-bezier(.36,.45,.63,.53) infinite wave;position:absolute;top:50vh;transform:translate(0,0)}.wave:nth-of-type(2){opacity:1;background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 1000 200\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0,100 C150,200 350,0 500,100 C650,200 850,0 1000,100 L1000,200 L0,200 Z\" fill=\"rgba(45, 212, 191, 0.05)\"/></svg>") repeat-x;animation:20s cubic-bezier(.36,.45,.63,.53) -.125s infinite wave,7s -1.25s infinite swell;top:55vh}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes swell{0%,to{transform:translateY(-25px)}50%{transform:translateY(5px)}}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b0f19cc;justify-content:space-between;align-items:center;width:100%;padding:24px 0;display:flex;position:fixed;top:0}.logo{color:#fff;align-items:center;gap:12px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--brand), var(--brand-light));border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand), var(--brand-light));color:#fff;box-shadow:0 8px 24px var(--brand-glow)}.btn-primary:hover{box-shadow:0 12px 32px var(--brand-glow);transform:translateY(-2px)}.btn-outline{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{background:var(--surface-hover)}section{flex-direction:column;justify-content:center;min-height:100vh;padding:100px 0;display:flex;position:relative}.hero{text-align:center;padding-top:180px}.hero h1{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:clamp(48px,6vw,72px);line-height:1.1}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-size:20px}.chaos-container{height:400px;margin-top:60px;position:relative}.chaos-element{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);border-radius:16px;align-items:center;gap:12px;padding:16px 24px;font-size:14px;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 20px 40px #0006}.chaos-1{--r:-5deg;animation-delay:0s;top:10%;left:15%;transform:rotate(-5deg)}.chaos-2{--r:5deg;animation-delay:-2s;top:40%;right:10%;transform:rotate(5deg)}.chaos-3{--r:0deg;animation-delay:-4s;bottom:20%;left:30%}.chaos-4{--r:-3deg;animation-delay:-1s;top:60%;left:60%;transform:rotate(-3deg)}.chaos-element.red{border-left:3px solid #ef4444}.chaos-element.orange{border-left:3px solid #f97316}@keyframes float{0%{transform:translateY(0px) rotate(var(--r,0deg))}50%{transform:translateY(-15px) rotate(var(--r,0deg))}to{transform:translateY(0px) rotate(var(--r,0deg))}}.turn-section{text-align:center}.glass-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;max-width:900px;margin:0 auto;padding:48px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}.glass-card:before{content:"";background:linear-gradient(90deg, transparent, var(--brand), transparent);height:1px;position:absolute;top:0;left:0;right:0}.turn-section h2{margin-bottom:20px;font-size:42px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:64px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:20px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:hover{background:var(--surface-hover);border-color:#5b3df54d;transform:translateY(-5px)}.feature-icon{width:48px;height:48px;color:var(--brand-light);background:#5b3df51a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-card h3{margin-bottom:12px;font-size:20px}.feature-card p{color:var(--text-secondary);font-size:15px}.climax-section{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.climax-text h2{margin-bottom:24px;font-size:42px}.metrics-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.metric-value{color:var(--accent);margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:700}.metric-label{color:var(--text-secondary);font-size:14px}.cta-section{text-align:center;padding:120px 0}.cta-section h2{margin-bottom:24px;font-size:56px}.badge{color:var(--brand-light);background:#5b3df51a;border:1px solid #5b3df533;border-radius:20px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}@media (width<=768px){.climax-section{grid-template-columns:1fr}.chaos-container{display:none}.hero h1{font-size:42px}}.fade-up{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}