.landing{min-height:100vh}.landing .topbar .brand{text-decoration:none;color:var(--text)}.landing .toplinks a{text-decoration:none;font-weight:500}.btn-lg{padding:10px 20px;font-size:15px;border-radius:9px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1200px;margin:0 auto;padding:56px clamp(16px,4vw,48px)}.hero-copy h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 16px}.hero-sub{color:#cfcfdd;font-size:16px;margin:0 0 24px;max-width:52ch}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-hint{color:var(--muted);font-size:13px;margin:16px 0 0}.hero-demo{display:flex;justify-content:center}.hero-demo-frame{width:100%;max-width:480px;aspect-ratio:480 / 360;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 60px #00000073;background:#0e0e14}.hero-demo-frame .preview{padding:0;height:100%}.hero-demo-frame .preview-frame{width:100%;height:100%;aspect-ratio:auto;box-shadow:none}@media (max-width: 860px){.hero{grid-template-columns:1fr;padding-top:32px}.hero-demo{order:-1}}.quickstart{max-width:1200px;margin:0 auto;padding:8px clamp(16px,4vw,48px) 48px}.quickstart h2{text-align:center;font-size:24px;margin:0 0 24px}.quickstart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.code-block{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}.code-block-bar{padding:8px 14px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.code-block pre{margin:0;padding:16px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);overflow-x:auto;white-space:pre}.features{max-width:1200px;margin:0 auto;padding:8px clamp(16px,4vw,48px) 56px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.feature-icon{font-size:26px;margin-bottom:8px}.feature-card h3{margin:0 0 8px;font-size:16px}.feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.cta-band{text-align:center;padding:56px clamp(16px,4vw,48px);background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cta-band h2{margin:0 0 10px;font-size:24px}.cta-band p{color:var(--muted);margin:0 0 22px}.landing-footer{display:flex;justify-content:center;gap:24px;padding:24px;color:var(--muted);font-size:13px}.landing-footer a{color:var(--muted);text-decoration:none}.landing-footer a:hover{color:var(--text)}