:root{--ink-950: #020408;--ink-900: #05060a;--ink-850: #0a0a0f;--ink-800: #0d0d1a;--ink-750: #0f0f18;--ink-700: #0f1e2e;--ink-600: #16203a;--cyan-200: #bfeeff;--cyan-300: #5ce4ff;--cyan-400: #00d4ff;--cyan-500: #06b6d4;--cyan-600: #0891b2;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--jade-300: #6ee7b7;--jade-400: #00ff88;--jade-500: #22c55e;--jade-600: #10b981;--amber-300: #ffd600;--amber-400: #ffaa00;--amber-500: #f59e0b;--amber-600: #f97316;--rose-300: #ff8fa3;--rose-400: #ff6b6b;--rose-500: #ef4444;--rose-600: #ff006e;--azure-400: #3b82f6;--azure-500: #2563eb;--azure-600: #1d4ed8;--white: #ffffff;--slate-100: #f8fafc;--slate-300: #cbd5e1;--slate-400: #9aa8bd;--slate-500: #aebacc;--alpha-white-04: rgba(255, 255, 255, .04);--alpha-white-08: rgba(255, 255, 255, .08);--alpha-white-10: rgba(255, 255, 255, .1);--alpha-white-16: rgba(255, 255, 255, .16);--alpha-white-30: rgba(255, 255, 255, .3);--alpha-white-50: rgba(255, 255, 255, .5);--alpha-white-70: rgba(255, 255, 255, .7);--cyan-400-rgb: 0 212 255;--cyan-500-rgb: 6 182 212;--violet-500-rgb: 139 92 246;--jade-400-rgb: 0 255 136;--amber-500-rgb: 245 158 11;--rose-400-rgb: 255 107 107;--rose-500-rgb: 239 68 68;--ink-950-rgb: 2 4 8;--surface-card-rgb: 15 15 30;--family-grotesk: "Space Grotesk", "Inter", system-ui, sans-serif;--family-inter: "Inter", system-ui, -apple-system, sans-serif;--family-dm-mono: "DM Mono", ui-monospace, "SFMono-Regular", monospace;--surface-base: var(--ink-850);--surface-sunken: var(--ink-900);--surface-raised: var(--ink-750);--surface-card: rgba(15, 15, 30, .8);--surface-overlay: rgba(2, 4, 8, .88);--surface-inset: var(--alpha-white-04);--border-subtle: var(--alpha-white-08);--border-default: var(--alpha-white-10);--border-strong: var(--alpha-white-30);--border-accent: var(--cyan-400);--content-primary: var(--white);--content-secondary: var(--alpha-white-70);--content-muted: var(--alpha-white-50);--content-on-accent: var(--ink-850);--accent: var(--cyan-400);--accent-hover: var(--cyan-300);--accent-active: var(--cyan-500);--accent-soft: rgb(var(--cyan-400-rgb) / .1);--accent-ring: rgb(var(--cyan-400-rgb) / .4);--accent-alt: var(--violet-500);--accent-alt-soft: rgb(var(--violet-500-rgb) / .12);--signal-ok: var(--jade-400);--signal-ok-soft: rgb(var(--jade-400-rgb) / .12);--signal-warn: var(--amber-500);--signal-warn-soft: rgb(var(--amber-500-rgb) / .12);--signal-danger: var(--rose-500);--signal-danger-soft: rgb(var(--rose-500-rgb) / .12);--signal-info: var(--azure-400);--gradient-accent: linear-gradient(135deg, var(--accent), var(--accent-alt));--gradient-alt: linear-gradient(135deg, var(--accent-alt), var(--rose-600));--gradient-ok: linear-gradient(135deg, var(--signal-ok), var(--accent));--gradient-scanline: linear-gradient(90deg, transparent, var(--accent), transparent);--glow-accent-sm: 0 0 10px rgb(var(--cyan-400-rgb) / .4);--glow-accent-md: 0 0 20px rgb(var(--cyan-400-rgb) / .5);--glow-accent-lg: 0 0 30px rgb(var(--cyan-400-rgb) / .7);--glow-alt-md: 0 0 20px rgb(var(--violet-500-rgb) / .5);--glow-ok-md: 0 0 20px rgb(var(--jade-400-rgb) / .5);--glow-danger-md: 0 0 20px rgb(var(--rose-500-rgb) / .5);--elevation-card: 0 20px 40px rgb(var(--ink-950-rgb) / .3);--elevation-modal: 0 32px 64px rgb(var(--ink-950-rgb) / .6);--font-display: var(--family-grotesk);--font-body: var(--family-inter);--font-mono: var(--family-dm-mono);--tracking-display: .01em;--tracking-label: .08em;--tracking-mono: .02em;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: clamp(1.5rem, 2.5vw, 1.875rem);--text-3xl: clamp(1.875rem, 3vw, 2.25rem);--text-4xl: clamp(2rem, 4vw, 3rem);--text-5xl: clamp(2.5rem, 6vw, 4rem);--text-6xl: clamp(2.5rem, 8vw, 6rem);--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--section-padding-y: var(--space-24);--section-padding-x: var(--space-8);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 999px;--duration-fast: .2s;--duration-base: .3s;--duration-slow: .4s;--duration-slower: .8s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--accent);--container-narrow: 600px;--container-content: 1000px;--container-wide: 1200px;--z-background: 0;--z-content: 1;--z-sticky: 100;--z-modal: 1000;--z-loading: 9999;--btn-padding-y: var(--space-4);--btn-padding-x: var(--space-8);--btn-radius: var(--radius-md);--btn-font-size: var(--text-sm);--btn-font-weight: 600;--btn-tracking: var(--tracking-label);--btn-primary-bg: var(--gradient-accent);--btn-primary-fg: var(--content-on-accent);--btn-primary-glow: var(--glow-accent-md);--btn-primary-glow-hover: var(--glow-accent-lg);--btn-secondary-border: var(--border-strong);--btn-lift: -3px;--card-bg: var(--surface-card);--card-border: var(--border-default);--card-border-hover: var(--border-accent);--card-radius: var(--radius-xl);--card-padding: var(--space-8);--card-blur: 10px;--card-lift: -10px;--card-shadow-hover: var(--elevation-card), var(--glow-accent-md);--modal-bg: var(--surface-raised);--modal-scrim: var(--surface-overlay);--modal-radius: var(--radius-2xl);--modal-padding: var(--space-8);--badge-bg: var(--accent-soft);--badge-border: var(--accent);--badge-fg: var(--accent);--badge-radius: var(--radius-pill);--badge-padding-y: var(--space-2);--badge-padding-x: var(--space-6);--grid-line-color: rgb(var(--cyan-400-rgb) / .03);--grid-cell-size: 50px;--hex-opacity: .03;--bg-primary: var(--surface-base);--bg-secondary: var(--surface-raised);--bg-card: var(--surface-card);--neon-blue: var(--accent);--neon-purple: var(--accent-alt);--neon-green: var(--signal-ok);--neon-pink: var(--rose-600);--neon-orange: #ff6b35;--text-primary: var(--content-primary);--text-secondary: var(--content-secondary);--text-muted: var(--content-muted);--gradient-primary: var(--gradient-accent);--gradient-secondary: var(--gradient-alt);--gradient-success: var(--gradient-ok);--glow-blue: var(--glow-accent-md);--glow-purple: var(--glow-alt-md);--glow-green: var(--glow-ok-md)}:where(a,button,[role=button],input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.scroll-animate,.scroll-animate.stagger-children>*{opacity:1!important;transform:none!important}.tech-line,.grid-background,.particle-canvas{display:none!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);line-height:var(--leading-tight)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 30px var(--neon-blue)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-logo{font-family:var(--font-display);font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse-glow 2s ease-in-out infinite}.loading-bar-container{width:200px;height:4px;background:var(--border-default);border-radius:2px;margin-top:2rem;overflow:hidden}.loading-bar{height:100%;background:var(--gradient-primary);border-radius:2px;animation:loading 2s ease-in-out forwards}@keyframes loading{0%{width:0%}to{width:100%}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 10px var(--neon-blue)) drop-shadow(0 0 20px var(--neon-purple));transform:scale(1)}50%{filter:drop-shadow(0 0 20px var(--neon-blue)) drop-shadow(0 0 40px var(--neon-purple));transform:scale(1.05)}}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-color) 1px,transparent 1px);background-size:var(--grid-cell-size) var(--grid-cell-size);z-index:var(--z-background);animation:grid-move 20s linear infinite}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2rem;text-align:center}.hero-title{font-size:clamp(2.5rem,8vw,6rem);margin-bottom:1rem;animation:fade-up 1s ease-out forwards;opacity:0}.hero-subtitle{font-size:clamp(1rem,2vw,1.5rem);color:var(--text-secondary);max-width:600px;margin-bottom:2rem;animation:fade-up 1s ease-out .2s forwards;opacity:0}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:var(--badge-radius);font-size:var(--text-sm);color:var(--badge-fg);margin-bottom:2rem;animation:fade-up 1s ease-out .4s forwards;opacity:0}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:fade-up 1s ease-out .6s forwards;opacity:0}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:.1em;text-decoration:none;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:var(--gradient-primary);color:var(--bg-primary);box-shadow:var(--glow-blue)}.btn-primary:hover{transform:translateY(var(--btn-lift));box-shadow:var(--btn-primary-glow-hover)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--btn-secondary-border)}.btn-secondary:hover{border-color:var(--neon-blue);color:var(--neon-blue)}.features{padding:6rem 2rem;position:relative;z-index:1}.section-title{text-align:center;font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;padding:2rem;position:relative;overflow:hidden;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s ease}.feature-card:hover{transform:translateY(var(--card-lift)) rotateX(5deg);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-title{font-size:1.25rem;margin-bottom:.5rem}.feature-description{color:var(--text-secondary);font-size:.9rem}.stats{padding:6rem 2rem;background:var(--bg-secondary);position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto}.stat-item{text-align:center;padding:2rem 1rem;overflow:visible}.stat-number{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.stat-label{color:var(--text-secondary);margin-top:.5rem}.architecture{padding:6rem 2rem;position:relative;z-index:1}.arch-diagram{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.arch-layer{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.arch-layer:hover{border-color:var(--neon-purple);box-shadow:var(--glow-purple)}.arch-layer-icon{font-size:2rem}.arch-layer-content h4{font-size:1rem;margin-bottom:.25rem}.arch-layer-content p{color:var(--text-muted);font-size:.875rem}.arch-connector{width:2px;height:40px;background:var(--gradient-primary);margin:0 auto}.footer{padding:4rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-text{color:var(--text-muted);font-size:.875rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--neon-blue)}.scroll-animate{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-animate.visible{opacity:1;transform:translateY(0) translate(0) scale(1)}.scroll-animate.from-left{transform:translate(-80px)}.scroll-animate.from-right{transform:translate(80px)}@media(max-width:768px){.scroll-animate.from-left,.scroll-animate.from-right{transform:translateY(30px)}}.scroll-animate.scale-up{transform:scale(.85)}.scroll-animate.fade-only,.scroll-animate.fade-only.visible{transform:none}.scroll-animate.stagger-children>*{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.scroll-animate.stagger-children.visible>*:nth-child(1){transition-delay:.05s;opacity:1;transform:translateY(0)}.scroll-animate.stagger-children.visible>*:nth-child(2){transition-delay:.1s;opacity:1;transform:translateY(0)}.scroll-animate.stagger-children.visible>*:nth-child(3){transition-delay:.15s;opacity:1;transform:translateY(0)}.scroll-animate.stagger-children.visible>*:nth-child(4){transition-delay:.2s;opacity:1;transform:translateY(0)}.scroll-animate.stagger-children.visible>*:nth-child(5){transition-delay:.25s;opacity:1;transform:translateY(0)}.scroll-animate.stagger-children.visible>*:nth-child(6){transition-delay:.3s;opacity:1;transform:translateY(0)}.scroll-animate.stagger-children.visible>*:nth-child(7){transition-delay:.35s;opacity:1;transform:translateY(0)}.scroll-animate.stagger-children.visible>*:nth-child(8){transition-delay:.4s;opacity:1;transform:translateY(0)}.scroll-animate.stagger-children.visible>*:nth-child(n+9){transition-delay:.45s;opacity:1;transform:translateY(0)}.scroll-animate.delay-1{transition-delay:.1s}.scroll-animate.delay-2{transition-delay:.2s}.scroll-animate.delay-3{transition-delay:.3s}.scroll-animate.delay-4{transition-delay:.4s}.scroll-animate.delay-5{transition-delay:.5s}@media(max-width:768px){.hero-cta{flex-direction:column;width:100%;max-width:300px}.btn{width:100%;justify-content:center}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.glow-border{position:relative}.glow-border:after{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease;filter:blur(10px)}.glow-border:hover:after{opacity:1}.tech-line{position:absolute;width:100%;height:1px;background:var(--gradient-scanline);animation:scan 3s linear infinite}@keyframes scan{0%{transform:translateY(-100vh);opacity:0}50%{opacity:1}to{transform:translateY(100vh);opacity:0}}.hex-pattern{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2300d4ff' fill-opacity='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}