@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/Geist-Variable-Bj2R_7yk.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/InterVariable-DiVDrmQJ.woff2) format("woff2")}@property --color-black{syntax: "<color>"; inherits: true; initial-value: #000;}@property --color-white{syntax: "<color>"; inherits: true; initial-value: #fff;}@property --bg{syntax: "<color>"; inherits: true; initial-value: #feffff;}@property --surface{syntax: "<color>"; inherits: true; initial-value: #f0f0f0;}@property --exp-canvas{syntax: "<color>"; inherits: true; initial-value: #f9fafa;}@property --exp-card-fill{syntax: "<color>"; inherits: true; initial-value: #f9fafa;}@property --border-soft{syntax: "<color>"; inherits: true; initial-value: #e8e8e8;}@property --foreground{syntax: "<color>"; inherits: true; initial-value: #000;}@property --text-secondary{syntax: "<color>"; inherits: true; initial-value: #6b6b6b;}@property --text-muted{syntax: "<color>"; inherits: true; initial-value: #6b6b6b;}@property --text-subtle{syntax: "<color>"; inherits: true; initial-value: #6b6b6b;}@property --hover-lift{syntax: "<color>"; inherits: true; initial-value: color-mix(in oklab,rgb(0,0,0) 4%,transparent);}@property --selection-bg{syntax: "<color>"; inherits: true; initial-value: color-mix(in oklab,rgb(0,0,0) 12%,transparent);}@property --tool-figma{syntax: "<color>"; inherits: true; initial-value: #9333ea;}@property --tool-framer{syntax: "<color>"; inherits: true; initial-value: #2563eb;}@property --tool-rive{syntax: "<color>"; inherits: true; initial-value: #e11d48;}@property --tool-claude{syntax: "<color>"; inherits: true; initial-value: #ea580c;}@property --tool-cursor{syntax: "<color>"; inherits: true; initial-value: #475569;}@property --tool-firebase{syntax: "<color>"; inherits: true; initial-value: #d97706;}@property --mark-accent-overview{syntax: "<color>"; inherits: true; initial-value: #d97706;}@property --mark-accent-ideation{syntax: "<color>"; inherits: true; initial-value: #7c3aed;}@property --mark-accent-problem{syntax: "<color>"; inherits: true; initial-value: #dc2626;}@property --mark-accent-research{syntax: "<color>"; inherits: true; initial-value: #ca8a04;}@property --mark-accent-personas{syntax: "<color>"; inherits: true; initial-value: #db2777;}@property --mark-accent-wireframes{syntax: "<color>"; inherits: true; initial-value: #16a34a;}@property --mark-accent-design{syntax: "<color>"; inherits: true; initial-value: #0891b2;}@property --mark-accent-features{syntax: "<color>"; inherits: true; initial-value: #2563eb;}@property --persona-accent-alex{syntax: "<color>"; inherits: true; initial-value: #2563eb;}@property --persona-accent-blake{syntax: "<color>"; inherits: true; initial-value: #db2777;}@property --persona-accent-aubrey{syntax: "<color>"; inherits: true; initial-value: #c65028;}@property --mark-accent-results{syntax: "<color>"; inherits: true; initial-value: #0d9488;}@property --mark-accent-sprint{syntax: "<color>"; inherits: true; initial-value: #ea580c;}@property --mark-accent-retro{syntax: "<color>"; inherits: true; initial-value: #475569;}:root{color-scheme:light;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-body: var(--font-sans);--font-display: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display-variation: "opsz" 32, "wght" 500;--text-size: 14px;--text-leading: 20px;--text-sm-size: 14px;--text-sm-leading: 20px;--text-label-size: 12px;--text-label-leading: 16px;--text-read-size: 16px;--text-read-leading: 28px;--text-display-size: 20px;--text-display-leading: 28px;--weight: 400;--weight-medium: 500;--weight-display: 500;--weight-section-header: 500;--tracking: 0;--tracking-tight: -.15px;--toast-size: 13.4px;--toast-leading: 19.2px;--spacing: 4px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--gap-paragraph: 20px;--gap-display: 28px;--gap-section: 40px;--gap-section-lg: 64px;--gap-list: 4px;--gap-section-inner: 16px;--content-main-pad: var(--space-5);--color-black: #000;--color-white: #fff;--bg: #feffff;--surface: #f0f0f0;--exp-canvas: #f9fafa;--exp-card-fill: #f9fafa;--feature-stage-bg: #070707;--surface-fill-shadow: inset 0 1px .5px color-mix(in srgb, var(--color-white) 72%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-white) 55%, transparent);--bento-fill-shadow: inset 0 1px .5px color-mix(in srgb, var(--color-white) 78%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-white) 62%, transparent);--exp-card-fill-shadow: inset 0 1px .5px color-mix(in srgb, var(--color-white) 78%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-white) 62%, transparent);--border-soft: #e8e8e8;--foreground: #000;--text-primary: var(--color-black);--text-secondary: #6b6b6b;--text-muted: #6b6b6b;--text-subtle: #6b6b6b;--accent-link: #2e90fa;--mark-color: var(--mark-accent-overview);--mark-accent-overview: var(--accent-overview);--mark-accent-ideation: var(--accent-ideation);--mark-accent-problem: var(--accent-problem);--mark-accent-research: var(--accent-research);--mark-accent-personas: var(--accent-personas);--mark-accent-wireframes: var(--accent-wireframes);--mark-accent-design: var(--accent-design);--mark-accent-features: var(--accent-features);--mark-accent-results: var(--accent-results);--mark-accent-sprint: var(--accent-sprint);--mark-accent-retro: var(--accent-retro);--accent-overview: #d97706;--accent-ideation: #7c3aed;--accent-problem: #dc2626;--accent-research: #ca8a04;--accent-personas: #db2777;--accent-wireframes: #16a34a;--accent-design: #0891b2;--accent-features: #2563eb;--persona-accent-alex: var(--accent-features);--persona-accent-blake: var(--accent-personas);--persona-accent-aubrey: #c65028;--accent-results: #0d9488;--accent-sprint: #ea580c;--accent-retro: #475569;--tool-figma: #9333ea;--tool-framer: #2563eb;--tool-rive: #e11d48;--tool-claude: #ea580c;--tool-cursor: #475569;--tool-firebase: #d97706;--text-strong: var(--text-primary);--text-default: var(--foreground);--hover-lift: color-mix(in oklab, var(--color-black) 4%, transparent);--selection-bg: color-mix(in oklab, var(--color-black) 12%, transparent);--focus-ring: var(--color-black);--content-max: 576px;--content-max-cs: clamp(680px, 64vw, 880px);--page-pad: clamp(1.25rem, 5vw, 2rem);--rail-offset: clamp(8rem, 15vw, 12rem);--work-rail-lane: 150px;--work-avail: calc(100vw - 2 * (var(--page-pad) + var(--work-rail-lane)));--work-wide: min(clamp(640px, 52vw, 760px), var(--work-avail));--work-superwide: min(var(--content-max-cs), var(--work-avail));--backdrop-bleed: max(140px, calc(env(safe-area-inset-bottom, 0px) + 100px) );--shell-pad-top-mobile: var(--space-8);--mobile-rail-h: 2.5rem;--mobile-rail-gap: var(--space-4);--mobile-tab-radius: calc(var(--mobile-rail-h) / 2);--dock-cell: var(--mobile-rail-h);--dock-pad: 5px;--dock-gap: var(--space-1);--dock-radius: calc(var(--dock-cell) / 2 + var(--dock-pad));--mobile-dock-radius: var(--dock-radius);--dock-bg: var(--surface);--dock-pill: var(--color-white);--dock-border: color-mix(in srgb, var(--border-soft) 50%, transparent);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--corner-smooth: superellipse(3.2);--corner-smooth-max: superellipse(4.4);--dur-fast: .16s;--dur: .22s;--dur-layout: .32s;--dur-theme: .3s;--dur-slow: .52s;--ease-out-strong: cubic-bezier(.23, 1, .32, 1);--ease-in-out-strong: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-overshoot: cubic-bezier(.34, 1.15, .45, 1);--ease-standard: cubic-bezier(.23, 1, .32, 1);--focus-width: 2px;--focus-offset: 3px}:root[data-theme=dark]{color-scheme:dark;--color-black: #f2f2f2;--color-white: #161616;--bg: #0a0a0a;--surface: #1c1c1c;--exp-canvas: #151515;--exp-card-fill: #151515;--border-soft: #262626;--foreground: #f2f2f2;--text-secondary: #8d8d8d;--text-muted: #8d8d8d;--text-subtle: #8d8d8d;--hover-lift: color-mix(in oklab, #ffffff 7%, transparent);--selection-bg: color-mix(in oklab, #ffffff 18%, transparent);--focus-ring: var(--color-black);--surface-fill-shadow: inset 0 1px .5px color-mix(in srgb, #ffffff 9%, transparent), 0 0 0 1px color-mix(in srgb, #ffffff 7%, transparent);--dock-bg: var(--surface);--bento-fill-shadow: inset 0 1px .5px color-mix(in srgb, #ffffff 10%, transparent), 0 0 0 1px color-mix(in srgb, #ffffff 8%, transparent);--exp-card-fill-shadow: inset 0 1px .5px color-mix(in srgb, #ffffff 10%, transparent), 0 0 0 1px color-mix(in srgb, #ffffff 8%, transparent);--tool-figma: #c084fc;--tool-framer: #60a5fa;--tool-rive: #fb7185;--tool-claude: #fb923c;--tool-cursor: #94a3b8;--tool-firebase: #fbbf24;--mark-accent-overview: #fbbf24;--mark-accent-ideation: #a78bfa;--mark-accent-problem: #f87171;--mark-accent-research: #facc15;--mark-accent-personas: #f472b6;--mark-accent-wireframes: #4ade80;--mark-accent-design: #22d3ee;--mark-accent-features: #60a5fa;--persona-accent-alex: var(--mark-accent-features);--persona-accent-blake: var(--mark-accent-personas);--persona-accent-aubrey: #ea7e4c;--mark-accent-results: #2dd4bf;--mark-accent-sprint: #fb923c;--mark-accent-retro: #94a3b8}@media(prefers-reduced-motion:reduce){:root{--dur-fast: .01ms;--dur: .01ms;--dur-slow: .01ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;overscroll-behavior-y:none}::-webkit-scrollbar{width:6px;height:6px;background:transparent}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--color-black) 20%,transparent);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--color-black) 40%,transparent)}::-webkit-scrollbar-button{display:none;width:0;height:0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--color-black) 20%,transparent) transparent}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100svh;font-family:var(--font-sans);font-size:var(--text-size);line-height:var(--text-leading);font-weight:var(--weight);letter-spacing:var(--tracking);color:var(--text-default);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit}p{text-wrap:pretty;line-height:var(--text-leading)}p+p{margin-top:var(--gap-paragraph)}a{color:inherit;text-decoration:none}img,svg,picture{display:block;max-width:100%}button{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}a,button,label,summary,[role=button],input,select,textarea{touch-action:manipulation}.cs-dock__btn,.cs-dock__section,.cs-dock__sheet-row,.cs-dock .theme-toggle__btn,.cs__outro-cta,.viewsel__btn,.tab,.afilm__photo{-webkit-tap-highlight-color:transparent}ul,ol{list-style:none;padding:0}::selection{background:var(--selection-bg);color:var(--text-strong)}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}:focus:not(:focus-visible),html[data-input=pointer] :focus-visible{outline:none!important}@media(pointer:coarse){.cs-dock__btn,.theme-toggle__btn,.cs-dock__section,.tab,.persona__tab,.head__channel,.cs__outro-name,.cs__slider-btn,.cs__slider-dot{position:relative}.cs-dock__btn:after,.theme-toggle__btn:after,.cs-dock__section:after,.tab:after,.persona__tab:after,.head__channel:after,.cs__outro-name:after,.cs__slider-btn:after,.cs__slider-dot:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:100%;height:max(100%,44px)}.cs-dock__btn:after,.cs-dock .theme-toggle__btn:after,.tab:after{width:calc(100% + var(--dock-gap, 4px))}.head__channel:after{width:calc(100% + var(--space-5))}.cs__slider-dot:after{width:calc(100% + var(--space-3))}.cs__slider-btn:after{width:max(100%,44px)}.head__identity .theme-toggle__btn:after{width:max(100%,44px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-3);color:var(--bg);background:var(--color-black);border-radius:var(--radius-sm);transform:translateY(-150%);transition:transform var(--dur) var(--ease-out-strong)}.skip-link:focus-visible{transform:translateY(0)}@supports (corner-shape: superellipse(2)){.skip-link{corner-shape:var(--corner-smooth)}}.backdrop{position:fixed;left:0;right:0;bottom:calc(-1 * var(--backdrop-bleed));top:auto;z-index:0;width:100%;height:calc(25vw + var(--backdrop-bleed));max-height:calc(480px + var(--backdrop-bleed));overflow:visible;pointer-events:none;background:transparent;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity var(--dur-layout) var(--ease-in-out-strong)}.backdrop--case{opacity:0}html:has(.expp) .backdrop{opacity:.12}.backdrop{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 clamp(40px,16vw,72px));mask-image:linear-gradient(to bottom,transparent,#000 clamp(40px,16vw,72px))}.backdrop__img{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--backdrop-img);background-repeat:no-repeat;background-size:max(130%,1200px) auto;background-position:left 50% bottom calc(-1*max(5vw,40px));pointer-events:none;-webkit-mask-image:url(/scrim-blob.svg),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;-webkit-mask-position:var(--blob-x, 0) var(--blob-y, 200vh),0 0;-webkit-mask-size:var(--blob-w, 0) var(--blob-h, 0),100% 100%;-webkit-mask-composite:xor;mask-image:url(/scrim-blob.svg),linear-gradient(#000,#000);mask-repeat:no-repeat;mask-position:var(--blob-x, 0) var(--blob-y, 200vh),0 0;mask-size:var(--blob-w, 0) var(--blob-h, 0),100% 100%;mask-composite:exclude}.backdrop--case .backdrop__img{background-position:left 50% bottom calc(-1*max(6.5vw,56px))}.shell{position:relative;z-index:1;display:flex;justify-content:center;width:100%;min-height:100svh;padding:100px var(--page-pad) var(--space-10)}.stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;width:100%;max-width:var(--content-max);overflow:visible;transition:max-width var(--dur-layout) var(--ease-in-out-strong)}.stage--case{max-width:var(--content-max-cs)}@media(prefers-reduced-motion:reduce){.stage{transition:none}}.stage--case .stage__home .content-wrapper{max-width:var(--content-max);margin-inline:auto}.stage__home,.cs,.expp,.inspo{position:relative;z-index:1;grid-area:1 / 1;width:100%;overflow:visible}.rail{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2);z-index:40;margin-bottom:var(--space-2);margin-left:calc(-1 * var(--space-3))}.tab{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);letter-spacing:var(--tracking);color:var(--text-muted);background:transparent;border-radius:var(--radius-pill);transition:color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-out-strong)}.tab:active{transform:scale(.97)}@media(hover:hover){.tab:hover{color:var(--text-strong)}}.tab[aria-selected=true]{color:var(--text-strong)}.tab__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hover-lift);border-radius:14px;pointer-events:none}.tab__label{position:relative;z-index:1;overflow:hidden;white-space:nowrap}.tab--locked{cursor:default}.tab--locked:active{transform:none}.tab__label--locked{display:inline-grid;justify-items:start;align-items:center}.tab__label-sizer,.tab__label-idle,.tab__label-soon{grid-area:1 / 1}.tab__label-sizer{visibility:hidden;pointer-events:none;white-space:nowrap}.tab__label-idle{white-space:nowrap;transition:opacity .16s var(--ease-standard),transform .2s var(--ease-out-strong)}.tab__label-soon{display:inline-flex;pointer-events:none;white-space:nowrap}.tab__label-soon-ch{display:inline-block;opacity:0;transform:translateY(.4em);transition:opacity .16s var(--ease-out-strong),transform .2s var(--ease-out-strong);transition-delay:0ms}@media(hover:hover){.tab--locked:hover .tab__label-idle,.tab--locked:focus-visible .tab__label-idle{opacity:0;transform:translateY(-.35em)}.tab--locked:hover .tab__label-soon-ch,.tab--locked:focus-visible .tab__label-soon-ch{opacity:1;transform:translateY(0);transition-delay:calc(var(--i) * 16ms)}}.tab--locked:focus-visible .tab__label-idle{opacity:0;transform:translateY(-.35em)}.tab--locked:focus-visible .tab__label-soon-ch{opacity:1;transform:translateY(0);transition-delay:calc(var(--i) * 16ms)}@media(prefers-reduced-motion:reduce){.tab__label-idle,.tab__label-soon-ch{transform:none;transition:opacity var(--dur-fast) var(--ease-standard)}.tab--locked:hover .tab__label-soon-ch{transition-delay:0ms}}.tab__icon{display:none;position:relative;z-index:1;flex-shrink:0}@media(min-width:860px){.home-bottom-bar__dock{position:sticky;top:100px;grid-row:1;grid-column:1;justify-self:start;z-index:40;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);margin-left:max(calc(var(--page-pad) - 50vw + var(--content-max) / 2),calc(-1 * var(--rail-offset)));width:max-content;height:fit-content;transform:translate(var(--rail-dodge, 0px));transition:transform var(--dur-layout) var(--ease-out-strong)}.rail{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:var(--space-1);margin-bottom:0;margin-left:0}}@media(min-width:860px)and (prefers-reduced-motion:reduce){.home-bottom-bar__dock{transition:none}}.head{display:flex;flex-direction:column;gap:var(--space-1)}.content-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--gap-section);width:100%;overflow:visible}.content-main{display:flex;flex-direction:column;gap:var(--gap-section);width:100%;overflow:visible;padding:var(--content-main-pad);margin:calc(-1 * var(--content-main-pad))}@media(min-width:860px){.content-wrapper{display:grid;grid-template-columns:1fr;gap:0}.content-main{grid-row:1;grid-column:1;gap:var(--gap-section)}}@media(max-width:859px){.shell{padding-top:calc(var(--shell-pad-top-mobile) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-10) + var(--mobile-rail-h) + var(--mobile-rail-gap) + env(safe-area-inset-bottom,0px))}.stage__home .content-wrapper{gap:var(--gap-section);width:100%;min-height:calc(100svh - var(--shell-pad-top-mobile) - var(--space-10) - var(--mobile-rail-h) - var(--mobile-rail-gap) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.stage__home .content-main{flex:1;width:100%;max-width:none;padding:0;margin:0}.home-bottom-bar{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:45;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-inline:var(--page-pad);padding-bottom:calc(var(--mobile-rail-gap) + env(safe-area-inset-bottom,0px));pointer-events:none;translate:0 calc(-1 * var(--vv-bottom-offset, 0px))}.home-bottom-bar__dock{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--dock-gap);max-width:100%;padding:var(--dock-pad);border-radius:var(--dock-radius);background:var(--dock-bg)}.home-bottom-bar .rail{position:static;flex:1 1 auto;width:auto;min-width:0;max-width:none;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--space-1);margin:0;padding:0;transform:none;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.home-bottom-bar .tab{gap:6px;box-sizing:border-box;height:var(--dock-cell);min-height:var(--dock-cell);max-height:var(--dock-cell);min-width:var(--dock-cell);padding-block:0;padding-inline:var(--space-3);border-radius:var(--mobile-tab-radius);background:var(--dock-pill);transition:color var(--dur-fast) var(--ease-standard)}.home-bottom-bar .tab:not([aria-selected=true]){width:var(--dock-cell);min-width:var(--dock-cell);padding-inline:0}.home-bottom-bar .tab[aria-selected=true]{width:auto}.home-bottom-bar .tab__icon{display:block}.home-bottom-bar .tab__label{overflow:hidden;white-space:nowrap}}@media(min-width:860px){.home-bottom-bar{display:contents}}#panel-work{margin-top:var(--gap-paragraph)}.head__identity{display:flex;align-items:center;position:relative;--portrait-size: calc( var(--text-display-leading) + var(--space-1) + var(--text-leading) )}.head__identity-portrait{position:absolute;left:0;inset-block:0;margin-block:auto;width:var(--portrait-size);height:var(--portrait-size)}.head__name-role{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.head__channels{display:flex;align-items:center;gap:var(--space-5);margin-left:auto}.head__channel{display:inline-flex;font-size:var(--text-size);line-height:var(--text-leading);color:var(--text-secondary);text-decoration:none;transition:color .18s ease}.head__channel:hover,.head__channel:focus-visible{color:var(--text-primary)}.head__availability{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}@media(max-width:859px){.head__availability{flex-wrap:wrap;gap:var(--space-2)}.head__availability .head__channels{margin-left:0}}@media(max-width:859px){.head__identity .theme-toggle{margin-left:auto;flex-shrink:0}}.head__identity .portrait-wrap{--portrait-size: calc( var(--text-display-leading) + var(--space-1) + var(--text-leading) );width:var(--portrait-size);height:var(--portrait-size);aspect-ratio:1;flex-shrink:0;border-radius:50%;overflow:hidden}.head__identity .portrait{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.head__name{color:var(--text-strong)}.head__role{color:var(--text-muted)}.head__excerpt-group{display:flex;flex-direction:column;gap:var(--gap-paragraph);width:100%;margin-top:calc(var(--gap-paragraph) - var(--space-1))}.head__excerpt{color:var(--text-default);width:100%;margin:0}.rich__icon-mark{display:inline-flex;align-items:baseline;gap:.15em;white-space:nowrap}.rich__icon-mark-icon{flex-shrink:0;align-self:center;color:inherit}main{width:100%}.panel{display:flex;flex-direction:column;gap:var(--gap-paragraph);width:100%}.panel__lead{color:var(--text-default);width:100%;margin:0}.about-muted{color:var(--text-muted)}.list{position:relative;display:flex;flex-direction:column;gap:var(--gap-list);margin:0 calc(var(--space-3) * -1)}.list__highlight{position:absolute;left:0;right:0;top:0;height:0;border-radius:var(--radius-md);background:var(--hover-lift);opacity:0;pointer-events:none;transition:transform var(--dur) var(--ease-out-strong),height var(--dur) var(--ease-out-strong),opacity var(--dur-fast) var(--ease-standard)}.row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-standard)}@supports (corner-shape: superellipse(2)){.list__highlight,.row{corner-shape:var(--corner-smooth)}}@media(hover:hover){.row:hover{color:var(--text-strong)}}.row:focus-visible{color:var(--text-strong)}.row__label{display:flex;align-items:center;gap:var(--space-2)}.row__meta{flex-shrink:0;font-size:var(--text-sm-size);line-height:var(--text-sm-leading);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-standard)}@media(hover:hover){.row:hover .row__meta{color:var(--text-secondary)}}.row:focus-visible .row__meta{color:var(--text-secondary)}.row__arrow{width:15px;height:15px;opacity:.5;transition:transform var(--dur-fast) var(--ease-out-strong),opacity var(--dur-fast) var(--ease-standard)}@media(hover:hover){.row:hover .row__arrow{opacity:1;transform:translate(2px,-2px)}}.dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--text-primary)}.work{display:flex;flex-direction:column;gap:var(--gap-paragraph);width:100%}.work__bar{display:flex;align-items:center;justify-content:space-between;width:100%}.work__label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-size);line-height:var(--text-leading);font-weight:var(--weight-medium);color:var(--text-strong)}.work__label-caret{flex-shrink:0;color:inherit}.viewsel{display:inline-flex;align-items:center;gap:var(--space-1)}.viewsel__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);overflow:hidden;transition:color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-out-strong)}.viewsel__btn:active{transform:scale(.97)}@media(hover:hover){.viewsel__btn:hover{color:var(--text-secondary)}}.viewsel__btn[aria-checked=true]{color:var(--text-strong)}.viewsel__btn:disabled{opacity:.32;cursor:not-allowed}.viewsel__btn:disabled:active{transform:none}@media(max-width:520px){.viewsel__btn:disabled{display:none}}.viewsel__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hover-lift);border-radius:var(--radius-sm);pointer-events:none}.viewsel__icon{position:relative;z-index:1}@supports (corner-shape: superellipse(2)){.viewsel__btn,.viewsel__fill{corner-shape:var(--corner-smooth)}}.pgrid{position:relative;width:100%}.pgrid--list{display:flex;flex-direction:column;gap:var(--gap-list);width:auto;margin:0 calc(var(--space-3) * -1)}.pgrid--single{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-7)}.pgrid--two{columns:2;column-gap:var(--gap-section-inner)}.pgrid--two .pcard{break-inside:avoid;margin-bottom:var(--space-6)}@media(max-width:520px){.pgrid--two{columns:1}}@media(min-width:1024px){.pgrid--single{width:var(--work-wide);margin-inline:calc((100% - var(--work-wide)) / 2)}.pgrid--two{width:var(--work-superwide);margin-inline:calc((100% - var(--work-superwide)) / 2)}}.pcard{position:relative;z-index:1;color:var(--text-muted)}.pcard--list{display:block;padding:var(--space-3);border-radius:var(--radius-md);transition:color var(--dur-fast) var(--ease-standard)}.pcard--list .pcard__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}@media(hover:hover){.pcard--list:hover{color:var(--text-strong)}}.pcard--list:focus-visible{color:var(--text-strong)}.pcard--card{display:flex;flex-direction:column;gap:var(--space-3)}.pcard--card .pcard__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-inline:var(--space-1)}.pcard__caption{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.pcard--list .pcard__caption{align-items:center}.pcard__media{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--bento-fill-shadow);overflow:hidden}.pgrid--two .pcard__media{aspect-ratio:4 / 3}.pgrid .pcard__media:has(.pcard__cover){display:block;aspect-ratio:auto;border-radius:var(--radius-xl);box-shadow:0 16px 56px #0000000a}.pcard__cover{display:block;width:100%;height:auto}.pcard__cover--dark{display:none}:root[data-theme=dark] .pcard__cover--light{display:none}:root[data-theme=dark] .pcard__cover--dark{display:block}.pcard__media-label{color:var(--text-muted);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);text-transform:lowercase;opacity:.6;-webkit-user-select:none;user-select:none}.pcard__label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-strong);transition:color var(--dur-fast) var(--ease-standard)}.pcard__meta{flex-shrink:0;font-size:var(--text-sm-size);line-height:var(--text-sm-leading);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-standard)}@media(hover:hover){.pcard--list:hover .pcard__meta{color:var(--text-secondary)}}.pcard__arrow{width:15px;height:15px;opacity:.5;transition:transform var(--dur-fast) var(--ease-out-strong),opacity var(--dur-fast) var(--ease-standard)}.pcard--wip{cursor:default}.pcard--wip .pcard__label{color:var(--text-muted)}.pcard__wip{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:0;max-width:1.5rem;height:1.5rem;padding:0 .3rem;overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text-muted) 6%,var(--color-white));color:var(--text-muted);vertical-align:middle;transition:max-width .22s var(--ease-out-strong),gap .22s var(--ease-out-strong),padding .22s var(--ease-out-strong),background var(--dur-fast) var(--ease-standard)}.pcard__wip-icon{flex-shrink:0;width:12px;height:12px}.pcard__wip-label{flex-shrink:0;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-family:var(--font-sans);font-size:10px;line-height:1.5;font-weight:500;transition:max-width .22s var(--ease-out-strong),opacity var(--dur-fast) var(--ease-standard)}@media(hover:hover){.pcard--wip:hover .pcard__wip,.pcard--wip:focus-visible .pcard__wip{max-width:8.5rem;gap:.35rem;padding:0 .55rem;background:color-mix(in srgb,var(--text-muted) 9%,var(--color-white))}.pcard--wip:hover .pcard__wip-label,.pcard--wip:focus-visible .pcard__wip-label{max-width:6rem;opacity:1}}@media(hover:none){.pcard__wip{max-width:8.5rem;gap:.35rem;padding:0 .55rem}.pcard__wip-label{max-width:6rem;opacity:1}}@media(prefers-reduced-motion:reduce){.pcard__wip,.pcard__wip-label{transition:none}}@media(hover:hover){.pcard--card:hover .pcard__arrow{opacity:1;transform:translate(2px,-2px)}.pcard--card:hover .pcard__media-label{opacity:.8}.pgrid--two .pcard--card{display:flex;flex-direction:column;gap:0;aspect-ratio:4 / 3}.pgrid--two .pcard--card:has(.pcard__cover){aspect-ratio:var(--card-ar, 1470 / 513)}.pgrid--two .pcard__media{flex:1;min-height:0;aspect-ratio:auto}.pgrid--two .pcard__cover{height:100%;object-fit:cover;object-position:center}.pgrid--two .pcard__row{height:0;overflow:hidden;align-items:flex-end;transition:height var(--dur) var(--ease-out-strong)}.pgrid--two .pcard__caption{opacity:0;transition:opacity var(--dur-fast) var(--ease-standard)}.pgrid--two .pcard:hover .pcard__row,.pgrid--two .pcard:focus-visible .pcard__row{height:1.6rem}.pgrid--two .pcard:hover .pcard__caption,.pgrid--two .pcard:focus-visible .pcard__caption{opacity:1}}@supports (corner-shape: superellipse(2)){.pcard,.pcard__media{corner-shape:var(--corner-smooth)}}.cs{width:100%;outline:none;--cs-copy: color-mix(in oklab, var(--text-strong) 20%, var(--text-muted))}.stage:has(.cs) .stage__home{height:0;overflow:hidden;content-visibility:hidden;pointer-events:none}.cs-layout{position:relative;display:flex;flex-direction:column;gap:var(--gap-section);width:100%}.cs-main{display:flex;flex-direction:column;gap:var(--gap-section);width:100%;max-width:var(--cs-measure);margin-inline:auto;padding-inline:var(--cs-pad);--cs-measure: 560px;--cs-wide: var(--content-max-cs);--cs-pad: var(--space-2);--cs-text: calc(var(--cs-measure) - 2 * var(--cs-pad));--cs-section-size: 18px;--cs-section-leading: 24px;--max-copy: 100%}.cs-main .cs__hero,.cs-main .cs__figure,.cs-main .cs__features-layout{width:var(--cs-wide);max-width:none;margin-inline:calc((var(--cs-text) - var(--cs-wide)) / 2)}.cs-main .cs__figure:has(.cs__phone) .cs__phone-stage{aspect-ratio:3 / 2}@media(max-width:859px){.cs-main .cs__figure:has(.cs__phone) .cs__phone-stage{aspect-ratio:3 / 4}}@media(max-width:859px){.cs-main .cs__hero,.cs-main .cs__figure,.cs-main .cs__features-layout{width:100%;margin-inline:0}}.cs__story-block,.cs__section,.cs__body{align-self:stretch}.cs-band{display:flex;flex-direction:column}.cs-band--chrome{gap:var(--space-3)}.cs-band--title,.cs-band--context{gap:var(--gap-paragraph)}.cs-rail{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-2);z-index:40;margin-bottom:var(--space-2);margin-left:calc(-1 * var(--space-3))}.cs-rail__nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:1023px){.cs-rail{display:none}}@media(min-width:1024px){.cs-layout{display:grid;grid-template-columns:1fr;gap:0}.cs-main{grid-row:1;grid-column:1;--cs-pad: var(--space-4)}.cs-rail{position:sticky;top:100px;grid-row:1;grid-column:1;justify-self:start;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:var(--gap-paragraph);margin-bottom:0;margin-left:max(calc(var(--page-pad) - 50vw + var(--content-max-cs) / 2),calc(-1 * var(--rail-offset)));width:max-content;height:fit-content}.cs-rail__nav{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:var(--space-1)}@media(hover:hover){.cs-rail__nav .tab:hover{color:var(--text-strong)}}}.cs__back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-standard)}@media(hover:hover){.cs__back:hover{color:var(--text-strong)}}.cs__back:focus-visible{color:var(--text-strong)}.cs-dock[data-accent=overview],.cs-dock__sheet-row[data-accent=overview]{--dock-accent: var(--accent-overview)}.cs-dock[data-accent=ideation],.cs-dock__sheet-row[data-accent=ideation]{--dock-accent: var(--accent-ideation)}.cs-dock[data-accent=problem],.cs-dock__sheet-row[data-accent=problem]{--dock-accent: var(--accent-problem)}.cs-dock[data-accent=research],.cs-dock__sheet-row[data-accent=research]{--dock-accent: var(--accent-research)}.cs-dock[data-accent=personas],.cs-dock__sheet-row[data-accent=personas]{--dock-accent: var(--accent-personas)}.cs-dock[data-accent=wireframes],.cs-dock__sheet-row[data-accent=wireframes]{--dock-accent: var(--accent-wireframes)}.cs-dock[data-accent=design],.cs-dock__sheet-row[data-accent=design]{--dock-accent: var(--accent-design)}.cs-dock[data-accent=features],.cs-dock__sheet-row[data-accent=features]{--dock-accent: var(--accent-features)}.cs-dock[data-accent=results],.cs-dock__sheet-row[data-accent=results]{--dock-accent: var(--accent-results)}.cs-dock[data-accent=sprint],.cs-dock__sheet-row[data-accent=sprint]{--dock-accent: var(--accent-sprint)}.cs-dock[data-accent=retro],.cs-dock__sheet-row[data-accent=retro]{--dock-accent: var(--accent-retro)}.cs-dock{display:none}@media(max-width:1023px){.cs-dock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-inline:var(--page-pad);padding-bottom:calc(var(--mobile-rail-gap) + env(safe-area-inset-bottom,0px));pointer-events:none;isolation:isolate;--cs-dock-h: var(--dock-cell)}.cs-dock__bar{pointer-events:auto;position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--dock-gap);max-width:100%;padding:var(--dock-pad);border-radius:var(--dock-radius);background:var(--dock-bg);translate:0 calc(-1 * var(--vv-bottom-offset, 0px))}.cs-dock__btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--cs-dock-h);height:var(--cs-dock-h);color:var(--text-muted);border-radius:50%;background:var(--dock-pill);transition:color var(--dur-fast) var(--ease-standard),background-color var(--dur) var(--ease-standard),transform var(--dur-fast) var(--ease-out-strong)}.cs-dock__btn:active{transform:scale(.94);background:color-mix(in oklab,var(--color-black) 5%,var(--dock-pill))}@media(hover:hover){.cs-dock__btn:hover{color:var(--text-strong);background:color-mix(in oklab,var(--color-black) 5%,var(--dock-pill))}}.cs-dock .theme-toggle{flex-shrink:0;height:var(--cs-dock-h);padding:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.cs-dock .theme-toggle__btn{width:var(--cs-dock-h);height:var(--cs-dock-h);padding:0}.cs-dock__section{position:relative;overflow:hidden;flex-shrink:1;min-width:0;display:inline-flex;align-items:center;gap:var(--space-2);height:var(--cs-dock-h);padding-inline:var(--space-3) var(--space-4);border-radius:calc(var(--cs-dock-h) / 2);color:var(--text-strong);background:var(--dock-pill);transition:transform var(--dur-fast) var(--ease-out-strong)}.cs-dock__section:active{transform:scale(.98)}.cs-dock__section:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:2px}.cs-dock__ring{position:relative;z-index:1;flex-shrink:0;width:16px;height:16px}.cs-dock__ring circle{fill:none;stroke-width:2.25;stroke-linecap:round}.cs-dock__ring-track{stroke:color-mix(in srgb,var(--dock-accent, var(--accent-overview)) 22%,transparent);transition:stroke var(--dur) var(--ease-standard)}.cs-dock__ring-arc{stroke:var(--dock-accent, var(--accent-overview));stroke-dasharray:100 100;stroke-dashoffset:calc(100.01 - 100 * var(--cs-section-progress, 0));transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset var(--dur-fast) var(--ease-standard),stroke var(--dur) var(--ease-standard)}.cs-dock__roll{position:relative;z-index:1;display:block;flex:1 1 auto;min-width:0;width:calc((var(--cs-dock-roll-ch, 12) + 1) * 1ch);max-width:42vw;height:var(--text-leading);overflow:hidden}.cs-dock__roll-title{position:absolute;top:0;right:0;bottom:0;left:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left center}.cs-dock__caret{position:relative;z-index:1;flex-shrink:0;color:var(--text-muted);transform:rotate(-90deg)}.cs-dock__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:color-mix(in srgb,var(--bg) 45%,transparent);pointer-events:auto}.cs-dock__sheet{--cs-sheet-w: min(17rem, calc(100vw - 2 * var(--page-pad)));position:absolute;left:50%;right:auto;margin-left:calc(var(--cs-sheet-w) / -2);bottom:calc(var(--mobile-rail-gap) + env(safe-area-inset-bottom,0px) + var(--cs-dock-h) + 2 * var(--dock-pad) + var(--space-2));z-index:2;width:var(--cs-sheet-w);max-height:56vh;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;display:flex;flex-direction:column;padding:var(--space-2);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg) 92%,transparent);box-shadow:var(--surface-fill-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform-origin:bottom center;will-change:clip-path,opacity;translate:0 calc(-1 * var(--vv-bottom-offset, 0px))}.cs-dock__sheet-label{margin:0;padding:var(--space-1) var(--space-2) var(--space-2);color:var(--text-muted)}.cs-dock__sheet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.cs-dock__sheet-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-default);text-align:left;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.cs-dock__sheet-row:active{background:var(--hover-lift)}.cs-dock__sheet-row.is-active{color:var(--text-strong);background:var(--hover-lift)}.cs-dock__sheet-row:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:-2px}.cs-dock__sheet-glyph{flex-shrink:0;display:block;width:12px;height:12px;fill:var(--dock-accent, var(--accent-overview));opacity:.4;transform:scale(.9);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-out-strong)}.cs-dock__sheet-row.is-active .cs-dock__sheet-glyph{opacity:1;transform:scale(1)}.cs-dock__sheet-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (corner-shape: superellipse(2)){.cs-dock__sheet{corner-shape:var(--corner-smooth)}}}.cs__head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-4);row-gap:var(--space-1);align-items:start;width:100%}.cs__title{grid-column:1;grid-row:1;font-family:var(--font-display);font-variation-settings:var(--font-display-variation);font-size:var(--text-display-size);line-height:var(--text-display-leading);font-weight:var(--weight-display);letter-spacing:var(--tracking-tight);color:var(--text-strong)}.cs__meta{grid-column:1;grid-row:2;margin:0;color:var(--text-muted)}.cs__kind{grid-column:2;grid-row:1;margin:0;padding-top:2px;color:var(--text-muted);font-size:var(--text-label-size);line-height:var(--text-label-leading);font-weight:400;white-space:nowrap}.cs__block-title{width:100%;max-width:var(--max-copy, 40rem);margin:0;font-family:var(--font-display);font-variation-settings:var(--font-display-variation);font-size:var(--cs-section-size);line-height:var(--cs-section-leading);font-weight:var(--weight-section-header);letter-spacing:var(--tracking-tight);color:var(--text-strong);text-wrap:pretty}.cs__summary{max-width:var(--max-copy, 40rem);font-size:var(--text-read-size);line-height:var(--text-read-leading);color:var(--cs-copy, var(--text-muted));text-wrap:pretty}.cs__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:var(--gap-section);row-gap:var(--space-5);margin:0}.cs__fact{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);margin:0;min-width:0}.cs__fact-label{margin:0;font-size:var(--text-label-size);line-height:var(--text-label-leading);font-weight:400;color:var(--text-muted)}.cs__fact-value{margin:0;padding:0;font-size:var(--text-read-size);line-height:var(--text-read-leading);font-weight:var(--weight);color:var(--text-strong);text-wrap:balance}.cs__fact-value--tools{width:100%}.cs__tool-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);min-height:var(--text-read-leading)}.cs__tool-icon{display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px}.cs__tool-icon img{display:block;max-width:100%;max-height:100%;object-fit:contain}.cs__tool-icon--tall img{width:16px;height:24px}.cs__tool-icon--square img{width:22px;height:22px}.cs__tool-icon--wide img{width:20px;height:18px}:root[data-theme=dark] .cs__tool-icon--cursor img,:root[data-theme=dark] .cs__tool-icon--composer img,:root[data-theme=dark] .cs__tool-icon--mobbin img{filter:invert(1)}.cs__tool-icon--miro img,.cs__tool-icon--google-slides img{filter:brightness(0)}:root[data-theme=dark] .cs__tool-icon--miro img,:root[data-theme=dark] .cs__tool-icon--google-slides img{filter:brightness(0) invert(1)}:root[data-theme=dark] .cs__tool-icon--photoshop img,:root[data-theme=dark] .cs__tool-icon--illustrator img,:root[data-theme=dark] .cs__tool-icon--after-effects img,:root[data-theme=dark] .cs__tool-icon--indesign img,:root[data-theme=dark] .cs__tool-icon--motion img{border-radius:4px;box-shadow:0 0 0 1px color-mix(in oklab,var(--color-black) 22%,transparent)}.cs__body{display:flex;flex-direction:column;gap:var(--gap-section-lg)}.cs__section{--cs-section-gap: var(--gap-section);display:flex;flex-direction:column;gap:var(--cs-section-gap);scroll-margin-top:var(--space-10)}@media(max-width:859px){.cs-layout,.cs-main{gap:var(--space-7)}.cs__body{gap:var(--gap-section)}.cs__section{--cs-section-gap: var(--space-7)}}.cs__section-eyebrow{margin:0;margin-bottom:calc(var(--space-2) - var(--cs-section-gap, var(--gap-section)));font-size:var(--text-label-size);line-height:var(--text-label-leading);font-weight:400;color:var(--text-muted)}.cs__story-block{display:flex;flex-direction:column;gap:var(--space-3)}.cs__story-block--stats{gap:var(--space-4)}.cs__block-summary{max-width:var(--max-copy, 40rem);margin:0;font-size:var(--text-read-size);line-height:var(--text-read-leading);color:var(--cs-copy, var(--text-muted));text-wrap:pretty}.cs__mark{--mark-glow-tight: 1px;--mark-glow-wide: 10px;--mark-glow-core: 22%;--mark-glow-halo: 36%;--mark-ink-lift: 42%;color:color-mix(in oklab,var(--text-strong) var(--mark-ink-lift),var(--text-muted));background:none;font-weight:var(--weight-medium);text-decoration:none;text-shadow:0 0 var(--mark-glow-tight) color-mix(in srgb,var(--mark-color) var(--mark-glow-core),transparent),0 0 var(--mark-glow-wide) color-mix(in srgb,var(--mark-color) var(--mark-glow-halo),transparent)}:root[data-theme=dark] .cs__mark{--mark-ink-lift: 64%;--mark-glow-tight: 2px;--mark-glow-wide: 18px;--mark-glow-core: 16%;--mark-glow-halo: 30%}@media(prefers-contrast:more){.cs__mark{text-shadow:none}}#research .cs__mark{color:var(--text-strong);font-weight:inherit;text-shadow:none}.cs__section[data-accent=overview]{--mark-color: var(--mark-accent-overview)}.cs__section[data-accent=ideation]{--mark-color: var(--mark-accent-ideation)}.cs__section[data-accent=problem]{--mark-color: var(--mark-accent-problem)}.cs__section[data-accent=research]{--mark-color: var(--mark-accent-research)}.cs__section[data-accent=personas]{--mark-color: var(--mark-accent-personas)}.cs__section[data-accent=wireframes]{--mark-color: var(--mark-accent-wireframes)}.cs__section[data-accent=design]{--mark-color: var(--mark-accent-design)}.cs__section[data-accent=features]{--mark-color: var(--mark-accent-features)}.cs__section[data-accent=results]{--mark-color: var(--mark-accent-results)}.cs__section[data-accent=sprint]{--mark-color: var(--mark-accent-sprint)}.cs__section[data-accent=retro]{--mark-color: var(--mark-accent-retro)}.cs__tile{position:relative;display:grid;place-items:center;background:var(--surface);border-radius:var(--radius-lg);box-shadow:inset 0 1px .5px color-mix(in srgb,#ffffff 70%,transparent),0 0 0 1px color-mix(in srgb,#ffffff 50%,transparent);aspect-ratio:16 / 9}:root[data-theme=dark] .cs__tile{box-shadow:inset 0 1px .5px color-mix(in srgb,#ffffff 10%,transparent),0 0 0 1px color-mix(in srgb,#ffffff 8%,transparent)}.cs__tile--cell{aspect-ratio:3 / 2;margin-top:var(--space-2)}.cs__tile-label{color:var(--text-muted);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);text-transform:lowercase;opacity:.6;-webkit-user-select:none;user-select:none}.cs__feature{display:flex;flex-direction:column;gap:var(--space-3);margin:0;width:100%}.cs__feature-frame{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:var(--feature-ratio, 1 / 1);overflow:hidden;background:var(--feature-frame-bg, var(--feature-stage-bg));border-radius:var(--radius-lg);box-shadow:inset 0 1px .5px color-mix(in srgb,#ffffff 70%,transparent),0 0 0 1px color-mix(in srgb,#ffffff 50%,transparent)}:root[data-theme=dark] .cs__feature-frame{box-shadow:inset 0 1px .5px color-mix(in srgb,#ffffff 10%,transparent),0 0 0 1px color-mix(in srgb,#ffffff 8%,transparent)}.cs__feature--padded .cs__feature-frame{display:grid;grid-template:1fr / 1fr;padding:var(--space-6)}.cs__feature--padded.cs__feature--framed .cs__feature-frame,.cs__feature--prototype.cs__feature--padded .cs__feature-frame{background:var(--feature-frame-bg, var(--feature-stage-bg))}.cs__feature--padded.cs__feature--portrait .cs__feature-frame{background:var(--feature-frame-bg, #ffffff)}:root[data-theme=dark] .cs__feature--padded.cs__feature--portrait .cs__feature-frame{background:var(--feature-frame-bg, var(--feature-stage-bg))}.cs__feature--padded .cs__feature-img-wrap,.cs__feature--padded .cs__feature-frame>.cs__feature-img,.cs__feature--padded .cs__feature-frame>.cs__feature-video{grid-area:1 / 1;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.cs__feature--padded .cs__feature-img,.cs__feature--padded .cs__feature-video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.cs__feature--prototype.cs__feature--padded .cs__feature-video{width:100%;height:100%;object-fit:cover}.cs__feature--fullbleed .cs__feature-frame{padding:0;display:grid;place-items:stretch}.cs__feature--fullbleed .cs__feature-video,.cs__feature--fullbleed .cs__feature-img{display:block;width:100%;height:100%;object-fit:cover}.cs__feature-img,.cs__feature-video{display:block;width:100%;height:auto}.cs__feature-caption{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);margin:0}.cs__feature-title{margin:0;color:var(--text-strong);font-family:var(--font-display);font-variation-settings:var(--font-display-variation);font-size:var(--cs-section-size);line-height:var(--cs-section-leading);font-weight:var(--weight-display);letter-spacing:var(--tracking-tight)}@supports (corner-shape: superellipse(2)){.cs__feature-frame,.persona__quirk-icon{corner-shape:var(--corner-smooth)}}.cs__section--features{gap:0}.cs__features-layout{display:flex;flex-direction:column;gap:var(--gap-section);width:100%}.cs__features-sticky{position:static;display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:var(--cs-text);margin-inline:auto}.cs__feature-caption{width:100%;max-width:var(--cs-text);margin-inline:auto}.cs__features-sticky .cs__section-eyebrow{margin-bottom:0}.cs__features-intro{display:flex;flex-direction:column;gap:var(--space-3)}.cs__guide-term{color:var(--text-muted);transition:color var(--dur-fast) var(--ease-standard);white-space:nowrap}.cs__guide-term.is-active{color:var(--text-strong)}.cs__guide-icon{display:inline-block;vertical-align:-.15em;margin-right:.3em}.cs__features-scroll{display:flex;flex-direction:column;gap:var(--gap-section)}.cs__feature-row{display:flex;flex-direction:column;gap:var(--gap-display);margin:0;width:100%}.cs__feature-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-section-inner);width:100%}.cs__feature-media:has(>:only-child){grid-template-columns:minmax(0,var(--cs-text));justify-content:center}.cs__feature-media .cs__feature--padded .cs__feature-frame{padding:var(--space-4)}@media(max-width:859px){.cs__features-layout{gap:var(--space-7)}.cs__features-sticky{position:static}.cs__feature-media,.cs__feature-media:has(>:only-child){grid-template-columns:minmax(0,1fr);justify-content:initial;gap:var(--space-6)}}.cs__figure{display:flex;flex-direction:column;gap:var(--gap-display);margin:0}.cs__figcap{display:flex;flex-direction:column;gap:var(--space-3)}.cs__figcap .cs__block-title,.cs__figcap .cs__block-summary{width:100%;max-width:var(--cs-text);margin-inline:auto}.cs__shot{display:block;width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:inset 0 1px .5px color-mix(in srgb,#ffffff 70%,transparent),0 0 0 1px color-mix(in oklab,var(--color-black) 12%,transparent)}:root[data-theme=dark] .cs__shot{box-shadow:inset 0 1px .5px color-mix(in srgb,#ffffff 10%,transparent),0 0 0 1px color-mix(in srgb,#ffffff 8%,transparent)}.cs__shot.cs__shot--bare,:root[data-theme=dark] .cs__shot.cs__shot--bare{box-shadow:none;border:none;outline:none}.cs__shot--padded{padding:var(--space-10);background:#000;box-sizing:border-box}.cs__shot--padded>img{display:block;width:100%;height:auto}.cs__shot--portrait{width:auto;max-width:min(100%,360px);max-height:80vh;margin-inline:auto}.cs__shot--compact{width:auto;max-width:min(100%,480px);margin-inline:auto}.cs__shot--text{max-width:var(--cs-text);margin-inline:auto}.cs__mosaic{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4);align-items:start}.cs__mosaic-item{margin:0;overflow:hidden;border-radius:var(--radius-lg);box-shadow:inset 0 1px .5px color-mix(in srgb,#ffffff 70%,transparent),0 0 0 1px color-mix(in srgb,#ffffff 50%,transparent)}:root[data-theme=dark] .cs__mosaic-item{box-shadow:inset 0 1px .5px color-mix(in srgb,#ffffff 10%,transparent),0 0 0 1px color-mix(in srgb,#ffffff 8%,transparent)}.cs__mosaic-item img{display:block;width:100%;height:auto}.cs__mosaic-item:nth-child(1){grid-column:1 / 4}.cs__mosaic-item:nth-child(2){grid-column:4 / 7;margin-top:14%}.cs__mosaic-item:nth-child(3){grid-column:2 / 6;margin-top:var(--space-3)}@supports (corner-shape: superellipse(2)){.cs__shot,.cs__mosaic-item,.cs__slider-frame{corner-shape:var(--corner-smooth)}}@media(max-width:700px){.cs__mosaic{grid-template-columns:1fr;gap:var(--space-3)}.cs__mosaic-item{grid-column:1 / -1!important;margin-top:0!important}}.cs__slider{display:flex;flex-direction:column;gap:var(--space-4)}.cs__slider-frame{position:relative;aspect-ratio:12 / 5;overflow:hidden;user-select:none;-webkit-user-select:none;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--text-strong) 4%,transparent);box-shadow:inset 0 1px .5px color-mix(in srgb,#ffffff 70%,transparent),0 0 0 1px color-mix(in srgb,#ffffff 50%,transparent)}:root[data-theme=dark] .cs__slider-frame{box-shadow:inset 0 1px .5px color-mix(in srgb,#ffffff 10%,transparent),0 0 0 1px color-mix(in srgb,#ffffff 8%,transparent)}.cs__slider-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.cs__slider-img{max-width:100%;max-height:100%;object-fit:contain}.cs__slider-caption{margin:0;min-height:2lh;text-align:center;font-size:var(--text-sm-size);color:var(--text-muted)}.cs__slider-law{font-weight:600;color:var(--text-strong)}.cs__slider-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-5)}.cs__slider-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;color:var(--text-muted);box-shadow:0 0 0 1px color-mix(in srgb,currentColor 30%,transparent);transition:color var(--dur-fast) var(--ease-standard)}@media(hover:hover){.cs__slider-btn:hover{color:var(--text-strong)}}.cs__slider-btn:focus-visible{color:var(--text-strong)}.cs__slider-dots{display:flex;gap:var(--space-3)}.cs__slider-dot{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.cs__slider-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--text-muted) 40%,transparent);transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.cs__slider-dot[aria-current]:before{background:var(--mark-color, var(--text-strong));transform:scale(1.25)}.cs__cols{--cols-gap: var(--space-3);display:grid;gap:var(--cols-gap)}.cs__cols--2{grid-template-columns:repeat(2,1fr)}.cs__cols--3{grid-template-columns:repeat(3,1fr)}.cs .cs__cols--3{grid-template-columns:repeat(2,1fr)}.cs .cs__cols--3>:nth-child(3){grid-column:1 / -1}.cs__cell{display:flex;flex-direction:column;gap:var(--space-1)}.cs__cell-icon{color:var(--mark-color, var(--text-strong))}.cs__cell .cs__cell-icon{margin-bottom:var(--space-1)}.cs__cell-title{font-weight:500;color:var(--text-strong)}.cs__cell-sub{color:var(--text-muted)}.cs__cell-shot{margin-top:var(--space-2);max-width:min(100%,280px)}.cs__stats-cols{--cols-gap: clamp(1.5rem, 4vw, 2.5rem);width:100%;gap:var(--cols-gap)}.cs__stat{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;height:100%}.cs__stat-value{color:var(--text-strong);font-weight:var(--weight-display)}.cs__stat-text{color:var(--text-muted);text-wrap:pretty}@media(max-width:560px){.cs__stats-cols{--cols-gap: var(--space-4)}.cs__cols--2,.cs__cols--3,.cs .cs__cols--3{grid-template-columns:1fr}.cs .cs__cols--3>:nth-child(3){grid-column:auto}}.persona{--persona-photo: 160px;display:flex;flex-direction:column;gap:var(--gap-display);width:100%;max-width:var(--cs-text);min-width:0}.persona__card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-paragraph);justify-items:center;min-width:0}.persona__media{grid-column:1;grid-row:1;position:relative;margin:0 auto;width:var(--persona-photo);height:var(--persona-photo);min-height:var(--persona-photo);overflow:hidden;border-radius:var(--radius-sm)}.persona__picture,.persona__photo--empty{position:absolute;top:0;right:0;bottom:0;left:0}.persona__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:none;outline:none;box-shadow:none;background:var(--surface)}.persona__card[data-persona=aubrey] .persona__photo{transform:scale(1.2);transform-origin:center center}.persona__card[data-persona=blake] .persona__photo{transform:scale(1.2);transform-origin:center 55%}.persona__card[data-persona=alex] .persona__photo{transform:scale(1.12);transform-origin:center center}.persona__photo--empty{display:grid;place-items:center;color:var(--text-muted);background:var(--surface);font-size:2rem;font-weight:var(--weight-display)}.persona__bio{grid-column:1;grid-row:2;width:100%;max-width:var(--max-copy, 40rem);margin:0 auto;min-width:0;color:var(--cs-copy, var(--text-muted));font-size:var(--text-read-size);line-height:var(--text-read-leading);text-align:center;text-wrap:pretty}.cs__block-summary+.cs__block-summary{margin-top:var(--space-2)}.persona__who{color:var(--text-strong)}.persona__quirks{grid-column:1 / -1;grid-row:3;justify-self:stretch;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-section-inner);width:100%}.persona__quirk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start;width:100%}.persona__quirk-icon{color:var(--text-strong)}.persona__quirk-text{display:flex;flex-direction:column;gap:var(--gap-list);min-width:0}.persona__quirk-title{color:var(--text-strong);font-weight:var(--weight-display)}.persona__quirk-sub{color:var(--text-muted);text-wrap:pretty}@supports (corner-shape: superellipse(2)){.cs__tile,.cs__cover{corner-shape:var(--corner-smooth)}}.cs__hero{margin:0}.cs__tile--hero{aspect-ratio:16 / 9}.incity-hero{--incity-phone-top: clamp(var(--space-4), 4cqw, var(--space-8));position:relative;width:100%;aspect-ratio:16 / 9;container-type:inline-size;overflow:hidden;border-radius:var(--radius-xl);background:var(--exp-card-fill)}.incity-hero__device{position:absolute;top:var(--incity-phone-top);left:50%;height:calc((100% - var(--incity-phone-top)) / .4);aspect-ratio:490 / 1000;transform:translate(-50%)}.incity-hero__device-screen{--phone-bleed: 1px;position:absolute;z-index:1;top:calc(2.2% - var(--phone-bleed));left:calc(5.102% - var(--phone-bleed));width:calc(89.796% + 2 * var(--phone-bleed));height:calc(95.6% + 2 * var(--phone-bleed));overflow:hidden;border-radius:9%;background:#0f0f10}.incity-hero__screen{display:block;width:100%;height:auto}.incity-hero__frame{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}@supports (corner-shape: superellipse(2)){.incity-hero{corner-shape:var(--corner-smooth)}}.cs__cover{display:block;width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:0 16px 56px #0000000a}.cs__cover--dark{display:none}:root[data-theme=dark] .cs__cover--light{display:none}:root[data-theme=dark] .cs__cover--dark{display:block}.cs__phone-stage{aspect-ratio:16 / 9;display:grid;place-items:center;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border-soft)}:root[data-theme=dark] .cs__phone-stage{background:#070707;border-color:#1f1f1f}.cs__phone{position:relative;height:calc(100% - 32px);aspect-ratio:490 / 1000;overflow:hidden}.cs__phone-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.cs__phone-screen{--phone-bleed: 1px;position:absolute;left:calc(5.102% - var(--phone-bleed));top:calc(2.2% - var(--phone-bleed));width:calc(89.796% + 2 * var(--phone-bleed));height:calc(95.6% + 2 * var(--phone-bleed));z-index:1;display:flex;flex-direction:column;gap:0;overflow:hidden;border-radius:9%;background:#fff}.cs__phone-statusbar{flex:0 0 7.2%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;line-height:0}.cs__phone-statusbar-img{width:100%;height:100%;display:block;object-fit:contain}.cs__phone-viewport{position:relative;flex:1 1 auto;overflow:hidden;background:#fff}.cs__phone-video{--phone-video-uncrop-top: 2px;position:absolute;top:calc(-1 * var(--phone-video-uncrop-top));left:0;width:100%;height:calc(100% + var(--phone-video-uncrop-top));display:block;object-fit:cover;object-position:bottom center;background:#fff}.cs__outro{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-top:var(--gap-section);padding-bottom:var(--space-10);text-align:center}.cs__outro-greeting{margin:0;color:var(--text-strong);font-weight:var(--weight-display)}.cs__outro-by{margin:0;color:var(--text-muted)}.cs__outro-name{color:var(--text-default);text-decoration:underline;text-underline-offset:2px;transition:color var(--dur-fast) var(--ease-standard)}@media(hover:hover){.cs__outro-name:hover{color:var(--text-strong)}}.cs__outro-name:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.cs__outro-quip{margin:var(--space-8) 0 0;color:var(--text-muted)}.cs__outro-quip-lead{color:var(--text-strong)}.cs__outro-grad{font-weight:calc(var(--weight-display) + 100);background:linear-gradient(105deg,#5b97cb,#efb24e 58%,#e5863a);-webkit-background-clip:text;background-clip:text;color:transparent}.cs__outro-cta{--cs-outro-accent: var(--text-strong);--cs-outro-ink: var(--bg);--cs-outro-stroke-width: 1px;--cs-outro-stroke: linear-gradient( to bottom, color-mix(in oklab, var(--cs-outro-ink) 40%, transparent), transparent );position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;margin-top:var(--space-1);padding:var(--space-3) var(--space-6);font-size:var(--text-size);font-weight:var(--weight-display);color:var(--cs-outro-ink);background:var(--cs-outro-accent);border-radius:var(--radius-pill);box-shadow:0 0 0 1px var(--cs-outro-accent),0 3px 8px #00000038,inset 0 0 6px 2px color-mix(in oklab,var(--cs-outro-ink) 24%,transparent);transition:transform var(--dur-fast) var(--ease-out-strong),filter var(--dur-fast) var(--ease-standard)}.cs__outro-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;padding:var(--cs-outro-stroke-width);background:var(--cs-outro-stroke);pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}@media(hover:hover){.cs__outro-cta:hover{transform:translateY(-1px);filter:brightness(1.06)}}.cs__outro-cta:active{transform:scale(.97);filter:brightness(.96)}.cs__outro-cta:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.exp-grid{display:flex;flex-direction:column;gap:var(--gap-section-inner);width:100%}@media(max-width:520px){.exp-grid{grid-template-columns:1fr}.exp-card__caption{flex-wrap:wrap}.exp-card__note{flex-shrink:1}}.exp-card{display:flex;flex-direction:column;gap:var(--space-3);--exp-frame-radius: 24px}.exp-card__beam{width:100%;transform:translateY(-3px);border-radius:var(--exp-frame-radius)!important;overflow:hidden;isolation:isolate;clip-path:inset(0 round var(--exp-frame-radius))}.exp-card__beam[data-beam]:before,.exp-card__beam[data-beam]:after,.exp-card__beam[data-beam] [data-beam-bloom]{border-radius:var(--exp-frame-radius)!important}.exp-card__beam[data-beam]:before{box-shadow:none!important}@supports (corner-shape: superellipse(2)){.exp-card__beam{corner-shape:var(--corner-smooth-max)}}.exp-card__frame{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:5 / 4;overflow:hidden;background:var(--exp-card-fill);border-radius:var(--exp-frame-radius);box-shadow:none;isolation:isolate;clip-path:inset(0 round var(--exp-frame-radius))}.exp-card__case-link{position:relative;display:block;width:100%;aspect-ratio:5 / 4;overflow:hidden;background:var(--exp-card-fill);border-radius:var(--radius-xl);color:inherit;text-decoration:none;isolation:isolate;clip-path:inset(0 round var(--radius-xl))}.exp-card__case-visual{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center bottom}.exp-card__case-visual>.incity-hero{--incity-phone-top: clamp( calc(var(--space-8) + var(--space-8) + var(--space-8)), 17cqw, calc(var(--space-8) + var(--space-8) + var(--space-8) + var(--space-8)) );height:100%;aspect-ratio:auto}.exp-card__case-visual .incity-hero__device{top:calc(var(--incity-phone-top) - var(--space-3));transform:translate(-50%) scale(.88);transform-origin:center top}.exp-card__caption--case{pointer-events:none}.exp-card__case-link:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}@supports (corner-shape: superellipse(2)){.exp-card__frame{corner-shape:var(--corner-smooth-max)}.exp-card__image{corner-shape:inherit}.bento__tile{corner-shape:var(--corner-smooth)}}.exp-card__frame--image{background:var(--color-white)}.exp-card__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.exp-card__caption{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);min-width:0;padding:var(--space-4) var(--space-5);pointer-events:none;font-size:var(--text-sm-size);line-height:var(--text-sm-leading)}.exp-card__title{position:relative;display:flex;min-width:0;flex-direction:column;gap:1px}.exp-card__label{display:block;color:var(--text-strong);font-weight:var(--weight-medium, 500)}.exp-card__subtitle{display:block;color:var(--text-muted);font-size:var(--text-sm-size);line-height:var(--text-sm-leading)}.exp-card__note{position:relative;align-self:flex-start;flex-shrink:0;color:var(--text-muted)}.exp-card__note--link{display:inline-flex;align-items:center;gap:4px;pointer-events:auto;text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}.exp-card__title--link{pointer-events:auto;color:inherit;text-decoration:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.exp-card__title--link:active .exp-card__label{color:var(--text-muted)}.exp-card__title--link:focus-visible{outline:2px solid var(--text-strong);outline-offset:3px;border-radius:var(--radius-xs, 4px)}html.exp-morphing .exp-card__title--link:focus-visible{outline:none}@media(hover:hover)and (pointer:fine){.exp-card__title--link:hover .exp-card__label{color:var(--text-muted)}}.exp-card__label{transition:color var(--dur-fast) var(--ease-standard)}.exp-card__fallback{width:100%;height:100%;border-radius:inherit;background:var(--exp-canvas)}.exp-card__frame--image .exp-card__caption{padding-bottom:var(--space-8);background:linear-gradient(to bottom,#0006,#0000)}.exp-card__frame[data-kind=pixels] .exp-card__caption{padding-bottom:var(--space-8);background:linear-gradient(in oklab,var(--exp-card-fill) 0%,var(--exp-card-fill) calc(100% - var(--space-8)),transparent 100%)}.exp-card__scrim{--exp-scrim-h: 112px;position:absolute;inset:0 0 auto 0;height:var(--exp-scrim-h);pointer-events:none;background:linear-gradient(to bottom,#000c,#000000bd 26%,#0000009e 48%,#0006,#00000029 84%,#0000)}.exp-card__frame--image .exp-card__label,.exp-card__caption:has(.exp-card__scrim) .exp-card__label{color:#fff}.exp-card__frame--image .exp-card__subtitle{color:#ffffffb3}.exp-card__frame--image .exp-card__note{color:#ffffffb8}.exp-card__caption:has(.exp-card__scrim) .exp-card__subtitle,.exp-card__caption:has(.exp-card__scrim) .exp-card__note{color:#ffffffc7}.exp-card__caption:has(.exp-card__scrim) .exp-card__title--link:hover .exp-card__label,.exp-card__caption:has(.exp-card__scrim) .exp-card__title--link:active .exp-card__label,.exp-card__caption:has(.exp-card__scrim) .exp-card__note--link:hover,.exp-card__caption:has(.exp-card__scrim) .exp-card__note--link:focus-visible{color:#ffffffb8}.exp-card__caption:has(.exp-card__scrim) .exp-card__title--link:focus-visible{outline-color:#fff}.exp-card__note--link:hover,.exp-card__note--link:focus-visible{color:var(--text-strong)}.mock{display:grid;place-items:center;width:100%;height:100%}.mock--jelly .mock-track{position:relative;width:66%;height:8px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-black) 8%,transparent)}.mock--jelly .mock-fill{position:absolute;top:0;right:42%;bottom:0;left:0;border-radius:var(--radius-pill);background:var(--text-primary)}.mock--jelly .mock-thumb{position:absolute;left:58%;top:50%;width:20px;height:13px;transform:translate(-50%,-50%);border-radius:var(--radius-pill);background:var(--color-white)}.mock--wallet{grid-auto-flow:row}.mock--wallet .mock-card{position:absolute;left:50%;width:56%;height:26%;border-radius:10px;background:var(--color-white)}.mock--wallet{position:relative}.mock--wallet .mock-card:nth-child(1){top:22%;width:48%;transform:translate(-50%)}.mock--wallet .mock-card:nth-child(2){top:38%;width:54%;transform:translate(-50%)}.mock--wallet .mock-card:nth-child(3){top:54%;width:60%;background:var(--text-primary);transform:translate(-50%)}.mock--sticker .mock-sticker{position:relative;width:46%;aspect-ratio:1;border-radius:16px;background:var(--text-primary)}.mock--sticker .mock-peel{position:absolute;right:0;bottom:0;width:46%;height:46%;background:var(--color-white);border-bottom-right-radius:16px;clip-path:polygon(100% 0,100% 100%,0 100%)}.mock--cylinder{display:flex;gap:5px;perspective:340px}.mock--cylinder .mock-tile{width:18px;height:48px;border-radius:6px;background:var(--color-white)}.mock--cylinder .mock-tile:nth-child(1){transform:rotateY(42deg);background:color-mix(in oklab,var(--color-black) 22%,var(--color-white))}.mock--cylinder .mock-tile:nth-child(2){transform:rotateY(22deg)}.mock--cylinder .mock-tile:nth-child(3){transform:rotateY(0) scale(1.08);background:var(--text-primary)}.mock--cylinder .mock-tile:nth-child(4){transform:rotateY(-22deg)}.mock--cylinder .mock-tile:nth-child(5){transform:rotateY(-42deg);background:color-mix(in oklab,var(--color-black) 22%,var(--color-white))}.mock--sprout{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-3);width:60%;height:100%}.mock--sprout .mock-screen{display:flex;flex-direction:column;gap:7px;padding:var(--space-3);border-radius:12px;background:var(--color-white)}.mock--sprout .mock-line{height:6px;width:100%;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-black) 12%,transparent)}.mock--sprout .mock-line--short{width:60%}.mock--sprout .mock-dots{display:flex;justify-content:center;gap:5px}.mock--sprout .mock-dots b{width:5px;height:5px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-black) 18%,transparent);transition:width var(--dur) var(--ease-out-strong)}.mock--sprout .mock-dots b.is-on{width:16px;background:var(--text-primary)}.mock--nav{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:46%}.mock--nav .mock-pill{height:8px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-black) 10%,transparent)}.mock--nav .mock-pill:nth-child(1){width:70%}.mock--nav .mock-pill.is-active{width:100%;background:var(--text-primary)}.mock--nav .mock-pill:nth-child(3){width:52%}.mock--nav .mock-pill:nth-child(4){width:82%}.expp{--expp-scale: .625;--expp-home-ar: .8;--expp-home-h: calc(var(--content-max) * var(--expp-home-ar));--exp-frame-radius: var(--radius-xl, 24px);--expp-gutter: max(var(--page-pad), calc((100vw - var(--content-max)) / 2));--expp-fade: min(6.5rem, var(--expp-gutter));--expp-fade-l: calc(var(--expp-gutter) - var(--expp-fade));--expp-fade-r: calc(100% - var(--expp-gutter));--expp-cushion: 40px;--expp-peek: 0px;--expp-card-w: min( calc(var(--content-max) * var(--expp-scale)), calc(100vw - 2 * var(--expp-gutter) - var(--expp-peek)) );position:relative;z-index:1;grid-area:1 / 1;display:flex;flex-direction:column;width:100%;box-sizing:border-box;color:var(--text-strong);outline:none}.expp:focus,.expp:focus-visible{outline:none}.expp__head,.expp__note{width:100%;transition:opacity var(--dur) var(--ease-out-strong)}.expp__head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-4);align-items:start}.expp__back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}.expp__back:hover,.expp__back:focus-visible{color:var(--text-strong)}.expp__kind{grid-column:2;grid-row:1;margin:0;padding-top:2px;color:var(--text-muted);font-size:var(--text-label-size);line-height:var(--text-label-leading);font-weight:400;white-space:nowrap}.expp__title{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);width:100%;min-width:0;margin-top:var(--space-4)}.expp__label{margin:0;max-width:100%;font-family:var(--font-display);font-variation-settings:var(--font-display-variation);font-size:var(--text-display-size);line-height:var(--text-display-leading);font-weight:var(--weight-display);letter-spacing:var(--tracking-tight);color:var(--text-strong);text-wrap:balance}.expp__subtitle{color:var(--text-muted)}.expp__bleed{position:relative;width:100vw;margin-top:var(--space-6);margin-left:calc(50% - 50vw)}.expp__track{display:flex;align-items:flex-start;gap:var(--space-4);padding-left:var(--expp-gutter);padding-right:var(--expp-fade);padding-bottom:var(--space-6);overflow-x:auto;overflow-y:clip;overscroll-behavior-x:contain;scroll-behavior:auto;scroll-snap-type:x proximity;scrollbar-width:none;--expp-mask: linear-gradient( to right, rgb(0 0 0 / 0) var(--expp-fade-l), rgb(0 0 0 / .061) calc(var(--expp-fade-l) + .15 * var(--expp-fade)), rgb(0 0 0 / .216) calc(var(--expp-fade-l) + .3 * var(--expp-fade)), rgb(0 0 0 / .5) calc(var(--expp-fade-l) + .5 * var(--expp-fade)), rgb(0 0 0 / .784) calc(var(--expp-fade-l) + .7 * var(--expp-fade)), rgb(0 0 0 / .939) calc(var(--expp-fade-l) + .85 * var(--expp-fade)), rgb(0 0 0 / 1) var(--expp-gutter), rgb(0 0 0 / 1) var(--expp-fade-r), rgb(0 0 0 / .939) calc(var(--expp-fade-r) + .15 * var(--expp-fade)), rgb(0 0 0 / .784) calc(var(--expp-fade-r) + .3 * var(--expp-fade)), rgb(0 0 0 / .5) calc(var(--expp-fade-r) + .5 * var(--expp-fade)), rgb(0 0 0 / .216) calc(var(--expp-fade-r) + .7 * var(--expp-fade)), rgb(0 0 0 / .061) calc(var(--expp-fade-r) + .85 * var(--expp-fade)), rgb(0 0 0 / 0) calc(var(--expp-fade-r) + var(--expp-fade)) );-webkit-mask-image:var(--expp-mask);mask-image:var(--expp-mask)}.expp__track::-webkit-scrollbar{display:none}.expp__track:focus-visible{outline:2px solid var(--text-strong);outline-offset:-2px}.expp__edge{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:2;top:0;bottom:0;width:max(44px,var(--expp-gutter),var(--expp-peek));margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.expp__edge:focus{outline:none}.expp__edge--prev{left:0}.expp__edge--next{right:0}.expp__edge:disabled{pointer-events:none;cursor:default}.expp[data-deck=stacked] .expp__edge,.expp[data-deck-animating] .expp__edge{pointer-events:none}@media(pointer:coarse){.expp__track:focus-visible{outline:none}}.expp__state{display:flex;flex-direction:column;gap:var(--space-3);flex:0 0 auto;min-width:0;margin:0;scroll-snap-align:start;position:relative}.expp[data-deck]{--deck-card: var(--expp-card-w);--deck-stagger: 52ms;--deck-ease: var(--ease-in-out-strong);--deck-dur: .48s}.expp[data-deck=stacked] .expp__track{display:grid;grid-template-columns:var(--deck-card);justify-content:center;justify-items:stretch;align-items:start;gap:0;padding-left:0;padding-right:0;overflow-x:visible;overflow-y:visible;scroll-snap-type:none}.expp[data-deck=dealt] .expp__track{padding-left:calc(var(--expp-gutter) + var(--expp-cushion));padding-right:calc(var(--expp-gutter) + var(--expp-cushion));scroll-padding-left:var(--expp-gutter);scroll-padding-right:var(--expp-gutter);scroll-snap-type:x mandatory;touch-action:pan-x pan-y pinch-zoom}.expp[data-deck-animating] .expp__track{scroll-snap-type:none}.expp[data-deck=stacked] .expp__state{grid-area:1 / 1;z-index:calc(8 - var(--deck-i))}.expp[data-deck=dealt] .expp__state{scroll-snap-stop:always}.expp[data-deck=dealt] .expp__state:last-child{scroll-snap-align:end}.expp[data-deck] .expp__state-label{transition:opacity var(--deck-dur) var(--deck-ease)}.expp[data-deck=stacked] .expp__state-label{opacity:0}.expp[data-deck=dealt] .expp__state-label{opacity:1;transition-delay:calc(var(--deck-i) * var(--deck-stagger) + 80ms)}.expp[data-deck] .expp__frame{transition:opacity var(--deck-dur) var(--deck-ease)}.expp[data-deck=dealt] .expp__frame{transition-delay:calc(var(--deck-i) * var(--deck-stagger))}.expp[data-deck=stacked] .expp__state:not(:first-child) .expp__frame{opacity:0}.expp__frame{position:relative;width:var(--expp-card-w);height:calc(var(--expp-card-w) * var(--expp-home-ar));overflow:hidden;border-radius:var(--exp-frame-radius, 24px);background:var(--exp-card-fill);isolation:isolate;contain:paint;clip-path:inset(0 round var(--exp-frame-radius, 24px))}@supports (corner-shape: superellipse(2)){.expp__frame{corner-shape:var(--corner-smooth-max)}}.expp:has([data-kind=gel]),.expp:has([data-kind=signs]),.expp:has([data-kind=poster]){--expp-scale: 1}.expp__frame[data-kind=signs] .exp-card__embed,.expp__frame[data-kind=selection] .exp-card__embed{width:100%;height:100%}.expp__frame[data-kind=wallet]{width:max-content;max-width:calc(100vw - 2 * var(--expp-gutter));height:auto;box-sizing:border-box}.expp__frame[data-kind=wallet][data-open]{width:min(calc(var(--wm-panel-width, 18rem) + 3rem),calc(100vw - 2 * var(--expp-gutter)))}.expp:has(.expp__frame[data-kind=wallet])[data-deck=stacked] .expp__track{grid-template-columns:max-content;justify-items:center;align-items:center}.expp__frame[data-kind=wallet] .exp-card__embed,.expp__frame[data-kind=wallet] .exp-card__embed-inner,.expp__frame[data-kind=wallet] .exp-card__demo,.expp__frame[data-kind=wallet] .wm-root{position:relative;inset:auto;top:auto;left:auto;width:auto;max-width:100%;height:auto;min-width:0;min-height:0;transform:none;overflow:visible}.expp__frame[data-kind=wallet] .wm-stage{position:relative;inset:auto;width:auto;max-width:100%;height:auto;box-sizing:border-box;padding:calc(var(--wm-trigger-size) + var(--wm-trigger-gap) + 1.25rem) 1.5rem 1.5rem}.expp__frame[data-kind=wallet]:not([data-open]) .wm-stage{padding:1.25rem}.expp__frame[data-kind=wallet] .wm-scene{transform:none;width:min(var(--wm-panel-width, 18rem),100%);box-sizing:border-box}.expp__frame[data-kind=wallet] .wm-scene[data-open=false]{--wm-scene-shift: 0;width:auto;padding:0;margin:0}.expp__frame[data-kind=wallet] .wm-scene[data-open=false] .wm-locus{min-height:0;height:0;width:0}.expp__frame[data-kind=wallet] .wm-scene[data-open=false] .wm-trigger{position:relative;left:auto;bottom:auto;transform:none}.expp__frame[data-kind=wallet] .wm-scene[data-open=false] .wm-trigger:active{transform:scale(.97)}.expp__frame .exp-card__embed{position:absolute;top:50%;left:50%;width:var(--content-max);height:var(--expp-home-h);overflow:hidden;transform:translate(-50%,-50%);clip-path:none;border-radius:0}.expp__frame[data-kind=collage] .exp-card__embed,.expp__frame[data-kind=poster] .exp-card__embed{width:100%;height:100%}.expp__frame .exp-card__embed-inner{position:relative;top:auto;left:auto;width:100%;height:100%;min-width:0;min-height:0;transform:none}.expp__state-label{color:var(--text-muted);font-size:var(--text-sm-size);line-height:var(--text-sm-leading)}.expp__note{position:sticky;bottom:0;padding-block:var(--space-6)}.expp__note-body{max-width:var(--max-copy, 40rem);margin:0;color:var(--text-muted);font-size:var(--text-read-size);line-height:var(--text-read-leading);text-wrap:pretty}.expp__note-body+.expp__note-body{margin-top:var(--gap-paragraph)}.expp__note-link{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px}.expp__note-link:hover,.expp__note-link:focus-visible{color:var(--text-strong);text-decoration-color:currentColor}html.exp-morphing .expp__head,html.exp-morphing .expp__note,html.exp-morphing .stage__home{opacity:0}html.exp-morphing ::selection{background:transparent}.stage:has(.expp) .stage__home{height:0;overflow:hidden;content-visibility:hidden;pointer-events:none}html.exp-morphing::view-transition-old(root),html.exp-morphing::view-transition-new(root){animation-duration:0s}::view-transition-group(exp-frame),::view-transition-old(exp-frame),::view-transition-new(exp-frame){animation-duration:.48s;animation-timing-function:var(--ease-in-out-strong)}@media(prefers-reduced-motion:reduce){::view-transition-group(exp-frame),::view-transition-old(exp-frame),::view-transition-new(exp-frame){animation-duration:0s!important;animation-delay:0s!important}.expp[data-deck] .expp__state,.expp[data-deck] .expp__state-label,.expp[data-deck] .expp__frame,.expp__head,.expp__note{transition:none}}.expp--solo{--expp-scale: 1;--expp-peek: 0px}.expp--solo .expp__bleed{width:auto;margin-left:0}.expp--solo .expp__track{overflow-x:hidden;padding-inline:0;-webkit-mask-image:none;mask-image:none}@media(max-width:720px){.expp:not(.expp--solo){--expp-scale: .76;--expp-peek: 48px}.expp:has([data-kind=gel]){--expp-scale: 1}.expp{--expp-cushion: 0px}.expp__title{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.expp__subtitle{flex-shrink:1}.expp__frame[data-kind=wallet] .wm-stage{padding:calc(var(--wm-trigger-size) + var(--wm-trigger-gap) + 1rem) 1rem 1rem}.expp__frame[data-kind=wallet]:not([data-open]) .wm-stage{padding:1rem}.expp__bleed{margin-top:var(--space-5)}.expp__note{position:static}}.expp__refs{display:flex;flex-direction:column;gap:var(--gap-section);margin-top:var(--gap-section);max-width:var(--max-copy, 40rem)}.expp__ref{margin:0}.expp__ref-img{display:block;width:100%;height:auto;border-radius:var(--radius-lg, 16px);outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}:root[data-theme=dark] .expp__ref-img{outline-color:#ffffff1a}.expp__ref-cap{max-width:var(--max-copy, 40rem);margin-top:var(--space-4);color:var(--text-muted);font-size:var(--text-read-size);line-height:var(--text-read-leading);text-wrap:pretty}.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-section-inner)}.bento__tile{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--bento-fill-shadow);aspect-ratio:3 / 2}.bento__tile--wide{grid-column:1 / -1;aspect-ratio:16 / 6}.copy{position:relative;display:inline;vertical-align:baseline}.copy__btn{display:inline;vertical-align:baseline;color:var(--text-default);text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:from-font;text-decoration-color:var(--color-black);text-underline-position:from-font;transition:color var(--dur-fast) var(--ease-standard),text-decoration-color var(--dur-fast) var(--ease-standard)}@media(hover:hover){.copy__btn:hover{color:var(--text-strong);text-decoration-color:var(--color-black)}.copy__btn:hover .copy__icon{opacity:1}}.copy__icon,.contact-links__icon{display:inline-block;vertical-align:-2px;margin-right:3px;opacity:.8;transition:opacity var(--dur-fast) var(--ease-standard)}.copy__toast{position:absolute;left:50%;bottom:calc(100% + var(--space-2));white-space:nowrap;font-size:var(--toast-size);line-height:var(--toast-leading);color:var(--color-white);background:var(--color-black);padding:5.76px 9.6px;border-radius:var(--radius-pill);opacity:0;transform:translate(-50%,4px) scale(.96);transform-origin:bottom center;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur) var(--ease-overshoot)}.copy.is-copied .copy__toast{opacity:1;transform:translate(-50%) scale(1)}.contact-block{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin:0}.contact-block__note{margin:0;color:var(--text-muted)}.contact-links{margin-top:var(--space-2)}.contact-block .contact-links{margin-top:0}.contact-links__lead{color:var(--text-default)}.contact-links__link{color:var(--text-default);text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:from-font;text-decoration-color:var(--color-black);text-underline-position:from-font;transition:color var(--dur-fast) var(--ease-standard),text-decoration-color var(--dur-fast) var(--ease-standard)}@media(hover:hover){.contact-links__link:hover{color:var(--text-strong);text-decoration-color:var(--color-black)}.contact-links__link:hover .contact-links__icon{opacity:1}}.contact-links__sep{color:var(--text-muted)}.hw{position:relative;display:inline-flex;align-items:baseline;white-space:nowrap}.hw__word{color:var(--text-default);text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:from-font;text-decoration-color:var(--color-black);text-underline-position:from-font;cursor:pointer;transition:color var(--dur-fast) var(--ease-standard),text-decoration-color var(--dur-fast) var(--ease-standard)}.hw.is-expanded .hw__word{color:var(--text-strong);text-decoration-style:solid;text-decoration-color:var(--color-black)}.hw__punct{color:var(--text-default)}.tool{white-space:nowrap}.tool__icon{display:inline-block;vertical-align:-2px;margin-right:3px}.tool--figma{color:var(--tool-figma)}.tool--framer{color:var(--tool-framer)}.tool--rive{color:var(--tool-rive)}.tool--claude{color:var(--tool-claude)}.tool--cursor{color:var(--tool-cursor)}.tool--firebase{color:var(--tool-firebase)}.tool[class*=tool--] .tool__icon{color:currentColor}.afilm{--afilm-bleed: 120px;--sticker-size: 38px;margin-top:var(--gap-section);width:0;min-width:100%}.afilm__viewport{width:calc(100% + 2 * var(--afilm-bleed));margin-left:calc(-1 * var(--afilm-bleed));overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--afilm-bleed),#000 calc(100% - var(--afilm-bleed)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--afilm-bleed),#000 calc(100% - var(--afilm-bleed)),transparent)}.afilm__track{display:flex;width:max-content;will-change:transform}.afilm__strip{display:flex;gap:var(--space-3);padding-right:var(--space-3)}.afilm__photo{padding:calc(var(--sticker-size) * .58) 0;border:0;background:none;cursor:pointer;flex:none}.afilm__pic{position:relative;display:block;transition:opacity var(--dur) var(--ease-standard),filter var(--dur) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.afilm__img{display:block;height:184px;width:auto;min-width:184px;object-fit:cover;max-width:none;border-radius:var(--radius-sm)}.afilm__sticker{position:absolute;width:var(--sticker-size);height:auto;z-index:1;pointer-events:none;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .2))}.afilm__sticker[data-edge=top]{top:0;left:var(--at);transform:translate(-50%,-45%) rotate(var(--tilt))}.afilm__sticker[data-edge=bottom]{bottom:0;left:var(--at);transform:translate(-50%,45%) rotate(var(--tilt))}.afilm__sticker[data-edge=left]{left:0;top:var(--at);transform:translate(-45%,-50%) rotate(var(--tilt))}.afilm__sticker[data-edge=right]{right:0;top:var(--at);transform:translate(45%,-50%) rotate(var(--tilt))}.afilm[data-has-selection=true] .afilm__photo:not(.is-active) .afilm__pic{opacity:.3;filter:grayscale(.7)}.afilm[data-has-selection=true] .afilm__photo.is-active .afilm__pic{transform:scale(1.02)}@media(hover:hover){.afilm__photo:hover .afilm__pic{transform:scale(1.02)}}.afilm__photo:active .afilm__pic{transform:scale(.98)}@media(max-width:600px){.afilm{--afilm-bleed: var(--page-pad);--sticker-size: 30px}.afilm__img{height:128px;min-width:128px}}.theme-toggle{display:inline-flex}.theme-toggle__btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;color:var(--text-muted);background:transparent;border-radius:var(--radius-pill);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-out-strong)}.theme-toggle__btn:active{transform:scale(.96)}@media(hover:hover){.theme-toggle__btn:hover{color:var(--text-strong);background:var(--hover-lift)}}.theme-toggle__btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-toggle__icon{grid-area:1 / 1;display:flex}@supports (view-transition-name: none){::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){animation:none}::view-transition-new(root){animation:theme-crossfade var(--dur-theme) ease-in-out both}@keyframes theme-crossfade{0%{opacity:0}}}@media(prefers-reduced-motion:no-preference){:root.theme-switching{transition:--color-black var(--dur-theme) ease-in-out,--color-white var(--dur-theme) ease-in-out,--bg var(--dur-theme) ease-in-out,--surface var(--dur-theme) ease-in-out,--exp-canvas var(--dur-theme) ease-in-out,--exp-card-fill var(--dur-theme) ease-in-out,--border-soft var(--dur-theme) ease-in-out,--foreground var(--dur-theme) ease-in-out,--text-secondary var(--dur-theme) ease-in-out,--text-muted var(--dur-theme) ease-in-out,--text-subtle var(--dur-theme) ease-in-out,--hover-lift var(--dur-theme) ease-in-out,--selection-bg var(--dur-theme) ease-in-out,--tool-figma var(--dur-theme) ease-in-out,--tool-framer var(--dur-theme) ease-in-out,--tool-rive var(--dur-theme) ease-in-out,--tool-claude var(--dur-theme) ease-in-out,--tool-cursor var(--dur-theme) ease-in-out,--tool-firebase var(--dur-theme) ease-in-out,--mark-accent-overview var(--dur-theme) ease-in-out,--mark-accent-ideation var(--dur-theme) ease-in-out,--mark-accent-problem var(--dur-theme) ease-in-out,--mark-accent-research var(--dur-theme) ease-in-out,--mark-accent-personas var(--dur-theme) ease-in-out,--mark-accent-wireframes var(--dur-theme) ease-in-out,--mark-accent-design var(--dur-theme) ease-in-out,--mark-accent-features var(--dur-theme) ease-in-out,--persona-accent-alex var(--dur-theme) ease-in-out,--persona-accent-blake var(--dur-theme) ease-in-out,--persona-accent-aubrey var(--dur-theme) ease-in-out,--mark-accent-results var(--dur-theme) ease-in-out,--mark-accent-sprint var(--dur-theme) ease-in-out,--mark-accent-retro var(--dur-theme) ease-in-out}}@media(prefers-reduced-motion:no-preference){:root.theme-switching .bento__tile,:root.theme-switching .cs-dock__sheet,:root.theme-switching .pcard__media{transition:box-shadow var(--dur-theme) var(--ease-standard)}}@media(prefers-reduced-motion:reduce){.rail{opacity:1!important;transition:none!important}@media(max-width:859px){.stage__home .tab__label{transition:none!important}}.list__highlight{transition:opacity .01ms!important}.theme-toggle__btn{transition:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}.not-found{position:relative;min-height:100svh;padding:calc(var(--shell-pad-top-mobile, 24px) + env(safe-area-inset-top,0px)) var(--page-pad, 16px) calc(var(--space-8, 48px) + env(safe-area-inset-bottom,0px))}.not-found .theme-toggle{position:fixed;left:var(--page-pad, 16px);bottom:calc(var(--page-pad, 16px) + env(safe-area-inset-bottom,0px));z-index:5}.not-found__main{width:min(100%,var(--content-max, 576px));margin-inline:auto;padding-top:clamp(72px,18vh,160px)}.not-found__code{margin:0 0 var(--space-3, 12px);color:var(--text-muted);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);font-weight:var(--weight-medium, 500);text-transform:uppercase}.not-found__title{margin:0 0 var(--space-3, 12px);color:var(--text-primary);font-family:var(--font-display, var(--font-body));font-size:var(--text-display-size);line-height:var(--text-display-leading);font-weight:var(--weight-medium, 500);letter-spacing:var(--tracking-tight)}.not-found__body{margin:0 0 var(--space-6, 32px);color:var(--text-secondary);font-size:var(--text-size);line-height:var(--text-leading);max-width:28ch}.not-found__home{display:inline-flex;align-items:center;color:var(--text-primary);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);font-weight:var(--weight-medium, 500);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.not-found__home:hover{color:var(--text-strong, var(--text-primary))}.not-found__home:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.notes-lede{color:var(--text-muted)}.notes-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.notes-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:var(--space-4);row-gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}.notes-row__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);min-width:0}.notes-row__label{color:var(--text-strong);transition:color var(--dur-fast) var(--ease-standard)}.notes-row__meta{flex-shrink:0;font-size:var(--text-sm-size);line-height:var(--text-sm-leading);color:var(--text-muted);font-variant-numeric:tabular-nums}.notes-row__excerpt{grid-column:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:var(--text-sm-size);line-height:var(--text-sm-leading);color:var(--text-muted)}.notes-row__arrow{grid-column:2;grid-row:1;opacity:.45;transition:transform var(--dur-fast) var(--ease-out-strong),opacity var(--dur-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.notes-row:hover{background:var(--surface);color:var(--text-secondary)}.notes-row:hover .notes-row__arrow{opacity:.9;transform:translate(2px,-2px)}}.notes-row:focus-visible{background:var(--surface)}.notes-desktop-only{max-width:var(--max-copy, 40rem);color:var(--text-muted);text-wrap:pretty}.note{--note-page: 720px;--note-gutter: 24px;--note-toc: 11rem;--note-line: 28px;--note-copy: var(--text-strong);--note-nav: var(--text-secondary);--mark-color: var(--text-muted);font-family:var(--font-body);font-size:16px;line-height:var(--note-line);font-weight:400;letter-spacing:var(--tracking);color:var(--note-copy)}.stage--case:has(.note){max-width:1160px}.stage:has(.note) .stage__home{height:0;overflow:hidden;content-visibility:hidden;pointer-events:none}.stage:has(.note) .note{z-index:2}.note__layout{position:relative;width:100%}.note .cs-main{width:min(var(--note-page),100%);max-width:100%;gap:0;margin-inline:auto;padding:0 var(--note-gutter) 64px}.note__rail{display:none}.note__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px;margin-bottom:24px}.note__back,.note__origin,.note__article-back,.note__pager-link,.note__contents-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;line-height:28px;font-weight:400;letter-spacing:var(--tracking-tight);color:var(--note-nav);text-decoration:none;text-align:left;transition:color var(--dur-fast) var(--ease-standard)}.note__back:hover,.note__back:focus-visible,.note__origin:hover,.note__origin:focus-visible,.note__article-back:hover,.note__article-back:focus-visible,.note__pager-link:hover,.note__pager-link:focus-visible,.note__contents-link:hover,.note__contents-link:focus-visible,.note__contents-link[aria-current=location]{color:var(--text-strong)}.note__title{margin:0 0 24px;font-family:var(--font-body);font-variation-settings:normal;font-size:16px;line-height:28px;font-weight:400;letter-spacing:var(--tracking-tight);color:var(--text-strong)}.note__title:has(+.note__views){margin-bottom:8px}.note__views{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 24px}.note__view{display:inline-flex;align-items:center;min-height:28px;padding:0;border:0;background:none;font-family:inherit;font-size:16px;line-height:28px;letter-spacing:var(--tracking-tight);color:var(--text-muted);cursor:pointer}.note__view:hover,.note__view:focus-visible,.note__view[aria-selected=true]{color:var(--text-strong)}.note__date{color:var(--text-muted);font-variant-numeric:tabular-nums}.note__body{display:flex;flex-direction:column;gap:0}.note__lede,.note .cs__block-summary,.note .note__callout-text,.note .note__list-item,.note .cs__cell-sub,.note .cs__stat-text{margin:0 0 8px;font-size:16px;line-height:var(--note-line);font-weight:400;color:var(--note-copy);text-wrap:pretty}.note .cs__section{display:flex;flex-direction:column;gap:0;scroll-margin-top:24px}.note__h,.note .cs__block-title,.note .note__list-label{margin:24px 0 8px;font-family:var(--font-body);font-variation-settings:normal;font-size:16px;line-height:28px;font-weight:400;letter-spacing:var(--tracking);color:var(--text-muted);text-wrap:pretty}.note .cs__story-block{gap:0}.note .cs__cell-icon{display:none}.note .cs__cols--3:not(.cs__stats-cols){grid-template-columns:1fr;gap:8px;margin:0 0 8px}.note .cs__cols--3:not(.cs__stats-cols) .cs__cell{display:flex;flex-direction:column;gap:0}.note .cs__cell-title{margin:0;font-size:16px;line-height:var(--note-line);font-weight:500;color:var(--text-strong)}.note .cs__stat-value,.note .note__table{font-variant-numeric:tabular-nums}.note strong,.note b{font-weight:500}.note__body a,.note .cs__block-summary a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-soft)}.note__body a.note__link{text-decoration:none}.note__body a:hover,.note .cs__block-summary a:hover{text-decoration-color:var(--text-strong)}.note__rule{border:0;border-top:1px solid var(--border-soft);margin:32px 0}.note__pager{display:flex;justify-content:space-between;gap:24px;margin-top:8px;color:var(--text-muted)}.note__pager-link--next{margin-left:auto;text-align:right}.note__code{margin:16px 0 24px;padding:12px 16px 16px;overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:color-mix(in oklab,var(--surface) 33.333%,var(--bg));color:var(--note-copy)}.note__code-lang{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 10px;font-family:var(--font-body);font-size:12px;line-height:16px;font-style:normal}.note__code-type{color:var(--text-muted)}.note__code-program{color:var(--text-secondary)}.note__code pre,.note__code code{margin:0;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:20px;font-variant-ligatures:none;-moz-tab-size:2;tab-size:2}.note__tok--comment{color:var(--text-muted)}.note__tok--keyword{color:var(--mark-accent-features)}.note__tok--string{color:var(--mark-accent-wireframes)}.note__tok--fn{color:var(--mark-accent-design)}.note__tok--var{color:var(--mark-accent-ideation)}.note__tok--number{color:var(--mark-accent-overview)}.note__table-scroll{width:100%;margin:16px 0 24px;overflow-x:auto;overscroll-behavior-x:contain}.note__table{width:100%;border-collapse:collapse;font-size:16px;line-height:24px;text-align:left}.note__table[data-wide=true]{min-width:960px}.note__table th,.note__table td{padding:8px 12px 8px 0;vertical-align:top;text-wrap:pretty;border-bottom:1px solid var(--border-soft)}.note__table th{font-weight:400;color:var(--text-muted)}.note__table tbody th,.note__table tbody td{color:var(--note-copy)}.note__table tbody th{font-weight:400}.note__table [data-align=num]{width:1%;font-variant-numeric:tabular-nums}.note__table tbody td:last-child,.note__table thead th:last-child{padding-right:0}.note__list{margin:0 0 8px;padding-left:1.25em;max-width:100%;color:var(--note-copy);list-style:disc}.note__list--ordered{list-style:decimal}.note__list[data-columns="2"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}@media(max-width:859px){.note__list[data-columns="2"]{grid-template-columns:1fr}}.note__list-item{padding-left:0}.note__list-item+.note__list-item{margin-top:0}.note__list-item:before{content:none}.note__links{display:grid;gap:0;margin:0 0 8px;padding:0;list-style:none}.note__links[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}@media(max-width:859px){.note__links[data-columns="2"]{grid-template-columns:1fr}}.note__link{display:inline-flex;align-items:baseline;gap:8px;min-width:0;padding:0;font-size:16px;line-height:28px;color:inherit;text-decoration:none}.note__link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;text-decoration-color:var(--border-soft);text-underline-offset:3px;text-decoration-thickness:1px}.note__link-note{flex-shrink:0;color:var(--text-muted)}.note__link-icon{display:none}@media(hover:hover)and (pointer:fine){.note__link:hover .note__link-label,.note__link:focus-visible .note__link-label{text-decoration-color:var(--text-strong)}}.note__callout,.note__quote{max-width:100%;margin:16px 0;padding:0 0 0 16px;border-left:1px solid var(--border-soft)}.note__callout[data-tone=warn]{border-left-color:var(--text-strong)}.note__callout-text,.note__quote-text{margin:0;font-family:var(--font-body);font-size:16px;line-height:var(--note-line);font-weight:400;color:var(--text-muted);text-wrap:pretty}.note__callout[data-tone=warn] .note__callout-text{color:var(--text-strong)}.note__quote{display:flex;flex-direction:column;gap:8px}.note__quote-by{font-size:16px;line-height:28px;color:var(--text-muted)}@media(max-width:720px){.note .cs-main{padding-inline:0}}@media not (max-width:1200px){.note__layout{display:grid;grid-template-columns:1fr}.note .cs-main,.note__rail{grid-row:1;grid-column:1}.note__toolbar{display:none}.note__toolbar--index{display:flex}.note__rail{position:sticky;top:100px;z-index:40;align-self:start;justify-self:start;display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;width:var(--note-toc);max-width:var(--note-toc);max-height:calc(100vh - 116px);margin-left:max(0px,calc(50% - 360px - var(--note-toc) - var(--note-gutter)));overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.note__rail::-webkit-scrollbar{display:none}.note__back{flex:0 0 auto;margin:0 8px 16px 0}.note__origin{margin:0 0 16px}.note__rail:has(.note__back:hover) .note__origin,.note__rail:has(.note__origin:hover) .note__back,.note__rail:has(.note__back:focus-visible) .note__origin,.note__rail:has(.note__origin:focus-visible) .note__back{color:var(--text-strong)}.note__contents{display:flex;flex-direction:column;flex:1 1 100%;width:100%;min-width:0}.note__contents-link{flex:1 1 100%;min-width:0;width:100%}.note__contents-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note__rail .theme-toggle{margin-top:24px}}@media(prefers-reduced-motion:reduce){.note__back,.note__origin,.note__article-back,.note__pager-link,.note__contents-link{transition:none}}.note-lock{width:min(300px,calc(100vw - 48px));padding:8px;border:1px solid color-mix(in oklab,var(--text-strong) 10%,transparent);border-radius:var(--radius-md, 12px);background:var(--bg);color:var(--text-strong);box-shadow:none;margin:auto}.note-lock::backdrop{background:color-mix(in oklab,var(--bg) 40%,#000 60%)}.note-lock__form{margin:0}.note-lock__field{position:relative;display:flex}.note-lock__input{box-sizing:border-box;width:100%;min-height:40px;padding:8px 40px 8px 12px;border:1px solid color-mix(in oklab,var(--text-strong) 12%,transparent);border-radius:var(--radius-sm, 8px);background:var(--bg);color:var(--text-strong);font-family:inherit;font-size:16px;line-height:24px}.note-lock__input:focus-visible{outline:2px solid var(--text-strong);outline-offset:2px}.note-lock__input[aria-invalid=true]{border-color:var(--accent-problem);outline:2px solid var(--accent-problem);outline-offset:2px}.note-lock__submit{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-sm, 8px);background:none;color:var(--text-muted);cursor:pointer}.note-lock__submit:hover,.note-lock__submit:focus-visible{color:var(--text-strong)}.note-lock__submit:focus-visible{outline:2px solid var(--text-strong);outline-offset:2px}.note-lock__submit:active{transform:translateY(-50%) scale(.92)}.note-lock__submit:disabled{opacity:.5}.inspo{grid-area:1 / 1;width:100%;outline:none}.inspo__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.inspo__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-display-size);line-height:var(--text-display-leading);font-weight:var(--weight-display);letter-spacing:var(--tracking-tight);color:var(--text-strong)}.inspo__lead{margin:0 0 var(--space-5);color:var(--text-muted)}.inspo__grid{column-count:3;column-gap:var(--space-3);list-style:none;margin:0;padding:0}.inspo__cell{break-inside:avoid;margin:0 0 var(--space-3)}.inspo__link{display:block;overflow:hidden;border-radius:var(--radius-md, 12px);background:var(--hover-lift)}.inspo__link:active{transform:scale(.99)}.inspo__link:focus-visible{outline:2px solid var(--text-strong);outline-offset:2px}.inspo__media{display:block;width:100%;height:auto}.inspo__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--text-sm-size);line-height:var(--text-sm-leading);color:var(--text-muted)}.inspo__index{font-variant-numeric:tabular-nums;color:var(--text-strong);font-weight:var(--weight-medium)}@media(max-width:859px){.inspo__grid{column-count:2}}@media(max-width:519px){.inspo__grid{column-count:1}}@media(hover:hover)and (pointer:fine){html.has-custom-cursor,html.has-custom-cursor *{cursor:none!important}html.has-custom-cursor dialog,html.has-custom-cursor dialog *{cursor:auto!important}html.has-custom-cursor dialog button,html.has-custom-cursor dialog a{cursor:pointer!important}}.cursor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;contain:layout style}.cursor__arrow,.cursor__tag-anchor{position:absolute;top:0;left:0;pointer-events:none}.cursor__arrow{--cursor-ink: var(--color-black);--cursor-paper: var(--color-white);width:16px;height:22px;margin:-1px 0 0 -1px;transform-origin:1px 1px;will-change:transform,opacity}.cursor__tag-anchor{width:0;height:0;transform-origin:0% 50%;will-change:transform}.cursor__tag{--cursor-ink: var(--color-black);--cursor-paper: var(--color-white);position:absolute;left:var(--space-5);top:var(--space-5);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--font-body);font-size:var(--toast-size);line-height:var(--toast-leading);font-weight:var(--weight-medium);color:var(--cursor-paper);background:var(--cursor-ink);padding:5.76px 9.6px;border-radius:var(--radius-pill);box-shadow:0 4px 12px #0000001f,0 1px 2px #00000014;transform-origin:top left;-webkit-user-select:none;user-select:none}.cursor__tag-icon{flex:none}@media(prefers-reduced-motion:reduce){.cursor__arrow,.cursor__tag-anchor{will-change:auto}}.exp-card__frame{--exp-embed-inset: 0px}.exp-card__frame[data-kind=wallet]{min-height:560px}.exp-card__frame[data-kind=wallet] .exp-card__embed,.exp-card__frame[data-kind=wallet] .exp-card__demo{overflow:hidden;clip-path:inset(0 round var(--exp-frame-radius))}.exp-card__frame[data-kind=crate],.exp-card__frame[data-kind=billing]{min-height:400px}.exp-card__frame[data-kind=voice]{min-height:430px}.exp-card__frame[data-kind=morph]{min-height:420px}.exp-card__frame[data-kind=gel]{min-height:340px}.exp-card__frame[data-kind=collage]{min-height:360px}.exp-card__demo.bc-root{background:#000}.exp-card__frame[data-kind=collage] .exp-card__embed-inner{min-width:0;min-height:0;width:100%;height:100%}.exp-card .exp-card__frame[data-kind=ticker] .exp-card__embed-inner{min-width:0;min-height:0;width:100%;height:auto;aspect-ratio:16 / 9;transform:translate(-50%,-50%)}.exp-card__embed{position:absolute;inset:var(--exp-embed-inset);overflow:hidden;pointer-events:auto;border-radius:inherit;clip-path:inset(0 round var(--exp-frame-radius))}@supports (corner-shape: superellipse(2)){.exp-card__embed{corner-shape:inherit}}.exp-card__embed-inner{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:420px;min-height:320px;transform:translate(-50%,-50%)}@media(max-width:520px){.exp-card__frame{--exp-embed-inset: 0px}.exp-card__frame[data-kind=wallet]{min-height:440px}.exp-card__embed-inner{min-width:0;min-height:0;width:108%;height:108%;transform:translate(-50%,-50%) scale(.9)}.exp-card__frame[data-kind=crate] .exp-card__embed-inner,.exp-card__frame[data-kind=selection] .exp-card__embed-inner{width:100%;height:100%;transform:translate(-50%,-50%)}.exp-card__frame[data-kind=collage] .exp-card__embed-inner{transform:translate(-50%,-50%)}.exp-card__demo .wm-scene{transform:scale(.88) translateY(var(--wm-scene-shift, 0px))}.exp-card__demo .wm-stage{padding:var(--space-5);padding-top:var(--space-6)}.exp-card__frame[data-kind=wallet] .wm-stage{padding:clamp(4.25rem,14vw,5rem) var(--space-5) var(--space-6)}.exp-card__demo .jvs-stage{padding:var(--space-3) var(--space-5)}}.exp-card__demo .cq-credit{display:none}.exp-card__demo{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;background:var(--exp-canvas);border-radius:inherit}@supports (corner-shape: superellipse(2)){.exp-card__demo{corner-shape:inherit}}.exp-card__demo .jvs-stage,.exp-card__demo .wm-stage{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(.5rem,2.5vw,1rem) clamp(.75rem,4vw,1.5rem)}.exp-card__demo .wm-stage{padding-top:clamp(1.75rem,7vw,2.75rem)}.exp-card__frame[data-kind=wallet] .wm-stage{padding:clamp(5.25rem,12vw,6.25rem) clamp(1.25rem,4vw,2rem) clamp(2rem,5vw,2.75rem)}.exp-card__demo .jvs-showcase{width:min(360px,92%)}.exp-card__demo .jvs-control{width:min(300px,100%)}.exp-card__demo .wm-scene{transform:scale(.92) translateY(var(--wm-scene-shift, 0px));transform-origin:center center}.exp-card__demo.wm-root{--font-body: var(--font-sans);--wx-white: var(--color-white);--wx-black: #000000;--wx-border-hairline: rgba(17, 17, 17, .12)}.exp-card__demo.jvs-root{--font-body: var(--font-sans)}[data-theme=dark] .exp-card__demo.wm-root{--wm-ink: #f2f2f2;--wx-white: var(--surface);--wx-border-hairline: var(--border-soft);--wx-black: #000000}