:root{--c-navy-950:#020617;--c-navy-900:#0b1120;--c-navy-800:#0f172a;--c-navy-700:#1e293b;--c-navy-600:#334155;--c-slate-500:#64748b;--c-slate-400:#94a3b8;--c-slate-300:#cbd5e1;--c-slate-200:#e2e8f0;--c-slate-100:#f1f5f9;--c-slate-50:#f8fafc;--c-cyan-500:#06b6d4;--c-cyan-400:#22d3ee;--c-cyan-300:#67e8f9;--c-cyan-glow:#06b6d459;--c-cyan-subtle:#06b6d414;--c-blue-600:#2563eb;--c-blue-500:#3b82f6;--c-blue-glow:#3b82f64d;--c-amber-500:#f59e0b;--c-amber-400:#fbbf24;--c-amber-glow:#f59e0b59;--c-coral-500:#ef4444;--c-coral-400:#f87171;--c-violet-500:#8b5cf6;--c-violet-glow:#8b5cf64d;--bg-primary:var(--c-slate-50);--bg-secondary:var(--c-slate-100);--bg-elevated:#fff;--bg-deep:var(--c-navy-900);--bg-deep-alt:var(--c-navy-950);--text-primary:var(--c-navy-700);--text-secondary:var(--c-slate-500);--text-muted:var(--c-slate-400);--text-inverse:#fff;--text-link:var(--c-cyan-500);--accent-primary:var(--c-cyan-500);--accent-secondary:var(--c-blue-500);--accent-warm:var(--c-amber-500);--accent-premium:var(--c-violet-500);--accent-danger:var(--c-coral-500);--grad-hero:linear-gradient(135deg, var(--c-cyan-500) 0%, var(--c-blue-600) 50%, var(--c-violet-500) 100%);--grad-hero-soft:linear-gradient(135deg, var(--c-cyan-300) 0%, var(--c-blue-500) 50%, var(--c-violet-500) 100%);--grad-warm:linear-gradient(135deg, var(--c-amber-500), #f97316);--grad-depth:linear-gradient(180deg, var(--c-navy-900), var(--c-navy-950));--grad-surface:linear-gradient(180deg, #f1f5f900 0%, #f1f5f9d9 15%, #f1f5f9d9 85%, #f1f5f900 100%);--grad-glass:linear-gradient(135deg, #ffffffe6 0%, #fff9 100%);--font-display:"Syne", system-ui, -apple-system, sans-serif;--font-body:"Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--fs-hero:clamp(2.5rem, 7vw, 5.5rem);--fs-display:clamp(2rem, 4.5vw, 3.75rem);--fs-h2:clamp(1.75rem, 3.5vw, 3rem);--fs-h3:clamp(1.25rem, 2vw, 1.75rem);--fs-body-lg:1.125rem;--fs-body:1rem;--fs-body-sm:.875rem;--fs-caption:.75rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.05;--lh-heading:1.15;--lh-body:1.65;--ls-tight:-.03em;--ls-normal:0;--ls-wide:.08em;--ls-widest:.15em;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--sp-32:8rem;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 16px #0000000f, 0 2px 4px #0000000a;--shadow-lg:0 8px 32px #00000014, 0 4px 8px #0000000a;--shadow-xl:0 16px 48px #0000001a, 0 8px 16px #0000000f;--shadow-glow-cyan:0 0 24px var(--c-cyan-glow), 0 0 48px #06b6d426;--shadow-glow-amber:0 0 24px var(--c-amber-glow), 0 0 48px #f59e0b1f;--shadow-glow-violet:0 0 24px var(--c-violet-glow);--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;--r-full:9999px;--glass-bg:#ffffff8c;--glass-bg-solid:#ffffffe0;--glass-border:#fff9;--glass-blur:16px;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-normal:.3s;--dur-slow:.5s;--dur-reveal:.8s;--accent-cyan:var(--c-cyan-500);--accent-blue:var(--c-blue-500);--accent-orange:var(--c-amber-500);--accent-purple:var(--c-violet-500);--accent-gold:var(--c-amber-400);--card-bg:var(--glass-bg);--card-border:var(--glass-border);--chrome-gradient:var(--grad-hero);--warm-gradient:var(--grad-warm)}@keyframes bgOrbit{0%{transform:scale(1)translate(0)rotate(0)}25%{transform:scale(1.08)translate(-1%,1.5%)rotate(1deg)}50%{transform:scale(1.12)translate(1%,-1%)rotate(-.5deg)}75%{transform:scale(1.05)translate(-.5%,-1%)rotate(.5deg)}to{transform:scale(1)translate(0)rotate(0)}}@keyframes meshDrift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-6px)rotate(.5deg)}66%{transform:translateY(4px)rotate(-.3deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseRing{0%{box-shadow:0 0 0 0 var(--c-cyan-glow)}70%{box-shadow:0 0 0 10px #06b6d400}to{box-shadow:0 0 #06b6d400}}@keyframes pulseAmber{0%{box-shadow:0 0 0 0 var(--c-amber-glow)}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes liveDot{0%{opacity:1;box-shadow:0 0 #06b6d499}50%{opacity:.7;box-shadow:0 0 0 6px #06b6d400}to{opacity:1;box-shadow:0 0 #06b6d400}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 8px var(--c-cyan-glow))}50%{filter:drop-shadow(0 0 20px var(--c-cyan-glow))}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(250%)}}.animate-on-scroll{opacity:0;transition:opacity var(--dur-reveal) var(--ease-spring), transform var(--dur-reveal) var(--ease-spring);will-change:opacity, transform;transform:translateY(36px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)scale(1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.animate-fade-in{animation:fadeIn var(--dur-reveal) var(--ease-spring) forwards}.animate-fade-in-up{animation:fadeInUp var(--dur-reveal) var(--ease-spring) forwards}.animate-fade-in-scale{animation:fadeInScale var(--dur-reveal) var(--ease-spring) forwards}.animate-float{animation:float 6s var(--ease-smooth) infinite}.animate-float-slow{animation:floatSlow 10s var(--ease-smooth) infinite}.animate-shimmer{background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 100%;animation:2.5s linear infinite shimmer}.animate-pulse-ring{animation:2s ease-in-out infinite pulseRing}.animate-pulse-amber{animation:2s ease-in-out infinite pulseAmber}.hover-lift{transition:transform var(--dur-normal) var(--ease-spring), box-shadow var(--dur-normal) var(--ease-smooth)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.hover-glow{transition:transform var(--dur-normal) var(--ease-spring), box-shadow var(--dur-slow) var(--ease-smooth)}.hover-glow:hover{box-shadow:var(--shadow-glow-cyan);transform:translateY(-4px)}.hover-scale{transition:transform var(--dur-normal) var(--ease-spring)}.hover-scale:hover{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-on-scroll{opacity:1;transform:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}h1,h2,h3,h4,h5,h6,.font-syne{font-family:var(--font-display);line-height:var(--lh-heading);letter-spacing:var(--ls-tight);color:var(--text-primary)}a{color:inherit;transition:color var(--dur-fast) var(--ease-smooth);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,video,svg{max-width:100%;display:block}::selection{background:var(--c-cyan-500);color:#fff}.chrome-text{background:var(--grad-hero);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-title{font-size:var(--fs-hero);font-weight:var(--fw-extrabold);letter-spacing:-.03em;line-height:var(--lh-tight)}.section-title{font-size:var(--fs-h2);font-weight:var(--fw-extrabold);letter-spacing:-.02em;line-height:var(--lh-heading);margin-bottom:var(--sp-4)}.section-tag{font-size:var(--fs-caption);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--c-cyan-500);margin-bottom:var(--sp-4);align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--c-cyan-subtle);border-radius:var(--r-full);border:1px solid #06b6d41f;display:inline-flex}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}main{flex:1}.container{max-width:1200px;padding:0 var(--sp-6);width:100%;margin:0 auto}@media (width>=768px){.container{padding:0 var(--sp-12)}}.section{padding:var(--sp-24) 0;position:relative}.section-alt{background:var(--grad-surface)}.animated-bg{z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 15% 45%,#06b6d412,#0000),radial-gradient(50% 60% at 85% 25%,#8b5cf60d,#0000),radial-gradient(70% 40% at 50% 85%,#3b82f60a,#0000),radial-gradient(40% 30% at 75% 65%,#f59e0b08,#0000);animation:20s ease-in-out infinite bgOrbit;position:fixed;inset:0}.glass-nav{background:var(--glass-bg-solid);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #ffffff80;box-shadow:0 1px 24px #00000008}.btn-primary{background:var(--grad-hero);color:#fff;padding:var(--sp-3) var(--sp-6);border-radius:var(--r-full);font-weight:var(--fw-semibold);font-size:var(--fs-body);font-family:var(--font-body);justify-content:center;align-items:center;gap:var(--sp-2);transition:transform var(--dur-normal) var(--ease-spring), box-shadow var(--dur-normal) var(--ease-smooth), background-position var(--dur-slow) ease;cursor:pointer;background-size:150% 150%;border:none;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #06b6d440,0 0 0 1px #06b6d41a}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-primary:hover{background-position:100% 0;transform:translateY(-2px)scale(1.01);box-shadow:0 8px 24px #06b6d44d,0 0 0 1px #06b6d426}.btn-primary:hover:after{left:120%}.btn-primary:active{transform:translateY(0)scale(.99)}.btn-ghost{background:var(--bg-elevated);color:var(--text-primary);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-full);font-weight:var(--fw-semibold);font-size:var(--fs-body);justify-content:center;align-items:center;gap:var(--sp-2);transition:transform var(--dur-normal) var(--ease-spring), box-shadow var(--dur-normal) var(--ease-smooth), border-color var(--dur-fast) ease;border:1px solid var(--c-slate-200);box-shadow:var(--shadow-xs);cursor:pointer;text-decoration:none;display:inline-flex}.btn-ghost:hover{box-shadow:var(--shadow-md);border-color:var(--c-cyan-500);color:var(--c-cyan-500);transform:translateY(-2px)}.btn-ghost:active{transform:translateY(0)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-2xl);padding:var(--sp-10);box-shadow:var(--shadow-sm);transition:transform var(--dur-slow) var(--ease-spring), box-shadow var(--dur-slow) var(--ease-smooth), background var(--dur-slow) ease, border-color var(--dur-normal) ease;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffffe6 30%,#06b6d426 50%,#ffffffe6 70%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{box-shadow:var(--shadow-lg);background:var(--glass-bg-solid);border-color:#06b6d426;transform:translateY(-6px)}.live-badge{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);background:var(--bg-elevated);border:1px solid var(--c-slate-200);box-shadow:var(--shadow-sm);font-size:var(--fs-caption);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);color:var(--text-primary);margin-bottom:var(--sp-8);display:inline-flex}.live-dot{background:var(--c-cyan-500);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite liveDot}.expand-card .expand-content{opacity:0;max-height:0;transition:max-height var(--dur-slow) var(--ease-spring), opacity var(--dur-normal) ease, margin-top var(--dur-normal) ease;margin-top:0;overflow:hidden}.expand-card:hover .expand-content{opacity:1;max-height:200px;margin-top:var(--sp-4)}.grid-3{gap:var(--sp-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-3{gap:var(--sp-8);grid-template-columns:repeat(3,1fr)}}.bento-grid{gap:var(--sp-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.bento-grid{gap:var(--sp-8);grid-template-columns:repeat(3,1fr)}.col-span-2{grid-column:span 2}}.pulse-glow{animation:2s ease-in-out infinite pulseAmber}.hidden{display:none}.block{display:block}.flex{display:flex}@media (width>=768px){.md\:flex{display:flex}.md\:block{display:block}.md\:hidden{display:none}}.footer-row{display:flex}@media (width>=768px){.footer-row{text-align:left;flex-direction:row;justify-content:space-between;align-items:center}}@media (width<=767px){.footer-row{text-align:center;justify-content:center;align-items:center;gap:var(--sp-4);flex-direction:column}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--c-slate-100)}::-webkit-scrollbar-thumb{background:var(--c-slate-300);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-slate-400)}:focus-visible{outline:2px solid var(--c-cyan-500);outline-offset:2px;border-radius:var(--r-sm)}.hero-image-wrapper{animation:floatSlow 10s var(--ease-smooth) infinite}.section img{will-change:transform}.section img[loading=lazy]{opacity:0;transition:opacity .6s var(--ease-smooth)}.section img[loading=lazy].loaded,.section .is-visible img[loading=lazy]{opacity:1}@media (width<=767px){.hero-image-wrapper{animation:none}section .container[style*=flex]{text-align:center;flex-direction:column!important}}@media print{.animated-bg,.glass-nav,.btn-primary:after,.pulse-glow{animation:none!important;display:none!important}body{color:#000!important;background:#fff!important}}