.hd-root{display:flex;flex-direction:column;gap:18px;min-width:0}.hd-viewport{cursor:pointer;background:var(--sunken);box-shadow:0 0 0 1px color-mix(in oklab,var(--ink) 8%,transparent),0 2px 4px -2px color-mix(in oklab,var(--ink) 8%,transparent),0 44px 90px -44px color-mix(in oklab,var(--ink) 38%,transparent)}.hd-viewport[data-static]{cursor:default}.dark .hd-viewport{box-shadow:0 0 0 1px color-mix(in oklab,var(--ink) 12%,transparent),0 44px 100px -40px #000000d9}.hd-paused{position:absolute;top:8px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--ink) 82%,transparent);color:var(--bg);font-size:.75rem;font-weight:500;line-height:1.5;pointer-events:none;animation:hd-pop .3s var(--ease-spring) both}@keyframes hd-pop{0%{opacity:0;transform:scale(.9)}}.hd-pausebtn{position:absolute;top:8px;left:10px;z-index:3;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hd-pausebtn:focus-visible{width:auto;height:auto;min-height:32px;padding:4px 14px;clip-path:none;border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-card);outline:2px solid var(--accent);outline-offset:2px}.hd-chapters{display:grid;grid-template-columns:repeat(var(--hd-count, 4),minmax(0,1fr));gap:6px;max-width:100%}.hd-chapter{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-width:0;min-height:48px;padding:10px 6px 4px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-2);font:inherit;text-align:left;transition:color var(--dur) var(--ease-spring),background-color var(--dur) var(--ease-spring)}.hd-chapter:hover{color:var(--ink)}.hd-chapter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hd-chapter[aria-current=step]{color:var(--ink)}.hd-chapter-row{display:flex;align-items:center;gap:8px;min-width:0}.hd-chapter-icon{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:var(--sunken);color:var(--ink-2);transition:background-color var(--dur) var(--ease-spring),color var(--dur) var(--ease-spring)}.hd-chapter[aria-current=step] .hd-chapter-icon{background:var(--accent-weak);color:var(--accent-text)}.hd-chapter-label{min-width:0;font-size:.9375rem;font-weight:500;line-height:1.25}.hd-chapter-track{position:relative;display:block;flex:none;margin-top:auto;height:2px;overflow:hidden;border-radius:2px;background:var(--line)}.hd-chapter[data-done] .hd-chapter-track{background:color-mix(in oklab,var(--ink) 22%,var(--line))}.hd-chapter-fill{position:absolute;inset:0;background:var(--accent);transform-origin:left;animation:hd-fill linear both}.hd-chapter-fill[data-static]{animation:none}@keyframes hd-fill{0%{transform:scaleX(0)}}.hd-chapter-caption{display:none}@media(max-width:860px){.hd-chapters{gap:4px}.hd-chapter{position:relative;align-items:stretch;gap:8px;min-height:44px;padding:8px 2px 4px}.hd-chapter-row{justify-content:center}.hd-chapter-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hd-chapter-caption{display:block;margin:-6px 0 0;color:var(--ink);font-size:.9375rem;font-weight:500;line-height:1.4;text-align:center;animation:hd-caption-in .36s var(--ease-spring) both}}@keyframes hd-caption-in{0%{opacity:0;transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.hd-chapter-caption,.hd-chapter-fill{animation:none}}.mascot-switch:where(.astro-w2tcpog5){position:relative;display:grid;pointer-events:none}.mascot-switch-pose:where(.astro-w2tcpog5){grid-area:1 / 1;opacity:0;transform:translateY(6px) scale(.98);transition:opacity .22s var(--ease-out),transform .42s var(--ease-spring)}.mascot-switch-pose:where(.astro-w2tcpog5) .ui-mascot{display:block;width:100%;height:auto}.mascot-switch:where(.astro-w2tcpog5)[data-state=idle] :where(.astro-w2tcpog5)[data-pose=idle],.mascot-switch:where(.astro-w2tcpog5)[data-state=wave] :where(.astro-w2tcpog5)[data-pose=wave],.mascot-switch:where(.astro-w2tcpog5)[data-state=working] :where(.astro-w2tcpog5)[data-pose=working],.mascot-switch:where(.astro-w2tcpog5)[data-state=waiting] :where(.astro-w2tcpog5)[data-pose=waiting],.mascot-switch:where(.astro-w2tcpog5)[data-state=asking] :where(.astro-w2tcpog5)[data-pose=asking],.mascot-switch:where(.astro-w2tcpog5)[data-state=success] :where(.astro-w2tcpog5)[data-pose=success]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.mascot-switch-pose:where(.astro-w2tcpog5){transition:none}}.product-hero:where(.astro-7eibcghv){--hero-overlap: clamp(14px, 1.4vw, 20px);display:flex;flex-direction:column;padding-top:clamp(24px,3vw,40px)}.product-hero-head:where(.astro-7eibcghv){display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "aside" "mascot"}.product-hero-copy:where(.astro-7eibcghv){grid-area:copy;max-width:700px}.product-hero-eyebrow:where(.astro-7eibcghv){margin:0 0 var(--space-4);font-size:.9375rem;font-weight:500;color:var(--ink-2)}.product-hero-title:where(.astro-7eibcghv){margin:0;max-width:13.5em;color:var(--ink);text-wrap:balance}.product-hero-aside:where(.astro-7eibcghv){grid-area:aside;max-width:700px}.product-hero-lede:where(.astro-7eibcghv){margin:var(--space-5) 0 0}.product-hero-actions:where(.astro-7eibcghv){display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6);margin-top:var(--space-8)}.product-hero-secondary:where(.astro-7eibcghv){display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;color:var(--ink);font-weight:500;text-decoration:none;border-radius:var(--radius-sm)}.product-hero-secondary:where(.astro-7eibcghv) svg:where(.astro-7eibcghv){transition:transform var(--dur) var(--ease-spring)}.product-hero-secondary:where(.astro-7eibcghv):hover svg:where(.astro-7eibcghv){transform:translate(3px)}.product-hero-secondary:where(.astro-7eibcghv):hover span:where(.astro-7eibcghv){text-decoration:underline;text-underline-offset:4px}.product-hero-secondary:where(.astro-7eibcghv):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.product-hero-proofs:where(.astro-7eibcghv){display:flex;flex-wrap:wrap;gap:var(--space-1) 1.4em;margin:var(--space-5) 0 0;padding:0;overflow:hidden;list-style:none;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}.product-hero-proofs:where(.astro-7eibcghv) li:where(.astro-7eibcghv){position:relative;white-space:nowrap}.product-hero-proofs:where(.astro-7eibcghv) li:where(.astro-7eibcghv):before{position:absolute;top:calc(50% - 1.5px);left:-.85em;width:3px;height:3px;border-radius:50%;background:currentColor;content:""}.product-hero-mascot:where(.astro-7eibcghv){grid-area:mascot;position:relative;z-index:3;justify-self:end;width:clamp(96px,26vw,120px);margin:var(--space-6) clamp(8px,6vw,48px) calc(var(--hero-overlap) * -1) 0;pointer-events:none}.product-hero-stage:where(.astro-7eibcghv){position:relative;width:min(1240px,calc(100% - (2*max(20px,env(safe-area-inset-left,0px)))));margin-inline:auto}@media(min-width:1000px){.product-hero-head:where(.astro-7eibcghv){grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"copy aside" "mascot aside";column-gap:clamp(40px,5vw,80px)}.product-hero-copy:where(.astro-7eibcghv),.product-hero-aside:where(.astro-7eibcghv){max-width:none}.product-hero-aside:where(.astro-7eibcghv){align-self:start;padding-top:calc(.9375rem * 1.5 + var(--space-4));padding-bottom:calc(var(--hero-overlap) + var(--space-8))}.product-hero-lede:where(.astro-7eibcghv){margin-top:0}.product-hero-actions:where(.astro-7eibcghv){margin-top:var(--space-6)}.product-hero-mascot:where(.astro-7eibcghv){align-self:end;justify-self:start;width:clamp(120px,10.5vw,150px);margin:var(--space-2) 0 calc(var(--hero-overlap) * -1) clamp(48px,6vw,96px)}}@media(min-width:1200px){.product-hero-head:where(.astro-7eibcghv){grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);column-gap:var(--space-12)}}