@charset "UTF-8";.wf-hero{position:relative;z-index:1;padding:128px 0 var(--space-2xl);overflow:hidden}.wf-hero-orb{position:absolute;border-radius:50%;pointer-events:none}.wf-hero-orb-1{width:520px;height:520px;top:-8%;left:-10%;background:radial-gradient(circle,rgba(74,222,104,.07),transparent 70%)}.wf-hero-orb-2{width:420px;height:420px;top:18%;right:-8%;background:radial-gradient(circle,rgba(34,211,238,.06),transparent 70%)}.wf-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-3xl)}.wf-hero-eyebrow{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:var(--space-md)}.wf-hero-headline{font-size:clamp(2.125rem,5vw,3.75rem);font-weight:var(--font-weight-extrabold);line-height:1.05;letter-spacing:-.04em;color:var(--text-primary)}.wf-hero-headline-gradient{display:block;background:linear-gradient(90deg,var(--accent-primary),#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wf-hero-answer{margin-top:var(--space-lg);max-width:34rem;font-size:clamp(15px,1.5vw,18px);line-height:1.55;font-weight:var(--font-weight-light);color:var(--text-secondary);text-wrap:pretty}.wf-hero-answer strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.wf-hero-cta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);margin-top:var(--space-xl)}.wf-hero-btn{display:inline-block;padding:16px 40px;border-radius:var(--radius-xl);border:1.5px solid var(--accent-primary);color:var(--accent-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-decoration:none;transition:all var(--transition-normal)}.wf-hero-btn:hover{background:var(--accent-glow);transform:translateY(-2px)}.wf-hero-meta{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.06em;color:var(--text-tertiary)}.wf-hero-note{margin-top:var(--space-md);max-width:34rem;font-size:var(--font-size-xs);color:var(--text-tertiary)}.wf-hero-panel{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--glass-radius);border:1px solid var(--border);background:var(--glass-bg)}.wf-hero-panel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.wf-hero-panel-live{position:absolute;top:12px;left:12px;z-index:2;display:flex;align-items:center;gap:6px}.wf-hero-panel-live-dot{width:6px;height:6px;border-radius:50%;background:var(--live-red);box-shadow:0 0 6px #ff3b3b99}.wf-hero-panel-live-text{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:#ffffff80}.wf-hero-panel-label{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.wf-hero-apps{position:relative;margin-top:var(--space-2xl);text-align:center}.wf-hero-apps-label{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-md)}.wf-hero-apps-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.wf-hero-app{display:flex;align-items:center;padding:9px 18px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border)}.wf-hero-app img{height:24px;width:auto;object-fit:contain}@media(max-width:900px){.wf-hero-inner{grid-template-columns:1fr;gap:var(--space-2xl)}}@media(max-width:768px){.wf-hero{padding-top:106px}.wf-hero-panel{aspect-ratio:16/11}.wf-hero-app{padding:7px 14px}.wf-hero-app img{height:20px}}.wf-compare{padding-top:var(--space-2xl)}.wf-compare .fom-compare-table{min-width:640px}.wf-compare .fom-compare-check{align-items:flex-start}.wf-compare .fom-compare-check svg{margin-top:2px}.wf-compare-links{margin-top:var(--space-lg);text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.wf-compare-links a{color:var(--accent-primary);text-decoration:underline}.wf-features{padding:var(--space-3xl) 0;position:relative;z-index:1}.wf-section-heading{text-align:center;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-md)}.wf-section-intro{max-width:46rem;margin:0 auto var(--space-2xl);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.wf-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.wf-card{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--glass-radius);padding:var(--space-xl)}.wf-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--accent-primary);margin-bottom:var(--space-sm)}.wf-card p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.wf-card a{color:var(--accent-primary);text-decoration:underline}.wf-media{margin:0;overflow:hidden;border-radius:var(--glass-radius);border:1px solid var(--border);background:var(--glass-bg)}.wf-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.wf-media figcaption{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em;color:var(--text-tertiary)}.wf-features-media{max-width:720px;margin:var(--space-2xl) auto 0}@media(max-width:768px){.wf-features{padding:var(--space-2xl) 0}.wf-features-grid{grid-template-columns:1fr}}.wf-setup{border-top:1px solid var(--border)}.wf-setup-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-2xl)}.wf-setup-steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.wf-setup-step{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg)}.wf-setup-step-number{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--accent-primary);color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--font-size-xs)}@media(max-width:900px){.wf-setup-layout{grid-template-columns:1fr}}.wf-faq{padding:var(--space-3xl) 0;position:relative;z-index:1;border-top:1px solid var(--border)}.wf-faq-inner{max-width:760px;margin:0 auto;padding:0 var(--container-padding)}.wf-faq-heading{text-align:center;font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-2xl)}.wf-faq-list{display:flex;flex-direction:column;gap:var(--space-md)}.wf-faq-item{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--glass-radius);overflow:hidden;transition:border-color var(--transition-fast)}.wf-faq-item[open]{border-color:var(--accent-glow)}.wf-faq-summary{list-style:none;cursor:pointer;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--text-primary);user-select:none}.wf-faq-summary::-webkit-details-marker{display:none}.wf-faq-summary:after{content:"+";font-family:var(--font-mono);font-size:var(--font-size-xl);line-height:1;color:var(--accent-primary)}.wf-faq-item[open] .wf-faq-summary:after{content:"–"}.wf-faq-body{padding:0 var(--space-lg) var(--space-lg);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}@media(max-width:640px){.wf-faq-inner{padding:0 var(--container-padding-mobile)}}.wf-cta{padding:var(--space-3xl) 0 var(--space-4xl);position:relative;z-index:1;text-align:center}.wf-cta-inner{max-width:760px}.wf-cta-inner h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-md)}.wf-cta-inner p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6}.wf-cta-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--space-xl);min-height:52px;padding:0 var(--space-2xl);border-radius:var(--radius-md);background:var(--accent-primary);color:#0f0f0f;font-weight:var(--font-weight-bold);text-decoration:none;transition:background var(--transition-fast)}.wf-cta-btn:hover{background:var(--accent-hover)}.wf-updated{text-align:center;margin:var(--space-lg) 0 0;color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em}.app-container:has(.webcam-filters-page) .nav-cta{display:none}
