.hero{isolation:isolate;padding:56px 0 24px;position:relative;overflow:hidden}.hero-glow{z-index:-1;background:radial-gradient(40% 50% at 30% 40%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), radial-gradient(35% 45% at 72% 35%, #00c2ff24, transparent 70%);filter:blur(8px);pointer-events:none;height:620px;position:absolute;inset:-240px 0 auto}.hero-inner{text-align:center}.hero-kicker{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--muted);border-radius:999px;align-items:center;gap:8px;margin:0 0 20px;padding:4px 12px 4px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.kicker-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 25%, transparent);border-radius:50%}.hero h1{letter-spacing:-.035em;max-width:17ch;margin:0 auto 18px;font-size:clamp(2.125rem,1.3rem + 3.6vw,3.75rem);line-height:1.05}.hero-accent{background:linear-gradient(100deg, var(--accent), #00a6e0);color:#0000;-webkit-background-clip:text;background-clip:text}.hero .lead{max-width:60ch;color:var(--muted);margin:0 auto;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem)}.hero-form{text-align:left;max-width:680px;margin:32px auto 0}.hero-form .card{box-shadow:var(--shadow-lg)}.hero-facts{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 20px;margin:18px 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.hero-facts li{align-items:center;gap:6px;display:inline-flex}.hero-facts li:before{content:"";background:var(--success);width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.section{padding:56px 0}.section-title{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem);line-height:1.15}.section-lead{color:var(--muted);max-width:60ch;margin:0 0 28px;font-size:1.0625rem}h3{letter-spacing:-.01em;margin:0 0 6px;font-size:1rem}.compare-shot{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.shot-bar{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.shot-seg{background:var(--surface-3);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.shot-seg i{color:var(--muted);border-radius:6px;padding:3px 9px;font-size:.75rem;font-style:normal;font-weight:600}.shot-seg i.on{background:var(--surface);color:var(--text)}.shot-sync{color:var(--accent-ink);align-items:center;gap:6px;margin-left:auto;font-size:.75rem;font-weight:600;display:inline-flex}.shot-sync:before{content:"";background:var(--accent);width:24px;height:14px;box-shadow:inset -11px 0 0 -1px var(--accent), inset 0 0 0 2px var(--accent), inset 12px 0 0 0 #fff;border-radius:999px}.shot-panes{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.shot-pane{background:var(--bg-tint);padding:34px 18px 18px;position:relative}.shot-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:700;position:absolute;top:10px;left:12px}.shot-label.accent{color:var(--accent-ink)}.shot-site{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:16px;padding:14px;display:grid}.shot-site span,.shot-site b{background:var(--surface-3);border-radius:4px;display:block}.shot-nav{align-items:center;gap:8px;display:flex}.shot-nav b{background:linear-gradient(135deg, var(--accent), #00c2ff);border-radius:5px;width:18px;height:18px;margin-right:auto}.shot-nav span{width:34px;height:7px}.shot-hero{justify-items:center;gap:8px;padding:14px 0 6px;display:grid}.shot-hero span{height:12px}.shot-hero .w80{background:var(--border-strong);width:80%;height:16px}.shot-hero .w60{background:var(--border-strong);width:60%;height:16px}.shot-hero .w40{width:46%;height:8px}.shot-hero .pill{background:var(--accent);border-radius:999px;width:90px;height:22px;margin-top:6px}.shot-cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.shot-cards span{aspect-ratio:4/3;background:linear-gradient(160deg, var(--surface-3), var(--surface-2));border-radius:7px}.preview-caption{text-align:center;max-width:64ch;color:var(--muted);margin:16px auto 0}@media (max-width:640px){.shot-pane{padding:30px 8px 10px}.shot-site{gap:10px;padding:8px}.shot-nav span{width:16px}.shot-seg:nth-child(2){display:none}}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.step-card p{color:var(--muted);margin:0}.step-number{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;margin-bottom:14px;font-weight:700;display:grid}@media (max-width:800px){.steps-grid{grid-template-columns:1fr}}.output-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;margin:0;padding:0;list-style:none;display:grid}.feature{gap:14px;display:flex}.feature svg{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-ink);border-radius:10px;flex:none;padding:8px}.feature p{color:var(--muted);margin:0;font-size:.9375rem}.tree{border-radius:var(--radius);border:1px solid var(--border);background:var(--code-bg);margin:0;overflow:hidden}.tree-bar{border-bottom:1px solid var(--border);gap:6px;padding:12px 14px;display:flex}.tree-bar span{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.tree pre{margin:0;padding:16px 18px;font-size:.8125rem;line-height:1.65;overflow-x:auto}.tree figcaption{color:var(--faint);padding:0 18px 14px;font-size:.8125rem}@media (max-width:900px){.output-grid{grid-template-columns:1fr}}@media (max-width:560px){.features{grid-template-columns:1fr}}.faq{border-top:1px solid var(--border);margin-top:24px}.faq details{border-bottom:1px solid var(--border)}.faq summary{justify-content:space-between;align-items:center;gap:16px;padding:18px 2px;font-size:1.0625rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:12px;height:12px;transition:transform .15s;transform:translateY(-3px)rotate(45deg)}.faq details[open] summary:after{transform:translateY(2px)rotate(-135deg)}.faq details>:not(summary){color:var(--muted);max-width:68ch;margin:0 0 14px}.faq details>:last-child{margin-bottom:20px}.faq ul{padding-left:1.2em}.faq li+li{margin-top:6px}.cta{padding-bottom:80px}.cta-inner{text-align:center}.cta h2{letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem)}.cta .button{margin-top:20px}.recent{text-align:left;max-width:680px;margin:28px auto 0}.recent h2{color:var(--muted);margin:0 0 8px;font-size:.875rem;font-weight:600}.recent ul{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.recent li+li{border-top:1px solid var(--border)}.recent a{color:var(--text);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:grid}.recent a:hover{background:var(--surface-2)}.recent-host{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.recent-time{color:var(--faint);white-space:nowrap;font-size:.8125rem}@media (max-width:480px){.recent a{grid-template-columns:minmax(0,1fr) auto}.recent-time{display:none}}