:root{--bg: #080810;--bg-elevated: #0e0e1c;--accent: #6C63FF;--accent-dim: rgba(108, 99, 255, .15);--accent-glow: rgba(108, 99, 255, .22);--secondary: #00D4FF;--secondary-dim: rgba(0, 212, 255, .12);--tertiary: rgba(255, 200, 80, .9);--tertiary-dim: rgba(255, 200, 80, .1);--text: #FFFFFF;--muted: #8888AA;--muted-mid: rgba(136, 136, 170, .55);--surface: rgba(255, 255, 255, .035);--surface-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--border-accent: rgba(108, 99, 255, .35);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--radius: 12px;--radius-lg: 20px;--radius-pill: 100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;font-size:16px}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,canvas,video{display:block}ul,ol{list-style:none}a{color:inherit}button{font-family:inherit}input,button,textarea,select{font:inherit}.section-inner{max-width:1200px;margin:0 auto;padding:0 40px}section:not(.hero){padding:128px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-size:14px;font-weight:600;letter-spacing:-.01em;text-decoration:none;border:none;cursor:pointer;white-space:nowrap;transition:transform .16s var(--ease-out),box-shadow .2s var(--ease-out),background-color .2s var(--ease-out),border-color .2s var(--ease-out),opacity .2s var(--ease-out);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff1f}@media(hover:hover)and (pointer:fine){.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow),0 1px 2px #0000004d,inset 0 1px #ffffff24}.btn-primary:hover:after{opacity:1}}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 60%);opacity:0;transition:opacity .2s var(--ease-out);pointer-events:none}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0f}@media(hover:hover)and (pointer:fine){.btn-ghost:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:0 2px 12px #0003,inset 0 1px #ffffff14}}.btn-full{width:100%}.nav{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;transition:background-color .25s var(--ease-out),border-color .25s var(--ease-out),backdrop-filter .25s var(--ease-out);border-bottom:1px solid transparent}.nav.scrolled{background-color:#080810e0;border-bottom-color:var(--border);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}.nav-inner{max-width:1200px;width:100%;margin:0 auto;padding:0 40px;display:flex;align-items:center;gap:48px}.nav-logo{font-size:15px;font-weight:800;letter-spacing:.18em;color:var(--text);text-decoration:none;flex-shrink:0;transition:opacity .15s var(--ease-out)}.nav-logo:hover{opacity:.75}.nav-links{display:flex;gap:36px;flex:1}.nav-links a{font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;letter-spacing:-.01em;transition:color .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.nav-links a:hover{color:var(--text)}}.nav-cta{margin-left:auto;padding:8px 18px;font-size:13px}.hero{display:flex;min-height:100dvh;align-items:stretch;padding-top:64px}.hero-left{flex:0 0 50%;display:flex;align-items:center}.hero-content{max-width:560px;width:100%;margin-left:auto;padding:80px 60px 80px 40px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:var(--radius-pill);background:#6c63ff1a;border:1px solid rgba(108,99,255,.28);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:32px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:badge-pulse 2.4s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hero-title{font-family:Calistoga,Georgia,serif;font-size:clamp(40px,4.8vw,68px);font-weight:400;line-height:1.06;letter-spacing:-.025em;margin-bottom:24px;color:var(--text)}.hero-accent{background:linear-gradient(125deg,var(--accent) 20%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:17px;line-height:1.7;color:var(--muted);max-width:400px;margin-bottom:40px;font-weight:400}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:32px}.hero-actions .btn-primary{padding:13px 28px;font-size:15px}.hero-actions .btn-ghost{padding:12px 22px;font-size:15px}.hero-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted-mid);flex-wrap:wrap}.hero-meta-sep{opacity:.4}.hero-right{flex:0 0 50%;position:relative;overflow:hidden}#webgl-hero{display:block;pointer-events:none}.hero-canvas-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--bg) 0%,transparent 14%),linear-gradient(to top,var(--bg) 0%,transparent 16%),linear-gradient(to bottom,var(--bg) 0%,transparent 10%);pointer-events:none;z-index:1}.section-header{text-align:center;margin-bottom:72px}.section-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.section-title{font-size:clamp(30px,3.2vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.025em;margin-bottom:14px}.section-subtitle{font-size:17px;color:var(--muted);line-height:1.6}.features{position:relative;background:linear-gradient(to bottom,var(--bg) 0%,rgba(14,14,28,.7) 50%,var(--bg) 100%)}.features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,var(--border) 30%,var(--border) 70%,transparent 100%);pointer-events:none}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;overflow:hidden;padding:36px 30px 28px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff12;transition:transform .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(480px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(108,99,255,.09),transparent 70%);opacity:0;transition:opacity .3s var(--ease-out);pointer-events:none}@media(hover:hover)and (pointer:fine){.feature-card:hover{transform:scale(1.02) translateY(-2px);border-color:var(--border-accent);box-shadow:0 8px 48px #6c63ff1a,inset 0 1px #6c63ff33}.feature-card:hover:before{opacity:1}}.feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--accent-dim);border:1px solid rgba(108,99,255,.22);color:var(--accent);margin-bottom:24px;flex-shrink:0}.feature-icon--secondary{background:var(--secondary-dim);border-color:#00d4ff33;color:var(--secondary)}.feature-icon--tertiary{background:var(--tertiary-dim);border-color:#ffc85033;color:var(--tertiary)}.feature-card h3{font-size:19px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.feature-card p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:24px}.feature-card-foot{display:flex;gap:8px;flex-wrap:wrap}.feature-chip{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.02em;background:var(--accent-dim);border:1px solid rgba(108,99,255,.18);color:#6c63ffe6}.feature-chip--secondary{background:var(--secondary-dim);border-color:#00d4ff2e;color:#00d4ffe6}.feature-chip--tertiary{background:var(--tertiary-dim);border-color:#ffc8502e;color:var(--tertiary)}.social-proof{padding:96px 0 120px;position:relative}.social-proof:before,.social-proof:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,var(--border) 20%,var(--border) 80%,transparent 100%)}.social-proof:before{top:0}.social-proof:after{bottom:0}.logos-label{text-align:center;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-mid);margin-bottom:36px}.logos-row{display:flex;align-items:center;justify-content:center;gap:56px;margin-bottom:80px;flex-wrap:wrap}.logos-row span{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff3;transition:color .2s var(--ease-out);cursor:default}@media(hover:hover)and (pointer:fine){.logos-row span:hover{color:#ffffff80}}.testimonial-wrap{position:relative;max-width:720px;margin:0 auto;text-align:center;padding:48px 48px 44px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff0f}.testimonial-quote-mark{position:absolute;top:28px;left:36px;color:var(--accent)}.testimonial p{font-family:Calistoga,Georgia,serif;font-size:clamp(20px,2.4vw,28px);font-weight:400;line-height:1.45;color:var(--text);margin-bottom:32px;letter-spacing:-.01em}.testimonial cite{display:flex;flex-direction:column;align-items:center;gap:5px;font-style:normal}.cite-name{font-size:14px;font-weight:700;color:var(--text)}.cite-role{font-size:13px;color:var(--muted)}.pricing{background:linear-gradient(to bottom,var(--bg) 0%,rgba(14,14,28,.6) 50%,var(--bg) 100%)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.pricing-card{padding:36px 30px 32px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0f;position:relative;overflow:hidden;transition:transform .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.pricing-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 16px 48px #00000047,inset 0 1px #ffffff1a}}.pricing-card--featured{background:linear-gradient(145deg,#6c63ff14,#00d4ff0a);border-color:#6c63ff52;box-shadow:0 4px 40px #6c63ff1f,inset 0 1px #6c63ff33}@media(hover:hover)and (pointer:fine){.pricing-card--featured:hover{border-color:#6c63ff80;box-shadow:0 16px 60px #6c63ff33,inset 0 1px #6c63ff47}}.pricing-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);background:var(--accent);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:20px;box-shadow:0 2px 12px var(--accent-glow)}.pricing-card-header{margin-bottom:28px}.pricing-card-header h3{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.price{font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:10px}.price-period{font-size:20px;font-weight:500;color:var(--muted);letter-spacing:-.01em}.pricing-desc{font-size:14px;line-height:1.65;color:var(--muted)}.pricing-features{display:flex;flex-direction:column;gap:13px;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:28px}.pricing-features li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--muted)}.pricing-features li svg{flex-shrink:0;color:var(--accent)}.pricing-card--featured .pricing-features li svg{color:var(--secondary)}.footer-cta{padding:140px 0 120px;position:relative;overflow:hidden}.footer-cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(108,99,255,.09) 0%,rgba(0,212,255,.04) 50%,transparent 70%);pointer-events:none;z-index:0}.footer-cta-inner{position:relative;z-index:1;text-align:center;max-width:560px;margin:0 auto}.footer-cta-inner h2{font-family:Calistoga,Georgia,serif;font-size:clamp(36px,5vw,60px);font-weight:400;letter-spacing:-.025em;line-height:1.08;margin-bottom:16px}.footer-cta-inner>p{font-size:17px;color:var(--muted);line-height:1.65;margin-bottom:44px}.cta-form{display:flex;gap:10px;max-width:460px;margin:0 auto 16px}.cta-input{flex:1;min-width:0;padding:13px 18px;border-radius:var(--radius);background:#ffffff0d;border:1px solid var(--border);color:var(--text);font-size:14px;outline:none;transition:border-color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.cta-input::placeholder{color:var(--muted-mid)}.cta-input:focus{border-color:#6c63ff80;background:#6c63ff0f;box-shadow:0 0 0 3px #6c63ff1f}.cta-fine{font-size:12px;color:var(--muted-mid)}.footer{border-top:1px solid var(--border);padding-top:80px}.footer-inner{display:flex;gap:80px;margin-bottom:72px;align-items:flex-start}.footer-brand{flex:0 0 180px}.footer-brand p{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.6}.footer-links{display:flex;gap:64px;flex:1}.footer-col{display:flex;flex-direction:column;gap:14px}.footer-col-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-bottom:4px}.footer-col a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.footer-col a:hover{color:var(--text)}}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:24px 0 40px;border-top:1px solid var(--border)}.footer-bottom p{font-size:13px;color:#8888aa80}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a{font-size:13px;color:#8888aa80;text-decoration:none;transition:color .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.footer-bottom-links a:hover{color:var(--muted)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .48s var(--ease-out),transform .48s var(--ease-out)}.reveal.revealed{opacity:1;transform:translateY(0)}.features-grid .feature-card:nth-child(1){transition-delay:0ms}.features-grid .feature-card:nth-child(2){transition-delay:70ms}.features-grid .feature-card:nth-child(3){transition-delay:.14s}.pricing-grid .pricing-card:nth-child(1){transition-delay:0ms}.pricing-grid .pricing-card:nth-child(2){transition-delay:70ms}.pricing-grid .pricing-card:nth-child(3){transition-delay:.14s}.hero-badge,.hero-title,.hero-subtitle,.hero-actions,.hero-meta{opacity:0;transform:translateY(24px)}@media(prefers-reduced-motion:reduce){.reveal,.hero-badge,.hero-title,.hero-subtitle,.hero-actions,.hero-meta{transition:opacity .2s ease;transform:none!important}.hero-badge-dot{animation:none;opacity:1}}@media(max-width:1024px){.hero-content{padding:60px 40px}.footer-links{gap:40px}}@media(max-width:768px){.hero{flex-direction:column;align-items:stretch;position:relative;min-height:100vh}.hero-right{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;flex:none}#webgl-hero{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.5}.hero-canvas-fade{background:linear-gradient(to right,var(--bg) 0%,transparent 50%),linear-gradient(to top,var(--bg) 0%,transparent 20%),linear-gradient(to bottom,var(--bg) 0%,transparent 12%)}.hero-left{flex:none;position:relative;z-index:1;padding-bottom:0}.hero-content{max-width:100%;padding:40px 24px 32px;margin:0;background:linear-gradient(to right,rgba(8,8,16,.85) 60%,transparent)}.hero-badge,.hero-title,.hero-subtitle,.hero-actions,.hero-meta{opacity:1!important;transform:none!important}.features-grid,.pricing-grid{grid-template-columns:1fr;gap:14px}.features-grid .feature-card:nth-child(n),.pricing-grid .pricing-card:nth-child(n){transition-delay:0ms}section:not(.hero){padding:80px 0}.section-inner,.nav-inner{padding:0 24px}.nav-links{display:none}.logos-row{gap:32px}.testimonial-wrap{padding:36px 28px 32px}.footer-inner{flex-direction:column;gap:48px}.footer-brand{flex:none}.footer-links{gap:32px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.cta-form{flex-direction:column}.cta-form .btn{width:100%}}@media(max-width:480px){.hero-title{font-size:36px}.hero-subtitle{font-size:15px}.hero-actions{gap:10px}.hero-actions .btn-primary,.hero-actions .btn-ghost{font-size:14px;padding:12px 20px}}