*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}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}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:12px 24px;background:var(--accent);color:#fff;font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:top .2s ease}.skip-link:focus{top:16px}:root{--font-head: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--transition-fast: .15s ease;--transition: .25s ease;--transition-slow: .4s ease;--transition-color: background-color .4s ease, color .4s ease, border-color .4s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .12);--shadow-md: 0 8px 32px rgba(0, 0, 0, .18);--shadow-lg: 0 24px 80px rgba(0, 0, 0, .28);--container-max: 1200px;--container-pad: 40px;--section-pad: 84px;--header-height: 72px}body{font-family:var(--font-body);font-size:1rem;color:var(--text);background-color:var(--bg);transition:var(--transition-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);font-weight:700;line-height:1.1;color:var(--text)}h1{font-size:clamp(2.4rem,5vw,4.2rem)}h2{font-size:clamp(1.8rem,3.5vw,2.8rem)}h3{font-size:clamp(1.3rem,2.5vw,1.8rem)}h4{font-size:1.2rem}p{max-width:65ch;line-height:1.7}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.eyebrow{font-family:var(--font-mono);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.section{padding-block:var(--section-pad)}.page-header{padding-top:calc(var(--header-height) + 48px);padding-bottom:42px}@media (max-width: 640px){:root{--container-pad: 20px;--section-pad: 56px}}[data-scheme=arctic],:root{--accent: #3b82f6;--accent-rgb: 59, 130, 246;--accent-hover: #2563eb;--accent2: #8b5cf6;--accent2-rgb: 139, 92, 246;--accent3: #e2e8f0;--accent3-rgb: 226, 232, 240;--glow: #3b82f6;--glow-rgb: 59, 130, 246;--bg: #0a0f1a;--bg-elevated: #111827;--bg-glass: rgba(10, 15, 26, .82);--text: #e8edf5;--text-soft: #c1c9d9;--text-muted: #6b7a94;--border: rgba(59, 130, 246, .12);--border-hover: rgba(59, 130, 246, .35);--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .08)}[data-scheme=arctic][data-theme=light],[data-theme=light]{--accent: #2563eb;--accent-rgb: 37, 99, 235;--accent-hover: #1d4ed8;--accent2: #7c3aed;--accent2-rgb: 124, 58, 237;--accent3: #334155;--accent3-rgb: 51, 65, 85;--glow: #2563eb;--glow-rgb: 37, 99, 235;--bg: #f0f4fa;--bg-elevated: #ffffff;--bg-glass: rgba(240, 244, 250, .88);--text: #0f1729;--text-soft: #374a68;--text-muted: #64748b;--border: rgba(37, 99, 235, .12);--border-hover: rgba(37, 99, 235, .35);--surface: rgba(37, 99, 235, .05);--surface-hover: rgba(37, 99, 235, .1)}[data-scheme=neon]{--accent: #00f5ff;--accent-rgb: 0, 245, 255;--accent-hover: #00d4dd;--accent2: #a855f7;--accent2-rgb: 168, 85, 247;--accent3: #00ff88;--accent3-rgb: 0, 255, 136;--glow: #00f5ff;--glow-rgb: 0, 245, 255;--bg: #070b14;--bg-elevated: #0d1424;--bg-glass: rgba(7, 12, 28, .82);--text: #dde8f8;--text-soft: #a8b8d0;--text-muted: #5e7da8;--border: rgba(0, 245, 255, .12);--border-hover: rgba(0, 245, 255, .35);--surface: rgba(0, 245, 255, .04);--surface-hover: rgba(0, 245, 255, .08)}[data-scheme=neon][data-theme=light]{--accent: #0891b2;--accent-rgb: 8, 145, 178;--accent-hover: #0e7490;--accent2: #7c3aed;--accent2-rgb: 124, 58, 237;--accent3: #059669;--accent3-rgb: 5, 150, 105;--glow: #0891b2;--glow-rgb: 8, 145, 178;--bg: #edf2ff;--bg-elevated: #ffffff;--bg-glass: rgba(248, 250, 255, .88);--text: #0f1f3d;--text-soft: #2d4263;--text-muted: #4a6280;--border: rgba(8, 145, 178, .15);--border-hover: rgba(8, 145, 178, .4);--surface: rgba(8, 145, 178, .05);--surface-hover: rgba(8, 145, 178, .1)}[data-scheme=ember]{--accent: #f97316;--accent-rgb: 249, 115, 22;--accent-hover: #ea580c;--accent2: #ef4444;--accent2-rgb: 239, 68, 68;--accent3: #fbbf24;--accent3-rgb: 251, 191, 36;--glow: #f97316;--glow-rgb: 249, 115, 22;--bg: #0f0a07;--bg-elevated: #1c1410;--bg-glass: rgba(15, 10, 7, .82);--text: #f5ebe0;--text-soft: #d4b89c;--text-muted: #8a7360;--border: rgba(249, 115, 22, .12);--border-hover: rgba(249, 115, 22, .35);--surface: rgba(249, 115, 22, .04);--surface-hover: rgba(249, 115, 22, .08)}[data-scheme=ember][data-theme=light]{--accent: #ea580c;--accent-rgb: 234, 88, 12;--accent-hover: #c2410c;--accent2: #dc2626;--accent2-rgb: 220, 38, 38;--accent3: #b45309;--accent3-rgb: 180, 83, 9;--glow: #ea580c;--glow-rgb: 234, 88, 12;--bg: #fdf6f0;--bg-elevated: #ffffff;--bg-glass: rgba(253, 246, 240, .88);--text: #1c0f05;--text-soft: #5c3d24;--text-muted: #8a6e55;--border: rgba(234, 88, 12, .12);--border-hover: rgba(234, 88, 12, .35);--surface: rgba(234, 88, 12, .05);--surface-hover: rgba(234, 88, 12, .1)}[data-scheme=synthwave]{--accent: #f472b6;--accent-rgb: 244, 114, 182;--accent-hover: #ec4899;--accent2: #a78bfa;--accent2-rgb: 167, 139, 250;--accent3: #38bdf8;--accent3-rgb: 56, 189, 248;--glow: #f472b6;--glow-rgb: 244, 114, 182;--bg: #0c0618;--bg-elevated: #160e28;--bg-glass: rgba(12, 6, 24, .82);--text: #f0e6ff;--text-soft: #c4b0e0;--text-muted: #7c6a9a;--border: rgba(244, 114, 182, .12);--border-hover: rgba(244, 114, 182, .35);--surface: rgba(244, 114, 182, .04);--surface-hover: rgba(244, 114, 182, .08)}[data-scheme=synthwave][data-theme=light]{--accent: #db2777;--accent-rgb: 219, 39, 119;--accent-hover: #be185d;--accent2: #7c3aed;--accent2-rgb: 124, 58, 237;--accent3: #0284c7;--accent3-rgb: 2, 132, 199;--glow: #db2777;--glow-rgb: 219, 39, 119;--bg: #fdf2f8;--bg-elevated: #ffffff;--bg-glass: rgba(253, 242, 248, .88);--text: #1a0a14;--text-soft: #5c2d4a;--text-muted: #9a6b85;--border: rgba(219, 39, 119, .12);--border-hover: rgba(219, 39, 119, .35);--surface: rgba(219, 39, 119, .05);--surface-hover: rgba(219, 39, 119, .1)}[data-scheme=terminal]{--accent: #22c55e;--accent-rgb: 34, 197, 94;--accent-hover: #16a34a;--accent2: #4ade80;--accent2-rgb: 74, 222, 128;--accent3: #166534;--accent3-rgb: 22, 101, 52;--glow: #22c55e;--glow-rgb: 34, 197, 94;--bg: #040a04;--bg-elevated: #0a150a;--bg-glass: rgba(4, 10, 4, .82);--text: #d4f5d4;--text-soft: #8fc98f;--text-muted: #4a7a4a;--border: rgba(34, 197, 94, .12);--border-hover: rgba(34, 197, 94, .35);--surface: rgba(34, 197, 94, .04);--surface-hover: rgba(34, 197, 94, .08)}[data-scheme=terminal][data-theme=light]{--accent: #16a34a;--accent-rgb: 22, 163, 74;--accent-hover: #15803d;--accent2: #22c55e;--accent2-rgb: 34, 197, 94;--accent3: #166534;--accent3-rgb: 22, 101, 52;--glow: #16a34a;--glow-rgb: 22, 163, 74;--bg: #f0fdf4;--bg-elevated: #ffffff;--bg-glass: rgba(240, 253, 244, .88);--text: #052e16;--text-soft: #1a5c30;--text-muted: #4a7a5c;--border: rgba(22, 163, 74, .12);--border-hover: rgba(22, 163, 74, .35);--surface: rgba(22, 163, 74, .05);--surface-hover: rgba(22, 163, 74, .1)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);display:flex;align-items:center;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease}.site-header.is-scrolled{border-bottom-color:var(--border);box-shadow:0 4px 24px #00000026}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.site-logo{display:flex;align-items:center;gap:6px;font-family:var(--font-head);font-size:1.15rem;font-weight:700;color:var(--text);text-decoration:none;transition:color .25s ease}.site-logo .logo-accent{color:var(--accent);transition:color .4s ease}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--text-soft);text-decoration:none;position:relative;padding:4px 0;transition:color .25s ease}.site-nav a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);border-radius:1px;transition:width .25s ease}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{width:100%}.header-actions{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border:none;background:transparent;cursor:pointer}.menu-toggle span{display:block;width:100%;height:2px;background:var(--text);border-radius:1px;transition:all .3s ease}.menu-toggle.is-active span:nth-child(1){transform:rotate(45deg) translateY(5px)}.menu-toggle.is-active span:nth-child(2){opacity:0}.menu-toggle.is-active span:nth-child(3){transform:rotate(-45deg) translateY(-5px)}.mobile-nav{display:none;position:fixed;top:var(--header-height);left:0;right:0;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:24px var(--container-pad);flex-direction:column;gap:4px;z-index:99;transform:translateY(-10px);opacity:0;transition:transform .3s ease,opacity .3s ease}.mobile-nav.is-open{transform:translateY(0);opacity:1}.mobile-nav a{display:block;padding:12px 0;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--text-soft);text-decoration:none;border-bottom:1px solid var(--border);transition:color .25s ease}.mobile-nav a:last-child{border-bottom:none}.mobile-nav a:hover,.mobile-nav a[aria-current=page]{color:var(--accent)}@media (max-width: 768px){.site-nav{display:none}.menu-toggle,.mobile-nav{display:flex}.mobile-nav:not(.is-open){display:flex;pointer-events:none}}.site-footer{border-top:1px solid var(--border);padding:48px 0 32px;transition:border-color .4s ease}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-brand{font-family:var(--font-head);font-size:.95rem;font-weight:600;color:var(--text-soft)}.footer-brand .logo-accent{color:var(--accent);transition:color .4s ease}.footer-nav{display:flex;gap:24px}.footer-nav a{font-size:.84rem;font-weight:500;color:var(--text-muted);transition:color .25s ease}.footer-nav a:hover{color:var(--accent)}.footer-copy{width:100%;text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);transition:color .4s ease,border-color .4s ease}@media (max-width: 640px){.footer-inner{flex-direction:column;text-align:center}.footer-nav{justify-content:center}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;min-height:50px;border:none;border-radius:var(--radius-pill);font-family:var(--font-head);font-size:.92rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 4px 24px rgba(var(--accent-rgb),.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px rgba(var(--accent-rgb),.5)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--accent);box-shadow:none}.btn-ghost:hover{background:rgba(var(--accent-rgb),.08);transform:translateY(-2px)}.btn-ghost:active{transform:translateY(0)}.btn-sm{padding:8px 20px;min-height:36px;font-size:.82rem}.btn-icon{width:40px;height:40px;min-height:unset;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-soft)}.btn-icon:hover{border-color:var(--border-hover);background:var(--surface-hover);color:var(--accent)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 640px){.btn{width:100%}}.card{padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .3s ease,box-shadow .3s ease}.card:hover{border-color:var(--border-hover)}.card-title{font-size:1.15rem;margin-bottom:10px}.card-text{font-size:.88rem;color:var(--text-muted);line-height:1.65}.pricing-card{padding:36px 28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;text-align:center;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.pricing-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 40px rgba(var(--glow-rgb),.1)}.pricing-card.is-featured{border:2px solid var(--accent)}.pricing-card.is-featured:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.pricing-card-tier{margin-bottom:12px}.pricing-card-price{font-family:var(--font-head);font-size:2.2rem;font-weight:800}.pricing-card-desc{font-size:.84rem;color:var(--text-muted);margin-top:10px;line-height:1.5}.pricing-card-features{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);text-align:left}.pricing-card-features li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.84rem;color:var(--text-soft)}.pricing-card-features li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.hud-corners{position:relative}.hud-corners:before,.hud-corners:after{content:"";position:absolute;width:16px;height:16px;opacity:.3;transition:opacity .3s ease;pointer-events:none}.hud-corners:before{top:-1px;left:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.hud-corners:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}.hud-corners:hover:before,.hud-corners:hover:after{opacity:.7}.hud-frame{position:relative}.hud-frame .hud-corner{position:absolute;width:16px;height:16px;opacity:.3;transition:opacity .3s ease;pointer-events:none}.hud-frame:hover .hud-corner{opacity:.7}.hud-corner--tl{top:-1px;left:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.hud-corner--tr{top:-1px;right:-1px;border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.hud-corner--bl{bottom:-1px;left:-1px;border-bottom:2px solid var(--accent);border-left:2px solid var(--accent)}.hud-corner--br{bottom:-1px;right:-1px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}.accent-line{height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));border-radius:1px}.status-indicator{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:all .4s ease}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent3);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hud-label{font-family:var(--font-mono);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);transition:color .4s ease}.color-switcher{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;align-items:center;gap:10px}.color-switcher-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:8px;font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--accent);padding:5px 10px;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--accent-rgb),.25);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;transform:translateY(4px);pointer-events:none;transition:all .2s ease}.color-switcher-btn:hover+.color-switcher-tooltip,.color-switcher:hover .color-switcher-tooltip{opacity:1;transform:translateY(0)}.color-switcher-btn{position:relative;width:44px;height:44px;border:none;border-radius:50%;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px rgba(var(--accent-rgb),.15);flex-shrink:0}.color-switcher-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3));z-index:-1;opacity:.6;transition:opacity .3s ease;animation:switcher-glow 3s ease-in-out infinite}@keyframes switcher-glow{0%,to{opacity:.45}50%{opacity:.8}}.color-switcher-btn:hover{transform:scale(1.08);box-shadow:0 4px 32px rgba(var(--accent-rgb),.35)}.color-switcher-btn:hover:before{opacity:1;animation:none}.color-switcher-btn .switcher-dots{display:flex;gap:3px}.color-switcher-btn .switcher-dot{width:8px;height:8px;border-radius:50%;transition:background .4s ease}.color-switcher-btn svg{width:20px;height:20px;color:var(--text-soft);transition:color .25s ease}.color-switcher-btn:hover svg{color:var(--accent)}.color-switcher-panel{position:absolute;bottom:56px;right:0;width:220px;padding:16px;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(8px) scale(.95);pointer-events:none;transition:all .25s ease}.color-switcher-panel.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.color-switcher-panel-title{font-family:var(--font-mono);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.scheme-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.scheme-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:all .2s ease;width:100%}.scheme-option:hover{background:var(--surface-hover)}.scheme-option.is-active{border-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.scheme-option-dots{display:flex;gap:3px}.scheme-option-dot{width:12px;height:12px;border-radius:50%}.scheme-option-label{font-family:var(--font-mono);font-size:.76rem;font-weight:500;color:var(--text-soft);transition:color .2s ease}.scheme-option.is-active .scheme-option-label{color:var(--accent)}.theme-row{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border)}.theme-row-label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.theme-switch{position:relative;width:40px;height:22px;border-radius:11px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .25s ease}.theme-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--accent);transition:transform .25s ease}[data-theme=light] .theme-switch:after{transform:translate(18px)}@media (max-width: 640px){.color-switcher{bottom:16px;right:16px}}.hero{padding-top:calc(var(--header-height) + 64px);padding-bottom:64px;display:flex;align-items:center;min-height:80vh;text-align:center}.hero-headline{margin-bottom:16px}.hero-sub{max-width:520px;margin:0 auto 32px;font-size:1.05rem;line-height:1.7}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.capabilities-strip{display:flex;gap:12px;overflow-x:auto;padding:24px 0;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}.capabilities-strip::-webkit-scrollbar{display:none}.cap-tag{flex-shrink:0;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--text-muted);padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);white-space:nowrap;transition:all .3s ease}.cap-tag:hover{color:var(--accent);border-color:var(--border-hover);background:var(--surface-hover)}.cap-preview{position:absolute;width:180px;height:100px;background:var(--bg-elevated, #111827);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;pointer-events:none;z-index:200;opacity:0;transform:translate(-50%) translateY(8px);transition:opacity .2s ease,transform .2s ease}.cap-preview.is-active{opacity:1;transform:translate(-50%) translateY(0)}.cap-preview:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--bg-elevated, #111827);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.cap-preview>div{position:absolute;top:0;right:0;bottom:0;left:0}.cp-scroll .cp-bar{position:absolute;bottom:10px;width:36px;height:14px;border-radius:4px;background:var(--accent);opacity:0;animation:cp-slide-up .6s ease forwards}.cp-scroll .cp-bar--1{left:20px;animation-delay:0s}.cp-scroll .cp-bar--2{left:72px;animation-delay:.12s}.cp-scroll .cp-bar--3{left:124px;animation-delay:.24s}@keyframes cp-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:.8;transform:translateY(-20px)}}.cp-glass{overflow:hidden}.cp-glass-blob{position:absolute;border-radius:50%;filter:blur(16px)}.cp-glass-blob--1{width:60px;height:60px;background:var(--accent);opacity:.5;top:10px;left:15px;animation:cp-blob-float 2s ease-in-out infinite alternate}.cp-glass-blob--2{width:50px;height:50px;background:var(--accent2, #7c6df5);opacity:.5;bottom:5px;right:15px;animation:cp-blob-float 2s ease-in-out .5s infinite alternate-reverse}.cp-glass-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:50px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:8px}@keyframes cp-blob-float{0%{transform:translate(0)}to{transform:translate(10px,-8px)}}.cp-3d .cp-cube{position:absolute;top:50%;left:50%;width:36px;height:36px;border:2px solid var(--accent);border-radius:4px;animation:cp-cube-spin 2s linear infinite}@keyframes cp-cube-spin{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-50%) rotate(90deg) scale(.8)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}75%{transform:translate(-50%,-50%) rotate(270deg) scale(.8)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.cp-darkmode{display:flex;flex-direction:row;position:relative}.cp-dm-dark,.cp-dm-light{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:var(--font-mono);font-size:.5rem;font-weight:600;letter-spacing:.05em}.cp-dm-dark{background:var(--bg);color:var(--text-muted);border-radius:var(--radius-md) 0 0 var(--radius-md)}.cp-dm-light{background:var(--bg-elevated);color:var(--text-soft);border-radius:0 var(--radius-md) var(--radius-md) 0}.cp-dm-card{width:48px;height:20px;border-radius:4px}.cp-dm-dark .cp-dm-card{background:var(--surface);border:1px solid var(--border)}.cp-dm-light .cp-dm-card{background:var(--surface-hover);border:1px solid var(--border-hover)}.cp-dm-divider{position:absolute;top:15%;bottom:15%;left:50%;width:1px;background:linear-gradient(180deg,transparent,var(--accent),transparent);z-index:1}.cp-micro{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);gap:3px;padding:10px}.cp-micro .cp-cell{border-radius:2px;background:var(--cell-color, var(--accent));animation:cp-cell-blink 3s ease-in-out infinite;opacity:0;will-change:opacity}.cp-cell:nth-child(1){animation-delay:0s;animation-duration:2.2s}.cp-cell:nth-child(2){animation-delay:1.8s;animation-duration:2.5s}.cp-cell:nth-child(3){animation-delay:.5s;animation-duration:1.8s}.cp-cell:nth-child(4){animation-delay:2.1s;animation-duration:2s}.cp-cell:nth-child(5){animation-delay:.3s;animation-duration:2.8s}.cp-cell:nth-child(6){animation-delay:1.2s;animation-duration:2.3s}.cp-cell:nth-child(7){animation-delay:.9s;animation-duration:1.9s}.cp-cell:nth-child(8){animation-delay:2.4s;animation-duration:2.1s}.cp-cell:nth-child(9){animation-delay:1.5s;animation-duration:2.6s}.cp-cell:nth-child(10){animation-delay:.1s;animation-duration:2s}.cp-cell:nth-child(11){animation-delay:2s;animation-duration:1.7s}.cp-cell:nth-child(12){animation-delay:.7s;animation-duration:2.4s}.cp-cell:nth-child(13){animation-delay:1.1s;animation-duration:2.2s}.cp-cell:nth-child(14){animation-delay:2.6s;animation-duration:1.8s}.cp-cell:nth-child(15){animation-delay:.4s;animation-duration:2.7s}.cp-cell:nth-child(16){animation-delay:1.7s;animation-duration:2.1s}.cp-cell:nth-child(17){animation-delay:.2s;animation-duration:2.5s}.cp-cell:nth-child(18){animation-delay:2.3s;animation-duration:1.9s}.cp-cell:nth-child(19){animation-delay:.8s;animation-duration:2.3s}.cp-cell:nth-child(20){animation-delay:1.4s;animation-duration:2s}.cp-cell:nth-child(21){animation-delay:.6s;animation-duration:2.6s}.cp-cell:nth-child(22){animation-delay:2.2s;animation-duration:1.8s}.cp-cell:nth-child(23){animation-delay:1s;animation-duration:2.4s}.cp-cell:nth-child(24){animation-delay:.3s;animation-duration:2.1s}.cp-cell:nth-child(25){animation-delay:1.9s;animation-duration:2.7s}.cp-cell:nth-child(26){animation-delay:.5s;animation-duration:1.9s}.cp-cell:nth-child(27){animation-delay:2.5s;animation-duration:2.2s}.cp-cell:nth-child(28){animation-delay:1.3s;animation-duration:2.5s}.cp-cell:nth-child(29){animation-delay:.1s;animation-duration:2s}.cp-cell:nth-child(30){animation-delay:1.6s;animation-duration:2.3s}.cp-cell:nth-child(31){animation-delay:.9s;animation-duration:1.8s}.cp-cell:nth-child(32){animation-delay:2.1s;animation-duration:2.6s}.cp-cell:nth-child(33){animation-delay:.4s;animation-duration:2.1s}.cp-cell:nth-child(34){animation-delay:1.8s;animation-duration:2.4s}.cp-cell:nth-child(35){animation-delay:.7s;animation-duration:1.7s}.cp-cell:nth-child(36){animation-delay:2s;animation-duration:2.8s}.cp-cell:nth-child(37){animation-delay:.2s;animation-duration:2.2s}.cp-cell:nth-child(38){animation-delay:1.5s;animation-duration:2s}.cp-cell:nth-child(39){animation-delay:2.3s;animation-duration:1.9s}.cp-cell:nth-child(40){animation-delay:.6s;animation-duration:2.5s}.cp-cell:nth-child(3n){--cell-color: var(--accent)}.cp-cell:nth-child(3n+1){--cell-color: var(--accent2, #7c6df5)}.cp-cell:nth-child(3n+2){--cell-color: var(--accent3, var(--accent))}@keyframes cp-cell-blink{0%,to{opacity:0}20%{opacity:1}50%{opacity:.7}80%{opacity:0}}.cp-parallax{overflow:hidden}.cp-parallax .cp-plx{position:absolute;left:0;right:0;height:1px;background:var(--accent)}.cp-plx--1{top:25%;opacity:.2;animation:cp-plx-drift 1.5s ease-in-out infinite alternate}.cp-plx--2{top:50%;opacity:.4;animation:cp-plx-drift 1.5s ease-in-out .2s infinite alternate-reverse}.cp-plx--3{top:75%;opacity:.6;animation:cp-plx-drift 1.5s ease-in-out .4s infinite alternate}@keyframes cp-plx-drift{0%{transform:translate(-20px)}to{transform:translate(20px)}}.cp-canvas{overflow:hidden;background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.06),transparent 70%)}.cp-canvas .cp-dot{position:absolute;border-radius:50%;background:var(--accent);animation:cp-dot-float 2s ease-in-out infinite alternate}.cp-dot--1{width:6px;height:6px;top:18%;left:22%}.cp-dot--2{width:4px;height:4px;top:55%;left:68%;animation-delay:.2s;animation-direction:alternate-reverse}.cp-dot--3{width:5px;height:5px;top:30%;left:78%;animation-delay:.4s}.cp-dot--4{width:3px;height:3px;top:72%;left:18%;animation-delay:.6s;animation-direction:alternate-reverse}.cp-dot--5{width:5px;height:5px;top:45%;left:45%;animation-delay:.8s}.cp-dot--6{width:3px;height:3px;top:15%;left:55%;animation-delay:.1s;animation-direction:alternate-reverse}.cp-dot--7{width:4px;height:4px;top:75%;left:50%;animation-delay:.5s}.cp-dot--8{width:2px;height:2px;top:40%;left:12%;animation-delay:.7s;animation-direction:alternate-reverse}.cp-canvas .cp-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform-origin:left center;opacity:0;animation:cp-line-fade 2.5s ease-in-out infinite}.cp-line--1{top:28%;left:25%;width:55%;transform:rotate(12deg);animation-delay:0s}.cp-line--2{top:52%;left:18%;width:50%;transform:rotate(-8deg);animation-delay:.4s}.cp-line--3{top:68%;left:40%;width:40%;transform:rotate(20deg);animation-delay:.8s}@keyframes cp-dot-float{0%{transform:translate(0);opacity:.3;box-shadow:0 0 rgba(var(--accent-rgb),0)}to{transform:translate(8px,-10px);opacity:1;box-shadow:0 0 8px rgba(var(--accent-rgb),.5)}}@keyframes cp-line-fade{0%,to{opacity:0}30%,70%{opacity:.25}}.cp-cursor{overflow:hidden}.cp-cursor .cp-ptr{position:absolute;width:0;height:0;border-left:6px solid var(--accent);border-top:10px solid var(--accent);border-right:6px solid transparent;border-bottom:2px solid transparent;filter:drop-shadow(0 0 4px rgba(var(--accent-rgb),.6));animation:cp-ptr-move 3s ease-in-out infinite;z-index:2}.cp-cursor .cp-spotlight{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.25),transparent 65%);animation:cp-ptr-move 3s ease-in-out infinite;z-index:1;margin-left:-24px;margin-top:-20px}.cp-cursor .cp-trail{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);z-index:1}.cp-trail--1{animation:cp-ptr-move 3s ease-in-out .08s infinite;opacity:.5;width:3px;height:3px}.cp-trail--2{animation:cp-ptr-move 3s ease-in-out .16s infinite;opacity:.3;width:2px;height:2px}.cp-trail--3{animation:cp-ptr-move 3s ease-in-out .24s infinite;opacity:.15;width:2px;height:2px}@keyframes cp-ptr-move{0%{top:20%;left:20%}20%{top:30%;left:70%}40%{top:60%;left:55%}60%{top:50%;left:25%}80%{top:25%;left:50%}to{top:20%;left:20%}}.cp-themes{display:flex;align-items:center;justify-content:center;gap:10px}.cp-swatch{width:22px;height:22px;border-radius:50%;opacity:0;transform:scale(0);animation:cp-swatch-pop .3s ease forwards,cp-swatch-glow 2s ease-in-out infinite alternate}.cp-swatch:nth-child(1){animation-delay:0s,0s}.cp-swatch:nth-child(2){animation-delay:.06s,.4s}.cp-swatch:nth-child(3){animation-delay:.12s,.8s}.cp-swatch:nth-child(4){animation-delay:.18s,1.2s}.cp-swatch:nth-child(5){animation-delay:.24s,1.6s}@keyframes cp-swatch-pop{to{opacity:1;transform:scale(1)}}@keyframes cp-swatch-glow{0%{box-shadow:0 0 4px currentColor}to{box-shadow:0 0 12px currentColor,0 0 20px currentColor}}.cp-responsive{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding-bottom:16px}.cp-device{border:1.5px solid var(--accent);border-radius:3px;opacity:.6}.cp-device--phone{width:16px;height:28px}.cp-device--tablet{width:28px;height:36px}.cp-device--desktop{width:48px;height:32px;border-radius:3px 3px 0 0}.cp-code{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.cp-code-line{height:6px;border-radius:3px;background:var(--accent);transform-origin:left;transform:scaleX(0);opacity:0;animation:cp-type .4s ease forwards}.cp-code-line--1{width:70%;animation-delay:0s}.cp-code-line--2{width:50%;margin-left:16px;animation-delay:.12s}.cp-code-line--3{width:85%;margin-left:16px;animation-delay:.24s}.cp-code-line--4{width:40%;animation-delay:.36s}@keyframes cp-type{to{opacity:.7;transform:scaleX(1)}}.cp-zero{display:flex;flex-direction:column;align-items:center;justify-content:center}.cp-zero-num{font-family:var(--font-head);font-size:2.5rem;font-weight:800;color:var(--accent);line-height:1}.cp-zero-label{font-family:var(--font-mono);font-size:.55rem;color:var(--text-muted);margin-top:4px}.section-header{text-align:center;margin-bottom:48px}.section-header h2{margin-top:12px}.section-header p{max-width:480px;margin:12px auto 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:960px;margin:0 auto}.card-grid--4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1080px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:32px;max-width:800px;margin:0 auto;text-align:center}.stat-value{font-family:var(--font-head);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--accent);transition:color .4s ease}.stat-label{font-size:.85rem;color:var(--text-muted);margin-top:4px}.stat-detail{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin-top:4px;opacity:.65;line-height:1.4}.card-link{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:.7rem;color:var(--accent);text-decoration:none;letter-spacing:.04em;opacity:.65;transition:opacity .3s ease}.card-link:hover{opacity:1}.pricing-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:780px;margin:0 auto}.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 32px;max-width:720px;margin:0 auto}.process-step{text-align:center;position:relative}.process-number{font-family:var(--font-mono);font-size:.68rem;font-weight:600;color:var(--accent);letter-spacing:.08em;margin-bottom:14px}.process-step h3{font-size:1.05rem;margin-bottom:8px}.process-step p{font-size:.85rem;color:var(--text-muted);line-height:1.6}.cta-banner{text-align:center;padding:56px 40px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:relative;overflow:hidden}.cta-banner h2{margin-bottom:12px}.cta-banner p{max-width:420px;margin:0 auto 28px}@media (max-width: 640px){.hero{padding-top:calc(var(--header-height) + 40px);min-height:60vh}.cta-banner{padding:40px 24px}.stats-row{grid-template-columns:repeat(2,1fr);gap:24px}.process-grid{grid-template-columns:1fr;gap:32px}}.diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:960px;margin:0 auto}.diff-card{padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .3s ease}.diff-card:hover{border-color:var(--border-hover)}.diff-icon{font-size:1.6rem;margin-bottom:16px;display:block}.diff-card h3{font-size:1.1rem;margin-bottom:10px}.diff-card p{font-size:.88rem;color:var(--text-muted);line-height:1.65}.diff-benefit{display:block;margin-top:14px;font-family:var(--font-mono);font-size:.68rem;color:var(--accent);letter-spacing:.03em;line-height:1.55;opacity:.75}.tech-strip{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:700px;margin:0 auto}.tech-item{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--accent);padding:10px 20px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);transition:all .3s ease}.tech-item:hover{border-color:var(--border-hover);background:var(--surface-hover)}.deliverables{max-width:640px;margin:0 auto}.deliverables li{display:flex;align-items:baseline;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);font-size:.92rem;color:var(--text-soft)}.deliverables li:last-child{border-bottom:none}.deliverables li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;position:relative;top:2px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:960px;margin:0 auto}.pricing-card-best-for{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);margin-top:8px;letter-spacing:.03em;opacity:.85;line-height:1.4}.pricing-card .btn{margin-top:24px;width:100%}.comparison-wrap{max-width:860px;margin:0 auto;overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;font-size:.88rem}.comparison-table th,.comparison-table td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--border)}.comparison-table th{font-family:var(--font-head);font-weight:600;font-size:.9rem;color:var(--text);padding-bottom:18px}.comparison-table th.is-featured{color:var(--accent)}.comparison-table td:first-child{text-align:left;color:var(--text-soft);font-size:.86rem}.comparison-table td{color:var(--text-muted)}.comparison-table tbody tr:hover{background:rgba(var(--accent-rgb),.03)}.comparison-table .check{color:var(--accent);font-weight:700}.comparison-table .dash{color:var(--text-muted);opacity:.4}.faq-list{max-width:680px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-item:first-child{border-top:1px solid var(--border)}.faq-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;background:none;border:none;color:var(--text);font-family:var(--font-head);font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:color .3s ease}.faq-trigger:hover{color:var(--accent)}.faq-icon{font-family:var(--font-mono);font-size:1.2rem;font-weight:400;color:var(--text-muted);transition:transform .3s ease,color .3s ease;flex-shrink:0;margin-left:16px}.faq-item.is-open .faq-icon{transform:rotate(45deg);color:var(--accent)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease;opacity:0}.faq-item.is-open .faq-answer{opacity:1}.faq-answer-inner{padding-bottom:20px;font-size:.88rem;color:var(--text-muted);line-height:1.7}@media (max-width: 640px){.pricing-grid{grid-template-columns:1fr;max-width:400px}.comparison-table{font-size:.8rem}.comparison-table th,.comparison-table td{padding:10px 8px}}.demo-titlebar-inner{position:absolute;left:0;right:0;padding:0 52px;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.demo-context{font-family:var(--font-mono);font-size:.6rem;color:var(--accent);letter-spacing:.03em;opacity:.6;line-height:1.4;text-align:center}.demo-showcase{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;transition:border-color .3s ease;content-visibility:auto;contain-intrinsic-size:auto 400px}.demo-showcase:hover{border-color:var(--border-hover)}.demo-titlebar{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border);background:rgba(var(--accent-rgb),.03);position:relative}.demo-dots{display:flex;gap:6px}.demo-dots span{width:10px;height:10px;border-radius:50%;opacity:.6}.demo-dots span:nth-child(1){background:#ef4444}.demo-dots span:nth-child(2){background:#fbbf24}.demo-dots span:nth-child(3){background:#22c55e}.demo-titlebar-text{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--text-muted);text-align:center}.demo-body{padding:40px 32px;display:flex;flex-direction:column;align-items:center;gap:0}.demo-body .demo-bg-grid,.demo-body .demo-cards-row,.demo-body .demo-buttons-grid,.demo-body .demo-counter-row,.demo-body .demo-reveal-grid,.demo-body .demo-glow-area,.demo-body .demo-text-stage,.demo-body .demo-reveal-controls,.demo-body .demo-counter-restart{width:100%}.demos-grid{display:grid;gap:32px;max-width:960px;margin:0 auto}.demo-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-mini-card{padding:24px 20px;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(var(--accent-rgb),.04);text-align:center;transition:border-color .3s ease,transform .3s ease}.demo-mini-card-icon{font-size:1.5rem;margin-bottom:10px;display:block}.demo-mini-card h4{font-size:.9rem;margin-bottom:6px}.demo-mini-card p{font-size:.78rem;color:var(--text-muted);line-height:1.5}.demo-text-stage{text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.demo-text-headline{font-family:var(--font-head);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.2}.demo-text-cycle{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);letter-spacing:.05em}.demo-text-controls{display:flex;gap:10px;margin-top:8px}.demo-text-btn{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-soft);cursor:pointer;transition:all .3s ease}.demo-text-btn:hover,.demo-text-btn.is-active{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.demo-buttons-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}.demo-glow-area{min-height:220px;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:crosshair}.demo-glow-text{font-family:var(--font-head);font-size:1.4rem;font-weight:700;color:var(--text-muted);pointer-events:none;z-index:1;transition:color .3s ease}.demo-glow-area:hover .demo-glow-text{color:var(--text)}.demo-counter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.demo-counter-item{padding:20px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(var(--accent-rgb),.03)}.demo-counter-value{font-family:var(--font-head);font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--accent)}.demo-counter-label{font-size:.75rem;color:var(--text-muted);margin-top:4px}.demo-counter-restart{display:block;margin:20px auto 0;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:8px 20px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-soft);cursor:pointer;transition:all .3s ease}.demo-counter-restart:hover{color:var(--accent);border-color:var(--accent)}.demo-reveal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-reveal-block{height:80px;border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(var(--accent-rgb),.06);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.22,1,.36,1)}.demo-reveal-block.is-shown{opacity:1;transform:translateY(0)}.demo-reveal-controls{display:flex;gap:10px;justify-content:center;margin-top:16px}.demo-bg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-bg-cell{position:relative;height:160px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color .3s ease,transform .3s ease;contain:layout style paint}.demo-bg-cell:hover{border-color:var(--border-hover);transform:scale(1.02)}.demo-bg-cell.is-active-bg{border-color:var(--accent);box-shadow:0 0 20px rgba(var(--accent-rgb),.2)}.demo-bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s ease}.demo-bg-overlay.is-active{opacity:1;pointer-events:auto}.demo-bg-overlay.is-active~main .demo-showcase,body.bg-active .demo-showcase{background:rgba(var(--accent-rgb),.03);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(var(--accent-rgb),.12)}body.bg-active .demo-showcase .demo-titlebar{background:rgba(var(--accent-rgb),.04)}body.bg-active .demo-showcase .demo-mini-card,body.bg-active .demo-showcase .demo-counter-item,body.bg-active .demo-showcase .demo-reveal-block,body.bg-active .demo-showcase .demo-glow-area{background:rgba(var(--accent-rgb),.04);border-color:rgba(var(--accent-rgb),.1)}.demo-bg-overlay-inner{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.demo-bg-overlay-close{position:fixed;top:90px;right:40px;z-index:3;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--text-muted);padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(-8px)}.demo-bg-overlay.is-active .demo-bg-overlay-close{opacity:1;transform:translateY(0);transition-delay:.3s}.demo-bg-overlay-close:hover{color:var(--accent);border-color:var(--accent)}.demo-bg-overlay-close span{display:inline-block;padding:2px 6px;border:1px solid var(--border);border-radius:4px;margin-right:4px;font-size:.65rem}.demo-bg-label{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.06em;color:var(--text-muted);background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);z-index:2;pointer-events:none}.bg-grid-pulse .demo-bg-label{grid-column:1 / -1;align-self:end}.bg-gradient-flow{background:linear-gradient(135deg,rgba(var(--accent-rgb),.3),rgba(var(--accent2-rgb),.3),rgba(var(--accent3-rgb),.3),rgba(var(--accent-rgb),.3));background-size:400% 400%;animation:bg-gradient-shift 6s ease infinite}@keyframes bg-gradient-shift{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 0%}75%{background-position:0% 100%}}.bg-matrix{background:var(--bg);overflow:hidden}.bg-matrix-col{position:absolute;top:-20%;width:3px;border-radius:1px;opacity:0;animation:bg-matrix-fall linear infinite;will-change:transform,opacity}.bg-matrix-col:nth-child(1){left:5%;height:40%;animation-duration:2.2s;animation-delay:0s;background:linear-gradient(to bottom,transparent,var(--accent))}.bg-matrix-col:nth-child(2){left:12%;height:55%;animation-duration:2.8s;animation-delay:.3s;background:linear-gradient(to bottom,transparent,var(--accent))}.bg-matrix-col:nth-child(3){left:20%;height:30%;animation-duration:1.8s;animation-delay:.8s;background:linear-gradient(to bottom,transparent,var(--accent2, var(--accent)))}.bg-matrix-col:nth-child(4){left:28%;height:65%;animation-duration:3.2s;animation-delay:.1s;background:linear-gradient(to bottom,transparent,var(--accent))}.bg-matrix-col:nth-child(5){left:35%;height:45%;animation-duration:2.5s;animation-delay:1.2s;background:linear-gradient(to bottom,transparent,var(--accent))}.bg-matrix-col:nth-child(6){left:42%;height:35%;animation-duration:2s;animation-delay:.5s;background:linear-gradient(to bottom,transparent,var(--accent2, var(--accent)))}.bg-matrix-col:nth-child(7){left:50%;height:50%;animation-duration:2.6s;animation-delay:.9s;background:linear-gradient(to bottom,transparent,var(--accent))}.bg-matrix-col:nth-child(8){left:58%;height:60%;animation-duration:3s;animation-delay:.2s;background:linear-gradient(to bottom,transparent,var(--accent))}.bg-matrix-col:nth-child(9){left:65%;height:38%;animation-duration:2.3s;animation-delay:1.5s;background:linear-gradient(to bottom,transparent,var(--accent2, var(--accent)))}.bg-matrix-col:nth-child(10){left:72%;height:48%;animation-duration:2.7s;animation-delay:.6s;background:linear-gradient(to bottom,transparent,var(--accent))}.bg-matrix-col:nth-child(11){left:80%;height:55%;animation-duration:3.1s;animation-delay:.4s;background:linear-gradient(to bottom,transparent,var(--accent))}.bg-matrix-col:nth-child(12){left:88%;height:42%;animation-duration:2.4s;animation-delay:1s;background:linear-gradient(to bottom,transparent,var(--accent))}.bg-matrix-col:nth-child(13){left:95%;height:33%;animation-duration:1.9s;animation-delay:.7s;background:linear-gradient(to bottom,transparent,var(--accent2, var(--accent)))}.bg-matrix-col:nth-child(14){left:16%;height:58%;animation-duration:2.9s;animation-delay:1.8s;background:linear-gradient(to bottom,transparent,var(--accent))}.bg-matrix-col:nth-child(15){left:45%;height:36%;animation-duration:2.1s;animation-delay:1.4s;background:linear-gradient(to bottom,transparent,var(--accent))}@keyframes bg-matrix-fall{0%{transform:translateY(0);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(160%);opacity:0}}.bg-rain{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-elevated) 100%);overflow:hidden}.bg-raindrop{position:absolute;top:-10%;width:2px;background:linear-gradient(to bottom,transparent,rgba(var(--accent-rgb),.6));opacity:0;animation:bg-rain-fall linear infinite;will-change:transform,opacity}.bg-raindrop:nth-child(1){left:3%;height:26px;animation-duration:.8s;animation-delay:0s}.bg-raindrop:nth-child(2){left:10%;height:32px;animation-duration:.7s;animation-delay:.2s}.bg-raindrop:nth-child(3){left:18%;height:22px;animation-duration:.9s;animation-delay:.5s}.bg-raindrop:nth-child(4){left:25%;height:28px;animation-duration:.75s;animation-delay:.1s}.bg-raindrop:nth-child(5){left:32%;height:24px;animation-duration:.85s;animation-delay:.35s}.bg-raindrop:nth-child(6){left:40%;height:34px;animation-duration:.65s;animation-delay:.15s;width:2.5px}.bg-raindrop:nth-child(7){left:48%;height:26px;animation-duration:.8s;animation-delay:.45s}.bg-raindrop:nth-child(8){left:55%;height:30px;animation-duration:.7s;animation-delay:.25s}.bg-raindrop:nth-child(9){left:62%;height:22px;animation-duration:.9s;animation-delay:.6s}.bg-raindrop:nth-child(10){left:70%;height:32px;animation-duration:.72s;animation-delay:.4s}.bg-raindrop:nth-child(11){left:78%;height:25px;animation-duration:.82s;animation-delay:.08s}.bg-raindrop:nth-child(12){left:85%;height:30px;animation-duration:.68s;animation-delay:.3s;width:2.5px}.bg-raindrop:nth-child(13){left:92%;height:24px;animation-duration:.88s;animation-delay:.55s}.bg-raindrop:nth-child(14){left:7%;height:28px;animation-duration:.76s;animation-delay:.7s}.bg-raindrop:nth-child(15){left:37%;height:33px;animation-duration:.66s;animation-delay:.48s}.bg-raindrop:nth-child(16){left:53%;height:21px;animation-duration:.92s;animation-delay:.18s}.bg-raindrop:nth-child(17){left:68%;height:29px;animation-duration:.74s;animation-delay:.62s}.bg-raindrop:nth-child(18){left:82%;height:25px;animation-duration:.84s;animation-delay:.38s}.bg-raindrop:nth-child(19){left:15%;height:35px;animation-duration:.6s;animation-delay:.52s;width:2.5px}.bg-raindrop:nth-child(20){left:45%;height:20px;animation-duration:.95s;animation-delay:.28s}@keyframes bg-rain-fall{0%{transform:translateY(0) rotate(8deg);opacity:0}10%{opacity:.7}85%{opacity:.5}to{transform:translateY(900px) rotate(8deg);opacity:0}}.bg-lightning{background:var(--bg);overflow:hidden}.bg-bolt{position:absolute;width:2px;background:var(--accent);opacity:0;filter:blur(.5px);box-shadow:0 0 8px rgba(var(--accent-rgb),.6),0 0 20px rgba(var(--accent-rgb),.3)}.bg-bolt--main{height:75%;top:2%;left:18%;transform:rotate(6deg);animation:bg-bolt-flash 4s ease-in-out infinite}.bg-bolt--branch1{height:28%;top:22%;left:20%;width:1px;transform:rotate(40deg);transform-origin:top left;animation:bg-bolt-flash 4s ease-in-out .05s infinite}.bg-bolt--branch2{height:22%;top:48%;left:15%;width:1px;transform:rotate(-35deg);transform-origin:top right;animation:bg-bolt-flash 4s ease-in-out .08s infinite}.bg-bolt--branch3{height:18%;top:35%;left:22%;width:1px;transform:rotate(55deg);transform-origin:top left;animation:bg-bolt-flash 4s ease-in-out .03s infinite}.bg-bolt--main2{height:68%;top:5%;left:78%;transform:rotate(-6deg);animation:bg-bolt-flash2 4s ease-in-out 2s infinite}.bg-bolt--branch4{height:25%;top:30%;left:75%;width:1px;transform:rotate(-45deg);transform-origin:top right;animation:bg-bolt-flash2 4s ease-in-out 2.04s infinite}.bg-lightning:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--accent-rgb),.03);opacity:0;animation:bg-bolt-glow 4s ease-in-out infinite}@keyframes bg-bolt-flash{0%,to{opacity:0}3%{opacity:1}5%{opacity:.2}6%{opacity:.9}10%{opacity:0}}@keyframes bg-bolt-flash2{0%,to{opacity:0}3%{opacity:.9}4%{opacity:.1}5.5%{opacity:1}9%{opacity:0}}@keyframes bg-bolt-glow{0%,to{opacity:0}4%{opacity:1}8%{opacity:0}50%{opacity:0}54%{opacity:.8}58%{opacity:0}}.bg-solar{background:var(--bg);overflow:hidden}.bg-solar-twinkle{position:absolute;border-radius:50%;background:#fff;animation:bg-twinkle ease-in-out infinite}.bg-solar-twinkle--1{width:1px;height:1px;top:8%;left:12%;animation-duration:3.8s;animation-delay:0s;opacity:.2}.bg-solar-twinkle--2{width:1px;height:1px;top:34%;left:78%;animation-duration:4.2s;animation-delay:1.5s;opacity:.15}.bg-solar-twinkle--3{width:1px;height:1px;top:52%;left:35%;animation-duration:3.5s;animation-delay:2.8s;opacity:.2}.bg-solar-twinkle--4{width:1px;height:1px;top:76%;left:55%;animation-duration:4.6s;animation-delay:.6s;opacity:.15}.bg-solar-twinkle--5{width:1px;height:1px;top:90%;left:88%;animation-duration:3.9s;animation-delay:1.9s;opacity:.2}.bg-solar-twinkle--6{width:1px;height:1px;top:41%;left:9%;animation-duration:4.4s;animation-delay:3.2s;opacity:.15}.bg-solar-twinkle--7{width:1px;height:1px;top:63%;left:92%;animation-duration:3.7s;animation-delay:.4s;opacity:.2}.bg-solar-twinkle--8{width:1px;height:1px;top:85%;left:25%;animation-duration:4.8s;animation-delay:2.1s;opacity:.15}.bg-solar-twinkle--9{width:1px;height:1px;top:18%;left:65%;animation-duration:3.6s;animation-delay:1s;opacity:.2}.bg-solar-twinkle--10{width:1px;height:1px;top:47%;left:48%;animation-duration:4.1s;animation-delay:3.5s;opacity:.15}.bg-solar-twinkle--11{width:1px;height:1px;top:72%;left:68%;animation-duration:3.4s;animation-delay:.9s;opacity:.2}.bg-solar-twinkle--12{width:1px;height:1px;top:95%;left:18%;animation-duration:4.5s;animation-delay:2.4s;opacity:.15}.bg-solar-twinkle--13{width:1px;height:1px;top:29%;left:50%;animation-duration:3.3s;animation-delay:1.7s;opacity:.2}.bg-solar-twinkle--14{width:1px;height:1px;top:58%;left:82%;animation-duration:4.3s;animation-delay:.2s;opacity:.15}.bg-solar-twinkle--15{width:1.5px;height:1.5px;top:15%;left:38%;animation-duration:2.9s;animation-delay:.7s;opacity:.45}.bg-solar-twinkle--16{width:1.5px;height:1.5px;top:44%;left:72%;animation-duration:3.2s;animation-delay:2s;opacity:.4}.bg-solar-twinkle--17{width:1.5px;height:1.5px;top:68%;left:20%;animation-duration:2.6s;animation-delay:1.3s;opacity:.45}.bg-solar-twinkle--18{width:1.5px;height:1.5px;top:82%;left:60%;animation-duration:3.4s;animation-delay:.5s;opacity:.4}.bg-solar-twinkle--19{width:1.5px;height:1.5px;top:37%;left:5%;animation-duration:2.8s;animation-delay:2.6s;opacity:.45}.bg-solar-twinkle--20{width:1.5px;height:1.5px;top:6%;left:90%;animation-duration:3.1s;animation-delay:1.1s;opacity:.4}.bg-solar-twinkle--21{width:1.5px;height:1.5px;top:55%;left:44%;animation-duration:2.7s;animation-delay:3s;opacity:.45}.bg-solar-twinkle--22{width:1.5px;height:1.5px;top:92%;left:75%;animation-duration:3.5s;animation-delay:.3s;opacity:.4}.bg-solar-twinkle--23{width:1.5px;height:1.5px;top:23%;left:28%;animation-duration:2.5s;animation-delay:1.8s;opacity:.45}.bg-solar-twinkle--24{width:1.5px;height:1.5px;top:78%;left:42%;animation-duration:3s;animation-delay:2.3s;opacity:.4}.bg-solar-twinkle--25{width:2px;height:2px;top:11%;left:58%;animation-duration:2.1s;animation-delay:.8s;opacity:.85}.bg-solar-twinkle--26{width:2px;height:2px;top:32%;left:88%;animation-duration:1.9s;animation-delay:1.6s;opacity:.7}.bg-solar-twinkle--27{width:2.5px;height:2.5px;top:61%;left:14%;animation-duration:2.3s;animation-delay:.2s;opacity:.9}.bg-solar-twinkle--28{width:2px;height:2px;top:88%;left:48%;animation-duration:1.8s;animation-delay:2.5s;opacity:.75}.bg-solar-twinkle--29{width:2px;height:2px;top:5%;left:22%;animation-duration:2.4s;animation-delay:1s;opacity:.85}.bg-solar-twinkle--30{width:2.5px;height:2.5px;top:50%;left:95%;animation-duration:2s;animation-delay:.4s;opacity:.9}.bg-solar-twinkle--31{width:2px;height:2px;top:75%;left:33%;animation-duration:2.2s;animation-delay:1.4s;opacity:.7}.bg-solar-twinkle--32{width:2px;height:2px;top:20%;left:75%;animation-duration:1.7s;animation-delay:2.9s;opacity:.85}.bg-solar-twinkle--33{width:2.5px;height:2.5px;top:42%;left:58%;animation-duration:2.5s;animation-delay:.6s;opacity:.9}.bg-solar-twinkle--34{width:2px;height:2px;top:97%;left:8%;animation-duration:2.1s;animation-delay:1.2s;opacity:.75}.bg-solar-twinkle--35{width:2px;height:2px;top:3%;left:45%;animation-duration:1.9s;animation-delay:3.3s;opacity:.85}.bg-solar-twinkle--36{width:2.5px;height:2.5px;top:66%;left:80%;animation-duration:2.3s;animation-delay:.1s;opacity:.9}.bg-solar-twinkle--37{width:2px;height:2px;top:84%;left:92%;animation-duration:2s;animation-delay:2.2s;opacity:.7}.bg-solar-twinkle--38{width:2px;height:2px;top:38%;left:18%;animation-duration:1.8s;animation-delay:.9s;opacity:.85}.bg-solar-twinkle--39{width:2.5px;height:2.5px;top:55%;left:62%;animation-duration:2.6s;animation-delay:1.5s;opacity:.9}.bg-solar-twinkle--40{width:2px;height:2px;top:12%;left:4%;animation-duration:2.2s;animation-delay:3.7s;opacity:.75}.bg-solar-twinkle--41{width:1px;height:1px;top:16%;left:31%;animation-duration:4s;animation-delay:2.1s;opacity:.18}.bg-solar-twinkle--42{width:1px;height:1px;top:39%;left:53%;animation-duration:3.7s;animation-delay:.6s;opacity:.14}.bg-solar-twinkle--43{width:1px;height:1px;top:61%;left:74%;animation-duration:4.4s;animation-delay:3s;opacity:.2}.bg-solar-twinkle--44{width:1px;height:1px;top:79%;left:11%;animation-duration:3.5s;animation-delay:1.4s;opacity:.15}.bg-solar-twinkle--45{width:1px;height:1px;top:93%;left:38%;animation-duration:4.7s;animation-delay:.3s;opacity:.18}.bg-solar-twinkle--46{width:1px;height:1px;top:24%;left:95%;animation-duration:3.9s;animation-delay:2.7s;opacity:.14}.bg-solar-twinkle--47{width:1px;height:1px;top:48%;left:27%;animation-duration:4.2s;animation-delay:1.8s;opacity:.2}.bg-solar-twinkle--48{width:1px;height:1px;top:70%;left:56%;animation-duration:3.6s;animation-delay:.9s;opacity:.15}.bg-solar-twinkle--49{width:1px;height:1px;top:86%;left:83%;animation-duration:4.5s;animation-delay:2.4s;opacity:.18}.bg-solar-twinkle--50{width:1px;height:1px;top:9%;left:69%;animation-duration:3.8s;animation-delay:1.1s;opacity:.14}.bg-solar-twinkle--51{width:1px;height:1px;top:33%;left:14%;animation-duration:4.1s;animation-delay:3.4s;opacity:.2}.bg-solar-twinkle--52{width:1px;height:1px;top:57%;left:39%;animation-duration:3.4s;animation-delay:.7s;opacity:.15}.bg-solar-twinkle--53{width:1px;height:1px;top:74%;left:97%;animation-duration:4.6s;animation-delay:1.9s;opacity:.18}.bg-solar-twinkle--54{width:1px;height:1px;top:2%;left:84%;animation-duration:3.3s;animation-delay:2.6s;opacity:.14}.bg-solar-twinkle--55{width:1px;height:1px;top:45%;left:7%;animation-duration:4.3s;animation-delay:.4s;opacity:.2}.bg-solar-twinkle--56{width:1.5px;height:1.5px;top:19%;left:43%;animation-duration:2.8s;animation-delay:1.7s;opacity:.42}.bg-solar-twinkle--57{width:1.5px;height:1.5px;top:43%;left:86%;animation-duration:3.3s;animation-delay:.5s;opacity:.38}.bg-solar-twinkle--58{width:1.5px;height:1.5px;top:67%;left:29%;animation-duration:2.6s;animation-delay:2.9s;opacity:.44}.bg-solar-twinkle--59{width:1.5px;height:1.5px;top:83%;left:66%;animation-duration:3.1s;animation-delay:1.2s;opacity:.4}.bg-solar-twinkle--60{width:1.5px;height:1.5px;top:27%;left:52%;animation-duration:2.9s;animation-delay:.8s;opacity:.43}.bg-solar-twinkle--61{width:1.5px;height:1.5px;top:52%;left:77%;animation-duration:3.4s;animation-delay:3.1s;opacity:.38}.bg-solar-twinkle--62{width:1.5px;height:1.5px;top:71%;left:4%;animation-duration:2.7s;animation-delay:.2s;opacity:.45}.bg-solar-twinkle--63{width:1.5px;height:1.5px;top:96%;left:51%;animation-duration:3s;animation-delay:1.6s;opacity:.4}.bg-solar-twinkle--64{width:1.5px;height:1.5px;top:13%;left:17%;animation-duration:2.5s;animation-delay:2.3s;opacity:.43}.bg-solar-twinkle--65{width:1.5px;height:1.5px;top:36%;left:94%;animation-duration:3.2s;animation-delay:.1s;opacity:.38}.bg-solar-twinkle--66{width:1.5px;height:1.5px;top:59%;left:47%;animation-duration:2.8s;animation-delay:1.4s;opacity:.45}.bg-solar-twinkle--67{width:1.5px;height:1.5px;top:77%;left:23%;animation-duration:3.5s;animation-delay:2.8s;opacity:.4}.bg-solar-twinkle--68{width:1.5px;height:1.5px;top:91%;left:72%;animation-duration:2.6s;animation-delay:.6s;opacity:.43}.bg-solar-twinkle--69{width:1.5px;height:1.5px;top:7%;left:33%;animation-duration:3.1s;animation-delay:1.9s;opacity:.38}.bg-solar-twinkle--70{width:1.5px;height:1.5px;top:31%;left:62%;animation-duration:2.9s;animation-delay:3.5s;opacity:.45}.bg-solar-twinkle--71{width:2px;height:2px;top:26%;left:7%;animation-duration:2s;animation-delay:1.1s;opacity:.8}.bg-solar-twinkle--72{width:2.5px;height:2.5px;top:49%;left:31%;animation-duration:1.7s;animation-delay:.5s;opacity:.9}.bg-solar-twinkle--73{width:2px;height:2px;top:73%;left:88%;animation-duration:2.3s;animation-delay:2s;opacity:.75}.bg-solar-twinkle--74{width:2px;height:2px;top:91%;left:15%;animation-duration:1.9s;animation-delay:3.2s;opacity:.85}.bg-solar-twinkle--75{width:2.5px;height:2.5px;top:17%;left:86%;animation-duration:2.1s;animation-delay:.3s;opacity:.9}.bg-solar-twinkle--76{width:2px;height:2px;top:40%;left:40%;animation-duration:2.4s;animation-delay:1.7s;opacity:.8}.bg-solar-twinkle--77{width:2px;height:2px;top:64%;left:64%;animation-duration:1.8s;animation-delay:.8s;opacity:.75}.bg-solar-twinkle--78{width:2.5px;height:2.5px;top:80%;left:50%;animation-duration:2.2s;animation-delay:2.5s;opacity:.9}.bg-solar-twinkle--79{width:2px;height:2px;top:4%;left:76%;animation-duration:2s;animation-delay:1.3s;opacity:.8}.bg-solar-twinkle--80{width:2.5px;height:2.5px;top:56%;left:19%;animation-duration:1.6s;animation-delay:3.8s;opacity:.9}@keyframes bg-twinkle{0%,to{opacity:.05;transform:scale(.7)}50%{opacity:1;transform:scale(1.5)}}.bg-solar-star{position:absolute;top:62%;left:28%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb),.7),0 0 40px rgba(var(--accent-rgb),.25);animation:bg-star-pulse 3s ease-in-out infinite}@keyframes bg-star-pulse{0%,to{box-shadow:0 0 14px rgba(var(--accent-rgb),.7),0 0 40px rgba(var(--accent-rgb),.25)}50%{box-shadow:0 0 20px rgba(var(--accent-rgb),.9),0 0 50px rgba(var(--accent-rgb),.35)}}.bg-solar-orbit{position:absolute;top:62%;left:28%;border:1px solid rgba(var(--accent-rgb),.1);border-radius:50%}.bg-solar-orbit--1{width:120px;height:120px;margin:-60px 0 0 -60px}.bg-solar-orbit--2{width:220px;height:220px;margin:-110px 0 0 -110px}.bg-solar-orbit--3{width:340px;height:340px;margin:-170px 0 0 -170px}.bg-comet{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.6);top:62%;left:28%}.bg-comet:after{content:"";position:absolute;top:50%;right:100%;width:22px;height:2px;transform:translateY(-50%);background:linear-gradient(to left,rgba(var(--accent-rgb),.6),transparent);border-radius:2px}.bg-comet--1{animation:bg-orbit-1 6s linear infinite}.bg-comet--2{width:4px;height:4px;background:var(--accent2, var(--accent));box-shadow:0 0 6px rgba(var(--accent2-rgb, var(--accent-rgb)),.5);animation:bg-orbit-2 10s linear infinite}.bg-comet--2:after{width:16px;background:linear-gradient(to left,rgba(var(--accent2-rgb, var(--accent-rgb)),.5),transparent)}.bg-comet--3{width:3px;height:3px;background:var(--accent3, var(--accent));box-shadow:0 0 5px rgba(var(--accent3-rgb, var(--accent-rgb)),.4);animation:bg-orbit-3 16s linear infinite}.bg-comet--3:after{width:14px;background:linear-gradient(to left,rgba(var(--accent3-rgb, var(--accent-rgb)),.4),transparent)}.bg-comet--streak{width:5px;height:5px;top:50%;left:92%;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.9),0 0 20px rgba(var(--accent-rgb),.4);animation:bg-comet-streak 18s linear infinite}.bg-comet--streak:after{width:40px;height:2px;background:linear-gradient(to left,rgba(var(--accent-rgb),.8),transparent)}@keyframes bg-orbit-1{0%{transform:rotate(0) translate(60px) rotate(0)}to{transform:rotate(360deg) translate(60px) rotate(-360deg)}}@keyframes bg-orbit-2{0%{transform:rotate(0) translate(110px) rotate(0)}to{transform:rotate(360deg) translate(110px) rotate(-360deg)}}@keyframes bg-orbit-3{0%{transform:rotate(0) translate(170px) rotate(0)}to{transform:rotate(360deg) translate(170px) rotate(-360deg)}}@keyframes bg-comet-streak{0%{top:50%;left:92%;transform:rotate(90deg)}4%{top:59%;left:90%;transform:rotate(106deg)}8%{top:68%;left:86%;transform:rotate(122deg)}12%{top:75%;left:79%;transform:rotate(137deg)}17%{top:80%;left:71%;transform:rotate(152deg)}21%{top:83%;left:61%;transform:rotate(166deg)}25%{top:84%;left:50%;transform:rotate(180deg)}29%{top:83%;left:39%;transform:rotate(194deg)}33%{top:80%;left:29%;transform:rotate(208deg)}37%{top:75%;left:21%;transform:rotate(223deg)}42%{top:68%;left:14%;transform:rotate(238deg)}46%{top:59%;left:10%;transform:rotate(254deg)}50%{top:50%;left:8%;transform:rotate(270deg)}54%{top:41%;left:10%;transform:rotate(286deg)}58%{top:32%;left:14%;transform:rotate(302deg)}62%{top:25%;left:21%;transform:rotate(317deg)}67%{top:20%;left:29%;transform:rotate(332deg)}71%{top:17%;left:39%;transform:rotate(346deg)}75%{top:16%;left:50%;transform:rotate(360deg)}79%{top:17%;left:61%;transform:rotate(374deg)}83%{top:20%;left:71%;transform:rotate(388deg)}87%{top:25%;left:79%;transform:rotate(403deg)}92%{top:32%;left:86%;transform:rotate(418deg)}96%{top:41%;left:90%;transform:rotate(434deg)}to{top:50%;left:92%;transform:rotate(450deg)}}.bg-grid-pulse{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);gap:2px;padding:8px;background:var(--bg);mask-image:radial-gradient(ellipse at center,transparent 15%,black 55%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 15%,black 55%)}.bg-grid-pulse .bg-gcell{border-radius:2px;background:var(--gcell-color, var(--accent));animation:bg-gcell-blink 3.5s ease-in-out infinite;opacity:0;will-change:opacity}.bg-gcell:nth-child(1){animation-delay:0s;animation-duration:2.8s}.bg-gcell:nth-child(2){animation-delay:1.6s;animation-duration:3.2s}.bg-gcell:nth-child(3){animation-delay:.4s;animation-duration:2.4s}.bg-gcell:nth-child(4){animation-delay:2.2s;animation-duration:2.9s}.bg-gcell:nth-child(5){animation-delay:.8s;animation-duration:3.5s}.bg-gcell:nth-child(6){animation-delay:1.3s;animation-duration:2.6s}.bg-gcell:nth-child(7){animation-delay:.2s;animation-duration:3s}.bg-gcell:nth-child(8){animation-delay:2.5s;animation-duration:2.7s}.bg-gcell:nth-child(9){animation-delay:1s;animation-duration:3.3s}.bg-gcell:nth-child(10){animation-delay:.6s;animation-duration:2.5s}.bg-gcell:nth-child(11){animation-delay:2s;animation-duration:3.1s}.bg-gcell:nth-child(12){animation-delay:.3s;animation-duration:2.8s}.bg-gcell:nth-child(13){animation-delay:1.8s;animation-duration:2.3s}.bg-gcell:nth-child(14){animation-delay:.9s;animation-duration:3.4s}.bg-gcell:nth-child(15){animation-delay:2.3s;animation-duration:2.6s}.bg-gcell:nth-child(16){animation-delay:.5s;animation-duration:3s}.bg-gcell:nth-child(17){animation-delay:1.4s;animation-duration:2.7s}.bg-gcell:nth-child(18){animation-delay:2.7s;animation-duration:3.2s}.bg-gcell:nth-child(19){animation-delay:.1s;animation-duration:2.5s}.bg-gcell:nth-child(20){animation-delay:1.7s;animation-duration:2.9s}.bg-gcell:nth-child(21){animation-delay:.7s;animation-duration:3.1s}.bg-gcell:nth-child(22){animation-delay:2.1s;animation-duration:2.4s}.bg-gcell:nth-child(23){animation-delay:1.2s;animation-duration:3.3s}.bg-gcell:nth-child(24){animation-delay:.3s;animation-duration:2.8s}.bg-gcell:nth-child(25){animation-delay:2.4s;animation-duration:3.5s}.bg-gcell:nth-child(26){animation-delay:.8s;animation-duration:2.6s}.bg-gcell:nth-child(27){animation-delay:1.5s;animation-duration:3s}.bg-gcell:nth-child(28){animation-delay:2.6s;animation-duration:2.7s}.bg-gcell:nth-child(29){animation-delay:.2s;animation-duration:3.2s}.bg-gcell:nth-child(30){animation-delay:1.9s;animation-duration:2.5s}.bg-gcell:nth-child(31){animation-delay:.6s;animation-duration:2.9s}.bg-gcell:nth-child(32){animation-delay:2.8s;animation-duration:3.4s}.bg-gcell:nth-child(33){animation-delay:1.1s;animation-duration:2.3s}.bg-gcell:nth-child(34){animation-delay:.4s;animation-duration:3.1s}.bg-gcell:nth-child(35){animation-delay:2s;animation-duration:2.8s}.bg-gcell:nth-child(36){animation-delay:.9s;animation-duration:3.3s}.bg-gcell:nth-child(37){animation-delay:1.6s;animation-duration:2.6s}.bg-gcell:nth-child(38){animation-delay:2.3s;animation-duration:3s}.bg-gcell:nth-child(39){animation-delay:.5s;animation-duration:2.7s}.bg-gcell:nth-child(40){animation-delay:1.3s;animation-duration:3.5s}.bg-gcell:nth-child(3n){--gcell-color: var(--accent)}.bg-gcell:nth-child(3n+1){--gcell-color: var(--accent2, var(--accent))}.bg-gcell:nth-child(3n+2){--gcell-color: var(--accent3, var(--accent))}@keyframes bg-gcell-blink{0%,to{opacity:0}25%{opacity:.5}55%{opacity:.3}80%{opacity:0}}.bg-particles{background:var(--bg)}.bg-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(var(--accent-rgb),.6);box-shadow:0 0 6px rgba(var(--accent-rgb),.3);animation:bg-particle-drift linear infinite}.bg-particle:nth-child(1){left:8%;top:25%;animation-duration:6s;width:5px;height:5px}.bg-particle:nth-child(2){left:20%;top:65%;animation-duration:8s;animation-delay:-2s;width:3px;height:3px;background:rgba(var(--accent2-rgb),.6);box-shadow:0 0 6px rgba(var(--accent2-rgb),.3)}.bg-particle:nth-child(3){left:35%;top:15%;animation-duration:7s;animation-delay:-4s;width:5px;height:5px}.bg-particle:nth-child(4){left:50%;top:75%;animation-duration:9s;animation-delay:-1s;width:3px;height:3px}.bg-particle:nth-child(5){left:65%;top:40%;animation-duration:7s;animation-delay:-6s;width:6px;height:6px;background:rgba(var(--accent2-rgb),.5);box-shadow:0 0 8px rgba(var(--accent2-rgb),.3)}.bg-particle:nth-child(6){left:80%;top:20%;animation-duration:8s;animation-delay:-3s}.bg-particle:nth-child(7){left:42%;top:50%;animation-duration:6s;animation-delay:-5s;width:5px;height:5px}.bg-particle:nth-child(8){left:90%;top:60%;animation-duration:10s;animation-delay:-7s;background:rgba(var(--accent3-rgb),.5);box-shadow:0 0 6px rgba(var(--accent3-rgb),.3)}.bg-particle:nth-child(9){left:12%;top:85%;animation-duration:7s;animation-delay:-2s;width:4px;height:4px}.bg-particle:nth-child(10){left:55%;top:10%;animation-duration:9s;animation-delay:-8s;width:3px;height:3px;background:rgba(var(--accent2-rgb),.6);box-shadow:0 0 6px rgba(var(--accent2-rgb),.3)}.bg-particle:nth-child(11){left:75%;top:80%;animation-duration:6s;animation-delay:-1s;width:5px;height:5px}.bg-particle:nth-child(12){left:30%;top:45%;animation-duration:8s;animation-delay:-4s;width:6px;height:6px;background:rgba(var(--accent3-rgb),.4);box-shadow:0 0 8px rgba(var(--accent3-rgb),.3)}@keyframes bg-particle-drift{0%{transform:translate(0) scale(.5);opacity:0}10%{opacity:1;transform:translate(5px,-10px) scale(1)}50%{transform:translate(-15px,-50px) scale(1.2)}90%{opacity:.8}to{transform:translate(20px,-120px) scale(.6);opacity:0}}.bg-aurora{background:var(--bg);overflow:hidden}.bg-aurora-band{position:absolute;left:-20%;right:-20%;height:40%;border-radius:50%;filter:blur(30px);opacity:0}[data-theme=dark] .bg-aurora-band{mix-blend-mode:screen}[data-theme=light] .bg-aurora-band{mix-blend-mode:multiply}.bg-aurora-band:nth-child(1){background:linear-gradient(90deg,transparent 10%,rgba(var(--accent-rgb),.5) 40%,rgba(var(--accent2-rgb),.4) 60%,transparent 90%);top:15%;animation:aurora-wave 6s ease-in-out infinite}.bg-aurora-band:nth-child(2){background:linear-gradient(90deg,transparent 15%,rgba(var(--accent2-rgb),.4) 45%,rgba(var(--accent3-rgb),.45) 65%,transparent 85%);top:35%;animation:aurora-wave 8s ease-in-out 1s infinite reverse}.bg-aurora-band:nth-child(3){background:linear-gradient(90deg,transparent 20%,rgba(var(--accent3-rgb),.4) 50%,rgba(var(--accent-rgb),.35) 70%,transparent 95%);top:50%;animation:aurora-wave 7s ease-in-out 2s infinite}@keyframes aurora-wave{0%,to{opacity:.2;transform:translate(-15%) scaleY(.8)}30%{opacity:.7;transform:translate(10%) scaleY(1.2)}60%{opacity:.5;transform:translate(-5%) scaleY(1)}80%{opacity:.8;transform:translate(15%) scaleY(1.1)}}.bg-scanlines{background:var(--bg);overflow:hidden}.bg-scanlines:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(var(--accent-rgb),.03) 2px,rgba(var(--accent-rgb),.03) 4px);z-index:1}.bg-scanlines:after{content:"";position:absolute;left:0;right:0;height:40px;background:linear-gradient(to bottom,rgba(var(--accent-rgb),.08),transparent);animation:bg-scan-sweep 3s linear infinite;z-index:2}@keyframes bg-scan-sweep{0%{top:-40px}to{top:100%}}@media (max-width: 640px){.demo-body{padding:28px 20px}.demo-cards-row{grid-template-columns:1fr}.demo-counter-row,.demo-reveal-grid{grid-template-columns:repeat(2,1fr)}.demo-text-controls{flex-wrap:wrap;justify-content:center}.demo-bg-grid{grid-template-columns:repeat(2,1fr)}.demo-titlebar{align-items:flex-start}.demo-titlebar-inner{position:static;flex:1;padding:0;align-items:flex-start}.demo-titlebar-text{text-align:left}.demo-context{display:none}}.mobile-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:860px;margin:0 auto}.mobile-pillar{padding:28px 20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-glass);text-align:center}.mobile-pillar-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.06em;margin-bottom:10px;display:block}.mobile-pillar h3{font-size:1rem;margin-bottom:8px}.mobile-pillar p{font-size:.8rem;color:var(--text-muted);line-height:1.5}.mobile-demos-grid{display:grid;gap:32px;max-width:680px;margin:0 auto}.swipe-deck{position:relative;width:300px;height:190px;margin:0 auto 24px}.swipe-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:28px 24px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:8px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;will-change:transform}.swipe-card:active{cursor:grabbing}.swipe-card-tag{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);letter-spacing:.06em}.swipe-card h3{font-size:1.1rem;font-weight:700;margin:0}.swipe-card p{font-size:.82rem;color:var(--text-muted);margin:0}.swipe-card.is-right{border-color:#22c55e;background:#22c55e2e}.swipe-card.is-left{border-color:#ef4444;background:#ef44442e}.swipe-card.is-gone{pointer-events:none}.swipe-hint{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);opacity:.5}.swipe-hint-arrow{font-size:1rem}.trail-canvas{width:100%;height:280px;border-radius:var(--radius-md);background:#050508;display:block;cursor:crosshair;touch-action:none}.trail-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px}.trail-hint{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);opacity:.5;flex:1}.trail-reset{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.trail-reset:hover{color:var(--accent);border-color:var(--accent)}.gyro-scene{perspective:800px;display:flex;justify-content:center;margin-bottom:16px}.gyro-card{width:300px;height:180px;position:relative;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);overflow:hidden;transition:transform .1s ease}.gyro-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .08s ease}.gyro-layer--bg{background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.08) 0%,transparent 70%)}.gyro-logo{font-family:var(--font-head);font-size:1.4rem;font-weight:800}.gyro-logo em{font-style:normal;color:var(--accent)}.gyro-sub{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin-top:6px}.gyro-layer--fore{pointer-events:none}.gyro-orb{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.25) 0%,transparent 70%);top:10%;right:10%}.gyro-orb--2{width:40px;height:40px;bottom:15%;left:12%;top:auto;right:auto;opacity:.6}.gyro-footer{display:flex;flex-direction:column;align-items:center;gap:10px}.gyro-hint{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);text-align:center;opacity:.6}.gyro-permission-btn{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:8px 20px;border:1px solid var(--accent);border-radius:var(--radius-pill);background:rgba(var(--accent-rgb),.08);color:var(--accent);cursor:pointer;transition:all .2s ease}.gyro-permission-btn:hover{background:rgba(var(--accent-rgb),.18)}.ripple-stage{position:relative;height:360px;border-radius:var(--radius-md);background:#050508;overflow:hidden;cursor:crosshair;touch-action:none;display:flex;align-items:center;justify-content:center}.ripple-stage-hint{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);opacity:.4;pointer-events:none;z-index:1;transition:opacity .4s ease}.ripple-ring{position:absolute;width:0;height:0;border-radius:50%;border:3px solid var(--accent);box-shadow:0 0 16px rgba(var(--accent-rgb),.5);transform:translate(-50%,-50%);animation:ripple-expand 1.1s cubic-bezier(.2,.6,.4,1) forwards;pointer-events:none}.ripple-ring--wide{animation:ripple-expand-wide 1.4s cubic-bezier(.15,.5,.3,1) forwards;border-color:rgba(var(--accent-rgb),.5);border-width:2px;box-shadow:none}@keyframes ripple-expand{0%{width:0;height:0;opacity:1}60%{opacity:.7}to{width:520px;height:520px;opacity:0}}@keyframes ripple-expand-wide{0%{width:0;height:0;opacity:.6}to{width:700px;height:700px;opacity:0}}.carousel-track-wrap{overflow:hidden;width:100%;cursor:grab;touch-action:pan-y;border-radius:var(--radius-md)}.carousel-track-wrap:active{cursor:grabbing}.carousel-track{display:flex;gap:16px;will-change:transform;-webkit-user-select:none;user-select:none}.carousel-card{flex:0 0 auto;border-radius:var(--radius-lg);padding:28px 24px 24px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:10px;min-height:200px;position:relative;overflow:hidden;transition:border-color .3s ease}.carousel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 70%)}.carousel-card-num{font-family:var(--font-mono);font-size:.66rem;color:var(--accent);letter-spacing:.07em;opacity:.8}.carousel-card h3{font-size:1.5rem;font-weight:800;line-height:1.1;margin:0}.carousel-card p{font-size:.84rem;color:var(--text-muted);line-height:1.55;margin:0}.carousel-card-bg-num{position:absolute;bottom:-12px;right:16px;font-family:var(--font-head);font-size:5.5rem;font-weight:800;color:rgba(var(--accent-rgb),.05);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.carousel-dots{display:flex;gap:6px;justify-content:center;margin-top:16px}.carousel-dot{height:6px;width:6px;border-radius:3px;background:var(--border-hover);transition:all .35s cubic-bezier(.34,1.56,.64,1)}.carousel-dot.is-active{width:22px;background:var(--accent)}.haptic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;width:100%;margin-bottom:16px}.haptic-cell{aspect-ratio:1;border-radius:var(--radius-sm);background:rgba(var(--accent-rgb),.06);border:1px solid var(--border);cursor:pointer;transition:border-color .2s ease}.haptic-cell.is-active{animation:haptic-pop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes haptic-pop{0%{transform:scale(1);background:rgba(var(--accent-rgb),.06);border-color:var(--border)}40%{transform:scale(1.3);background:rgba(var(--accent-rgb),.4);border-color:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.5)}to{transform:scale(1);background:rgba(var(--accent-rgb),.06);border-color:var(--border);box-shadow:none}}.haptic-hint{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);text-align:center;opacity:.6}.mobile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:680px;margin:0 auto;text-align:center}.mobile-stat{padding:28px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-glass)}.mobile-stat-value{font-family:var(--font-head);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;color:var(--accent);display:block}.mobile-stat-label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);margin-top:6px;display:block;line-height:1.4}@media (max-width: 640px){.mobile-pillars,.mobile-stats-grid{grid-template-columns:repeat(2,1fr)}.swipe-deck{width:260px;max-width:100%}.gyro-card{width:260px;max-width:100%;height:160px}}@media (max-width: 400px){.mobile-pillars{grid-template-columns:1fr}}.about-prose{max-width:640px;margin:0 auto}.about-prose p{font-size:.95rem;line-height:1.8;color:var(--text-soft);margin-bottom:24px}.about-prose p:last-child{margin-bottom:0}.about-lead{font-size:1.1rem!important;color:var(--text)!important}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:960px;margin:0 auto}.value-card{padding:28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .3s ease}.value-card:hover{border-color:var(--border-hover)}.value-icon{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--accent);margin-bottom:14px;display:block}.value-card h3{font-size:1.05rem;margin-bottom:8px}.value-card p{font-size:.85rem;color:var(--text-muted);line-height:1.6}.brand-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:780px;margin:0 auto}.brand-split-card{padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;transition:border-color .3s ease}.brand-split-card:hover{border-color:var(--border-hover)}.brand-split-card h3{font-size:1.15rem;margin-bottom:12px}.brand-split-card p{font-size:.85rem;color:var(--text-muted);line-height:1.65}.brand-split-card .hud-label{margin-bottom:16px;display:block}@media (max-width: 640px){.brand-split{grid-template-columns:1fr}}.contact-form-wrap{max-width:640px;margin:0 auto;overflow:visible}.contact-form{display:flex;flex-direction:column;gap:28px;padding-top:0;overflow:visible}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:visible}@media (max-width: 540px){.form-row{grid-template-columns:1fr}}.form-group{position:relative;overflow:visible}.form-group input,.form-group select,.form-group textarea{width:100%;padding:16px 18px;font-family:var(--font-body);font-size:.9rem;color:var(--text);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);outline:none;transition:border-color .3s ease,box-shadow .3s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-group textarea{min-height:160px;resize:vertical;line-height:1.6}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.6}.form-group select{cursor:pointer;color:var(--text-muted)}.form-group select.has-value{color:var(--text)}.form-group.form-select:after{content:"";position:absolute;right:18px;bottom:21px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-muted);pointer-events:none;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.form-group.form-select:has(select:focus):after{border-top-color:var(--accent)}.form-label{display:block;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;padding-left:4px;transition:color .3s ease}.form-group:focus-within .form-label{color:var(--accent)}.form-submit{align-self:flex-start}.form-submit .btn{min-width:200px}@media (max-width: 640px){.form-submit{align-self:stretch}}.form-status{padding:20px 24px;border-radius:var(--radius-lg);font-size:.9rem;line-height:1.6;display:none}.form-status.is-success{display:block;background:#00ff8814;border:1px solid rgba(0,255,136,.25);color:#0f8}.form-status.is-error{display:block;background:#ff505014;border:1px solid rgba(255,80,80,.25);color:#ff5050}.form-status .status-icon{font-family:var(--font-mono);font-weight:600;margin-right:8px}.contact-info{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:20px}@media (max-width: 860px){.contact-info{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.contact-info{grid-template-columns:1fr}}.contact-info-card{padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;transition:border-color .3s ease}.contact-info-card:hover{border-color:var(--border-hover)}.contact-info-icon{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--accent);margin-bottom:10px;display:block}.contact-info-card h4{font-size:.95rem;margin-bottom:6px}.contact-info-card p{font-size:.8rem;color:var(--text-muted);line-height:1.5}.form-submit .btn.is-loading{pointer-events:none;opacity:.7}.form-submit .btn.is-loading .btn-text{visibility:hidden}.form-submit .btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-page{min-height:80vh;display:flex;align-items:center;justify-content:center}.error-content{text-align:center}.error-code{font-size:clamp(5rem,15vw,12rem);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;position:relative}.error-code:before,.error-code:after{content:"404";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0}.error-code:before{animation:glitch-top 3s ease-in-out infinite;clip-path:inset(0 0 60% 0)}.error-code:after{animation:glitch-bottom 3s ease-in-out infinite .15s;clip-path:inset(60% 0 0 0)}@keyframes glitch-top{0%,90%,to{opacity:0;transform:none}92%{opacity:.8;transform:translate(-3px,-2px)}94%{opacity:0;transform:none}96%{opacity:.6;transform:translate(2px,1px)}98%{opacity:0}}@keyframes glitch-bottom{0%,88%,to{opacity:0;transform:none}90%{opacity:.7;transform:translate(3px,2px)}93%{opacity:0;transform:none}95%{opacity:.5;transform:translate(-2px,-1px)}97%{opacity:0}}.error-tagline{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.05em;margin-bottom:32px}.error-message{font-size:1.05rem;color:var(--text-soft);margin-bottom:36px;max-width:400px;margin-inline:auto;line-height:1.7}@media (prefers-reduced-motion: reduce){.error-code:before,.error-code:after{animation:none;display:none}}[data-reveal]{opacity:0;transition:opacity .7s ease,transform .7s ease}[data-reveal].is-revealed{opacity:1;transform:none!important}[data-reveal],[data-reveal=up]{transform:translateY(30px)}[data-reveal=left]{transform:translate(-30px)}[data-reveal=right]{transform:translate(30px)}[data-reveal=scale]{transform:scale(.92)}[data-reveal=fade]{transform:none}@keyframes ripple-expand{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}[data-magnetic],[data-tilt]{transition:transform .15s ease;will-change:transform}[data-cursor-glow]{position:relative;overflow:hidden}[data-scramble]{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important}[data-magnetic],[data-tilt]{transform:none!important}.color-switcher-btn:before{animation:none!important;opacity:.6!important}.status-dot{animation:none!important;opacity:1!important}canvas#bg-canvas{display:none!important}}