.home .container{max-width:var(--content-max)}.section-head{text-align:center;max-width:620px;margin:0 auto 3rem}.section-title{font-size:clamp(1.75rem,3.1vw,2.25rem);font-weight:700;letter-spacing:-.025em;line-height:1.18;color:var(--text)}.section-sub{margin-top:.875rem;color:var(--text-muted);font-size:1.0625rem;line-height:1.7}.hero{position:relative;overflow:hidden;text-align:center;padding:6rem 0 6.5rem;background:radial-gradient(58% 62% at 50% -6%,var(--accent-subtle) 0%,transparent 72%)}.hero .container{position:relative}.hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .875rem;border-radius:9999px;background:var(--bg-card);color:var(--text-muted);font-size:.8125rem;font-weight:500;letter-spacing:-.005em;margin-bottom:1.75rem;border:1px solid var(--border)}.hero-badge svg{color:var(--accent)}.hero h1{font-size:clamp(2.5rem,5.4vw,3.75rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.375rem;color:var(--text)}.hero-sub{max-width:620px;margin:0 auto 2.5rem;color:var(--text-muted);font-size:1.125rem;line-height:1.7}.hero-code{position:relative;max-width:720px;margin:0 auto 2.75rem;text-align:left;background:#0d1117;border:1px solid #1b2330;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.code-label{display:flex;align-items:center;gap:.5rem;padding:.6875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07)}.dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.code-filename{margin-inline:auto;font-family:var(--font-mono);font-size:.75rem;color:#6e7a90;font-weight:500}.hero-copy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;margin-right:-.375rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#8b95ad;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.code-filename+.hero-copy{margin-left:0}.hero-copy:hover{color:#e6ebf5;background:#ffffff17}.hero-copy.copied{color:#4ade80;border-color:#4ade8066}.hero-code pre{margin:0;padding:1.25rem 1.5rem;border:none;border-radius:0;background:transparent;color:#dbe3f4;font-size:.8125rem;line-height:1.75}.hero-code pre code{color:inherit}.prompt{color:#8a9bf5;user-select:none;margin-right:.375rem}.hero-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.hero-actions .btn{min-height:46px;padding:.6875rem 1.375rem;font-size:.9375rem}.showcase{position:relative;z-index:1;padding:5rem 0 5.5rem}.showcase .section-head{margin-bottom:2.5rem}.shot-frame{position:relative;max-width:1040px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-md)}.shot-bar{display:flex;align-items:center;gap:.5rem;height:42px;padding:0 1rem;background:var(--bg-alt);border-bottom:1px solid var(--border)}.shot-bar .dot{width:10px;height:10px}.shot-url{margin-inline:auto;font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.1875rem .875rem;transform:translate(-27px)}.shot-frame img{display:block;width:100%;height:auto}.shot-frame a{display:block}.shot-caption{text-align:center;color:var(--text-dim);font-size:.8125rem;margin-top:1.25rem}.features{padding:3.5rem 0 5.5rem;background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{padding:1.75rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.feature-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--accent-subtle);color:var(--accent);margin-bottom:1.125rem}.feature-card h3{font-size:1.03125rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.4375rem;color:var(--text)}.feature-card p{font-size:.875rem;color:var(--text-muted);line-height:1.65}.comparison{padding:5rem 0 5.5rem}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-xs)}.comparison table{width:100%;min-width:680px;border-collapse:collapse;font-size:.875rem}.comparison th{text-align:left;padding:.875rem 1.125rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;background:var(--bg-alt);white-space:nowrap}.comparison td{padding:.8125rem 1.125rem;color:var(--text-muted);border-bottom:1px solid var(--border);transition:background .15s ease;white-space:nowrap}.comparison tbody tr:hover td{background:var(--bg-alt)}.comparison tr:last-child td{border-bottom:none}.comparison td:first-child{color:var(--text);font-weight:500}.comparison td:last-child,.comparison th:last-child{background:var(--accent-subtle);color:var(--accent);font-weight:600;letter-spacing:-.005em;border-left:1px solid var(--border)}.comparison th:last-child{color:var(--accent)}.quick-start{padding:5rem 0 6rem}.quick-start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2.75rem}.qs-step{display:flex;flex-direction:column;gap:.75rem;padding:1.75rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);min-width:0}.qs-num{flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.qs-step h3{font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}.qs-step>p{font-size:.90625rem;color:var(--text-muted);line-height:1.65}.qs-code{font-size:.75rem;line-height:1.7}.qs-cta{text-align:center}.qs-cta .btn{min-height:46px;padding:.6875rem 1.375rem}@media (max-width: 1100px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 960px){.quick-start-grid{grid-template-columns:1fr;max-width:640px;margin-inline:auto;margin-bottom:2.5rem}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}.hero{padding:4rem 0 4.5rem}.hero h1{font-size:clamp(2.125rem,9vw,2.75rem)}.hero-sub{font-size:1rem;margin-bottom:2rem}.hero-code{margin-bottom:2rem}.hero-code pre{font-size:.6875rem;padding:1rem 1.125rem}.showcase{padding:3.5rem 0 4rem}.shot-bar{height:38px}.shot-url{font-size:.6875rem;padding:.1875rem .625rem}.section-head{margin-bottom:2.5rem}.features,.comparison{padding:3.5rem 0 4rem}.quick-start{padding:3.5rem 0 4.5rem}.feature-card,.qs-step{padding:1.5rem}}