:root{--foreground: #171717;--muted: #737373;--muted-bg: #fafafa;--border: #e5e5e5;--accent: #2563eb;--accent-light: #dbeafe;--purple: #7c3aed;--green: #22c55e;--radius: 14px;--radius-sm: 8px;--mono: "SF Mono", "Fira Code", "Fira Mono", "JetBrains Mono", monospace}.landing{color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:17px;color:var(--foreground)}.nav-logo-icon{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{text-decoration:none;font-size:14px;font-weight:500;color:var(--muted);transition:color .15s}.nav-links a:hover{color:var(--foreground)}.nav-github{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px!important;color:var(--foreground)!important;transition:border-color .15s}.nav-github:hover{border-color:#a3a3a3}.hero{padding:120px 0 80px;background:#fff;border-bottom:1px solid var(--border)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;text-align:left}.hero-left{display:flex;flex-direction:column;gap:0}.hero-tag{display:inline-flex;width:fit-content;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em;margin:0 0 20px;padding:4px 12px;border:1px solid var(--border);border-radius:20px;text-transform:uppercase}.hero h1{font-size:clamp(32px,4vw,44px);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin:0 0 16px;text-wrap:balance}.hero-accent{color:var(--foreground)}.hero-sub{font-size:16px;color:var(--muted);max-width:440px;margin:0 0 32px;line-height:1.65}.hero-code{display:flex;flex-direction:column;gap:12px;text-align:left}.hero-code-col{padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.hero-code-after{background:var(--foreground);border-color:var(--foreground)}.hero-code-after .hero-code-label{color:#ffffff59}.hero-code-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}.hero-code pre{margin:0;padding:0;background:none;color:var(--muted);font-size:13px;line-height:1.6;font-family:var(--mono);overflow-x:auto}.hero-code-after pre{color:#a3a3a3}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-install{margin-bottom:20px}.hero-install code{display:inline-block;padding:8px 14px;background:var(--muted-bg);border:1px solid var(--border);color:var(--muted);font-size:12.5px;border-radius:var(--radius-sm);font-family:var(--mono)}.btn-primary{display:inline-flex;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;border-radius:var(--radius-sm);background:var(--foreground);color:#fafafa;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--foreground);box-shadow:0 1px #0000000a;transition:background .15s}.btn-ghost:hover{background:var(--muted-bg)}.demo{padding:0 0 80px;margin-top:-20px;position:relative}.demo-scene{display:flex;align-items:center;justify-content:center;gap:40px;padding:48px 32px;background:var(--muted-bg);border:1px solid var(--border);border-radius:var(--radius)}.demo-side{display:flex;flex-direction:column;align-items:center;gap:12px}.demo-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.phone{width:160px;height:320px;background:#000;border-radius:28px;border:3px solid var(--foreground);position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 8px 32px #0000001f}.phone-notch{width:52px;height:6px;background:var(--foreground);border-radius:3px;margin:10px auto 0;position:relative;z-index:2}.phone-screen{position:absolute;top:16px;right:0;bottom:0;left:0;overflow:hidden;border-radius:0 0 25px 25px}.phone-screen .demo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.connector{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);flex-shrink:0}.connector-info{display:flex;flex-direction:column;align-items:center;gap:4px}.connector-info span{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted)}.connector-sub{font-weight:400!important;font-size:10px!important;opacity:.7}.connector-line{width:60px;height:1px;background:repeating-linear-gradient(90deg,var(--border) 0,var(--border) 6px,transparent 6px,transparent 10px)}.desktop{width:400px;background:#fff;border-radius:10px;border:1px solid var(--border);overflow:hidden;box-shadow:0 1px 3px #0000000f;flex-shrink:0}.desktop-dots{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border)}.desktop-dots span{width:10px;height:10px;border-radius:50%}.desktop-dots span:nth-child(1){background:#ef4444}.desktop-dots span:nth-child(2){background:#f59e0b}.desktop-dots span:nth-child(3){background:#22c55e}.desktop-screen{position:relative;aspect-ratio:480 / 432;overflow:hidden}.desktop-screen .demo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.demo-img{opacity:0}.demo-img-1{animation:cycle3 12s infinite}.demo-img-2{animation:cycle3 12s 4s infinite}.demo-img-3{animation:cycle3 12s 8s infinite}@keyframes cycle3{0%{opacity:0}5%{opacity:1}33.3%{opacity:1}38.3%{opacity:0}to{opacity:0}}.demo-steps{display:flex;justify-content:center;gap:32px;margin-top:20px}.demo-step{font-size:13px;font-weight:500;color:var(--muted);opacity:.5}.demo-step-1{animation:step-hl 12s infinite}.demo-step-2{animation:step-hl 12s 4s infinite}.demo-step-3{animation:step-hl 12s 8s infinite}@keyframes step-hl{0%{opacity:.4}5%{opacity:1;color:var(--foreground)}33.3%{opacity:1;color:var(--foreground)}38.3%{opacity:.4;color:var(--muted)}to{opacity:.4}}.why h2,.existing h2,.use-cases h2,.not-this h2,.stt-section h2,.start h2,.closing h2{font-size:32px;font-weight:700;text-align:center;letter-spacing:-.02em;margin:0 0 12px}.section-sub{text-align:center;font-size:16px;color:var(--muted);max-width:540px;margin:0 auto 40px;line-height:1.6}.why{padding:100px 0 20px}.why h2{max-width:640px;margin:0 auto 20px;font-size:26px;font-weight:700;text-wrap:balance;letter-spacing:-.02em;line-height:1.35}.why .section-sub{margin-bottom:0;max-width:480px;font-size:15px}.existing{padding:80px 0}.existing-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.existing-item{padding:24px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);transition:background .15s}.existing-item:hover{background:var(--muted-bg)}.existing-item:nth-child(2n){border-right:none}.existing-item:nth-last-child(-n+2){border-bottom:none}.existing-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.existing-item pre{margin:0;padding:14px;background:var(--foreground);color:#e5e5e5;border-radius:var(--radius-sm);font-size:12px;line-height:1.6;font-family:var(--mono);overflow-x:auto}.use-cases{padding:80px 0;background:var(--muted-bg)}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}.case{display:flex;flex-direction:column;gap:4px;padding:24px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);transition:background .15s}.case:hover{background:var(--muted-bg)}.case:nth-child(2n){border-right:none}.case:nth-last-child(-n+2){border-bottom:none}.case strong{font-size:14px;font-weight:600}.case span:last-child{font-size:13px;color:var(--muted);line-height:1.5}.not-this{padding:80px 0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:640px;margin:0 auto}.compare-col{padding:28px;border-radius:var(--radius)}.compare-others{background:#fff;border:1px solid var(--border)}.compare-vf{background:var(--foreground);color:#fff}.compare-col h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px;color:var(--muted)}.compare-vf h3{color:#ffffff80}.compare-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.compare-col li{font-size:14px;color:var(--muted);padding-left:22px;position:relative}.compare-vf li{color:#fffc}.compare-others li:before{content:"–";position:absolute;left:0;color:#d4d4d4}.compare-vf li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}.features{padding:60px 0 80px;background:var(--muted-bg)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.feature{display:flex;flex-direction:column;gap:6px;padding:24px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);transition:background .15s}.feature:hover{background:var(--muted-bg)}.feature:nth-child(3n){border-right:none}.feature:nth-last-child(-n+3){border-bottom:none}.feature strong{font-size:14px;font-weight:600}.feature span{font-size:13px;color:var(--muted);line-height:1.5}.stt-section{padding:80px 0}.stt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #0000000f,0 0 0 1px var(--border);margin-bottom:32px}.stt-col{background:#fff;padding:20px}.stt-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}.stt-col pre{margin:0;padding:16px;background:var(--foreground);color:#a3a3a3;border-radius:var(--radius-sm);font-size:12px;line-height:1.6;font-family:var(--mono);overflow-x:auto}.stt-providers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.stt-provider{padding:6px 14px;font-size:13px;font-weight:500;border-radius:20px;border:1px solid var(--border);color:var(--muted)}.stt-provider-active{border-color:var(--foreground);color:var(--foreground);background:var(--muted-bg);font-weight:600}.start{padding:80px 0}.install-line{text-align:center;margin-bottom:32px}.install-line code{display:inline-block;padding:10px 20px;background:var(--foreground);color:#d4d4d4;font-size:13px;border-radius:var(--radius-sm);font-family:var(--mono)}.install-note{text-align:center;font-size:13px;color:var(--muted);margin-top:8px;margin-bottom:0}.code-steps{display:flex;flex-direction:column;gap:12px}.code-step{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#fff}.code-header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border)}.code-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--foreground);color:#fff;font-size:11px;font-weight:700;border-radius:50%;flex-shrink:0}.code-title{font-weight:600;font-size:13px}.code-file{margin-left:auto;font-size:11px;color:var(--muted);font-family:var(--mono)}.code-step pre{margin:0;padding:16px 20px;background:var(--foreground);color:#e5e5e5;overflow-x:auto;font-size:12.5px;line-height:1.6;font-family:var(--mono)}.upgrade-note{margin-top:24px;padding:20px 24px;background:var(--muted-bg);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--muted);line-height:1.6}.upgrade-note strong{color:var(--foreground)}.upgrade-note a{color:var(--accent);text-decoration:none}.upgrade-note code{background:#fff;border:1px solid var(--border);padding:1px 5px;border-radius:4px;font-size:13px}.upgrade-note pre{margin:12px 0 0;padding:14px 16px;background:var(--foreground);color:#e5e5e5;overflow-x:auto;font-size:12px;line-height:1.6;font-family:var(--mono);border-radius:var(--radius-sm)}.packages{padding:60px 0}.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pkg{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;background:#fff;transition:border-color .15s}.pkg:hover{border-color:var(--foreground)}.pkg code{font-size:13px;font-weight:600;color:var(--foreground);font-family:var(--mono)}.pkg span{font-size:13px;color:var(--muted)}.closing{padding:100px 0;text-align:center;background:var(--foreground);color:#fff}.closing h2{color:#fff}.closing .section-sub{color:#ffffff80}.closing .btn-primary{background:#fff;color:var(--foreground)}.closing .btn-ghost{border-color:#fff3;color:#fffc}.closing .btn-ghost:hover{background:#ffffff1a}.closing .btn-ghost svg{fill:#fffc}.closing .section-sub{margin-bottom:32px}.footer{border-top:1px solid var(--border);padding:20px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.footer-left{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--foreground)}.footer-left svg{color:var(--accent)}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--foreground)}.footer-note{font-style:italic;opacity:.6}@media(max-width:768px){.hero{padding:60px 0 50px}.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-tag{margin:0 auto 20px}.hero-sub{margin:0 auto 32px}.hero-actions{justify-content:center}.hero-install{text-align:center}.demo-scene{flex-direction:column;gap:24px;padding:24px 16px}.phone{width:140px;height:280px}.connector{flex-direction:row;gap:12px}.connector-line{width:30px}.demo-side{width:100%}.desktop{width:100%;flex-shrink:1}.demo-steps{gap:12px}.demo-step{font-size:11px}.existing-grid,.case-grid{grid-template-columns:1fr}.existing-item,.case{border-right:none}.existing-item:last-child,.case:last-child{border-bottom:none}.compare-grid,.feature-grid{grid-template-columns:1fr}.feature{border-right:none}.feature:last-child{border-bottom:none}.code-step pre{font-size:11.5px}.pkg-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:12px;text-align:center}.code-file{display:none}.nav-links a:not(.nav-github){display:none}.stt-grid{grid-template-columns:1fr;gap:0}.stt-col{border-bottom:1px solid var(--border)}.stt-col:last-child{border-bottom:none}.why,.existing,.use-cases,.not-this,.features,.stt-section,.start,.closing{padding:60px 0}}