.top:has(.top-nav){grid-template-columns:auto 1fr auto;display:grid}.top-nav{align-items:center;gap:var(--sp-6);font-size:var(--size-note);flex-wrap:wrap;justify-content:center;display:flex}.recommend{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.top-nav .recommend{flex-direction:column;gap:0}.top-nav .recommend button{font-size:var(--size-text)}.top-nav a{color:var(--muted);text-decoration:none}.top-nav a:hover{color:var(--ink)}.hero.landing{max-width:none;margin:var(--sp-6) calc(-1 * clamp(24px, 6.7vw, 96px)) 0;padding:clamp(40px, 7vw, 96px) clamp(24px, 6.7vw, 96px) var(--sp-12);background:radial-gradient(900px 640px at 88% 4%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 62%), radial-gradient(700px 560px at 58% 108%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 62%), radial-gradient(560px 460px at -6% 70%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,4vw,48px);display:grid;position:relative}.hero-panel,.hero-demo,.cta-form{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), 0 30px 80px #00000047}.hero-panel{border-radius:24px;padding:clamp(24px,3.4vw,46px)}.hero.landing .eyebrow{font-family:var(--font-mono);font-size:var(--size-note);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--sp-6)}.hero.landing h2{font-size:var(--size-title);letter-spacing:-.035em;margin:0 0 var(--sp-6);line-height:1.03}.hero.landing .hero-panel>p{font-size:var(--size-subtitle);margin:0 0 var(--sp-8);line-height:1.6}.hero-cta{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.hero-cta .btn{min-height:48px;padding:0 var(--sp-6);font-size:var(--size-text)}.hero-demo{padding:var(--sp-6);gap:var(--sp-4);border-radius:24px;display:grid}.demo-tabs{gap:var(--sp-1);font-size:var(--size-note);display:flex}.demo-tabs span{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);color:var(--muted)}.demo-tabs .on{background:var(--accent-soft);color:var(--accent)}.demo-file{gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);border:1.5px dashed color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 4%, transparent);border-radius:18px;align-items:center;display:flex}.demo-file b{font-weight:500;display:block}.demo-file small{color:var(--muted);font-size:var(--size-note)}.demo-icon{width:42px;height:52px;font-family:var(--font-mono);font-size:var(--size-note);color:var(--accent);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:8px;flex:none;place-items:end center;padding-bottom:6px;display:grid}.demo-text{padding:var(--sp-4);font-family:var(--font-mono);font-size:var(--size-note);color:var(--muted);background:color-mix(in srgb, var(--bg) 70%, transparent);border:1px solid var(--line);border-radius:16px;margin:0;line-height:1.9}.demo-text .ph{background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:1px 6px}.demo-chip{justify-self:start;gap:var(--sp-2);font-size:var(--size-note);padding:var(--sp-2) var(--sp-4);border:1px solid var(--glass-border);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:14px;align-items:center;margin:0;display:inline-flex}.dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%}.hero.landing .loop{margin-top:var(--sp-6);grid-column:1/-1}.features.rows{margin:var(--sp-12) 0 0;grid-template-columns:none;gap:clamp(32px,6vw,72px);display:grid}.feature.row{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.feature.row.rev{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.feature.row.rev .txt{order:2}.feature.row .txt{gap:var(--sp-3);font-size:var(--size-text);line-height:1.65;display:grid}.feature.row .n{font-family:var(--font-mono);font-size:var(--size-note);color:var(--accent)}.feature.row b{font-size:var(--size-title);letter-spacing:-.025em;color:var(--ink);font-weight:600;line-height:1.12}.feature.row.lead b{color:var(--ink)}.feature.row .vis .visual{border:1px solid var(--line-strong);background:var(--surface);border-radius:24px;margin:0}.feature.row.lead .vis .visual{border-color:color-mix(in srgb, var(--accent) 60%, var(--line-strong))}.cta-band{padding:clamp(48px, 8vw, 96px) var(--sp-4);background:radial-gradient(600px 400px at 50% 0%, color-mix(in srgb, var(--accent) 30%, transparent), transparent), var(--surface);border:1px solid var(--line);border-radius:32px;place-items:center;margin:clamp(48px,8vw,96px) 0 0;display:grid}.cta-form{text-align:center;border-radius:28px;width:min(720px,100%);padding:clamp(24px,4vw,44px)}.cta-form h2{font-size:var(--size-title);letter-spacing:-.03em;margin:0 0 var(--sp-3)}.cta-form p{color:var(--muted);margin:0 0 var(--sp-6)}a.btn.primary-link{min-height:48px;padding:0 var(--sp-6);background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}@media (prefers-reduced-transparency:reduce){.hero-panel,.hero-demo,.cta-form{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hero-panel,.hero-demo,.cta-form{background:var(--surface)}}@media (max-width:900px){.hero.landing{grid-template-columns:1fr}.hero-demo{order:-1}.feature.row,.feature.row.rev{grid-template-columns:1fr}.feature.row.rev .txt{order:0}}@media (max-width:640px){.top:has(.top-nav){row-gap:var(--sp-2);grid-template-columns:1fr}.top:has(.top-nav) .top-actions{flex-wrap:nowrap;justify-content:flex-start;gap:6px}.top:has(.top-nav) .top-actions button{white-space:nowrap;padding-inline:12px}.top:has(.top-nav) .brand .sub{display:none}.top-nav{justify-content:flex-start;gap:12px;display:flex}.hero.landing{margin-inline:-24px;padding-inline:16px}.demo-text{font-size:var(--size-note)}}.signup{max-width:760px;font-family:var(--font-body);margin:32px auto 0}.signup form{gap:12px;display:grid}.signup input[type=email]{width:100%;min-width:44px;min-height:44px}.signup-privacy{margin:0}.signup-privacy a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.signup fieldset{border:0;min-width:0;margin:0;padding:0}.signup legend{margin-bottom:8px;padding:0}.signup-consent{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;padding:8px 0;display:flex}.signup-consent input{width:44px;height:44px;accent-color:var(--accent);flex:0 0 44px;margin:0}.signup button{justify-self:start;min-width:44px;max-width:100%;min-height:44px}.signup :focus-visible{outline:3px solid var(--accent);outline-offset:4px}.signup .signup-honeypot{display:none}.signup .status,.signup .error{margin:0}