*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:dark}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--color-bg: #0A0A0A;--color-surface: #141414;--color-surface-variant: #1A1A2E;--color-surface-high: #1E1E1E;--color-surface-glass: rgba(20, 20, 30, .6);--color-primary: #00B4D8;--color-primary-glow: #00D4FF;--color-primary-light: #4DE8FF;--color-primary-dark: #0090B0;--color-primary-surface: rgba(0, 180, 216, .08);--color-primary-surface-hover: rgba(0, 180, 216, .15);--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-text: #FFFFFF;--color-text-secondary: #B0B8C8;--color-text-tertiary: #606878;--color-text-muted: #404850;--color-border: rgba(255, 255, 255, .06);--color-border-light: rgba(255, 255, 255, .1);--color-border-glow: rgba(0, 212, 255, .25);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--sp-32: 128px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--fs-4xl: 2.5rem;--fs-5xl: 3.25rem;--fs-6xl: 4rem;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--ease: cubic-bezier(.4, 0, .2, 1);--t-fast: .15s var(--ease);--t-base: .3s var(--ease);--t-slow: .5s var(--ease);--max-w: 1200px;--max-w-narrow: 800px;--nav-h: 72px}body{font-family:var(--font);font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--color-primary-light)}h1,h2,h3,h4{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--fs-5xl)}h2{font-size:var(--fs-4xl)}h3{font-size:var(--fs-3xl)}h4{font-size:var(--fs-2xl)}@media(max-width:768px){h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-6)}.container-narrow{width:100%;max-width:var(--max-w-narrow);margin:0 auto;padding:0 var(--sp-6)}.section{padding:var(--sp-24) 0}.section-sm{padding:var(--sp-16) 0}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-gradient{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[dir=rtl],[dir=rtl] .container,[dir=rtl] .container-narrow{direction:rtl}.glass{background:var(--color-surface-glass);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--color-border);border-radius:var(--r-lg);transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}.glass:hover{transform:translateY(-4px);border-color:var(--color-border-glow);box-shadow:0 0 40px #00d4ff33,0 0 80px #00d4ff14,0 8px 32px #0000004d}.glass-static{background:var(--color-surface-glass);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--color-border);border-radius:var(--r-lg)}.glow-text{text-shadow:0 0 12px rgba(0,212,255,.7),0 0 40px rgba(0,212,255,.35),0 0 80px rgba(0,212,255,.15)}.glow-box{box-shadow:0 0 30px #00d4ff40,0 0 80px #00d4ff1a,0 0 120px #00d4ff0d}.glow-border{border-color:var(--color-border-glow);box-shadow:0 0 20px #00d4ff26,0 0 40px #00d4ff0d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);font-weight:600;font-size:var(--fs-base);border-radius:var(--r-full);border:none;cursor:pointer;transition:all var(--t-base);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 0 25px #00b4d866,0 0 50px #00b4d826,0 4px 12px #0000004d}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));box-shadow:0 0 40px #00d4ff80,0 0 80px #00d4ff33,0 6px 20px #0006;transform:translateY(-2px);color:#fff}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary-surface);box-shadow:0 0 20px #00d4ff26;color:var(--color-primary-light)}.btn-lg{padding:var(--sp-4) var(--sp-8);font-size:var(--fs-lg)}.btn-sm{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}.btn-icon{width:20px;height:20px}.feature-card{padding:var(--sp-8);text-align:center}.feature-card .icon-wrap{width:64px;height:64px;margin:0 auto var(--sp-4);display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:var(--color-primary-surface);color:var(--color-primary);font-size:28px}.feature-card h3{font-size:var(--fs-xl);margin-bottom:var(--sp-2)}.feature-card p{color:var(--color-text-secondary);font-size:var(--fs-sm);line-height:1.7}.pricing-card{padding:var(--sp-8);text-align:center;position:relative}.pricing-card.featured{border-color:var(--color-border-glow);box-shadow:0 0 50px #00d4ff40,0 0 100px #00d4ff1a;animation:card-glow-pulse 4s ease-in-out infinite}@keyframes card-glow-pulse{0%,to{box-shadow:0 0 50px #00d4ff40,0 0 100px #00d4ff1a}50%{box-shadow:0 0 70px #00d4ff59,0 0 120px #00d4ff26}}.pricing-card .badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:var(--fs-xs);font-weight:700;padding:var(--sp-1) var(--sp-4);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.05em}.pricing-card .price{font-size:var(--fs-5xl);font-weight:700;line-height:1}.pricing-card .price-period{font-size:var(--fs-sm);color:var(--color-text-tertiary)}.pricing-card .feature-list{list-style:none;text-align:left;margin:var(--sp-6) 0}.pricing-card .feature-list li{padding:var(--sp-2) 0;color:var(--color-text-secondary);font-size:var(--fs-sm);display:flex;align-items:center;gap:var(--sp-2)}.pricing-card .feature-list li:before{content:"✓";color:var(--color-primary);font-weight:700}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6)}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.tier-badge{display:inline-flex;align-items:center;font-size:var(--fs-xs);font-weight:600;padding:2px var(--sp-2);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.04em}.tier-free{background:#10b98126;color:#10b981}.tier-pro{background:#00b4d826;color:var(--color-primary)}.tier-elite{background:#a855f726;color:#a855f7}.toggle-wrap{display:inline-flex;align-items:center;gap:var(--sp-3);background:var(--color-surface);border-radius:var(--r-full);padding:var(--sp-1)}.toggle-opt{padding:var(--sp-2) var(--sp-5);border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--t-fast);color:var(--color-text-tertiary);border:none;background:transparent}.toggle-opt.active{background:var(--color-primary);color:#fff;box-shadow:0 0 12px #00b4d84d}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border-light),transparent);margin:var(--sp-16) 0}@keyframes glow-pulse{0%,to{box-shadow:0 0 25px #00d4ff4d,0 0 60px #00d4ff1a,0 0 100px #00d4ff0d}50%{box-shadow:0 0 40px #00d4ff80,0 0 80px #00d4ff33,0 0 120px #00d4ff14}}.glow-pulse{animation:glow-pulse 3s ease-in-out infinite}@keyframes text-glow-pulse{0%,to{text-shadow:0 0 15px rgba(0,212,255,.6),0 0 40px rgba(0,212,255,.2),0 0 80px rgba(0,212,255,.08)}50%{text-shadow:0 0 25px rgba(0,212,255,.8),0 0 60px rgba(0,212,255,.3),0 0 100px rgba(0,212,255,.12)}}.text-glow-pulse{animation:text-glow-pulse 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.08) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 4s ease-in-out infinite}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.from-left{transform:translate(-30px)}.reveal.from-right{transform:translate(30px)}.reveal.from-scale{transform:scale(.95)}.reveal.visible{opacity:1;transform:translate(0) scale(1)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.hero-logo,.hero-title,.hero-subtitle,.hero-actions,.hero-compat{transition:opacity .8s ease,transform .8s ease}.hero-animate .hero-logo{opacity:0;transform:scale(.8)}.hero-animate .hero-title,.hero-animate .hero-subtitle{opacity:0;transform:translateY(20px)}.hero-animate .hero-compat{opacity:0;transform:translateY(15px)}.hero-animate .hero-actions{opacity:0;transform:scale(.9)}@keyframes neon-line{0%{width:0;opacity:0}10%{opacity:1}to{width:100%;opacity:1}}.neon-line{height:2px;background:linear-gradient(90deg,var(--color-primary-glow),transparent);border-radius:1px;box-shadow:0 0 8px var(--color-primary-glow)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}