:root{--annotation: #0d99ff;--annotation-glow: 0 0 0 3px rgba(13, 153, 255, .22);--halo-opacity: 1;--phone-scale-canvas: .58;--phone-scale-single: 1}.design-body{background:var(--surface-page);min-height:100vh;color:var(--c-ink)}.design-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--pad-side);background:color-mix(in oklab,var(--surface-page) 92%,transparent);backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid rgba(31,27,23,.06)}.design-topbar__brand{display:inline-flex;align-items:baseline;gap:.3rem;color:inherit;text-decoration:none}.design-topbar__mark{font-family:var(--f-wordmark);font-size:1.125rem;letter-spacing:.14em;color:var(--c-conifer);line-height:1}.design-topbar__tag{font-family:var(--f-display);font-style:italic;font-size:1.125rem;color:var(--c-ash);line-height:1}.design-topbar__nav{display:inline-flex;align-items:center;gap:var(--space-lg);padding-left:var(--space-lg);border-left:1px solid rgba(31,27,23,.1)}.design-topbar__link{position:relative;font-family:var(--f-body);font-size:13px;color:var(--c-ash);text-decoration:none;letter-spacing:.01em;padding-block:2px;transition:color var(--motion-state) var(--ease-state)}.design-topbar__link:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--c-ochre);transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform var(--motion-state) var(--ease-state),opacity var(--motion-state) var(--ease-state)}.design-topbar__link:hover{color:var(--c-ink)}.design-topbar__link:hover:after{transform:scaleX(1);opacity:.35}.design-topbar__link.is-active{color:var(--c-ochre)}.design-topbar__link.is-active:after{transform:scaleX(1);opacity:1}.design-topbar__flows{position:relative}.design-topbar__flows-trigger{margin:0;padding-block:2px;padding-inline:0;background:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.3em}.design-topbar__flows-active{display:inline-flex;align-items:center;gap:.3em}.design-topbar__flows-sep{color:var(--c-stone)}.design-topbar__flows-numeral{font-family:var(--f-display);font-style:italic;color:inherit}.design-topbar__flows-caret{width:5px;height:5px;margin-left:.15em;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transform-origin:center;opacity:.7;transition:transform var(--motion-state) var(--ease-state)}.design-topbar__flows-trigger[aria-expanded=true] .design-topbar__flows-caret{transform:translateY(1px) rotate(-135deg)}.design-topbar__flows-panel{position:absolute;top:calc(100% + 10px);left:0;z-index:50;min-width:320px;padding:var(--space-md);background:var(--c-cream);border:1px solid rgba(31,27,23,.08);border-radius:10px;box-shadow:0 1px 2px #1e140a0a,0 24px 48px -20px #1e140a47;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s var(--ease-state),transform .14s var(--ease-state),visibility 0s linear .14s}.design-topbar__flows-panel:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.design-topbar__flows-panel[data-open=true]{opacity:1;visibility:visible;transform:none;transition:opacity .14s var(--ease-state),transform .14s var(--ease-state),visibility 0s linear 0s}.design-topbar__flows-eyebrow{font-family:var(--f-body);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-ochre);padding-bottom:var(--space-xs);margin-bottom:var(--space-xs);border-bottom:1px solid rgba(122,90,38,.22)}.design-topbar__flows-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.design-topbar__flows-item{display:block;padding:var(--space-xs) var(--space-sm);margin-inline:calc(-1 * var(--space-sm));border-radius:6px;text-decoration:none;color:var(--c-ink);transition:background-color var(--motion-state) var(--ease-state)}.design-topbar__flows-item:hover{background:#1f1b170a}.design-topbar__flows-item-head{display:inline-flex;align-items:baseline;gap:.45em}.design-topbar__flows-item-numeral{font-family:var(--f-display);font-style:italic;font-size:15px;color:var(--c-ochre);line-height:1}.design-topbar__flows-item-title{font-family:var(--f-body);font-size:14px;color:var(--c-ink);letter-spacing:.01em}.design-topbar__flows-item.is-active .design-topbar__flows-item-title{text-decoration:underline;text-decoration-color:var(--c-ochre);text-underline-offset:3px;text-decoration-thickness:1px}.design-topbar__flows-item-lede{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:2px;font-family:var(--f-body);font-size:12px;color:var(--c-oat);line-height:1.45}@media(max-width:560px){.design-topbar__nav{gap:var(--space-md);padding-left:var(--space-md)}.design-topbar__flows-panel{min-width:280px}}.design-topbar__toggle{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;background:transparent;border:1px solid rgba(31,27,23,.1);border-radius:999px;font-family:var(--f-body);font-size:12px;color:var(--c-ash);letter-spacing:.01em;cursor:pointer;transition:border-color var(--motion-state) var(--ease-state),color var(--motion-state) var(--ease-state)}.design-topbar__toggle:hover{border-color:#1f1b1738;color:var(--c-ink)}.design-topbar__toggle-dot{width:8px;height:8px;border-radius:999px;background:var(--annotation);box-shadow:0 0 0 2px #0d99ff38;transition:background-color var(--motion-state) var(--ease-state),box-shadow var(--motion-state) var(--ease-state)}.design-topbar__toggle[aria-pressed=false] .design-topbar__toggle-dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--c-oat)}html.no-tap-halos{--halo-opacity: 0}html.no-tap-halos .screen-caption__tap{display:none}.design-main{padding:var(--space-2xl) var(--pad-side) var(--space-4xl)}.stage{display:flex;justify-content:center;padding-block:var(--space-2xl)}.stage__phone{transform:scale(var(--phone-scale-single))}.canvas{position:relative;margin-inline:calc(var(--pad-side) * -1);padding:var(--space-3xl) var(--pad-side) var(--space-4xl);overflow-x:auto;overflow-y:visible}.canvas__track{display:grid;grid-template-columns:repeat(var(--cols, 1),calc(var(--phone-w) * var(--phone-scale-canvas)));grid-auto-columns:var(--pad-side);grid-auto-rows:auto;column-gap:clamp(3rem,6vw,6rem);row-gap:var(--space-3xl);align-items:start;min-width:100%}.canvas__track:after{content:"";grid-row:1;grid-column:calc(var(--cols, 1) + 1);inline-size:var(--pad-side);block-size:1px}.phone--canvas{transform:scale(var(--phone-scale-canvas));margin-right:calc(var(--phone-w) * (var(--phone-scale-canvas) - 1));margin-bottom:calc(var(--phone-h) * (var(--phone-scale-canvas) - 1))}.phone--canvas .phone__scroll{touch-action:pan-y;overscroll-behavior-x:auto}.design-header{display:grid;gap:var(--space-md);max-width:48rem;margin-bottom:var(--space-2xl)}.design-header__eyebrow{color:var(--c-ochre)}.design-header__rule{width:var(--rule-chapter);height:var(--rule-weight-chapter);background:var(--c-ochre);border:0;margin:var(--space-2xs) 0 0}.design-header__title{font-family:var(--f-display);font-size:clamp(2rem,2.5vw + 1rem,2.75rem);line-height:1.08;letter-spacing:-.012em;color:var(--c-ink);text-wrap:balance}.design-header__lede{font-family:var(--f-display);font-style:italic;font-size:1.0625rem;line-height:1.5;color:var(--c-ash);max-width:48ch;text-wrap:pretty}.screen-caption{display:grid;gap:var(--space-2xs);width:calc(var(--phone-w) * var(--phone-scale-canvas));margin-top:var(--space-md)}.screen-caption__eyebrow{color:var(--c-ochre);font-size:.6875rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;font-family:var(--f-body)}.screen-caption__note{font-family:var(--f-display);font-style:italic;font-size:.9375rem;line-height:1.55;color:var(--c-ash)}.screen-caption__tap{display:inline-flex;align-items:baseline;gap:.45em;margin-top:var(--space-2xs);padding:4px 8px;border-radius:3px;background:#0d99ff14;font-family:var(--f-body);font-weight:500;font-size:12.5px;line-height:1.4;letter-spacing:.01em;color:var(--annotation);align-self:flex-start}.screen-caption__tap--external{color:var(--c-ash);background:#6c645714}.screen-caption__tap-arrow{font-style:normal;color:var(--annotation);font-size:14px;line-height:1;flex-shrink:0}.screen-caption__tap--external .screen-caption__tap-arrow{color:var(--c-oat)}.screen-caption__link{justify-self:flex-start;display:inline-flex;align-items:baseline;gap:.35em;margin-top:var(--space-2xs);font-family:var(--f-display);font-style:italic;font-size:13px;color:var(--c-ochre);text-decoration:none;transition:color var(--motion-state) var(--ease-state)}.screen-caption__link:hover{color:var(--c-ink)}.screen-caption__chev{font-style:normal;display:inline-block;transition:transform var(--motion-state) var(--ease-state)}.screen-caption__link:hover .screen-caption__chev{transform:translate(3px)}.stage[data-astro-cid-d3cuazit]{display:flex;justify-content:center}.stage__inner[data-astro-cid-d3cuazit]{display:grid;justify-items:center;gap:var(--space-xl);width:100%;max-width:72rem}.stage__phone[data-astro-cid-d3cuazit]{display:flex;justify-content:center}