.hero:where(.astro-fsswmxcn){padding:88px 32px 48px;position:relative;overflow:hidden}.grid-bg:where(.astro-fsswmxcn){position:absolute;inset:0;background:linear-gradient(to right,var(--tav-border) 1px,transparent 1px) 0 0 / 72px 72px,linear-gradient(to bottom,var(--tav-border) 1px,transparent 1px) 0 0 / 72px 72px;mask-image:radial-gradient(ellipse 60% 40% at 50% 0%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 40% at 50% 0%,black 30%,transparent 70%);opacity:.25;pointer-events:none}.inner:where(.astro-fsswmxcn){max-width:1100px;margin:0 auto;position:relative}.eyebrow:where(.astro-fsswmxcn){font-family:var(--tav-mono);font-size:11px;color:var(--tav-accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px}h1:where(.astro-fsswmxcn){font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;letter-spacing:-.035em;font-weight:600;margin:0 0 24px;max-width:980px}.accent:where(.astro-fsswmxcn){color:var(--tav-accent)}.lede:where(.astro-fsswmxcn){font-size:19px;color:var(--tav-fg-muted);line-height:1.55;max-width:760px;margin:0 0 40px}.anchors:where(.astro-fsswmxcn){display:flex;gap:12px;flex-wrap:wrap}.anchors:where(.astro-fsswmxcn) a:where(.astro-fsswmxcn){padding:8px 14px;border-radius:999px;border:1px solid var(--tav-border);background:var(--tav-bg-elev);font-size:13px;color:var(--tav-fg-muted);text-decoration:none;transition:border-color .14s}.anchors:where(.astro-fsswmxcn) a:where(.astro-fsswmxcn):hover{border-color:var(--tav-border-strong);color:var(--tav-fg)}.anchor-num:where(.astro-fsswmxcn){color:var(--tav-accent);font-family:var(--tav-mono);margin-right:8px}.pillar:where(.astro-fsswmxcn){padding:96px 32px;border-top:1px solid var(--tav-border)}.container:where(.astro-fsswmxcn){max-width:1200px;margin:0 auto}.pillar-head:where(.astro-fsswmxcn){display:flex;align-items:baseline;gap:16px;margin-bottom:16px}.pillar-n:where(.astro-fsswmxcn){font-family:var(--tav-mono);font-size:13px;color:var(--tav-accent);letter-spacing:.08em}.kicker:where(.astro-fsswmxcn){font-family:var(--tav-mono);font-size:11px;color:var(--tav-fg-dim);letter-spacing:.1em;text-transform:uppercase;margin:0}h2:where(.astro-fsswmxcn){font-size:clamp(2rem,5vw,3.5rem);line-height:1;letter-spacing:-.03em;font-weight:600;margin:0 0 32px}.dvp:where(.astro-fsswmxcn){display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--tav-border);border-radius:12px;overflow:hidden;margin-bottom:56px}.dvp-cell:where(.astro-fsswmxcn){padding:28px 32px}.dvp-cell:where(.astro-fsswmxcn).demo{background:var(--tav-bg-elev);border-right:1px solid var(--tav-border)}.dvp-cell:where(.astro-fsswmxcn).prod{background:#dc8e610a}.dvp-label:where(.astro-fsswmxcn){font-family:var(--tav-mono);font-size:11px;color:var(--tav-fg-dim);letter-spacing:.1em;margin-bottom:12px}.dvp-label:where(.astro-fsswmxcn).accent{color:var(--tav-accent)}.dvp-cell:where(.astro-fsswmxcn) p:where(.astro-fsswmxcn){font-size:18px;line-height:1.5;margin:0}.dvp-cell:where(.astro-fsswmxcn).demo p:where(.astro-fsswmxcn){color:var(--tav-fg-muted)}.dvp-cell:where(.astro-fsswmxcn).prod p:where(.astro-fsswmxcn){color:var(--tav-fg)}.pillar-body:where(.astro-fsswmxcn){display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}.artifact:where(.astro-fsswmxcn){border:1px solid var(--tav-border);border-radius:12px;overflow:hidden;background:var(--tav-bg-inset)}.artifact-head:where(.astro-fsswmxcn){padding:12px 16px;border-bottom:1px solid var(--tav-border);font-family:var(--tav-mono);font-size:11px;color:var(--tav-fg-dim);display:flex;justify-content:space-between}.green:where(.astro-fsswmxcn){color:#4ade80}.artifact-body:where(.astro-fsswmxcn){padding:20px}.artifact-body:where(.astro-fsswmxcn).code{font-family:var(--tav-mono);font-size:12.5px;line-height:1.85}.cmt:where(.astro-fsswmxcn){color:var(--tav-fg-muted)}.cmt:where(.astro-fsswmxcn).mt{margin-top:12px}.kw:where(.astro-fsswmxcn){color:var(--tav-accent)}.str:where(.astro-fsswmxcn){color:#fbbf24}.ok:where(.astro-fsswmxcn){margin-top:16px;padding:12px 14px;background:#dc8e610f;border:1px solid rgba(220,142,97,.3);border-radius:6px;font-size:11.5px}.ok-head:where(.astro-fsswmxcn){color:var(--tav-accent);margin-bottom:4px}.ok:where(.astro-fsswmxcn) div:where(.astro-fsswmxcn){color:var(--tav-fg-muted)}.approval-row:where(.astro-fsswmxcn){display:flex;gap:12px;align-items:center;margin-bottom:16px}.dot:where(.astro-fsswmxcn){width:8px;height:8px;border-radius:50%}.dot:where(.astro-fsswmxcn).amber{background:#fbbf24;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #fbbf2480}70%{box-shadow:0 0 0 8px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.amber-text:where(.astro-fsswmxcn){font-family:var(--tav-mono);font-size:13px;color:#fbbf24}.approval-q:where(.astro-fsswmxcn){font-size:16px;line-height:1.4;margin:0 0 14px;font-weight:500}.mono:where(.astro-fsswmxcn){font-family:var(--tav-mono)}.approval-meta:where(.astro-fsswmxcn){padding:12px 14px;background:var(--tav-bg-inset);border-radius:6px;font-family:var(--tav-mono);font-size:11.5px;color:var(--tav-fg-muted);line-height:1.7;margin:0 0 18px}.approval-actions:where(.astro-fsswmxcn){display:flex;gap:8px}.approval-actions:where(.astro-fsswmxcn) button:where(.astro-fsswmxcn){padding:8px 16px;border-radius:6px;font-size:13px;font-family:inherit;border:1px solid var(--tav-border);background:var(--tav-bg-elev);color:var(--tav-fg);cursor:pointer}.approval-actions:where(.astro-fsswmxcn) button:where(.astro-fsswmxcn).primary{background:var(--tav-accent);color:#0a0a0a;border-color:var(--tav-accent);font-weight:600}.approval-actions:where(.astro-fsswmxcn) button:where(.astro-fsswmxcn).ghost{background:transparent;color:var(--tav-fg-muted);border:none}.replay-row:where(.astro-fsswmxcn){display:grid;grid-template-columns:60px 100px 1fr;padding:10px 16px;align-items:center;font-family:var(--tav-mono);font-size:12.5px;border-bottom:1px solid var(--tav-border)}.replay-row:where(.astro-fsswmxcn):last-child{border-bottom:none}.replay-row:where(.astro-fsswmxcn).pause-row{background:#fbbf240f}.replay-row:where(.astro-fsswmxcn) .t:where(.astro-fsswmxcn){color:var(--tav-fg-dim);font-size:11px}.replay-row:where(.astro-fsswmxcn) .tag:where(.astro-fsswmxcn){padding:2px 8px;border-radius:4px;font-size:10px;background:var(--tav-bg-elev);width:fit-content}.tag-plan:where(.astro-fsswmxcn){color:#60a5fa;border:1px solid rgba(96,165,250,.2)}.tag-tool:where(.astro-fsswmxcn){color:var(--tav-accent);border:1px solid rgba(220,142,97,.2)}.tag-code:where(.astro-fsswmxcn){color:#c084fc;border:1px solid rgba(192,132,252,.2)}.tag-pause:where(.astro-fsswmxcn){color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.replay-row:where(.astro-fsswmxcn) .text:where(.astro-fsswmxcn){color:var(--tav-fg)}.primitives:where(.astro-fsswmxcn) .kicker:where(.astro-fsswmxcn){margin-bottom:20px}.prim:where(.astro-fsswmxcn){padding:18px 0}.prim:where(.astro-fsswmxcn).br{border-bottom:1px solid var(--tav-border)}.prim-head:where(.astro-fsswmxcn){display:flex;align-items:baseline;gap:12px;margin-bottom:6px}.prim-head:where(.astro-fsswmxcn) .arrow:where(.astro-fsswmxcn){font-family:var(--tav-mono);font-size:11px;color:var(--tav-accent)}.prim-name:where(.astro-fsswmxcn){font-size:16px;font-weight:600}.prim:where(.astro-fsswmxcn) p:where(.astro-fsswmxcn){font-size:13.5px;color:var(--tav-fg-muted);line-height:1.6;margin:0 0 0 24px}.extras:where(.astro-fsswmxcn){padding:96px 32px;border-top:1px solid var(--tav-border);background:var(--tav-bg-elev)}.extras:where(.astro-fsswmxcn) .kicker:where(.astro-fsswmxcn){color:var(--tav-accent);margin-bottom:16px}.extras:where(.astro-fsswmxcn) h2:where(.astro-fsswmxcn){margin-bottom:20px}.extras-lede:where(.astro-fsswmxcn){font-size:17px;color:var(--tav-fg-muted);line-height:1.55;max-width:720px;margin:0 0 56px}.extras-grid:where(.astro-fsswmxcn){display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.extra:where(.astro-fsswmxcn){padding:24px;border:1px solid var(--tav-border);border-radius:10px;background:var(--tav-bg)}.extra-t:where(.astro-fsswmxcn){font-size:16px;font-weight:600;margin-bottom:10px}.extra:where(.astro-fsswmxcn) p:where(.astro-fsswmxcn){font-size:13.5px;color:var(--tav-fg-muted);line-height:1.6;margin:0}.cta:where(.astro-fsswmxcn){padding:120px 32px;border-top:1px solid var(--tav-border);text-align:center}.cta:where(.astro-fsswmxcn) h2:where(.astro-fsswmxcn){font-size:clamp(2.4rem,5vw,3rem);line-height:1.05;margin:0 0 20px}.cta:where(.astro-fsswmxcn) p:where(.astro-fsswmxcn){font-size:17px;color:var(--tav-fg-muted);margin:0 auto 36px;max-width:580px}.actions:where(.astro-fsswmxcn){display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn-primary:where(.astro-fsswmxcn),.btn-mono:where(.astro-fsswmxcn){display:inline-flex;align-items:center;padding:12px 20px;border-radius:8px;text-decoration:none;font-size:14px;border:1px solid transparent;transition:filter .14s,border-color .14s}.btn-primary:where(.astro-fsswmxcn){background:var(--tav-accent);color:#0a0a0a;font-weight:600}.btn-primary:where(.astro-fsswmxcn):hover{filter:brightness(1.08)}.btn-mono:where(.astro-fsswmxcn){background:var(--tav-bg-elev);color:var(--tav-fg);border-color:var(--tav-border);font-family:var(--tav-mono);font-weight:500}.btn-mono:where(.astro-fsswmxcn):hover{border-color:var(--tav-border-strong)}@media(max-width:920px){.dvp:where(.astro-fsswmxcn){grid-template-columns:1fr}.dvp-cell:where(.astro-fsswmxcn).demo{border-right:none;border-bottom:1px solid var(--tav-border)}.pillar-body:where(.astro-fsswmxcn){grid-template-columns:1fr;gap:32px}.extras-grid:where(.astro-fsswmxcn){grid-template-columns:1fr}}