*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#7c3aed;--accent-light:#a78bfa;--blue:#3b82f6;--cyan:#06b6d4;--font-family:"Inter", -apple-system, system-ui, "SF Pro Text", "Helvetica Neue", sans-serif;--font-display-size:72px;--font-display-weight:700;--font-display-tracking:-1.5px;--font-display-leading:1;--font-h1-size:48px;--font-h1-weight:700;--font-h1-tracking:-.8px;--font-h1-leading:1.1;--font-h2-size:36px;--font-h2-weight:600;--font-h2-tracking:-.5px;--font-h2-leading:1.2;--font-h3-size:24px;--font-h3-weight:600;--font-h3-tracking:-.3px;--font-h3-leading:1.3;--font-body-lg-size:18px;--font-body-lg-weight:400;--font-body-lg-tracking:normal;--font-body-lg-leading:1.6;--font-body-size:16px;--font-body-weight:400;--font-body-tracking:normal;--font-body-leading:1.6;--font-caption-size:14px;--font-caption-weight:400;--font-caption-tracking:.02em;--font-caption-leading:1.4;--font-small-size:13px;--font-small-weight:500;--font-small-tracking:normal;--font-small-leading:1.4;--font-micro-size:12px;--font-micro-weight:400;--font-micro-tracking:normal;--font-micro-leading:1.3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--space-13:120px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--radius:24px;--radius-sm-legacy:16px;--shadow-sm:0 1px 2px #7c3aed0a;--shadow-md:0 4px 12px #7c3aed0f, 0 1px 3px #0000000f;--shadow-lg:0 12px 32px #7c3aed14, 0 4px 8px #0000000a;--shadow-xl:0 24px 48px #7c3aed1a, 0 8px 16px #0000000f;--shadow-glow:0 0 60px #7c3aed26;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--border-subtle:1px solid var(--card-border);--border-focus:2px solid var(--accent);--glass-blur:20px}[data-theme=dark],:root{--bg:#050507;--bg-nav:#050507b3;--bg-nav-scrolled:#050507e6;--card:#ffffff0a;--card-border:#ffffff14;--card-hover:#ffffff12;--text-primary:#f8fafc;--text-secondary:#f8fafc99;--text-tertiary:#f8fafc59;--pain-color:#f87171;--shadow-accent:#7c3aed40;--shadow-accent-hover:#7c3aed59;--badge-success-bg:#22c55e1f;--badge-success-color:#4ade80;--badge-warn-bg:#f59e0b1f;--badge-warn-color:#fbbf24;--badge-future-bg:#7c3aed1f;--badge-future-color:var(--accent-light);--input-bg:var(--card);--three-scene-opacity:1;--border-medium:1px solid #ffffff1f;--border-strong:1px solid #fff3;--glass-bg:#ffffff08;--glass-border:1px solid #ffffff0f}[data-theme=light]{--bg:#f8f9fb;--bg-nav:#f8f9fbcc;--bg-nav-scrolled:#f8f9fbf2;--card:#ffffffb3;--card-border:#00000014;--card-hover:#ffffffe6;--text-primary:#0f172a;--text-secondary:#0f172a99;--text-tertiary:#0f172a66;--pain-color:#dc2626;--shadow-accent:#7c3aed26;--shadow-accent-hover:#7c3aed40;--badge-success-bg:#16a34a1a;--badge-success-color:#16a34a;--badge-warn-bg:#d977061a;--badge-warn-color:#b45309;--badge-future-bg:#7c3aed14;--badge-future-color:#6d28d9;--input-bg:#fffc;--three-scene-opacity:.25;--border-medium:1px solid #0000001f;--border-strong:1px solid #0003;--glass-bg:#fff9;--glass-border:1px solid #fffc}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-family);line-height:var(--font-body-leading);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#scene-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.content{z-index:1;position:relative}nav{z-index:100;padding:0 var(--space-8);background:var(--bg-nav);height:56px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-size:15px;font-weight:var(--font-h1-weight);color:var(--text-primary);letter-spacing:var(--font-h3-tracking);align-items:center;gap:var(--space-2);display:flex}.nav-logo span{color:var(--accent-light)}.nav-links{gap:var(--space-7);margin-left:var(--space-7);display:flex}.nav-links a{font-size:var(--font-small-size);color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.nav-links a:hover{color:var(--text-primary)}.nav-cta{font-size:var(--font-small-size);font-weight:var(--font-h2-weight);color:var(--accent-light);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:all var(--transition-fast);margin-left:var(--space-6);border:1px solid #7c3aed4d;text-decoration:none}.nav-cta:hover{transition:all var(--transition-fast);background:#7c3aed26;border-color:#7c3aed80}.nav-links .nav-cta{display:none}.nav-actions{align-items:center;gap:var(--space-2);display:flex}.nav-hamburger{border:1px solid var(--card-border);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;padding:var(--space-2);z-index:102;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:none}.nav-hamburger span{background:var(--text-primary);width:100%;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);transform-origin:50%;border-radius:1px;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}section{max-width:1200px;padding:var(--space-13) var(--space-8);margin:0 auto}.section-label{font-size:var(--font-micro-size);font-weight:var(--font-h2-weight);text-transform:uppercase;letter-spacing:2px;color:var(--accent-light);margin-bottom:var(--space-4)}.section-title{font-size:clamp(32px,5vw,48px);font-weight:var(--font-h1-weight);letter-spacing:-1px;line-height:var(--font-h1-leading);color:var(--text-primary);margin-bottom:var(--space-5)}.section-subtitle{font-size:var(--font-body-lg-size);color:var(--text-secondary);max-width:600px;line-height:var(--font-body-lg-leading)}#hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:56px;display:flex}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-pill);font-size:var(--font-small-size);color:var(--text-secondary);margin-bottom:var(--space-7);display:inline-flex}.hero-badge .dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(40px,7vw,72px);font-weight:var(--font-display-weight);letter-spacing:-2px;color:var(--text-primary);margin-bottom:var(--space-6);max-width:900px;line-height:1.05}.hero-title .gradient{background:linear-gradient(135deg, var(--blue), var(--accent), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:580px;font-size:20px;line-height:var(--font-body-lg-leading);margin-bottom:var(--space-9)}.hero-ctas{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.btn-primary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-7);background:var(--accent);color:#fff;font-size:15px;font-weight:var(--font-h2-weight);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:0 0 30px var(--shadow-accent);border:none;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:0 0 40px var(--shadow-accent-hover);transition:all var(--transition-base);background:#6d28d9;transform:translateY(-1px)}.btn-secondary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-7);background:var(--card);color:var(--text-primary);font-size:15px;font-weight:var(--font-h2-weight);border-radius:var(--radius-lg);border:1px solid var(--card-border);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(var(--glass-blur));text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--card-hover);transition:all var(--transition-base);border-color:#ffffff26}.hero-metrics{margin-top:var(--space-11);gap:56px;display:flex}.hero-metric{text-align:center}.hero-metric .val{font-size:32px;font-weight:var(--font-display-weight);background:linear-gradient(135deg, var(--blue), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:SF Mono,Menlo,monospace}.hero-metric .label{font-size:var(--font-micro-size);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.trust-bar{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);padding:var(--space-7) var(--space-8);text-align:center;z-index:1;position:relative}.trust-bar p{font-size:var(--font-micro-size);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-5)}.trust-logos{justify-content:center;align-items:center;gap:var(--space-9);opacity:.4;flex-wrap:wrap;display:flex}.trust-logos span{font-size:var(--font-body-size);color:var(--text-secondary);letter-spacing:1px;font-weight:600}.steps{gap:var(--space-7);margin-top:var(--space-9);counter-reset:step;display:flex}.step{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);transition:all var(--transition-base);box-shadow:var(--shadow-sm);flex:1;padding:36px 28px;position:relative}.step:hover{background:var(--card-hover);box-shadow:var(--shadow-lg);border-color:#ffffff1f;transform:translateY(-2px)}.step:before{counter-increment:step;content:counter(step);background:linear-gradient(135deg, var(--accent), var(--blue));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:20px;font-size:15px;font-weight:700;display:flex}.step h3{font-size:var(--font-body-size);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.step p{font-size:var(--font-caption-size);color:var(--text-secondary);line-height:var(--font-caption-leading)}.showcase{max-width:1200px;padding:var(--space-13) var(--space-8);z-index:1;margin:0 auto;position:relative}.showcase-tabs{gap:var(--space-1);margin-bottom:var(--space-7);background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--space-1);width:fit-content;display:flex}.showcase-tab{padding:10px var(--space-5);font-size:var(--font-small-size);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit;font-weight:600}.showcase-tab:hover{color:var(--text-primary)}.showcase-tab.active{background:var(--accent);color:#fff}.showcase-frame{border-radius:var(--radius);border:1px solid var(--card-border);background:var(--card);aspect-ratio:16/9;position:relative;overflow:hidden}.showcase-panel{opacity:0;transition:opacity var(--transition-slow);pointer-events:none;position:absolute;inset:0}.showcase-panel.active{opacity:1;pointer-events:auto}.mock-viewer{background:#0a0a0b;flex-direction:column;width:100%;height:100%;display:flex}.mock-topbar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;display:flex}.mock-topbar-left{align-items:center;gap:12px;display:flex}.mock-status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #22c55e80}.mock-topbar-right{color:#fff6;align-items:center;gap:16px;display:flex}.mock-quality-selector{background:#ffffff0f;border-radius:6px;gap:2px;padding:2px;display:flex}.mock-quality-option{color:#fff6;border-radius:4px;padding:3px 8px;font-size:10px}.mock-quality-option.active{background:var(--accent);color:#fff}.mock-canvas{background:#0d0d0f;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mock-video-feed{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.mock-video-feed:after{content:"";background:radial-gradient(circle at 30% 40%,#7c3aed26 0%,#0000 50%),radial-gradient(circle at 70% 60%,#3b82f61a 0%,#0000 50%);position:absolute;inset:0}.mock-overlay-ai{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:2;background:#000000b3;border:1px solid #7c3aed4d;border-radius:10px;padding:10px 14px;font-size:11px;position:absolute;top:16px;left:16px}.mock-ai-step{align-items:center;gap:8px;margin-bottom:6px;display:flex}.mock-ai-step:last-child{margin-bottom:0}.mock-ai-check{border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:flex}.mock-ai-check.done{color:#4ade80;background:#22c55e33}.mock-ai-check.active{color:var(--accent-light);background:#7c3aed4d;animation:1.5s infinite pulse-dot}.mock-ai-check.pending{color:#ffffff4d;background:#ffffff0f}.mock-ai-label{color:#fffc}.mock-ai-label.done{color:#fff6;text-decoration:line-through}.mock-detection-box{border:2px solid var(--accent-light);z-index:2;border-radius:6px;position:absolute}.mock-detection-label{background:var(--accent);color:#fff;letter-spacing:.5px;border-radius:4px 4px 0 0;padding:2px 8px;font-size:9px;font-weight:700;position:absolute;top:-22px;left:-2px}.mock-bottombar{color:#ffffff4d;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 16px;font-family:SF Mono,Menlo,monospace;font-size:11px;display:flex}.mock-ptt{color:#ffffff80;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:4px 12px;font-size:10px;display:flex}.mock-ptt-circle{background:#ffffff26;border-radius:50%;width:8px;height:8px}.mock-dashboard{background:#0a0a0b;width:100%;height:100%;display:flex}.mock-sidebar{border-right:1px solid #ffffff0f;width:200px;padding:16px 12px;font-size:12px}.mock-sidebar-item{color:#fff6;border-radius:6px;align-items:center;gap:8px;margin-bottom:2px;padding:8px 10px;display:flex}.mock-sidebar-item.active{color:var(--accent-light);background:#7c3aed26}.mock-main{flex:1;padding:16px;overflow:hidden}.mock-dash-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mock-dash-title{color:var(--text-primary);font-size:14px;font-weight:600}.mock-dash-actions{gap:8px;display:flex}.mock-dash-btn{color:#ffffff80;border:1px solid #ffffff1a;border-radius:6px;padding:5px 12px;font-size:10px}.mock-dash-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.mock-stat-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.mock-stat-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:12px}.mock-stat-label{color:#ffffff4d;margin-bottom:4px;font-size:10px}.mock-stat-value{color:var(--text-primary);font-family:SF Mono,Menlo,monospace;font-size:20px;font-weight:700}.mock-device-table{width:100%;font-size:11px}.mock-table-header{color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0f;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:8px 0;font-size:9px;font-weight:600;display:grid}.mock-table-row{color:#fff9;border-bottom:1px solid #ffffff08;grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:center;padding:10px 0;display:grid}.mock-device-name{color:var(--text-primary);align-items:center;gap:8px;font-weight:500;display:flex}.mock-device-dot{border-radius:50%;width:6px;height:6px}.mock-device-dot.online{background:#22c55e}.mock-device-dot.idle{background:#f59e0b}.mock-device-dot.offline{background:#ffffff26}.mock-analytics{background:#0a0a0b;flex-direction:column;width:100%;height:100%;padding:20px;display:flex}.mock-chart-area{flex:1;margin-top:16px;position:relative}.mock-chart-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.mock-chart-line{border-top:1px solid #ffffff0a;height:0}.mock-chart-bars{justify-content:space-around;align-items:flex-end;height:80%;padding:0 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.mock-bar-group{align-items:flex-end;gap:3px;display:flex}.mock-bar{border-radius:3px 3px 0 0;width:14px}.showcase-caption{text-align:center;color:var(--text-tertiary);margin-top:24px;font-size:13px}@media (max-width:768px){.showcase{padding:var(--space-9) var(--space-5)}.showcase-tabs{width:100%;overflow-x:auto}.mock-sidebar{display:none}.mock-stat-row{grid-template-columns:repeat(2,1fr)}}.pricing-grid{gap:var(--space-6);margin-top:var(--space-9);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.price-card{padding:var(--space-8) var(--space-7);transition:all var(--transition-base);position:relative}.price-card.featured{box-shadow:var(--shadow-md);background:#7c3aed0f;border-color:#7c3aed66}.price-card.featured:before{content:"Most Popular";top:calc(-1 * var(--space-3));background:var(--accent);color:#fff;font-size:var(--font-micro-size);text-transform:uppercase;letter-spacing:1px;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.price-tier{font-size:var(--font-small-size);color:var(--accent-light);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-2);font-weight:600}.price-amount{font-size:var(--font-h1-size);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:700;line-height:1}.price-amount .currency{font-size:var(--font-h3-size);vertical-align:top}.price-amount .period{font-size:var(--font-body-size);color:var(--text-tertiary);font-weight:400}.price-desc{font-size:var(--font-caption-size);color:var(--text-secondary);margin-bottom:var(--space-7);line-height:var(--font-caption-leading)}.price-features{margin-bottom:var(--space-7);list-style:none}.price-features li{font-size:var(--font-caption-size);color:var(--text-secondary);padding:var(--space-2) 0;align-items:flex-start;gap:var(--space-3);display:flex}.price-features li:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8l3 3 6-6' stroke='%237c3aed' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;flex-shrink:0;width:18px;height:18px;margin-top:2px;display:inline-block}.price-cta{text-align:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-caption-size);transition:all var(--transition-fast);cursor:pointer;font-weight:600;text-decoration:none;display:block}.price-cta.primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-md);border:none}.price-cta.primary:hover{box-shadow:var(--shadow-lg);background:#6d28d9;transform:translateY(-1px)}.price-cta.secondary{color:var(--text-primary);border:1px solid var(--card-border);background:0 0}.price-cta.secondary:hover{background:var(--card-hover);box-shadow:var(--shadow-sm);border-color:#ffffff26}.price-annual{text-align:center;color:var(--text-tertiary,#64748b);text-align:center;margin-top:8px;font-size:12px}.testimonials-grid{gap:var(--space-6);margin-top:var(--space-9);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{padding:var(--space-7);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.testimonial-quote{font-size:var(--font-body-size);color:var(--text-secondary);margin-bottom:var(--space-6);font-style:italic;line-height:1.7}.testimonial-quote:before{content:"“";font-size:var(--font-h3-size);color:var(--accent-light);margin-right:2px}.testimonial-quote:after{content:"”";font-size:var(--font-h3-size);color:var(--accent-light);margin-left:2px}.testimonial-author{align-items:center;gap:var(--space-3);display:flex}.testimonial-avatar{background:linear-gradient(135deg, var(--accent), var(--blue));width:40px;height:40px;font-size:var(--font-body-size);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.testimonial-name{font-size:var(--font-caption-size);color:var(--text-primary);font-weight:600}.testimonial-role{font-size:var(--font-micro-size);color:var(--text-tertiary)}.faq-list{max-width:800px;margin:var(--space-9) auto 0}.faq-item{border-bottom:1px solid var(--card-border)}.faq-item:first-child{border-top:1px solid var(--card-border)}.faq-question{width:100%;padding:var(--space-5) 0;color:var(--text-primary);font-size:var(--font-body-size);text-align:left;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-family:inherit;font-weight:600;display:flex}.faq-question:hover{color:var(--accent-light)}.faq-question .faq-toggle{color:var(--text-tertiary);transition:transform var(--transition-base);margin-left:var(--space-4);flex-shrink:0;font-size:20px}.faq-item.open .faq-toggle{transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height var(--transition-base), padding var(--transition-base);overflow:hidden}.faq-item.open .faq-answer{max-height:300px;padding-bottom:var(--space-5)}.faq-answer p{font-size:var(--font-body-size);color:var(--text-secondary);line-height:1.7}.sticky-cta{z-index:99;background:var(--bg-nav-scrolled);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-top:1px solid var(--card-border);padding:var(--space-3) var(--space-8);transition:bottom var(--transition-slow);justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:-80px;left:0;right:0}.sticky-cta.visible{bottom:0}.sticky-cta-text{font-size:var(--font-caption-size);color:var(--text-secondary)}.sticky-cta-text strong{color:var(--text-primary);font-weight:600}.glass{background:var(--card);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--card-border);border-radius:var(--radius);padding:var(--space-7);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.glass:hover{background:var(--card-hover);box-shadow:var(--shadow-lg);border-color:#ffffff1f;transform:translateY(-2px)}.glass-icon{border-radius:var(--radius-md);width:48px;height:48px;font-size:var(--font-h3-size);margin-bottom:var(--space-5);background:linear-gradient(135deg,#7c3aed26,#3b82f61a);border:1px solid #7c3aed26;justify-content:center;align-items:center;display:flex}.glass h3{font-size:var(--font-body-lg-size);margin-bottom:var(--space-3);color:var(--text-primary);font-weight:600}.glass p{font-size:var(--font-body-size);color:var(--text-secondary);line-height:var(--font-body-leading)}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}#problem .section-title{color:var(--pain-color)}.pain-stat{font-size:var(--font-caption-size);color:var(--accent-light);margin-top:var(--space-4);font-family:SF Mono,Menlo,monospace;font-weight:600}.solution-flow{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-9);flex-wrap:wrap;display:flex}.flow-node{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-7);background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.flow-node:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.flow-node .icon{font-size:32px}.flow-node .name{font-size:var(--font-caption-size);color:var(--text-primary);font-weight:600}.flow-node .desc{font-size:var(--font-micro-size);color:var(--text-tertiary)}.flow-arrow{color:var(--accent-light);opacity:.5;font-size:20px}.usecase-card{transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.usecase-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.usecase-card:before{content:"";filter:blur(60px);opacity:.08;pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-50%}.usecase-card:first-child:before{background:#3b82f6}.usecase-card:nth-child(2):before{background:#7c3aed}.usecase-card:nth-child(3):before{background:#f59e0b}.usecase-card:nth-child(4):before{background:#06b6d4}.usecase-tag{font-size:var(--font-micro-size);text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-light);margin-bottom:var(--space-3);font-weight:600}.usecase-stat{align-items:baseline;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--card-border);display:flex}.usecase-stat .number{color:var(--text-primary);font-family:SF Mono,Menlo,monospace;font-size:28px;font-weight:700}.usecase-stat .unit{font-size:var(--font-small-size);color:var(--text-tertiary)}.feature-grid{margin-top:var(--space-9)}.feature-card .glass-icon{font-size:20px}.hw-tier{margin-top:var(--space-7)}.hw-tier-label{font-size:var(--font-micro-size);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);margin-bottom:var(--space-4);font-weight:600}.hw-grid{gap:var(--space-4);flex-wrap:wrap;display:flex}.hw-card{align-items:center;gap:var(--space-4);padding:var(--space-5) 28px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);transition:all var(--transition-base);box-shadow:var(--shadow-sm);flex:320px;max-width:420px;display:flex}.hw-card:hover{background:var(--card-hover);box-shadow:var(--shadow-lg);border-color:#ffffff1f;transform:translateY(-1px)}.hw-card .hw-img{border-radius:var(--radius-md);object-fit:cover;background:#ffffff0a;flex-shrink:0;width:72px;height:72px;overflow:hidden}.hw-card .hw-img img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%}.hw-card .hw-info{flex:1;min-width:0}.hw-card .hw-name{font-size:var(--font-caption-size);color:var(--text-primary);white-space:nowrap;font-weight:600}.hw-card .hw-spec{font-size:var(--font-micro-size);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.hw-card .hw-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:10px;font-weight:600}.hw-badge.available{background:var(--badge-success-bg);color:var(--badge-success-color)}.hw-badge.evaluation{background:var(--badge-warn-bg);color:var(--badge-warn-color)}.hw-badge.future{background:var(--badge-future-bg);color:var(--badge-future-color)}#metrics{text-align:center}.metrics-grid{gap:var(--space-6);margin-top:var(--space-9);grid-template-columns:repeat(4,1fr);display:grid}.metric-card{padding:var(--space-8) var(--space-6);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card .metric-value{background:linear-gradient(135deg, var(--blue), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:SF Mono,Menlo,monospace;font-size:56px;font-weight:700;line-height:1}.metric-card .metric-label{font-size:var(--font-caption-size);color:var(--text-secondary);margin-top:var(--space-3)}.metric-card .metric-desc{font-size:var(--font-micro-size);color:var(--text-tertiary);margin-top:var(--space-2)}#cta{text-align:center;padding-bottom:var(--space-11)}.cta-glow{display:inline-block;position:relative}.cta-glow:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed26,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}footer{z-index:1;padding:var(--space-7) var(--space-8) 72px;border-top:1px solid var(--card-border);font-size:var(--font-micro-size);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex;position:relative}footer a{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}footer a:hover{color:var(--text-primary)}.footer-links{gap:var(--space-6);display:flex}.animate-in{opacity:0;transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translateY(30px)}.animate-in.visible{opacity:1;transform:translateY(0)}.animate-in[data-delay="1"]{transition-delay:.1s}.animate-in[data-delay="2"]{transition-delay:.2s}.animate-in[data-delay="3"]{transition-delay:.3s}.animate-in[data-delay="4"]{transition-delay:.4s}@media (max-width:1024px){.grid-3,.grid-4,.metrics-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.steps{flex-direction:column}.testimonials-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}@media (max-width:768px){.nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}nav>.nav-cta{display:none}nav{padding:0 16px}.nav-hamburger{display:flex}.nav-links{background:var(--bg);z-index:101;flex-direction:column;gap:0;padding:32px 24px;display:none;position:absolute;inset:56px 0 0;overflow-y:auto}nav.menu-open .nav-links{display:flex}nav.menu-open{height:auto;min-height:100vh;overflow-y:auto}.nav-links a{border-bottom:1px solid var(--card-border);width:100%;color:var(--text-primary);padding:16px 0;font-size:18px}.nav-links a:last-of-type{border-bottom:none}.nav-links .nav-cta{text-align:center;box-sizing:border-box;border:1px solid #7c3aed4d;border-radius:12px;width:100%;margin-top:24px;padding:14px 24px;font-size:16px;display:block}.nav-cta{padding:5px 12px;font-size:12px}section{padding:var(--space-11) var(--space-5)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.hero-metrics{flex-wrap:wrap;justify-content:center;gap:24px}.hero-metric .val{font-size:24px}.solution-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}footer{gap:var(--space-4);text-align:center;flex-direction:column}.trust-logos{gap:20px}.sticky-cta{padding:var(--space-3) var(--space-4)}.sticky-cta-text span{display:none}.showcase{padding:var(--space-9) var(--space-4)}.showcase-frame{aspect-ratio:4/3;border-radius:var(--radius-lg)}.mock-topbar{padding:8px 12px;font-size:10px}.mock-topbar-left span:nth-child(3),.mock-quality-selector{display:none}.mock-overlay-ai{max-width:55%;padding:8px 10px;font-size:10px}.mock-detection-box{display:none}.mock-bottombar{padding:6px 12px;font-size:10px}.mock-bottombar span:last-child,.mock-ptt span{display:none}.mock-stat-row{grid-template-columns:repeat(2,1fr);gap:8px}.mock-stat-value{font-size:16px}.mock-table-header,.mock-table-row{grid-template-columns:2fr 1fr 1fr}.mock-table-header span:nth-child(4),.mock-table-header span:nth-child(5),.mock-table-row span:nth-child(4),.mock-table-row span:nth-child(5){display:none}.mock-bar{width:10px}.hw-card{padding:var(--space-4) var(--space-5);flex:100%;max-width:100%}.hw-card .hw-img{width:56px;height:56px}.hw-card .hw-spec{white-space:normal;text-overflow:unset;overflow:visible}.price-card{padding:var(--space-7) var(--space-6)}.faq-question{padding:var(--space-4) 0;font-size:15px}#demo-form{flex-direction:column}#demo-email{width:100%}.testimonial-card{padding:var(--space-6)}}@media (max-width:480px){.hero-metrics{flex-direction:column;gap:20px}.metrics-grid{grid-template-columns:1fr}.hero-ctas{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}.section-title{letter-spacing:-.5px;font-size:28px}.hero-title{letter-spacing:-1px;font-size:32px}.hero-subtitle{font-size:17px}.mock-stat-row{grid-template-columns:1fr 1fr}.mock-overlay-ai{max-width:100%;margin:8px;position:relative;top:auto;left:auto}.mock-chart-bars{padding:0 8px}}
