@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--primary-cyan: #00f5d4;--primary-blue: #00bbf9;--primary-purple: #9b5de5;--gradient-primary: linear-gradient(135deg, var(--primary-cyan), var(--primary-blue), var(--primary-purple))}:root,[data-theme=dark]{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: #111827;--bg-card-hover: #1f2937;--bg-nav: rgba(10, 14, 26, .9);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .05);--border-accent: rgba(0, 245, 212, .2);--gradient-glow: linear-gradient(135deg, rgba(0, 245, 212, .2), rgba(155, 93, 229, .2));--grid-color: rgba(0, 245, 212, .03);--shadow-card: 0 20px 60px rgba(0, 0, 0, .4);--particle-opacity: .3;--glass-bg: rgba(17, 24, 39, .7);--glass-border: rgba(255, 255, 255, .08);--badge-bg: rgba(0, 245, 212, .1);--badge-border: rgba(0, 245, 212, .25);--badge-purple-bg: rgba(155, 93, 229, .1);--badge-purple-border: rgba(155, 93, 229, .25);--btn-primary-shadow: 0 4px 30px rgba(0, 245, 212, .3);--btn-primary-shadow-hover: 0 8px 40px rgba(0, 245, 212, .4);--phone-frame-bg: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);--phone-shadow: 0 50px 100px rgba(0, 0, 0, .5), 0 0 0 4px #2a2a4a, inset 0 0 0 2px rgba(255, 255, 255, .1)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-nav: rgba(255, 255, 255, .95);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #475569;--border-color: rgba(0, 0, 0, .12);--border-accent: rgba(0, 150, 199, .4);--primary-cyan: #008c7e;--primary-blue: #0077a3;--primary-purple: #6d28d9;--gradient-primary: linear-gradient(135deg, #008c7e, #0077a3, #6d28d9);--gradient-glow: linear-gradient(135deg, rgba(0, 168, 150, .12), rgba(124, 58, 237, .12));--grid-color: rgba(0, 150, 199, .08);--shadow-card: 0 4px 20px rgba(0, 0, 0, .08), 0 8px 40px rgba(0, 0, 0, .04);--particle-opacity: .25;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--badge-bg: rgba(0, 168, 150, .12);--badge-border: rgba(0, 168, 150, .35);--badge-purple-bg: rgba(124, 58, 237, .1);--badge-purple-border: rgba(124, 58, 237, .3);--btn-primary-shadow: 0 4px 20px rgba(0, 168, 150, .25);--btn-primary-shadow-hover: 0 8px 30px rgba(0, 168, 150, .35);--phone-frame-bg: linear-gradient(180deg, #1f2937 0%, #111827 100%);--phone-shadow: 0 30px 60px rgba(0, 0, 0, .15), 0 0 0 4px #374151, inset 0 0 0 2px rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}html,body,#root{height:100%}.app{min-height:100vh;position:relative}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;transition:background-image .3s ease}section{padding:6rem 2rem;position:relative;z-index:1}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-tag{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--primary-cyan);text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}@media(max-width:600px){section{padding:4rem 1.25rem}.section-header{margin-bottom:2.5rem}.section-tag{font-size:.75rem;letter-spacing:2px}.section-subtitle{font-size:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.scroll-animate{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-fade{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1);will-change:opacity}.scroll-animate-fade.visible{opacity:1}.scroll-animate-scale{opacity:0;transform:scale(.95);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.scroll-animate-scale.visible{opacity:1;transform:scale(1)}.scroll-animate-left{opacity:0;transform:translate(-60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.scroll-animate-left.visible{opacity:1;transform:translate(0)}.scroll-animate-right{opacity:0;transform:translate(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.scroll-animate-right.visible{opacity:1;transform:translate(0)}.stagger-1{transition-delay:0ms}.stagger-2{transition-delay:.1s}.stagger-3{transition-delay:.2s}.stagger-4{transition-delay:.3s}.stagger-5{transition-delay:.4s}.stagger-6{transition-delay:.5s}@media(prefers-reduced-motion:reduce){.scroll-animate,.scroll-animate-fade,.scroll-animate-scale,.scroll-animate-left,.scroll-animate-right{transition:none;opacity:1;transform:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--primary-cyan);color:var(--bg-primary);padding:.75rem 1.5rem;border-radius:0 0 8px 8px;text-decoration:none;font-weight:600;z-index:1000;transition:top .3s ease}.skip-link:focus{top:0}