@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")}: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-display-size: 20px;--text-display-leading: 28px;--weight: 400;--weight-medium: 500;--weight-display: 500;--weight-section-header: 500;--tracking: 0em;--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: #fcfdfd;--exp-card-fill: #fcfdfd;--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: #8d8d8d;--text-muted: #8d8d8d;--text-subtle: #8d8d8d;--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-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: #171717;--exp-card-fill: #171717;--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}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){outline:none}.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}.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{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-secondary)}}.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__icon{display:none;position:relative;z-index:1;flex-shrink:0}@media(min-width:860px){.rail{position:sticky;top:100px;grid-row:1;grid-column:1;justify-self:start;z-index:40;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:var(--space-1);margin-bottom:0;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)}}@media(min-width:860px)and (prefers-reduced-motion:reduce){.rail{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:var(--vv-top, 0px);height:var(--vv-height, 100%);bottom:auto;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}.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 .theme-toggle{position:static;left:auto;bottom:auto;flex-shrink:0;width:var(--dock-cell);height:var(--dock-cell);border-radius:50%;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.home-bottom-bar .theme-toggle:active{background:var(--hover-lift)}@media(hover:hover){.home-bottom-bar .theme-toggle:hover{color:var(--text-strong);background:var(--hover-lift)}}.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,.home-bottom-bar__dock{display:contents}}#panel-work{margin-top:var(--gap-paragraph)}.head__identity{display:flex;align-items:center}.head__identity-portrait-slot{--portrait-size: calc( var(--text-display-leading) + var(--space-1) + var(--text-leading) );flex-shrink:0;width:0;height:var(--portrait-size);overflow:hidden}.head__identity-portrait{width:100%;height:100%}.head__name-role{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}@media(max-width:859px){.head__identity .theme-toggle{position:static;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}.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--card .pcard__label{color:var(--text-strong)}.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}.pcard__cover{display:block;width:100%;height:auto}.pcard__media-label{color:var(--text-muted);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);letter-spacing:.06em;text-transform:lowercase;opacity:.6;-webkit-user-select:none;user-select:none}.pcard__label{display:inline-flex;align-items:center;gap:var(--space-2);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;gap:3px;flex-shrink:0;padding:1px var(--space-2);border:none;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text-muted) 12%,transparent);font-family:var(--font-sans);font-size:10px;line-height:1.5;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.pcard__wip-icon{flex-shrink:0}@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-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(--content-max-cs);margin-inline:auto;padding-inline:var(--space-2);--max-copy: 100%}.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,.theme-toggle.theme-toggle--case{display:none}}@media(max-width:859px){.cs-layout,.cs-main,.cs__section{gap:var(--space-7)}.cs__body{gap:var(--gap-section)}}@media(min-width:1024px){.cs-layout{display:grid;grid-template-columns:1fr;gap:0}.cs-main{grid-row:1;grid-column:1;padding-inline: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;left:0;right:0;top:var(--vv-top, 0px);height:var(--vv-height, 100%);bottom:auto;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);box-shadow:var(--bento-fill-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.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{position:static;left:auto;bottom:auto;flex-shrink:0;width:var(--cs-dock-h);height:var(--cs-dock-h);border-radius:50%;background:var(--dock-pill);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.cs-dock .theme-toggle:active{background:color-mix(in oklab,var(--color-black) 5%,var(--dock-pill))}@media(hover:hover){.cs-dock .theme-toggle:hover{color:var(--text-strong);background:color-mix(in oklab,var(--color-black) 5%,var(--dock-pill))}}.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}.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%;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:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.cs__title{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);color:var(--text-strong)}.cs__meta{flex-shrink:0;color:var(--text-muted)}.cs__block-title{max-width:var(--max-copy, 40rem);margin:0;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-section-header);color:var(--text-strong);text-wrap:balance}.cs__summary{max-width:var(--max-copy, 40rem);color:var(--text-muted);text-wrap:pretty}.cs__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:clamp(2.5rem,14vw,5rem);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-sm-size);line-height:1.2;letter-spacing:.03em;font-weight:500;color:var(--text-muted)}.cs__fact-value{margin:0;padding:0;font-size:var(--text-size);line-height:var(--text-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:10px;min-height:20px}.cs__tool-icon{display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px}.cs__tool-icon img{display:block;max-width:100%;max-height:100%;object-fit:contain}.cs__tool-icon--tall img{width:13px;height:20px}.cs__tool-icon--square img{width:18px;height:18px}.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{display:flex;flex-direction:column;gap:var(--gap-section);scroll-margin-top:var(--space-10)}.cs__section-eyebrow{margin:0;margin-bottom:calc(8px - var(--gap-section));font-size:12px;line-height:16px;font-weight:400;color:var(--text-muted);letter-spacing:.04em}.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;color:var(--text-muted);text-wrap:pretty}.cs__mark{color:var(--mark-color);background:color-mix(in srgb,var(--mark-color) 12%,transparent);text-decoration:none;padding:.04em .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.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)}:root[data-theme=dark] .cs__mark{background:color-mix(in srgb,var(--mark-color) 16%,transparent)}.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);letter-spacing:.06em;text-transform:lowercase;opacity:.6;-webkit-user-select:none;user-select:none}.cs__feature{position:relative;margin:0;width:100%}.cs__feature-frame{position:relative;display:grid;place-items:center;width:100%;aspect-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--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{position:absolute;left:var(--space-4);bottom:var(--space-4);margin:0;padding:.4em .85em;color:var(--bg);font-weight:var(--weight-display);background:var(--text-strong);border-radius:var(--radius-pill)}@supports (corner-shape: superellipse(2)){.cs__feature-frame,.cs__feature-caption,.persona__quirk-icon{corner-shape:var(--corner-smooth)}}.cs__section--features{gap:0}.cs__features-layout{display:grid;grid-template-columns:minmax(240px,40%) minmax(0,1fr);column-gap:var(--space-8);align-items:start;width:100%}.cs__features-sticky{position:sticky;top:100px;display:flex;flex-direction:column;gap:var(--space-5)}.cs__features-sticky .cs__section-eyebrow{margin-bottom:0}.cs__features-intro{display:flex;flex-direction:column;gap:var(--space-3)}.cs__features-summary{color:var(--text-muted);text-wrap:pretty}.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(--space-6)}@media(max-width:859px){.cs__features-layout{grid-template-columns:1fr;gap:var(--space-7)}.cs__features-sticky{position:static}}.cs__figure{display:flex;flex-direction:column;gap:var(--space-7);margin:0}.cs__figcap{display:flex;flex-direction:column;gap:var(--space-3)}.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 srgb,#ffffff 50%,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--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__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;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{display:grid;gap:var(--space-3)}.cs__cols--2{grid-template-columns:repeat(2,1fr)}.cs__cols--3{grid-template-columns:repeat(3,1fr)}.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{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{width:100%;gap:clamp(1.5rem,4vw,2.5rem)}.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{gap:var(--space-4)}.cs__cols--2,.cs__cols--3{grid-template-columns:1fr}}.persona{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6);width:100%;min-width:0}.persona__panel[data-persona=alex],.persona__tab[data-persona=alex]{--persona-accent: var(--persona-accent-alex)}.persona__panel[data-persona=blake],.persona__tab[data-persona=blake]{--persona-accent: var(--persona-accent-blake)}.persona__panel[data-persona=aubrey],.persona__tab[data-persona=aubrey]{--persona-accent: var(--persona-accent-aubrey)}.persona__panel[data-persona]{--mark-color: var(--persona-accent)}.persona__toggle{align-self:start;display:inline-flex;gap:var(--space-1)}.persona__tab{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-4);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);font-weight:var(--weight-display);color:var(--text-muted);border-radius:14px;cursor:pointer}.persona__tab:hover{color:var(--text-strong)}.persona__tab[data-accent]{color:var(--persona-accent)}.persona__tab-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hover-lift);border-radius:14px;pointer-events:none}.persona__tab-label{position:relative;z-index:1}.persona__panel{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(1.25rem,4vw,2.5rem);align-items:start;width:100%;min-width:0}.persona__media{margin:0;min-width:0;width:100%}.persona__picture{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-lg)}.persona__photo{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:center;border:none;outline:none;box-shadow:none;background:var(--surface)}.persona__panel[data-persona=aubrey] .persona__photo{transform:scale(1.2);transform-origin:center center}.persona__panel[data-persona=blake] .persona__photo{object-position:center 35%}.persona__photo--empty{display:grid;place-items:center;width:100%;aspect-ratio:1 / 1;color:var(--persona-accent);background:color-mix(in srgb,var(--persona-accent) 12%,transparent);font-size:3.5rem;font-weight:var(--weight-display)}.persona__body{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;width:100%}.persona__head{display:flex;flex-direction:column;gap:2px}.persona__name{margin:0;color:var(--text-strong);font-size:var(--text-display-size);line-height:var(--text-display-leading);font-weight:var(--weight-display)}.persona__tagline{margin:0;color:var(--persona-accent);font-weight:var(--weight-display)}.persona__bio{margin:0;color:var(--text-muted);text-wrap:pretty}.persona__quirks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3);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{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;color:var(--persona-accent);background:color-mix(in srgb,var(--persona-accent) 12%,transparent);border-radius:var(--radius-md)}.persona__quirk-text{display:flex;flex-direction:column;gap:2px;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}@media(max-width:640px){.persona__panel{grid-template-columns:1fr;gap:var(--space-4)}}@supports (corner-shape: superellipse(2)){.cs__tile,.cs__cover,.persona__quirk-icon{corner-shape:var(--corner-smooth)}}.cs__hero{margin:0}.cs__tile--hero{aspect-ratio:16 / 9}.cs__cover{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 srgb,#ffffff 50%,transparent)}:root[data-theme=dark] .cs__cover{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__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{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(--bg);background:var(--text-strong);border-radius:var(--radius-pill);transition:transform var(--dur-fast) var(--ease-out-strong),opacity var(--dur-fast) var(--ease-standard)}@media(hover:hover){.cs__outro-cta:hover{transform:translateY(-1px);opacity:.92}}.cs__outro-cta:active{transform:scale(.97)}.cs__outro-cta:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@supports (corner-shape: superellipse(2)){.cs__outro-cta{corner-shape:var(--corner-smooth)}}.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{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))}@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);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{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{align-self:flex-start;flex-shrink:0;color:var(--text-muted)}.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--image .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__note--link{pointer-events:auto;text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}.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%}.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-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-block}.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-open .hw__word,.hw.is-expanded .hw__word{color:var(--text-strong);text-decoration-style:solid;text-decoration-color:var(--color-black)}.hw__stack{position:absolute;left:50%;bottom:calc(100% + var(--space-2));width:0;pointer-events:none;z-index:60}.hw__photo{position:absolute;bottom:0;left:0;height:150px;width:auto;max-width:none;border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--color-white),0 0 0 4px color-mix(in oklab,var(--color-black) 12%,transparent);opacity:0;transform:translate(-50%,10px) rotate(0) scale(.92);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur) var(--ease-overshoot);transition-delay:0ms}.hw__photo:nth-child(1){--tx: -102%;--rot: -8deg}.hw__photo:nth-child(2){--tx: 2%;--rot: 6deg}.hw__photo:nth-child(3){--tx: -50%;--rot: -2deg;z-index:1}.hw__photo:only-child{--tx: -50%;--rot: -3deg}.hw.is-open .hw__photo{opacity:1;transform:translate(var(--tx, -50%)) rotate(var(--rot, 0deg)) scale(1)}.hw.is-open .hw__photo:nth-child(2){transition-delay:40ms}.hw.is-open .hw__photo:nth-child(3){transition-delay:80ms}@media(max-width:600px){.hw__photo{height:104px}.hw__photo:nth-child(1){--tx: -82%}.hw__photo:nth-child(2){--tx: -18%}}.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}.wbento{overflow:hidden}.wbento__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-section-inner)}.wbento__tile{position:relative;margin:0;aspect-ratio:3 / 2;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--bento-fill-shadow)}.wbento__grid--1 .wbento__tile,.wbento__grid--3 .wbento__tile:first-child{grid-column:1 / -1;aspect-ratio:16 / 7}@supports (corner-shape: superellipse(2)){.wbento__tile{corner-shape:var(--corner-smooth)}}.wbento__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease-out-strong)}.wbento__cap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:var(--space-3);text-align:center;color:#fff;background:#00000052;font-size:var(--text-sm-size);line-height:var(--text-sm-leading);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-standard)}@media(hover:hover){.wbento__tile:hover .wbento__img{transform:scale(1.05)}.wbento__tile:hover .wbento__cap{opacity:1}}.theme-toggle{position:fixed;left:var(--page-pad);bottom:var(--space-8);z-index:50;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-muted);border-radius:var(--radius-pill);transition:color var(--dur-fast) var(--ease-standard),background-color var(--dur) var(--ease-standard),transform var(--dur-fast) var(--ease-out-strong)}.theme-toggle:active{transform:scale(.97)}@media(hover:hover){.theme-toggle:hover{color:var(--text-strong);background:var(--hover-lift)}}.theme-toggle:focus-visible{color:var(--text-strong)}@media(prefers-reduced-motion:no-preference){.theme-toggle{animation:tt-reveal var(--dur-slow) var(--ease-out-strong) 90ms backwards}}@keyframes tt-reveal{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(80% at 50% 50%)}}@media(min-width:860px){.theme-toggle{left:max(var(--page-pad),calc(50vw - var(--content-max) / 2 - var(--rail-offset)));translate:var(--rail-dodge, 0px) 0;transition:color var(--dur-fast) var(--ease-standard),background-color var(--dur) var(--ease-standard),left var(--dur-layout) var(--ease-out-strong),translate var(--dur-layout) var(--ease-out-strong)}.theme-toggle--case{left:max(var(--page-pad),calc(50vw - var(--content-max-cs) / 2 - var(--rail-offset)))}}@media(min-width:860px)and (prefers-reduced-motion:reduce){.theme-toggle{transition:color var(--dur-fast) var(--ease-standard),background-color var(--dur) var(--ease-standard)}}.tt{overflow:visible;transition:transform var(--dur-slow) var(--ease-overshoot)}.theme-toggle[data-mode=dark] .tt{transform:rotate(-15deg)}.tt__core{transition:r var(--dur-slow) var(--ease-overshoot)}.theme-toggle[data-mode=dark] .tt__core{r:8px}.tt__mask{transition:cx var(--dur-slow) var(--ease-overshoot),cy var(--dur-slow) var(--ease-overshoot)}.theme-toggle[data-mode=dark] .tt__mask{cx:17.5px;cy:6.5px}.tt__rays{transform-box:fill-box;transform-origin:center;transition:opacity var(--dur) var(--ease-standard),transform var(--dur-slow) var(--ease-overshoot)}.theme-toggle[data-mode=dark] .tt__rays{opacity:0;transform:rotate(-50deg) scale(.55)}@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,:root.theme-switching body,:root.theme-switching *,:root.theme-switching *:before,:root.theme-switching *:after{transition:background-color var(--dur-theme) var(--ease-standard),color var(--dur-theme) var(--ease-standard),border-color var(--dur-theme) var(--ease-standard),box-shadow var(--dur-theme) var(--ease-standard),fill var(--dur-theme) var(--ease-standard),stroke var(--dur-theme) var(--ease-standard)}}@media(prefers-reduced-motion:reduce){.hw__photo{transition:opacity .01ms!important;transform:translate(var(--tx, -50%)) rotate(var(--rot, 0deg)) scale(1)}.rail{opacity:1!important;transition:none!important}@media(max-width:859px){.stage__home .tab__label{transition:none!important}}.list__highlight{transition:opacity .01ms!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}@media(hover:hover)and (pointer:fine){html.has-custom-cursor,html.has-custom-cursor *{cursor:none!important}}.cursor__dot,.cursor__tag-anchor{position:fixed;top:0;left:0;z-index:9999;pointer-events:none}.cursor__dot{--cursor-ink: var(--color-black);--cursor-paper: var(--color-white);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--cursor-ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--cursor-paper) 76%,transparent),0 2px 10px #0000002e}.cursor__tag-anchor{width:0;height:0}.cursor__tag{--cursor-ink: var(--color-black);--cursor-paper: var(--color-white);position:absolute;left:var(--space-3);bottom:var(--space-2);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;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);transform-origin:bottom left}.cursor__tag-icon{flex:none}.cq-root{--cq-ink: var(--text-strong, #111111);--cq-muted: var(--text-muted, #8d8d8d);--cq-glass: hsl(0 0% 100% / .78);--cq-glass-hover: hsl(0 0% 100% / .86);--cq-glass-strong: hsl(0 0% 100% / .9);--cq-glass-lifted: hsl(0 0% 100% / .55);--cq-lift: var(--hover-lift, rgba(0, 0, 0, .04));position:relative;width:100%;height:100%;font-family:var(--font-body, ui-sans-serif, system-ui, sans-serif);font-size:14px;line-height:20px;color:var(--cq-ink)}:root[data-theme=dark] .cq-root{--cq-glass: color-mix(in oklab, #ffffff 7%, transparent);--cq-glass-hover: color-mix(in oklab, #ffffff 10%, transparent);--cq-glass-strong: color-mix(in oklab, #ffffff 13%, transparent);--cq-glass-lifted: color-mix(in oklab, #ffffff 5%, transparent)}.cq-stage{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:clamp(.75rem,4vw,1.5rem)}.cq-credit{position:absolute;top:clamp(.5rem,2vw,.75rem);left:clamp(.5rem,2vw,.75rem);z-index:1;font-size:11px;line-height:1.3;color:var(--cq-muted);text-decoration:none;letter-spacing:.01em}@media(hover:hover){.cq-credit:hover{color:var(--text-secondary, var(--cq-ink));text-decoration:underline}}.cq-crate{width:min(392px,100%)}.cq-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3, 12px);padding-inline:10px;margin-bottom:var(--space-2, 8px)}.cq-head-label{font-weight:var(--weight-medium, 500)}.cq-head-count{color:var(--cq-muted);font-variant-numeric:tabular-nums}.cq-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.cq-row{position:relative;border-radius:var(--radius-sm, 8px);background:transparent;cursor:default;user-select:none;-webkit-user-select:none;outline:none}.cq-row[data-lifted]{z-index:2!important}.cq-row-glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:var(--cq-glass);pointer-events:none;transition:background .16s ease}.cq-row[data-lifted] .cq-row-glass{background:var(--cq-glass-lifted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cq-row:focus-visible .cq-row-glass{background:var(--cq-glass-strong)}@media(hover:hover){.cq-row:hover:not([data-lifted]) .cq-row-glass{background:var(--cq-glass-hover)}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cq-row[data-lifted] .cq-row-glass{background:var(--cq-glass-strong)}}.cq-row-body{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-2, 8px);padding:6px 8px 6px 6px}.cq-row[data-lifted] .cq-row-body{cursor:grabbing}.cq-row-cover{flex-shrink:0;width:40px;height:40px;object-fit:cover;border-radius:4px}.cq-row-index{flex-shrink:0;width:1.35rem;color:var(--cq-muted);font-variant-numeric:tabular-nums;font-size:12px}.cq-row-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cq-row-title{font-weight:var(--weight-medium, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.cq-row-artist{color:var(--cq-muted);font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cq-row-handle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;color:var(--cq-muted);border-radius:var(--radius-sm, 8px);cursor:grab;touch-action:none;outline:none}.cq-row-handle:active,.cq-row[data-lifted] .cq-row-handle{cursor:grabbing}@media(hover:hover){.cq-row-handle:hover{color:var(--text-secondary, var(--cq-ink));background:var(--cq-lift)}}@media(prefers-reduced-motion:reduce){.cq-row-glass,.cq-row[data-lifted] .cq-row-glass{background:var(--cq-glass-strong);-webkit-backdrop-filter:none;backdrop-filter:none;transition:none}}.dfp-root{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;border-radius:inherit;background:var(--exp-canvas);color:var(--text-primary);font-family:var(--font-body, system-ui, sans-serif)}.dfp-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-5)}.dfp-panel{display:grid;gap:var(--space-3);width:min(230px,100%)}.dfp-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dfp-label{color:var(--text-muted);font-size:var(--text-sm-size);line-height:var(--text-sm-leading)}.dfp-totals{display:inline-flex;align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;font-size:var(--text-sm-size);line-height:1;font-weight:var(--weight-medium)}.dfp-total{display:inline-flex;align-items:center}.dfp-sign{flex-shrink:0;width:1ch;text-align:center}.dfp-total--add{color:var(--mark-accent-wireframes)}.dfp-total--del{color:var(--mark-accent-problem)}.dfp-lines-wrap{mask-image:linear-gradient(to top,transparent,#000 52%);-webkit-mask-image:linear-gradient(to top,transparent,#000 52%)}.dfp-lines{display:flex;flex-direction:column;gap:4px;min-height:72px;align-items:flex-start;font-size:10px;line-height:1.45}.dfp-row{display:flex;align-items:baseline;gap:5px;max-width:100%;overflow:hidden}.dfp-line{flex:none;max-width:100%;overflow:hidden;white-space:pre;padding:.04em .28em;border-radius:2px}.dfp-line--add{color:var(--mark-accent-wireframes);background:color-mix(in srgb,var(--mark-accent-wireframes) 12%,transparent)}.dfp-line--del{color:var(--mark-accent-problem);background:color-mix(in srgb,var(--mark-accent-problem) 12%,transparent);text-decoration:line-through;text-decoration-thickness:1px}:root[data-theme=dark] .dfp-line--add{background:color-mix(in srgb,var(--mark-accent-wireframes) 16%,transparent)}:root[data-theme=dark] .dfp-line--del{background:color-mix(in srgb,var(--mark-accent-problem) 16%,transparent)}.dfp-panel[data-static] .dfp-lines-wrap{mask-image:none;-webkit-mask-image:none}.fgl-root{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;border-radius:inherit;background:var(--exp-canvas);color:var(--text-primary);font-family:var(--font-body, system-ui, sans-serif)}.fgl-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-5)}.fgl-defs{position:absolute;width:0;height:0}.fgl-panel{position:relative;width:min(240px,100%);height:168px;overflow:hidden;border-radius:var(--radius-md);background:var(--surface)}.fgl-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-2);padding:var(--space-6)}.fgl-layer--clear{opacity:0;filter:blur(4px);background:var(--surface);transition:opacity var(--dur-slow) var(--ease-out-strong),filter var(--dur-slow) var(--ease-out-strong)}.fgl-panel[data-clear] .fgl-layer--clear{opacity:1;filter:blur(0)}.fgl-kicker{color:var(--text-muted);font-size:11px;line-height:1;letter-spacing:.04em;text-transform:uppercase}.fgl-title{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)}.fgl-body{color:var(--text-secondary);font-size:var(--text-sm-size);line-height:var(--text-sm-leading)}.ggr-root{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;border-radius:inherit;background:var(--exp-canvas)}.ggr-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--exp-canvas)}.ggr-panel{position:relative;width:min(78%,320px);aspect-ratio:1.28;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-white) 82%,transparent),transparent 38%),color-mix(in srgb,var(--surface) 58%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--border-soft) 82%,transparent)}.ggr-wire{position:absolute;z-index:1;display:block;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 10%,transparent)}.ggr-wire--nav{top:13%;left:10%;width:22%;height:5px}.ggr-wire--hero{top:28%;left:10%;width:43%;height:13%;border-radius:12px;background:color-mix(in srgb,var(--text-primary) 7%,transparent)}.ggr-wire--rail{top:27%;right:11%;width:24%;height:45%;border-radius:14px;background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.ggr-wire--list{bottom:26%;left:10%;width:45%;height:6px;box-shadow:0 13px color-mix(in srgb,var(--text-primary) 8%,transparent),0 26px color-mix(in srgb,var(--text-primary) 7%,transparent)}.ggr-wire--cta{right:13%;bottom:18%;width:21%;height:10%;border-radius:999px;background:color-mix(in srgb,var(--accent-results) 18%,transparent)}.ggr-blob{position:absolute;top:-14%;right:-8%;bottom:-14%;left:-8%;z-index:2;overflow:hidden;border-radius:inherit;mix-blend-mode:multiply;opacity:.82}.ggr-shader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ggr-target{position:absolute;z-index:3;display:block;width:18px;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--color-white) 72%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-features) 74%,transparent),0 0 0 7px color-mix(in srgb,var(--accent-features) 12%,transparent)}.ggr-target--primary{top:34%;left:42%}.ggr-target--secondary{right:21%;bottom:29%;width:14px;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-results) 72%,transparent),0 0 0 6px color-mix(in srgb,var(--accent-results) 13%,transparent)}.ggr-target--tertiary{left:22%;bottom:28%;width:11px;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-ideation) 62%,transparent),0 0 0 5px color-mix(in srgb,var(--accent-ideation) 10%,transparent)}[data-theme=dark] .ggr-blob{mix-blend-mode:screen;opacity:.72}@media(prefers-reduced-motion:reduce){.ggr-blob{opacity:.64}}.hts-root{--hts-ink: var(--text-strong, #111111);--hts-muted: var(--text-muted, #8d8d8d);--hts-hairline: var(--border-soft, #e8e8e8);--hts-paper: var(--surface, #f0f0f0);--hts-lift: var(--hover-lift, rgba(0, 0, 0, .04));position:relative;width:100%;height:100%;font-family:var(--font-body, ui-sans-serif, system-ui, sans-serif);font-size:14px;line-height:20px;color:var(--hts-ink)}.hts-stage{display:grid;place-items:center;width:100%;height:100%;padding:clamp(.75rem,4vw,1.5rem)}.hts-showcase{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 12px)}.hts-button{position:relative;overflow:hidden;padding:11px 26px;border:0;border-radius:var(--radius-pill, 999px);background:var(--hts-paper);color:var(--hts-ink);font:inherit;font-weight:var(--weight-medium, 500);cursor:pointer;box-shadow:0 0 0 1px var(--hts-hairline);user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}.hts-button[data-phase=sending]{cursor:wait}@media(hover:hover){.hts-button[data-phase=idle]:hover{background:color-mix(in oklab,var(--hts-lift),var(--hts-paper))}}.hts-button:focus-visible{outline:var(--focus-width, 2px) solid var(--focus-ring, currentColor);outline-offset:var(--focus-offset, 3px)}.hts-sizer{visibility:hidden;white-space:nowrap}.hts-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.hts-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.hts-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hts-ink);clip-path:inset(0 100% 0 0);transition:opacity .24s var(--ease-standard, ease-out)}.hts-fill--hidden{opacity:0}.hts-layer--fill{color:var(--hts-paper)}.hts-check{flex-shrink:0}.hts-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.jvs-root{--jvs-ink: var(--text-strong, #151515);--jvs-muted: var(--text-muted, #8d8d8d);--jvs-page: var(--color-white, #ffffff);--jvs-border: color-mix(in srgb, var(--jvs-ink) 16%, var(--jvs-page));--jvs-track-fill: color-mix(in srgb, var(--jvs-ink) 6%, var(--jvs-page));--jvs-thumb: color-mix(in srgb, var(--jvs-ink) 40%, var(--jvs-page));--jvs-focus: var(--focus-ring, currentColor);--jvs-frame-offset: 0px;--jvs-frame-scale: 1;--jvs-frame-origin: center;position:relative;height:100%;min-height:100%;width:100%;overflow:hidden;color:var(--jvs-ink);font-family:var(--font-body, system-ui, sans-serif);background:var(--exp-canvas)}.jvs-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem)}.jvs-showcase{width:min(560px,100%);display:grid;place-items:center}.jvs-control{width:clamp(280px,34vw,420px);display:grid;gap:6px}.jvs-control-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:2px}.jvs-frame{box-sizing:border-box;width:100%;padding:3px;border-radius:var(--radius-sm, 8px);background:transparent;box-shadow:0 1px 3px #00000005;transform:translate(var(--jvs-frame-offset)) scaleX(var(--jvs-frame-scale));transform-origin:var(--jvs-frame-origin);transition:box-shadow .16s cubic-bezier(.16,1,.3,1);will-change:transform}.jvs-frame-inner{position:relative;height:var(--jvs-field-height, 24px);min-height:18px;overflow:hidden;border-radius:calc(var(--radius-sm, 8px) - 3px);background:transparent}.jvs-track{position:absolute;top:0;right:0;bottom:0;left:0;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;border-radius:inherit}.jvs-track-surface{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:var(--jvs-track-fill)}.jvs-frame[data-state=edge]{box-shadow:0 1px 5px #1414140f}.jvs-frame:has(.jvs-track:focus-visible){outline:2px solid color-mix(in srgb,var(--jvs-focus) 38%,transparent);outline-offset:3px}.jvs-label,.jvs-value{font-size:16px;line-height:20px;letter-spacing:0;white-space:nowrap}.jvs-label{min-width:0;overflow:hidden;color:var(--jvs-muted);font-weight:400;text-overflow:ellipsis}.jvs-value{flex:0 0 auto;min-width:3ch;color:var(--jvs-ink);font-weight:var(--weight-medium, 500);font-variant-numeric:tabular-nums;text-align:right}.jvs-edge-thumb{position:absolute;top:50%;left:calc(100% - var(--jvs-handle-size, 3px) / 2);z-index:4;width:var(--jvs-handle-size, 3px);height:min(18px,calc(100% - 8px));border-radius:var(--radius-pill, 999px);background:var(--jvs-thumb);box-shadow:0 1px 2px #0000001a;pointer-events:none;transform:translate(-50%,-50%);transition:background-color .14s cubic-bezier(.16,1,.3,1),height .14s cubic-bezier(.16,1,.3,1);will-change:transform,left,width}.jvs-frame[data-state=hover] .jvs-edge-thumb{background:color-mix(in srgb,var(--jvs-ink) 43%,var(--jvs-page))}.jvs-frame[data-state=dragging] .jvs-edge-thumb,.jvs-frame[data-state=edge] .jvs-edge-thumb{height:min(20px,calc(100% - 6px));background:color-mix(in srgb,var(--jvs-ink) 46%,var(--jvs-page))}@media(max-width:680px){.jvs-stage{padding-inline:1rem}.jvs-control{width:min(100%,380px)}}@media(prefers-reduced-motion:reduce){.jvs-frame,.jvs-edge-thumb{transition:none!important}}.mgd-root{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;border-radius:inherit;background:var(--exp-canvas);color:var(--text-primary);font-family:var(--font-body, system-ui, sans-serif)}.mgd-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-5)}.mgd-dock{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-pill);background:var(--surface);touch-action:pan-y}.mgd-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:var(--radius-pill);background:var(--color-white);color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard);will-change:transform}.mgd-icon:hover,.mgd-icon:focus-visible{color:var(--text-primary)}.mgd-icon:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}@media(pointer:coarse){.mgd-icon{width:44px;height:44px}}@property --nsb-grow{syntax: "<number>"; inherits: true; initial-value: 0;}@property --nsb-anchor{syntax: "<length>"; inherits: true; initial-value: 18px;}@property --nsb-ph{syntax: "<length>"; inherits: true; initial-value: 128px;}.nsb-root{--nsb-dock: 3.5rem;--nsb-cell: var(--dock-cell, 2.5rem);--nsb-radius: var(--radius-lg, 16px);--nsb-panel-w: 12.5rem;--nsb-dur: .42s;--nsb-dur-fast: var(--dur-fast, .16s);--nsb-ease: var(--ease-drawer, cubic-bezier(.32, .72, 0, 1));--nsb-ease-out: var(--ease-out-strong, cubic-bezier(.23, 1, .32, 1));--nsb-tray: color-mix(in srgb, var(--surface, #f0f0f0) 52%, transparent);--nsb-sheen-hi: rgba(255, 255, 255, .4);--nsb-sheen-lo: rgba(255, 255, 255, .05);--nsb-pill: var(--dock-pill, var(--color-white, #fff));position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;border-radius:inherit;background:var(--exp-canvas, #fcfdfd);color:var(--text-primary, #000);font-family:var(--font-body, system-ui, sans-serif)}.nsb-root[data-canvas=inherit]{background:none}[data-theme=dark] .nsb-root{--nsb-tray: color-mix(in srgb, var(--surface, #1c1c1e) 62%, transparent);--nsb-sheen-hi: rgba(255, 255, 255, .07);--nsb-sheen-lo: rgba(255, 255, 255, .02)}.nsb-stage{position:absolute;top:0;right:0;bottom:0;left:0;transition:--nsb-anchor var(--nsb-dur) var(--nsb-ease),--nsb-ph var(--nsb-dur) var(--nsb-ease)}.nsb-stage[data-swap-in]{transition:none}.nsb-notch{position:absolute;top:0;right:0;bottom:0;left:0;--nsb-grow: 0;--nsb-f: calc(var(--nsb-grow) * var(--nsb-radius));--nsb-ext: calc(var(--nsb-grow) * var(--nsb-panel-w));--nsb-pv: calc(var(--nsb-grow) * var(--nsb-ph));--nsb-pw: calc(var(--nsb-grow) * var(--nsb-panel-w));clip-path:var(--nsb-shape);background:linear-gradient(var(--nsb-sheen-hi),var(--nsb-sheen-lo) 70%),var(--nsb-tray);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);transition:--nsb-grow var(--nsb-dur) var(--nsb-ease);animation:nsb-notch-in .22s var(--nsb-ease-out);--nsb-fade: 24px}.nsb-notch[data-side=left],.nsb-notch[data-side=right]{mask-image:linear-gradient(to bottom,transparent,#000 var(--nsb-fade));-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--nsb-fade))}.nsb-notch[data-side=top]{mask-image:linear-gradient(to right,transparent,#000 var(--nsb-fade),#000 calc(100% - var(--nsb-fade)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--nsb-fade),#000 calc(100% - var(--nsb-fade)),transparent)}.nsb-notch[data-open=true]{--nsb-grow: 1}.nsb-notch[data-swap-in]{--nsb-grow: 1;transition:none;animation:nsb-notch-in .22s var(--nsb-ease-out)}.nsb-notch--ghost{pointer-events:none;transition:none;animation:nsb-ghost-out .22s var(--nsb-ease-out) forwards}@keyframes nsb-notch-in{0%{opacity:0}}@keyframes nsb-ghost-out{to{opacity:0}}.nsb-notch[data-side=right]{--nsb-shape: shape( from calc(100% - var(--nsb-dock)) 0, hline to 100%, vline to 100%, hline to calc(100% - var(--nsb-dock)), vline to calc(var(--nsb-anchor) + var(--nsb-pv) + var(--nsb-f)), arc to calc(100% - var(--nsb-dock) - var(--nsb-f)) calc(var(--nsb-anchor) + var(--nsb-pv)) of var(--nsb-f) ccw, hline to calc(100% - var(--nsb-dock) - var(--nsb-ext) + var(--nsb-f)), arc to calc(100% - var(--nsb-dock) - var(--nsb-ext)) calc(var(--nsb-anchor) + var(--nsb-pv) - var(--nsb-f)) of var(--nsb-f) cw, vline to calc(var(--nsb-anchor) + var(--nsb-f)), arc to calc(100% - var(--nsb-dock) - var(--nsb-ext) + var(--nsb-f)) var(--nsb-anchor) of var(--nsb-f) cw, hline to calc(100% - var(--nsb-dock) - var(--nsb-f)), arc to calc(100% - var(--nsb-dock)) calc(var(--nsb-anchor) - var(--nsb-f)) of var(--nsb-f) ccw, close )}.nsb-notch[data-side=left]{--nsb-shape: shape( from 0 0, hline to var(--nsb-dock), vline to calc(var(--nsb-anchor) - var(--nsb-f)), arc to calc(var(--nsb-dock) + var(--nsb-f)) var(--nsb-anchor) of var(--nsb-f) ccw, hline to calc(var(--nsb-dock) + var(--nsb-ext) - var(--nsb-f)), arc to calc(var(--nsb-dock) + var(--nsb-ext)) calc(var(--nsb-anchor) + var(--nsb-f)) of var(--nsb-f) cw, vline to calc(var(--nsb-anchor) + var(--nsb-pv) - var(--nsb-f)), arc to calc(var(--nsb-dock) + var(--nsb-ext) - var(--nsb-f)) calc(var(--nsb-anchor) + var(--nsb-pv)) of var(--nsb-f) cw, hline to calc(var(--nsb-dock) + var(--nsb-f)), arc to var(--nsb-dock) calc(var(--nsb-anchor) + var(--nsb-pv) + var(--nsb-f)) of var(--nsb-f) ccw, vline to 100%, hline to 0, close )}.nsb-notch[data-side=top]{--nsb-ext: calc(var(--nsb-grow) * var(--nsb-ph));--nsb-shape: shape( from 0 0, hline to 100%, vline to var(--nsb-dock), hline to calc(var(--nsb-anchor) + var(--nsb-pw) + var(--nsb-f)), arc to calc(var(--nsb-anchor) + var(--nsb-pw)) calc(var(--nsb-dock) + var(--nsb-f)) of var(--nsb-f) ccw, vline to calc(var(--nsb-dock) + var(--nsb-ext) - var(--nsb-f)), arc to calc(var(--nsb-anchor) + var(--nsb-pw) - var(--nsb-f)) calc(var(--nsb-dock) + var(--nsb-ext)) of var(--nsb-f) cw, hline to calc(var(--nsb-anchor) + var(--nsb-f)), arc to var(--nsb-anchor) calc(var(--nsb-dock) + var(--nsb-ext) - var(--nsb-f)) of var(--nsb-f) cw, vline to calc(var(--nsb-dock) + var(--nsb-f)), arc to calc(var(--nsb-anchor) - var(--nsb-f)) var(--nsb-dock) of var(--nsb-f) ccw, hline to 0, close )}.nsb-cells{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--dock-gap, 4px)}.nsb-notch[data-side=right] .nsb-cells{inset:0 0 0 auto;width:var(--nsb-dock);flex-direction:column}.nsb-notch[data-side=left] .nsb-cells{inset:0 auto 0 0;width:var(--nsb-dock);flex-direction:column}.nsb-notch[data-side=top] .nsb-cells{inset:0 0 auto 0;height:var(--nsb-dock);flex-direction:row}.nsb-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;width:var(--nsb-cell);height:var(--nsb-cell);display:grid;place-items:center;border-radius:var(--radius-pill, 999px);background:transparent;color:var(--text-secondary, #8d8d8d);cursor:pointer;transition:color var(--nsb-dur-fast) var(--ease-standard, ease),background-color var(--nsb-dur-fast) var(--ease-standard, ease)}.nsb-cell:hover{color:var(--text-primary, #000)}.nsb-cell[data-active]{color:var(--text-primary, #000);background:var(--nsb-pill)}.nsb-cell:focus-visible{outline:var(--focus-width, 2px) solid var(--focus-ring, currentColor);outline-offset:var(--focus-offset, 2px)}.nsb-body{position:absolute;box-sizing:border-box;width:var(--nsb-panel-w);padding:var(--space-2, 8px);display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:opacity calc(var(--nsb-dur) * .35) var(--nsb-ease-out),visibility 0s linear var(--nsb-dur)}.nsb-notch[data-open=true] .nsb-body{visibility:visible;opacity:1;transition:opacity var(--nsb-dur) var(--nsb-ease-out)}.nsb-notch[data-side=right] .nsb-body{top:var(--nsb-anchor);right:var(--nsb-dock)}.nsb-notch[data-side=left] .nsb-body{top:var(--nsb-anchor);left:var(--nsb-dock)}.nsb-notch[data-side=top] .nsb-body{top:var(--nsb-dock);left:var(--nsb-anchor)}.nsb-label{margin:0;padding:4px 10px;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.04em;color:var(--text-muted, #8d8d8d)}.nsb-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:var(--radius-sm, 8px);background:transparent;color:var(--text-primary, #000);font:inherit;font-size:13px;line-height:20px;text-align:left;cursor:pointer;transition:background-color var(--nsb-dur-fast) var(--ease-standard, ease)}.nsb-row:hover{background:var(--nsb-pill)}.nsb-row:focus-visible{outline:var(--focus-width, 2px) solid var(--focus-ring, currentColor);outline-offset:-2px}.nsb-row svg{flex-shrink:0;color:var(--text-secondary, #8d8d8d)}.nsb-row:hover svg{color:var(--text-primary, #000)}.nsb-sides{position:absolute;top:var(--space-4, 16px);right:var(--space-5, 20px);z-index:3;display:flex;align-items:center;gap:var(--dock-gap, 4px);padding:3px;border-radius:var(--radius-pill, 999px);background:var(--surface, #f0f0f0);pointer-events:auto}.nsb-sides button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border-radius:var(--radius-pill, 999px);background:var(--color-white, #fff);color:var(--text-secondary, #8d8d8d);cursor:pointer;transition:color var(--nsb-dur-fast) var(--ease-standard, ease)}.nsb-sides button:hover,.nsb-sides button:focus-visible{color:var(--text-primary, #000)}.nsb-sides button[aria-pressed=true]{color:var(--text-primary, #000)}.nsb-sides button:focus-visible{outline:var(--focus-width, 2px) solid var(--focus-ring, currentColor);outline-offset:var(--focus-offset, 2px)}@supports not (clip-path: shape(from 0 0,line to 100% 100%)){.nsb-notch{clip-path:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.nsb-cells{background:var(--nsb-tray);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nsb-body{background:var(--surface, #f0f0f0);border-radius:var(--nsb-radius)}}@media(pointer:coarse){.nsb-cell{width:2.75rem;height:2.75rem}.nsb-row{padding-top:12px;padding-bottom:12px}.nsb-sides button{width:2rem;height:2rem}}@media(prefers-reduced-motion:reduce){.nsb-root{--nsb-dur: .01ms;--nsb-dur-fast: .01ms}.nsb-notch,.nsb-notch--ghost{animation-duration:.01ms}}.odc-root{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;border-radius:inherit;background:var(--exp-canvas);color:var(--text-primary);font-family:var(--font-body, system-ui, sans-serif)}.odc-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-5)}.odc-stat{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:var(--space-3) var(--space-5);display:grid;justify-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:inherit;font-family:inherit;cursor:pointer}.odc-stat:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.odc-label{color:var(--text-muted);font-size:var(--text-sm-size);line-height:var(--text-sm-leading)}.odc-value{font-family:var(--font-display);font-variation-settings:var(--font-display-variation);font-size:44px;font-weight:var(--weight-display);letter-spacing:.01em}.odc-hint{color:var(--text-muted);font-size:11px;line-height:1;opacity:.8}.tbd-root{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;border-radius:inherit;background:var(--exp-canvas);color:var(--text-primary);font-family:var(--font-body, system-ui, sans-serif)}.tbd-stage{container-type:inline-size;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-5);overflow:hidden}.tbd-phone{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;position:relative;width:min(100%,280px);padding:0;overflow:visible;background:transparent;box-shadow:none;color:inherit;font-family:inherit;text-align:left;cursor:pointer;isolation:isolate}.tbd-chip{--tbd-orb-size: clamp(46px, 13vw, 54px);--tbd-edge-run: 0px;--tbd-edge-fade: clamp(0px, var(--tbd-edge-run), 72px);position:relative;display:grid;grid-template-columns:var(--tbd-orb-size) minmax(0,1fr);align-items:center;gap:var(--space-3);width:100%;padding-block:var(--space-4);padding-inline:var(--space-4) var(--space-3);isolation:isolate}@container (min-width: 0){.tbd-chip{--tbd-edge-run: max( 0px, calc((100cqw - 2 * var(--space-5) - 100%) / 2) )}}.tbd-chip:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;right:calc(-1 * var(--tbd-edge-run));border-radius:var(--radius-pill) 0 0 var(--radius-pill);background:color-mix(in srgb,var(--surface) 56%,transparent);box-shadow:var(--surface-fill-shadow);pointer-events:none;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--tbd-edge-fade)),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--tbd-edge-fade)),transparent 100%)}.tbd-phone:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.tbd-orb{position:relative;z-index:1;margin-block:var(--focus-width);margin-inline-start:var(--focus-width);isolation:isolate;width:var(--tbd-orb-size);aspect-ratio:1;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 36% 27%,color-mix(in srgb,var(--surface) 62%,#ffffff) 0 13%,var(--surface) 58%,color-mix(in srgb,var(--surface) 90%,#000000) 100%);box-shadow:inset 0 1px 1px #ffffff6b,inset 0 -14px 22px #0000001f,inset 0 0 22px hsl(var(--tbd-hue) 88% 62% / calc(.14 * var(--tbd-glow))),0 0 0 1px #fff3,0 1px 2px #00000029,0 7px 14px -6px #00000042,0 12px 28px hsl(var(--tbd-hue) 88% 52% / calc(.14 * var(--tbd-glow)));contain:layout paint}.tbd-orb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border-radius:inherit;pointer-events:none;background:radial-gradient(circle farthest-side at 50% 42%,transparent 60%,hsl(var(--tbd-hue) 88% 60% / calc(.1 * var(--tbd-glow))) 78%,hsl(var(--tbd-hue) 90% 63% / calc(.3 * var(--tbd-glow))) 92%,hsl(var(--tbd-hue) 92% 66% / calc(.46 * var(--tbd-glow))) 100%);box-shadow:inset 0 -7px 12px hsl(var(--tbd-hue) 86% 56% / calc(.3 * var(--tbd-glow))),inset 0 1px 1px #ffffff57,inset 0 -1px #0000001f}.tbd-ring{position:absolute;top:-42%;right:-42%;bottom:-42%;left:-42%;z-index:0;background:conic-gradient(from 0deg,transparent 0deg,hsl(var(--tbd-hue) 90% 62%) 64deg,hsl(calc(var(--tbd-hue) + 16) 90% 70%) 118deg,transparent 188deg,hsl(calc(var(--tbd-hue) - 14) 90% 66%) 286deg,transparent 360deg);filter:blur(calc(var(--tbd-blur) * .3));opacity:calc(var(--tbd-glow) * .68);animation:tbd-spin var(--tbd-speed) linear infinite;transition:opacity var(--dur) var(--ease-standard);will-change:transform}@keyframes tbd-spin{to{transform:rotate(1turn)}}.tbd-screen{position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:1;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 30% 28%,hsl(var(--tbd-hue) 96% 82% / calc(.36 * var(--tbd-glow))) 0 10%,transparent 31%),radial-gradient(circle at 66% 61%,hsl(calc(var(--tbd-hue) + 16) 88% 68% / calc(.28 * var(--tbd-glow))) 0 13%,transparent 36%),radial-gradient(circle at 46% 72%,hsl(calc(var(--tbd-hue) - 14) 86% 64% / calc(.2 * var(--tbd-glow))) 0 15%,transparent 42%),radial-gradient(circle at 50% 48%,hsl(var(--tbd-hue) 82% 62% / calc(.1 * var(--tbd-glow))) 0,transparent 68%),color-mix(in srgb,var(--surface) 88%,hsl(var(--tbd-hue) 84% 58%) 12%)}.tbd-screen:before,.tbd-screen:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.tbd-screen:before{top:-26%;right:-26%;bottom:-26%;left:-26%;z-index:0;background:conic-gradient(from 112deg,transparent 0 22%,hsl(var(--tbd-hue) 96% 70% / .45) 30%,transparent 42%,hsl(calc(var(--tbd-hue) + 18) 90% 70% / .32) 56%,transparent 70%,hsl(calc(var(--tbd-hue) - 16) 88% 68% / .26) 82%,transparent 100%);filter:blur(calc(var(--tbd-blur) * .42));opacity:var(--tbd-glow);animation:tbd-inner-drift calc(var(--tbd-speed) * 1.7) linear infinite;will-change:transform}.tbd-screen:after{top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(circle at 31% 22%,rgb(255 255 255 / .72) 0 5%,transparent 13%),radial-gradient(circle at 36% 27%,rgb(255 255 255 / .2),transparent 44%);box-shadow:inset 0 0 18px #00000014,inset 0 0 24px hsl(var(--tbd-hue) 84% 60% / calc(.13 * var(--tbd-glow)))}@keyframes tbd-inner-drift{to{transform:rotate(-1turn)}}.tbd-lumen{position:absolute;z-index:2;display:block;border-radius:50%;filter:blur(2.5px);opacity:calc(.7 * var(--tbd-glow));will-change:transform,opacity}.tbd-lumen--near{top:19%;left:18%;width:44%;height:32%;background:radial-gradient(ellipse at center,hsl(var(--tbd-hue) 98% 78% / .56),transparent 72%);animation:tbd-lumen-near calc(var(--tbd-speed) * 1.2) var(--ease-in-out-strong) infinite alternate}.tbd-lumen--far{right:16%;bottom:21%;width:36%;height:42%;background:radial-gradient(ellipse at center,hsl(calc(var(--tbd-hue) + 16) 94% 72% / .4),transparent 74%);animation:tbd-lumen-far calc(var(--tbd-speed) * 1.45) var(--ease-in-out-strong) infinite alternate}.tbd-lumen--core{top:44%;left:38%;width:34%;height:34%;background:radial-gradient(circle at center,hsl(calc(var(--tbd-hue) - 12) 92% 68% / .32),transparent 70%);animation:tbd-lumen-core calc(var(--tbd-speed) * 1.1) var(--ease-in-out-strong) infinite alternate}@keyframes tbd-lumen-near{0%{transform:translate3d(-4%,3%,0) scale(.96)}to{transform:translate3d(7%,-5%,0) scale(1.08)}}@keyframes tbd-lumen-far{0%{transform:translate3d(5%,-3%,0) scale(1.04)}to{transform:translate3d(-6%,5%,0) scale(.94)}}@keyframes tbd-lumen-core{0%{transform:translate3d(-2%,-5%,0) scale(.92)}to{transform:translate3d(4%,4%,0) scale(1.12)}}.tbd-content{position:relative;z-index:2;display:flex;min-width:0;min-height:44px;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-1);width:100%;margin-inline-start:var(--focus-width);overflow:hidden;padding-right:var(--space-1)}.tbd-state-label{display:flex;justify-content:flex-start;width:100%;min-height:var(--text-leading);color:var(--text-muted);font-size:var(--text-size);line-height:var(--text-leading);letter-spacing:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbd-state-label-line{display:inline-flex;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;will-change:transform,filter,opacity}@media(prefers-reduced-motion:no-preference){@supports ((-webkit-background-clip: text) or (background-clip: text)){.tbd-phone[data-state=listening] .tbd-state-label-line,.tbd-phone[data-state=thinking] .tbd-state-label-line,.tbd-phone[data-state=responding] .tbd-state-label-line{color:transparent;background-image:linear-gradient(100deg,var(--text-muted) 0%,var(--text-muted) 38%,var(--text-primary) 50%,var(--text-muted) 62%,var(--text-muted) 100%);background-size:250% 100%;background-position:100% 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;animation:tbd-shimmer 2.2s linear infinite}}}@keyframes tbd-shimmer{0%{background-position:100% 0}to{background-position:0% 0}}.tbd-stream{display:block;width:100%;min-height:var(--text-sm-leading);color:var(--text-secondary);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;clip-path:inset(0 100% 0 0);animation:tbd-stream 1.8s var(--ease-out-strong) .2s forwards}@keyframes tbd-stream{to{clip-path:inset(0 0 0 0)}}@media(max-width:420px){.tbd-chip{--tbd-orb-size: clamp(42px, 15vw, 48px)}.tbd-phone{width:min(100%,248px)}}@media(prefers-reduced-motion:reduce){.tbd-ring,.tbd-screen:before,.tbd-lumen{animation:none}.tbd-ring{background:hsl(var(--tbd-hue) 85% 62%);filter:blur(6px)}.tbd-screen:before{transform:rotate(28deg)}.tbd-lumen,.tbd-ring,.tbd-state-label-line,.tbd-screen:before{will-change:auto}.tbd-stream{animation:none;clip-path:none}}.vor-root{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;border-radius:inherit;background:var(--exp-canvas);color:var(--text-primary);font-family:var(--font-body, system-ui, sans-serif)}.vor-stage{position:absolute;top:0;right:0;bottom:0;left:0;--vor-accent: var(--mark-accent-features);touch-action:manipulation}.vor-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:blur(3px);opacity:0;transition:opacity var(--dur-fast) var(--ease-standard);pointer-events:none}.vor-canvas[data-active]{opacity:1}.vor-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;position:absolute;display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-1);background:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;transform:translate(-50%,-50%);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard);pointer-events:none}.vor-item:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);pointer-events:auto}.vor-item[data-hovered],.vor-item[aria-pressed=true]{color:var(--text-primary)}.vor-item-label{font-size:10px;line-height:1;letter-spacing:.02em}.vor-hint{position:absolute;bottom:var(--space-3);left:50%;transform:translate(-50%);color:var(--text-muted);font-size:11px;line-height:1;opacity:.8;pointer-events:none;white-space:nowrap}.wm-root{--wm-ink: #171717;--wm-ink-idle: color-mix(in srgb, var(--wm-ink) 64%, transparent);--wm-panel-width: 18rem;--wm-panel-open-height: 22.25rem;--wm-trigger-size: 2.25rem;--wm-trigger-gap: .375rem;--wm-menu-offset: 8px;--wm-icon-slot: 1.375rem;--wm-item-radius: .5rem;--wm-panel-pad-x: .5rem;--wm-panel-pad-y: .375rem;height:100%;min-height:100%;width:100%;color:var(--wm-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wm-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-fluid-lg, clamp(2rem, 6vw, 4rem))}.wm-theme-panel{box-sizing:border-box;width:100%;border-radius:12px;background:var(--wx-white);padding:8px}.wm-theme-panel__label{margin:0;padding:4px 8px 8px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--wm-ink-idle)}.wm-theme-panel__swatches{display:flex;flex-wrap:wrap;gap:8px;padding:0 8px 8px}.wm-theme-panel__swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;padding:0;border-radius:999px;border:1px solid rgba(17,17,17,.12);background:var(--swatch, #ffffff);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.wm-theme-panel__swatch:hover{transform:scale(1.06)}.wm-theme-panel__swatch[data-active=true]{box-shadow:0 0 0 2px #fff,0 0 0 3px #11111147}.wm-theme-panel__swatch[data-active=true][data-tone=dark]{box-shadow:0 0 0 2px #ffffffe0,0 0 0 3px #ffffff6b}.wm-theme-panel__swatch:focus-visible{outline:2px solid rgba(17,17,17,.24);outline-offset:2px}.wm-scene{position:relative;width:min(var(--wm-panel-width),calc(100vw - 2rem));transform:translateY(var(--wm-scene-shift, 0px));transition:transform .48s cubic-bezier(.32,.72,0,1)}.wm-scene[data-open=false]{--wm-scene-shift: calc( (var(--wm-panel-open-height) + var(--wm-menu-offset)) / 2 + var(--wm-trigger-gap) + var(--wm-trigger-size) / 2 )}.wm-locus{position:relative;width:100%;min-height:calc(var(--wm-panel-open-height) + var(--wm-menu-offset))}.wm-trigger{position:absolute;left:50%;bottom:calc(100% + var(--wm-trigger-gap));z-index:2;transform:translate(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:var(--wm-trigger-size);height:var(--wm-trigger-size);padding:0;border:0;border-radius:8px;background:var(--wx-white);color:var(--wm-ink-idle);font-family:inherit;cursor:pointer;box-shadow:0 0 0 .5px color-mix(in srgb,var(--wx-black) 10%,transparent),0 1px 2px color-mix(in srgb,var(--wx-black) 6%,transparent),0 6px 20px color-mix(in srgb,var(--wx-black) 10%,transparent);transition:color .2s cubic-bezier(.25,.1,.25,1),border-color .2s cubic-bezier(.25,.1,.25,1),box-shadow .2s cubic-bezier(.25,.1,.25,1),transform .12s cubic-bezier(.25,.1,.25,1)}.wm-trigger-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wm-icon-slot);height:var(--wm-icon-slot)}.wm-trigger-icon-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;transform-origin:center center;will-change:transform,filter,opacity}.wm-trigger:hover,.wm-trigger[aria-expanded=true]{color:var(--wm-ink);box-shadow:0 0 0 .5px color-mix(in srgb,var(--wx-black) 12%,transparent),0 1px 2px color-mix(in srgb,var(--wx-black) 6%,transparent),0 12px 32px color-mix(in srgb,var(--wx-black) 12%,transparent)}.wm-trigger:active{transform:translate(-50%) scale(.97)}.wm-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--wx-primary) 40%,transparent);outline-offset:2px}.wm-panel-anchor{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;padding-top:var(--wm-menu-offset);width:100%;z-index:1;pointer-events:none}.wm-panel-anchor[aria-hidden=false]{pointer-events:auto}.wm-panel-shell{position:relative;width:100%;transform-origin:top center;will-change:clip-path,opacity}.wm-panel-rows{display:flex;flex-direction:column;gap:0}.wm-panel{box-sizing:border-box;width:100%;padding:var(--wm-panel-pad-y) 0 10px;border-radius:var(--wx-radius-track, 1rem);background:var(--wx-white);box-shadow:0 0 0 .5px color-mix(in srgb,var(--wx-black) 10%,transparent),0 1px 2px color-mix(in srgb,var(--wx-black) 6%,transparent),0 12px 32px color-mix(in srgb,var(--wx-black) 12%,transparent),0 28px 64px color-mix(in srgb,var(--wx-black) 8%,transparent)}.wm-section-label{margin:0;padding:.4375rem calc(var(--wm-panel-pad-x) + .625rem) .3125rem;font-family:var(--font-body);font-size:.8125rem;font-weight:var(--font-weight-regular, 400);line-height:1.2;letter-spacing:0;color:var(--wm-ink-idle)}.wm-divider{height:1px;width:100%;margin:.3125rem 0;background:var(--wx-border-hairline)}.wm-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;box-sizing:border-box;width:calc(100% - 2 * var(--wm-item-inset-x));min-height:2.5rem;margin-inline:var(--wm-item-inset-x);padding:.5rem .625rem;border-radius:var(--wm-item-radius);display:flex;align-items:center;gap:.6875rem;background:transparent;color:var(--wm-ink-idle);font-family:inherit;font-size:.9375rem;font-weight:var(--font-weight-supporting, 400);line-height:1.15;letter-spacing:-.01em;text-align:left;cursor:pointer;--wm-item-inset-x: var(--wm-panel-pad-x);transition:background-color .18s cubic-bezier(.25,.1,.25,1),color .18s cubic-bezier(.25,.1,.25,1),margin-inline .18s cubic-bezier(.25,.1,.25,1),width .18s cubic-bezier(.25,.1,.25,1)}.wm-item:hover,.wm-item:focus-visible{--wm-item-inset-x: calc(var(--wm-panel-pad-x) + .375rem);background:var(--color-neutral-100);color:var(--wm-ink)}.wm-item:focus-visible{outline:2px solid color-mix(in srgb,var(--wx-primary) 35%,transparent);outline-offset:-1px}.wm-item-icon{flex:0 0 var(--wm-icon-slot);width:var(--wm-icon-slot);height:var(--wm-icon-slot);display:inline-flex;align-items:center;justify-content:center;color:inherit;transition:color .18s cubic-bezier(.25,.1,.25,1)}.wm-item-icon svg,.wm-item-icon img,.wm-phosphor-icon{display:block;flex-shrink:0}.wm-phosphor-icon{color:inherit}.wm-item-label{flex:1 1 auto;min-width:0;padding-top:.0625rem}.wm-avatar{position:relative;display:inline-flex;width:var(--wm-icon-slot);height:var(--wm-icon-slot);align-items:center;justify-content:center}.wm-avatar img{width:1.25rem;height:1.25rem;border-radius:999px;object-fit:cover;display:block}.wm-avatar-dot{position:absolute;right:-.0625rem;bottom:-.0625rem;width:.4375rem;height:.4375rem;border-radius:999px;background:#e5484d;box-shadow:0 0 0 1.5px var(--wx-white)}@media(prefers-reduced-motion:reduce){.wm-scene,.wm-trigger,.wm-item{transition:none}.wm-panel-shell,.wm-trigger-icon-layer,.wm-item{will-change:auto}}.exp-card__frame{--exp-embed-inset: 0px}.exp-card__frame[data-kind=wallet]{min-height:430px}.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__embed-inner{min-width:0;min-height:0;width:108%;height:108%;transform:translate(-50%,-50%) scale(.9)}.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__demo .jvs-stage{padding: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(.75rem,4vw,1.5rem)}.exp-card__demo .wm-stage{padding-top:clamp(1.75rem,7vw,2.75rem)}.exp-card__demo .nsb-stage{top:4.75rem;right:0;bottom:0;left:0}.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}[data-theme=dark] .exp-card__demo.jvs-root{--jvs-ink: #f2f2f2;--jvs-soft-ink: #a0a0a0;--jvs-muted: #8d8d8d;--jvs-border: #333333;--jvs-page: var(--color-white);--jvs-paper: var(--surface);--jvs-thumb: #666666}[data-theme=dark] .exp-card__demo .jvs-track-surface{background:#262626}[data-theme=dark] .exp-card__demo .jvs-frame[data-state=hover]{border-color:#444}[data-theme=dark] .exp-card__demo .jvs-frame[data-state=dragging]{border-color:#555}[data-theme=dark] .exp-card__demo .jvs-frame[data-state=edge]{border-color:#666}[data-theme=dark] .exp-card__demo .jvs-frame[data-state=hover] .jvs-edge-thumb{background:#555}[data-theme=dark] .exp-card__demo .jvs-frame[data-state=dragging] .jvs-edge-thumb,[data-theme=dark] .exp-card__demo .jvs-frame[data-state=edge] .jvs-edge-thumb{background:#666}