@font-face{font-family:PP Neue Montreal;font-style:normal;font-weight:500;font-display:swap;src:local("PP Neue Montreal Medium"),url(/assets/fonts/PPNeueMontreal-Medium-D81mEda3.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PPNeueMontreal-Medium-MATD8sv2.woff2) format("woff2"),url(/assets/fonts/PPNeueMontreal-Medium-CiZ9IP9P.woff) format("woff"),url(/assets/fonts/PPNeueMontreal-Medium-DiBCjEzQ.ttf) format("truetype"),url(/assets/fonts/PPNeueMontreal-Medium-1D7MSDFy.svg#PPNeueMontreal-Medium) format("svg")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-8kRkwJBP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-ext-B_-bZUTo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-8kRkwJBP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-ext-B_-bZUTo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-8kRkwJBP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-ext-B_-bZUTo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--grid-columns: 12;--grid-gutter: 16px;--grid-margin: 32px;--grid-container-padding: var(--grid-margin);--grid-total-gutters: calc((var(--grid-columns) - 1) * var(--grid-gutter));--grid-available-width: calc(100% - (var(--grid-container-padding) * 2))}.container{width:100%;max-width:none;margin-left:auto;margin-right:auto;padding:var(--grid-container-padding)}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gutter);width:100%}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.col-7-5{grid-column:span 7}.col-5-7{grid-column:span 5}.col-8-4{grid-column:span 8}.col-4-8{grid-column:span 4}.col-6-6{grid-column:span 6}.start-1{grid-column-start:1}.start-2{grid-column-start:2}.start-3{grid-column-start:3}.start-4{grid-column-start:4}.start-5{grid-column-start:5}.start-6{grid-column-start:6}.start-7{grid-column-start:7}.start-8{grid-column-start:8}.start-9{grid-column-start:9}.start-10{grid-column-start:10}.start-11{grid-column-start:11}.start-12{grid-column-start:12}.full-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding-left:var(--grid-container-padding);padding-right:var(--grid-container-padding)}.full-bleed-content{max-width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width:991px){:root{--grid-margin: 24px;--grid-gutter: 12px}}@media screen and (max-width:767px){:root{--grid-margin: 16px;--grid-gutter: 12px}.grid.stack-mobile{grid-template-columns:1fr}.grid.stack-mobile>*{grid-column:span 12!important}}.grid-gap-y{row-gap:var(--space-m)}.grid-gap-y-l{row-gap:var(--space-l)}.grid-align-start{align-items:start}.grid-align-center{align-items:center}.grid-align-end{align-items:end}.grid-justify-start{justify-items:start}.grid-justify-center{justify-items:center}.grid-justify-end{justify-items:end}.site-header{position:sticky;top:24px;z-index:1000;display:flex;justify-content:center;pointer-events:none;background:transparent}.header-inner{background-color:color-mix(in hsl,var(--color-surface),transparent 15%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-brand-superellipse);padding:0;width:380px;overflow:hidden;transition:width .5s var(--ease-out-expo),border-radius .5s var(--ease-out-expo),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),backdrop-filter var(--transition-fast),-webkit-backdrop-filter var(--transition-fast);position:relative;pointer-events:auto}.site-header.menu-open .header-inner{overflow:visible}body.light-mode .header-inner{background-color:#f7f6f2d9;border:1px solid rgba(0,0,0,.08)}body.light-mode .nav-container{background-color:#f7f6f2d9;outline:1px solid rgba(0,0,0,.08);border-top:none}.site-header.menu-open .header-inner{width:448px;border-radius:var(--radius-brand-superellipse) var(--radius-brand-superellipse) 0 0}body.is-scrolled .site-header:not(.menu-open) .header-inner{background-color:color-mix(in hsl,var(--color-surface),transparent 7%);border-color:color-mix(in srgb,var(--color-border) 80%,var(--color-text-primary) 20%);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);box-shadow:0 10px 24px #00000038}body.light-mode.is-scrolled .site-header:not(.menu-open) .header-inner{background-color:#f7f6f2f2;border-color:#00000024;box-shadow:0 10px 22px #0000001f}.header-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:18px 24px;height:62px;gap:16px;position:relative;z-index:2;overflow:hidden;border-radius:var(--radius-brand-superellipse) var(--radius-brand-superellipse) 0 0}.header-actions{display:flex;align-items:center;gap:12px}.nav-contact-info__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);width:100%}.nav-lang{display:flex;align-items:center;flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-heading);letter-spacing:var(--tracking-wide)}.nav-lang__link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-micro) var(--ease-out-emil)}.nav-lang__link:hover,.nav-lang__link:focus-visible{color:var(--color-text-primary)}.nav-lang__link[aria-current=true]{color:var(--color-text-primary)}.nav-lang__sep{color:var(--color-text-tertiary);margin:0 .35em;-webkit-user-select:none;user-select:none}.site-header.menu-open .header-bar{border-radius:var(--radius-brand-superellipse) var(--radius-brand-superellipse) 0 0}.theme-toggle{background:none;border:none;cursor:pointer;padding:0;line-height:0;color:var(--color-text-secondary);transition:color var(--transition-base);border-radius:4px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.theme-toggle:focus-visible{color:var(--color-text-primary);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media(hover:hover){.theme-toggle:hover{color:var(--color-text-primary)}}.theme-icon{position:relative;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;transition:transform .14s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));will-change:transform}.theme-icon__svg{width:24px;height:24px;display:block;color:var(--color-text-primary);overflow:visible}@media(hover:hover)and (pointer:fine){.theme-toggle:hover .theme-icon{transform:scale(1.06)}}.theme-toggle:active .theme-icon{transform:scale(.92)}@media(prefers-reduced-motion:reduce){.theme-icon{transition:none;transform:none!important}}.logo{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);flex:1;display:flex;justify-content:center;align-items:center}.logo svg,.logo img{height:1.8rem;width:auto;display:block}.logo-light{display:block}.logo-dark{display:none!important}html.light-mode .logo-dark,body.light-mode .logo-dark{display:block!important}html.light-mode .logo-light,body.light-mode .logo-light{display:none!important}.menu-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;transition:background-color var(--transition-base)}.menu-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media(hover:hover){.menu-toggle:hover{background-color:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}.menu-toggle:hover .nav-dots .nav-dot{background-color:var(--color-text-primary)}}.nav-dots{position:relative;width:16px;height:16px;flex-shrink:0}.nav-dots .nav-dot{position:absolute;width:5px;height:5px;border-radius:50%;background-color:var(--color-text-primary);display:block;transform-origin:center center;will-change:transform,opacity}.nav-dots .nav-dot:nth-child(1){left:0;top:0}.nav-dots .nav-dot:nth-child(2){left:10px;top:0}.nav-dots .nav-dot:nth-child(3){left:0;top:10px}.nav-dots .nav-dot:nth-child(4){left:10px;top:10px}@media(prefers-reduced-motion:reduce){.nav-dots .nav-dot{will-change:auto}}.nav-container{position:absolute;top:102%;left:0;height:0;opacity:0;overflow:hidden;width:446px;background:color-mix(in hsl,var(--color-surface),transparent 15%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:none;border-bottom-left-radius:var(--radius-brand-superellipse);border-bottom-right-radius:var(--radius-brand-superellipse);z-index:1;box-shadow:0 4px 24px #0000001a}.nav-links{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-8) var(--space-6) var(--space-10);gap:var(--space-2)}.nav-link{font-size:var(--text-nav);text-transform:lowercase;font-weight:500;color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-display);position:relative;transition:color var(--transition-base)}.nav-link:focus-visible{color:var(--color-text-primary);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:2px}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background-color:var(--color-text-primary);transition:width var(--transition-base)}@media(hover:hover){.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover:after{width:100%}}.nav-contact-info{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border);width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.nav-contact-info__head .contact-label{margin:0}.contact-label{font-size:.75rem;text-transform:uppercase;color:var(--color-text-secondary);opacity:.6;letter-spacing:.05em}.nav-contact-info a[href^=mailto]{width:100%;min-width:0;word-break:break-word;overflow-wrap:anywhere;line-break:anywhere}.contact-link{display:inline-flex;align-items:center;max-width:100%;font-size:1rem;text-decoration:none;color:var(--color-text-primary);transition:opacity var(--transition-base)}.nav-contact-info .contact-link.btn-animate-chars,.nav-contact-info .contact-link.btn-animate-chars [data-button-animate-chars]{max-width:100%}.contact-link:focus-visible{opacity:.7;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:2px}@media(hover:hover){.contact-link:hover{opacity:.7}}.scroll-progress-bar{width:0%;height:100%;background:var(--cursor-fill);position:absolute;top:0;left:0;right:0;z-index:1;pointer-events:none;border-radius:13px 13px 0 0}body.light-mode .scroll-progress-bar{background:color-mix(in hsl,#ff5800 34%,transparent)}.theme-transition-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999;opacity:0;visibility:hidden}@media screen and (max-width:767px){.header-inner,.site-header.menu-open .header-inner{width:calc(100% - 32px)}.nav-container{width:100%;left:0;max-height:min(78vh,620px);overflow:auto;-webkit-overflow-scrolling:touch}.nav-links{padding:var(--space-6) var(--space-4) var(--space-8);gap:.975rem}.nav-link{font-size:1.1rem;line-height:1.15}.nav-contact-info{margin-top:1.25rem;padding-top:1rem;gap:.375rem}.contact-label{font-size:.6875rem;opacity:.72}.contact-link{font-size:.95rem}}.btn-animate-chars{position:relative;color:inherit;cursor:pointer;border-radius:.25em;justify-content:center;align-items:center;padding:.2em .4em;margin:-.2em -.4em;font-size:inherit;line-height:1;text-decoration:none;display:inline-flex;max-width:none;flex-grow:0}.btn-animate-chars__text,.btn-animate-chars .about-cta-link__label{white-space:nowrap;line-height:1.3}.btn-animate-chars [data-button-animate-chars]{overflow:hidden;position:relative;z-index:1;display:inline-block}.btn-animate-chars [data-button-animate-chars] span{display:inline-block;position:relative;text-shadow:0 1.3em currentColor;transform:translateY(0) rotate(.001deg);transition:transform .5s var(--ease-out-emil)}@media(hover:hover){.btn-animate-chars:hover [data-button-animate-chars] span{transform:translateY(-1.3em) rotate(.001deg)}}.btn-animate-chars:focus-visible [data-button-animate-chars] span{transform:translateY(-1.3em) rotate(.001deg)}.btn-animate-chars__bg{background-color:color-mix(in srgb,var(--color-text-primary) 12%,transparent);border-radius:.25em;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition:inset .5s var(--ease-out-emil)}@media(hover:hover){.btn-animate-chars:hover .btn-animate-chars__bg{top:.125em;right:.125em;bottom:.125em;left:.125em}}.btn-animate-chars:focus-visible .btn-animate-chars__bg{top:.125em;right:.125em;bottom:.125em;left:.125em}html.light-mode .btn-animate-chars__bg{background-color:color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.nav-contact-info .contact-link.btn-animate-chars{align-self:flex-start;justify-content:flex-start;padding:0;margin:0;gap:.4em}.nav-contact-info .contact-link.btn-animate-chars .btn-animate-chars__bg{display:none}.nav-contact-info .contact-link.btn-animate-chars .contact-link__icon{position:relative;z-index:1;flex-shrink:0;display:block}.nav-contact-info .contact-link.btn-animate-chars .btn-animate-chars__text{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em}.about-cta-link.btn-animate-chars{padding:.2em .4em;margin:-.2em -.4em;border-radius:4px}body:not(.light-mode) .about-cta-link.btn-animate-chars{background-color:#2a2a2a;color:#e8e8e8}.about-cta-link.btn-animate-chars .btn-animate-chars__bg{display:none}.about-cta-link.btn-animate-chars .about-cta-link__icon{position:relative;z-index:1}.about-cta-link.btn-animate-chars .about-cta-link__label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em}body.light-mode .about-cta-link.btn-animate-chars{background-color:#e3e1de;color:var(--color-text-primary)}@media(hover:hover){body:not(.light-mode) .about-cta-link.btn-animate-chars:hover{color:#c4c4c4}body.light-mode .about-cta-link.btn-animate-chars:hover{color:var(--color-text-secondary)}}.cta-primary.btn-animate-chars{position:relative;align-self:flex-start;display:inline-flex;align-items:center;border:none;padding:.2em .4em;margin:-.2em -.4em;border-radius:4px;gap:.4em;width:fit-content;font-family:var(--font-primary);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);letter-spacing:normal;text-transform:none;cursor:pointer;margin-top:var(--space-6);transition:color var(--transition-base),opacity var(--transition-base)}body:not(.light-mode) .cta-primary.btn-animate-chars{background-color:#2a2a2a;color:#e8e8e8}body.light-mode .cta-primary.btn-animate-chars{background-color:#e3e1de;color:var(--color-text-primary)}.cta-primary.btn-animate-chars .btn-animate-chars__bg{display:none}.cta-primary.btn-animate-chars .about-cta-link__icon{position:relative;z-index:1;flex-shrink:0;display:block}.cta-primary.btn-animate-chars .about-cta-link__label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em}@media(hover:hover){body:not(.light-mode) .cta-primary.btn-animate-chars:hover{color:#c4c4c4}body.light-mode .cta-primary.btn-animate-chars:hover{color:var(--color-text-secondary)}}.cta-primary.btn-animate-chars:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:2px}@media(prefers-reduced-motion:reduce){.btn-animate-chars [data-button-animate-chars] span{transition:none;transform:none;text-shadow:none}.btn-animate-chars:hover [data-button-animate-chars] span,.btn-animate-chars:focus-visible [data-button-animate-chars] span{transform:none}.btn-animate-chars__bg{transition:none}.btn-animate-chars:hover .btn-animate-chars__bg,.btn-animate-chars:focus-visible .btn-animate-chars__bg{top:0;right:0;bottom:0;left:0}}.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:1rem}.hero-headline{font-family:var(--font-display);font-size:var(--text-display-2);font-weight:500;line-height:var(--leading-compact);letter-spacing:-.025em;color:var(--color-text-primary);text-wrap:pretty}.section-headline{font-family:var(--font-display);font-size:80px;font-weight:500;line-height:84px;letter-spacing:-.3px;color:var(--color-text-primary)}.hero-text,.section-text{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-normal);color:var(--color-text-secondary)}.section-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;position:relative;padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.hero-container{position:relative}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-status);align-items:flex-start}.hero-copy{margin-bottom:var(--space-m);grid-column:span 7}@media screen and (min-width:2500px){.hero-copy{grid-column:span 5}}@media screen and (max-width:1441px){.hero-copy{grid-column:span 9}}@media screen and (max-width:1024px){.hero-copy{grid-column:span 9}}@media screen and (max-width:768px){.hero-copy{grid-column:span 12}}.hero-stack{display:flex;flex-direction:column;gap:32px}.hero-status-block{display:flex;flex-direction:column;gap:var(--gap-status)}.hero-visual-col{position:relative;min-height:var(--size-visual-min)}.status-indicator{display:inline-flex;align-items:center;gap:var(--status-indicator-gap);height:var(--status-indicator-height);font-family:var(--font-mono);font-size:var(--status-text-size);letter-spacing:var(--status-text-letter-spacing);text-transform:uppercase;color:var(--color-text-primary)}.status-dot{position:relative;width:var(--status-dot-size);height:var(--status-dot-size);flex-shrink:0;min-width:var(--status-dot-size);min-height:var(--status-dot-size);display:inline-block}.status-dot .pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-orange);opacity:var(--status-dot-pulse-opacity);border-radius:50%;animation:pulse var(--status-animation-duration) infinite var(--ease-out)}.status-dot .dot{position:absolute;inset:var(--status-dot-inset);background:var(--cursor-fill);border-radius:50%;box-shadow:var(--status-dot-shadow)}@keyframes pulse{0%{transform:scale(.4);opacity:.8}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.status-dot .pulse{animation:none;opacity:var(--status-dot-pulse-opacity)}}.hero-text{max-width:32ch;max-width:var(--text-max-width-md);text-wrap:pretty}.hero-visual-full-bleed{position:absolute;top:40px;right:0;max-width:600px;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;z-index:0;opacity:0;perspective:1200px;border-radius:var(--radius-brand-superellipse)}.hero-visual-full-bleed img{width:100%;height:100%;object-fit:contain;transform-style:preserve-3d;backface-visibility:hidden;opacity:0}@media(prefers-reduced-motion:reduce){.hero-visual-full-bleed,.hero-visual-full-bleed img{opacity:1}}@media(prefers-reduced-motion:reduce)and (max-width:991px){.hero-visual-full-bleed{opacity:.5}}@media screen and (max-width:1280px){.section-hero{padding-top:var(--section-padding-top-large);padding-bottom:var(--section-padding-bottom)}.hero-visual-full-bleed{top:80px;left:50%;height:auto;min-width:520px}}@media screen and (max-width:991px){.section-hero{padding-top:var(--section-padding-top-medium);padding-bottom:var(--section-padding-bottom);min-height:100vh}.hero-grid{gap:8px;padding-top:var(--space-l)}.hero-visual-full-bleed{position:absolute;min-width:0;height:auto;min-width:480px;top:30px;right:0}}.about-headline{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);max-width:var(--text-max-width-lg)}.section-about{padding-top:var(--section-padding-top-medium);padding-bottom:var(--section-padding-top-medium);background:var(--color-bg)}.about-container{position:relative}.about-grid{row-gap:56px}.about-image-col{grid-column:2 / span 4}.about-text-col{grid-column:7 / span 5}@media screen and (max-width:1440px){.about-image-col{grid-column:1 / span 5}.about-text-col{grid-column:7 / span 6}}@media screen and (min-width:768px)and (max-width:1024px){.about-grid{grid-template-rows:auto auto}.about-image-col{grid-column:1 / span 5;grid-row:1}.about-text-col{grid-column:7 / span 6;grid-row:1;display:contents}.about-text-wrapper{grid-column:7 / span 6;grid-row:1}.about-stats{grid-column:1 / span 12;grid-row:2;margin-top:var(--gap-stack);width:100%;max-width:100%}.about-headline{font-size:var(--text-lg)}}@media screen and (max-width:767px){.about-image-col,.about-text-col{grid-column:1 / span 12}.about-headline{font-size:var(--text-lg)}}.about-image-wrapper,.home-image-wrapper{position:relative;width:100%;aspect-ratio:453 / 616;border-radius:var(--radius-brand-superellipse);overflow:hidden}#section-about .home-image-wrapper{padding:16px;background-color:var(--cursor-fill);color:var(--about-legend-ink)}@media screen and (min-width:0px){#section-about .home-image-wrapper{padding:16px}}.services-intro-image-card{position:relative;width:100%;border-radius:var(--radius-brand-superellipse);overflow:hidden;padding:40px;background-color:var(--cursor-fill)}@media screen and (max-width:767px){.services-intro-image-card{padding:12px}}.services-intro-image-card .about-image{object-fit:contain}.about-image{width:100%;height:100%;object-fit:cover;object-position:top center}svg.about-image.about-image--legend-svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;object-fit:unset;overflow:hidden;transform-origin:center center}svg.about-image.about-image--legend-svg use{fill:currentColor}.about-image-badge{position:absolute;left:14px;bottom:14px;width:16px;height:16px;z-index:1}.about-image-badge img{width:100%;height:100%;object-fit:contain}.about-text-col{display:flex;flex-direction:column;gap:var(--gap-stack);justify-content:center}.about-text-wrapper{display:flex;flex-direction:column;gap:24px;max-width:564px}.about-body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:var(--text-max-width-md)}.about-cta-link{align-self:flex-start;display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-primary);font-size:var(--text-base);font-weight:400;line-height:var(--leading-relaxed);color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base),opacity var(--transition-base)}.about-cta-link__icon{flex-shrink:0;display:block}.about-cta-link__label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em}.about-cta-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:2px}@media(hover:hover){.about-cta-link:hover{color:var(--color-text-secondary)}}.about-stats{width:100%;max-width:570px;background:var(--color-surface);padding:6px;border-radius:24px}.about-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.about-stat-card{background:var(--color-bg);border-radius:18px;padding:24px 16px;display:flex;flex-direction:column;gap:18px}.about-stat-value{font-family:var(--font-display);font-size:var(--text-1xl);font-weight:500;line-height:var(--leading-none);font-kerning:normal;letter-spacing:-.09em;color:var(--color-text-primary)}.about-stat-label{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:300;letter-spacing:0;text-transform:none;line-height:var(--leading-relaxed);color:var(--color-text-primary)}.about-stat-support{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-transform:none;letter-spacing:0;opacity:.95}.section-how-i-work{padding-top:var(--section-padding-top-medium);padding-bottom:var(--section-padding-top-medium);background:var(--color-bg)}.how-i-work-header{align-items:flex-end;margin-bottom:var(--space-xl);row-gap:56px}.section-work{padding-top:70px;padding-bottom:140px;background:var(--color-bg)}.work-container{display:flex;flex-direction:column;gap:80px}.work-divider{display:flex;align-items:center;gap:12px;width:100%}.section-how-i-work .work-divider{margin-top:var(--space-20)}.divider-line{flex:1;height:1px;background:#00000014}.divider-plus{font-size:16px;color:var(--colors-gray4)}.work-header-title-col{grid-column:1 / span 9}.work-header1-col{grid-column:1 / span 11}@media screen and (min-width:1025px){.work-header1-col{text-indent:calc(11% + .05em)}}.work-header2-col{grid-column:9 / span 4}.availability{margin-top:var(--space-xl);row-gap:var(--space-l);align-items:flex-start}.availability__lead{grid-column:1 / span 7}.availability__status{display:inline-flex;align-items:center;gap:10px}.availability__status-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--cursor-fill)}.availability__headline{font-family:var(--font-display);font-size:clamp(32px,4.5vw,56px);font-weight:500;line-height:1.05;letter-spacing:-.3px;color:var(--color-text-primary);margin-bottom:var(--space-m)}.availability__body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:540px}.availability__body+.availability__body{margin-top:16px}.availability__meta{grid-column:9 / span 4;padding-top:4px}.about-fit-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.about-fit-list__item{position:relative;padding-left:1.4em;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:var(--text-max-width-md)}.about-fit-list__item:before{content:"—";position:absolute;left:0;color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.about-fit-list__title{margin-bottom:0}.availability__details{display:flex;flex-direction:column;gap:16px;margin:0}.availability__detail-group{display:flex;flex-direction:column;gap:2px}.availability__dt{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:6px}.availability__dd{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:400;line-height:var(--leading-relaxed);color:var(--color-text-primary)}.availability__cta{display:inline-flex;align-items:center;gap:8px;margin-top:36px;border:1px solid var(--color-text-primary);border-radius:18px;padding:12px 20px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary);text-decoration:none;cursor:pointer;background:transparent;position:relative;overflow:hidden;transition:background var(--transition-fast),color var(--transition-fast)}.availability__cta:hover{background:var(--color-text-primary);color:var(--color-bg)}.availability__cta:active{transform:scale(.97);transition-duration:var(--duration-micro)}.availability__cta-icon{width:14px;height:14px;flex-shrink:0}@media screen and (max-width:1024px){.availability__lead{grid-column:1 / span 8}.availability__meta{grid-column:10 / span 3}}@media screen and (max-width:767px){.availability{row-gap:var(--space-m)}.availability__lead{grid-column:1 / span 12}.availability__meta{grid-column:1 / span 12;padding-top:var(--space-m);border-top:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent)}.availability__details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.availability__headline{margin-bottom:var(--space-s)}}@media screen and (max-width:480px){.availability__details{grid-template-columns:1fr;gap:20px}}.work-header{align-items:flex-start;row-gap:56px;margin-top:var(--space-xl)}@media screen and (max-width:767px){.section-work{padding-bottom:var(--space-m)}.work-container{gap:0}.work-header,.how-i-work-header{row-gap:32px}.how-i-work-header{margin-bottom:var(--space-l)}.work-header{margin-top:var(--space-l);margin-bottom:var(--space-l)}.work-cards-grid{padding-bottom:var(--space-l)}.section-how-i-work .work-divider{margin-top:var(--space-l)}}.work-headline{font-family:var(--font-display);font-size:80px;font-weight:500;line-height:84px;letter-spacing:-.3px;color:var(--color-text-primary)}.work-body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-left:auto}.work-cards-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:stretch}.work-card{position:relative;border-radius:var(--radius-brand-superellipse);overflow:hidden;width:100%;display:flex;flex-direction:column}.work-card>img,.work-card .work-card-link>img,.work-card .work-card-visual img{transition:opacity var(--duration-medium) var(--ease-out-expo),filter var(--duration-medium) var(--ease-out-expo),transform var(--duration-long) var(--ease-out-expo)}.work-card.is-loading>img,.work-card.is-loading .work-card-link>img,.work-card.is-loading .work-card-visual img{opacity:.75;filter:blur(18px) saturate(1.05);transform:scale(1.04)}.work-card.is-loaded>img,.work-card.is-loaded .work-card-link>img,.work-card.is-loaded .work-card-visual img{opacity:1;filter:blur(0px);transform:scale(1)}.work-card.is-loading .work-card-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in oklab,var(--color-bg) 30%,transparent);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);z-index:2;pointer-events:none}.work-card.is-loading .work-card-visual:after{content:"";position:absolute;top:-30%;right:-40%;bottom:-30%;left:-40%;background:linear-gradient(115deg,transparent 0%,color-mix(in oklab,var(--color-text-primary) 14%,transparent) 18%,transparent 36%);transform:translate3d(-30%,0,0);animation:work-card-shimmer 1.35s linear infinite;z-index:3;pointer-events:none;mix-blend-mode:overlay;opacity:.65}@keyframes work-card-shimmer{to{transform:translate3d(30%,0,0)}}.work-card.is-loading .work-card-overlay{opacity:1}.work-card.is-loading .work-card-brand-logo,.work-card.is-loading .work-card-badges{opacity:0}.work-card.is-loading .work-card-brand-text,.work-card.is-loading .work-card-title,.work-card.is-loading .work-card-subtitle,.work-card.is-loading .work-card-desc{position:relative;color:transparent;-webkit-user-select:none;user-select:none}.work-card.is-loading .work-card-brand-text:before,.work-card.is-loading .work-card-title:before,.work-card.is-loading .work-card-subtitle:before{content:"";position:absolute;left:0;top:.15em;height:1em;width:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in oklab,var(--color-bg) 18%,transparent),color-mix(in oklab,var(--color-text-primary) 16%,transparent),color-mix(in oklab,var(--color-bg) 18%,transparent) 40%);background-size:220% 100%;animation:work-card-skeleton 1.15s linear infinite;opacity:.85}.work-card.is-loading .work-card-title:before{height:1.1em;width:92%}.work-card.is-loading .work-card-subtitle:before{top:.2em;height:.95em;width:78%;opacity:.75}.work-card.is-loading .work-card-brand-text:before{top:.1em;height:.95em;width:56%;opacity:.7}@keyframes work-card-skeleton{to{background-position:220% 0}}.work-card-brand-logo,.work-card-badges{transition:opacity var(--duration-short) var(--ease-out-emil)}.work-card.is-loaded .work-card-brand-logo{transition-delay:.2s}.work-card.is-loaded .work-card-badges{transition-delay:.36s}@media(prefers-reduced-motion:reduce){.work-card.is-loading .work-card-visual:after{animation:none;opacity:.35}.work-card.is-loading .work-card-brand-text:before,.work-card.is-loading .work-card-title:before,.work-card.is-loading .work-card-subtitle:before{animation:none;opacity:.55}.work-card>img,.work-card .work-card-link>img,.work-card .work-card-visual img{transition:opacity .2s ease}.work-card-brand-logo,.work-card-badges{transition:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.work-card.is-loading .work-card-visual:before{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in oklab,var(--color-bg) 70%,transparent)}}@media(max-width:768px){.work-card.is-loading>img,.work-card.is-loading .work-card-link>img,.work-card.is-loading .work-card-visual img{opacity:1;filter:none;transform:none}.work-card.is-loading .work-card-visual:before,.work-card.is-loading .work-card-visual:after{display:none}.work-card.is-loading .work-card-brand-logo,.work-card.is-loading .work-card-badges{opacity:1}.work-card.is-loading .work-card-brand-text,.work-card.is-loading .work-card-title,.work-card.is-loading .work-card-subtitle{color:inherit;-webkit-user-select:auto;user-select:auto}.work-card.is-loading .work-card-brand-text:before,.work-card.is-loading .work-card-title:before,.work-card.is-loading .work-card-subtitle:before{display:none}}.work-card-link{display:flex;flex-direction:column;width:100%;height:100%;color:inherit;text-decoration:none;border-radius:inherit}.work-card-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media(hover:hover)and (pointer:fine){.work-card-link:hover .work-card-visual img{transform:scale(1.04);transition-delay:.12s}.work-card-link:active{transform:scale(.98);transition:transform var(--duration-micro) var(--ease-out-emil)}}@media(prefers-reduced-motion:reduce){.work-card-link:hover .work-card-visual img,.work-card-link:active{transform:none!important}}.work-card-link--external .work-card-title{display:flex;align-items:flex-start;gap:.4rem}.work-card-link--external .work-card-title:after{content:"↗";font-family:var(--font-mono);font-size:.68em;line-height:1;opacity:.72;transform:translateY(.22em);transition:transform var(--transition-fast),opacity var(--transition-fast)}.work-card-link--external:hover .work-card-title:after,.work-card-link--external:focus-visible .work-card-title:after{opacity:1;transform:translateY(0)}.work-card-visual{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;flex-shrink:0;border-radius:inherit}.work-card-visual picture{display:block;width:100%;height:100%;border-radius:inherit}.work-card-visual img{display:block;transition:opacity var(--duration-medium) var(--ease-out-emil),filter var(--duration-medium) var(--ease-out-emil),transform var(--duration-long) var(--ease-out-emil);transform-origin:center;border-radius:inherit}.work-card>img,.work-card .work-card-link>img:not(.work-card-visual img){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.work-card img.work-card-bg{width:100%;height:100%;object-fit:cover}.work-card-info{display:flex;flex-direction:column;gap:12px;padding:24px 4px;flex-grow:1;background:var(--color-bg)}.work-card-desc{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:300;line-height:1.5;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}body.light-mode .work-card-desc{color:var(--color-text-secondary)}.work-card-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;opacity:.52;transition:opacity var(--transition-fast)}.work-card-link:hover .work-card-badges,.work-card-link:focus-visible .work-card-badges{opacity:.72}.work-card-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.03em;line-height:16px;text-transform:uppercase;white-space:nowrap;background:color-mix(in srgb,var(--color-text-primary) 10%,transparent);color:var(--color-text-primary)}body.light-mode .work-card-badge{background:color-mix(in srgb,var(--color-text-primary) 7%,transparent)}.work-card-badge--secondary{background:transparent;border:1px solid color-mix(in srgb,var(--color-text-primary) 15%,transparent);opacity:.55}body.light-mode .work-card-badge--secondary{border-color:color-mix(in srgb,var(--color-text-primary) 12%,transparent)}.work-card-badges-sep{display:block;width:1px;height:12px;background:color-mix(in srgb,var(--color-text-primary) 15%,transparent);flex-shrink:0}.work-card-authorship{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.92;white-space:nowrap}.work-card-light{background:var(--color-surface);color:var(--color-text-secondary);font-size:36px;font-weight:600;justify-content:center;padding:32px;grid-column:1 / span 3}.work-card-light .work-card-logo{font-family:var(--font-display)}.work-card-1{grid-column:1 / span 6}.work-card-2{grid-column:7 / span 6}.work-card-3{grid-column:1 / span 6}.work-card-4{grid-column:7 / span 6}.work-card-5{grid-column:1 / span 6}.work-card-6{grid-column:7 / span 6}.work-card-7{grid-column:1 / span 6}.work-card-8{grid-column:7 / span 6}.work-card-text,.work-card-copy{max-width:50ch}.work-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);margin:0;color:var(--color-text-primary)}.work-card-subtitle{font-family:var(--font-primary);font-size:var(--text-sm);line-height:1.45;font-weight:300;margin:0;opacity:.92;color:inherit}.work-card-wide{grid-column:span 2;min-height:360px;position:relative;background:var(--color-surface);grid-column:1 / span 6}.work-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#0000,#0000008c);color:#fff;font-family:var(--font-primary);font-size:16px;line-height:24px}.work-card-brand-meta{position:absolute;top:32px;left:32px;right:16px;display:flex;align-items:center;gap:16px;z-index:2;pointer-events:none}@media screen and (max-width:767px){.work-card-brand-meta{display:none}}.work-card-brand-logo{top:24px;left:24px;display:block;height:auto;width:auto;object-fit:contain;z-index:2;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.25))}.work-card-brand-text{font-family:var(--font-mono);font-size:var(--text-sm);line-height:20px;letter-spacing:var(--tracking-wide);text-transform:none;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.work-card-brand-text--wrap{white-space:normal;overflow:visible;text-overflow:clip;font-weight:300}.work-card-brand-text--wrap strong{font-weight:600}.work-card-5 .work-card-brand-text{color:#000!important}.work-card-overlay.overlay-light{background:linear-gradient(180deg,#fff0,#00000059)}.work-card-meta{display:flex;gap:12px;font-size:15px;margin-bottom:12px;grid-column:7 / span 3}.work-card-cta{position:absolute;right:12px;bottom:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:#fffc;color:var(--color-text-secondary);font-size:18px;line-height:32px;text-align:center;cursor:pointer;grid-column:10 / span 3}.work-card-placeholder{background:var(--color-surface)}.work-card-placeholder .muted{opacity:.4}.how-i-work-header-col{grid-column:1 / span 8}.how-i-work-text-col{grid-column:9 / span 4}.how-i-work-text-col .section-text{text-wrap:balance}.workflow-badge{display:inline-flex;align-items:center;gap:var(--space-s);margin-bottom:var(--space-m);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.status-text{font-family:var(--font-mono);font-size:var(--status-text-size);letter-spacing:var(--status-text-letter-spacing);text-transform:uppercase;color:var(--color-text-primary)}@media screen and (max-width:767px){.status-text{font-size:12px}}.services-grid{margin-top:var(--space-xl);row-gap:var(--space-m);column-gap:16px}.service-card-1,.service-card-2,.service-card-3,.service-card-4{border:none;overflow:hidden;display:flex;flex-direction:column;gap:40px;grid-column:span 3}.service-card-top{background:var(--image-container-bg);border:none;border-radius:var(--radius-brand-superellipse);padding:var(--space-l);display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1}.service-card-bottom{background:var(--color-bg);border:none;flex:1;display:flex;flex-direction:column}.service-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;line-height:32px;margin-bottom:var(--space-s);color:#bbb;transition:color var(--transition-base);position:relative}.service-title__br-mobile{display:none}@media screen and (max-width:767px){.service-title__br-mobile{display:inline}}.service-title-line{width:100%;height:1px;border:none;background-color:var(--color-border);margin:0 0 var(--space-m) 0;padding:0;position:relative;overflow:hidden}.service-title-line:after{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background-color:#2b2b2b;transition:width var(--transition-base)}.service-list li,.service-body{padding:0;margin:0;color:#ddd;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);transition:color var(--transition-base);text-wrap:balance}.service-card-bottom .service-body+.service-body{margin-top:var(--space-s)}@media(hover:hover){.service-card-1:hover .service-title-line:after,.service-card-2:hover .service-title-line:after,.service-card-3:hover .service-title-line:after,.service-card-4:hover .service-title-line:after{width:100%}.service-card-1:hover .service-title,.service-card-2:hover .service-title,.service-card-3:hover .service-title,.service-card-4:hover .service-title,.service-card-1:hover .service-list li,.service-card-2:hover .service-list li,.service-card-3:hover .service-list li,.service-card-4:hover .service-list li,.service-card-1:hover .service-body,.service-card-2:hover .service-body,.service-card-3:hover .service-body,.service-card-4:hover .service-body{color:#2b2b2b}body:not(.light-mode) .service-card-1:hover .service-title-line:after,body:not(.light-mode) .service-card-2:hover .service-title-line:after,body:not(.light-mode) .service-card-3:hover .service-title-line:after,body:not(.light-mode) .service-card-4:hover .service-title-line:after{background-color:transparent;background-image:linear-gradient(90deg,var(--cursor-fill) 0%,#ffffff 78%);box-shadow:0 0 22px color-mix(in srgb,var(--cursor-fill) 45%,transparent)}body:not(.light-mode) .service-card-1:hover .service-title,body:not(.light-mode) .service-card-2:hover .service-title,body:not(.light-mode) .service-card-3:hover .service-title,body:not(.light-mode) .service-card-4:hover .service-title{color:#fff}body:not(.light-mode) .service-card-1:hover .service-list li,body:not(.light-mode) .service-card-2:hover .service-list li,body:not(.light-mode) .service-card-3:hover .service-list li,body:not(.light-mode) .service-card-4:hover .service-list li,body:not(.light-mode) .service-card-1:hover .service-body,body:not(.light-mode) .service-card-2:hover .service-body,body:not(.light-mode) .service-card-3:hover .service-body,body:not(.light-mode) .service-card-4:hover .service-body{color:#fff}body.light-mode .service-card-1:hover .service-title-line:after,body.light-mode .service-card-2:hover .service-title-line:after,body.light-mode .service-card-3:hover .service-title-line:after,body.light-mode .service-card-4:hover .service-title-line:after{background-color:transparent;background-image:linear-gradient(90deg,var(--cursor-fill) 0%,#2b2b2b 78%);box-shadow:0 0 22px color-mix(in srgb,var(--cursor-fill) 40%,transparent)}}.service-icon{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:1;min-width:0;min-height:0}.service-icon img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;opacity:.6}.section-how-i-work .hiw-icon-host{display:flex;align-items:center;justify-content:center;width:55%;height:100%;min-height:0}.section-how-i-work .hiw-svg-el{width:auto;height:auto;max-width:100%;max-height:100%;overflow:visible;opacity:1!important}.service-icon-dark{display:none!important}.service-icon-light{display:block}body.light-mode .service-icon-dark{display:block!important}body.light-mode .service-icon-light{display:none!important}.service-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}body.light-mode .service-title,body.light-mode .service-list li,body.light-mode .service-body{color:#2b2b2ba6}body.light-mode .service-title-line{background-color:#2b2b2b1f}body:not(.light-mode) .section-how-i-work .service-title,body:not(.light-mode) .section-how-i-work .service-body{color:#fff}body:not(.light-mode) .section-how-i-work .service-title-line{background-color:#ffffff24}.section-interests{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.section-interests.section-interests--draft{display:none}.interests-grid{margin-top:4rem;row-gap:1rem}.interest-card{aspect-ratio:16 / 10;background:var(--color-text-primary);border-radius:4px;position:relative;overflow:hidden;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><rect fill="%23121212" width="400" height="300"/><path fill="%23333" d="M0 150 Q100 100 200 150 T400 150" stroke="%23333" stroke-width="2" fill="none"/></svg>');background-size:cover;background-position:center}.interest-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 100%);color:#fff}.interest-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;align-self:flex-end}.interest-text{font-size:.875rem;line-height:1.6;opacity:.9}.section-companies{padding-top:var(--section-padding-top-medium);padding-bottom:var(--section-padding-top-medium);background:var(--color-bg)}.companies-tagline{text-align:center;margin-bottom:var(--space-l)}.companies-tagline-text{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.companies-logos-grid{justify-items:center;align-items:center}.companies-logos-marquee{grid-column:2 / span 10;width:100%}.companies-logos-marquee-track{display:block}.companies-logos-wrapper{display:grid;grid-template-columns:repeat(6,1fr);gap:48px;align-items:center;justify-items:center}.company-logo{display:flex;align-items:center;justify-content:center;position:relative}.company-logo-link{display:flex;align-items:center;justify-content:center;line-height:0;color:inherit;text-decoration:none}.company-logo-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:4px}.company-logo img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain;opacity:.9}.company-logo-dark{display:none!important}.company-logo-light{display:block}body.light-mode .company-logo-dark{display:block!important}body.light-mode .company-logo-light{display:none!important}.section-cta{padding-top:120px;padding-bottom:120px;background:var(--color-bg);padding:var(--space-m)!important}.cta-container{display:flex;flex-direction:column;gap:24px;background:var(--color-surface);border-radius:var(--radius-brand-superellipse);padding:var(--space-l)}.cta-container .work-divider{margin-top:var(--space-xl)}.cta-status{display:flex;align-items:center;font-family:var(--font-mono);font-size:var(--status-text-size);text-transform:uppercase;letter-spacing:var(--status-text-letter-spacing);color:var(--color-text-primary)}.cta-title{font-family:var(--font-display);font-size:56px;font-weight:500;line-height:56px;letter-spacing:-.3px;color:var(--color-text-primary)}.footer-cta-title{font-family:var(--font-display);font-size:56px;font-weight:500;line-height:64px;letter-spacing:-.3px;color:var(--color-text-primary)}@media screen and (max-width:767px){.cta-title,.footer-cta-title{font-size:32px;line-height:40px;letter-spacing:-.3px}}.cta-primary{width:fit-content;border:1px solid var(--color-text-primary);border-radius:18px;padding:16px 24px;display:inline-flex;align-items:center;gap:8px;background:transparent;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary);cursor:pointer}.cta-arrow{display:block;flex-shrink:0;width:16px;height:16px}.footer-meta{display:flex;align-items:center;justify-content:space-between;width:100%}.footer-copy{font-family:var(--font-primary);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text-secondary);opacity:.6}.footer-icons{display:flex;align-items:center;gap:var(--space-m)}.footer-icon-link{display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-base)}.footer-icon-link:focus-visible{opacity:.7;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:4px}@media(hover:hover){.footer-icon-link:hover{opacity:.7}}.footer-icons img{width:18px;height:18px;display:block;opacity:.6}.text-right{text-align:right}.text-center{text-align:center}@media screen and (min-width:1800px){.hero-visual-full-bleed{max-width:700px}}@media screen and (min-width:481px)and (max-width:767px){.work-header-title-col{grid-column:1 / span 12}.work-header1-col{grid-column:1 / span 12;font-size:var(--text-2xl);text-indent:0ch;line-height:var(--leading-none)}.work-header2-col,.how-i-work-text-col,.work-card-1,.work-card-2,.work-card-3,.work-card-4,.work-card-5,.work-card-6,.work-card-7,.work-card-8{grid-column:1 / span 12}.work-card-visual{aspect-ratio:16 / 10}.service-card-1,.service-card-2,.service-card-3,.service-card-4{grid-column:span 6}.hero-headline,.section-headline{font-size:var(--text-2xl);line-height:var(--leading-none)}.hero-text,.section-text{max-width:100%}.cta-card{padding:var(--space-m)}.cta-footer{flex-direction:column;gap:var(--space-xs)}.section-cta{padding:var(--space-s)!important}.cta-container{padding:var(--space-m)}.work-card-brand-logo{max-height:16px}.work-card-brand-text{font-size:var(--text-xs)}}@media screen and (min-width:320px)and (max-width:480px){.work-header-title-col{grid-column:1 / span 12}.work-header1-col{grid-column:1 / span 12;text-indent:0ch;font-size:var(--text-xl);line-height:var(--leading-none)}.section-headline{font-size:var(--text-xl);line-height:var(--leading-none)}.work-header2-col,.how-i-work-text-col,.work-card-1,.work-card-2,.work-card-3,.work-card-4,.work-card-5,.work-card-6,.work-card-7,.work-card-8{grid-column:1 / span 12}.work-card-visual{aspect-ratio:2 / 2}.how-i-work-header-col{grid-column:1 / span 12}.service-card-1,.service-card-2,.service-card-3,.service-card-4{grid-column:span 6}.hero-headline{font-size:var(--text-1xl);line-height:var(--leading-none)}.hero-text,.section-text{max-width:100%}.cta-card{padding:var(--space-m)}.cta-footer{flex-direction:column;gap:var(--space-xs)}.section-cta{padding:var(--space-s)!important}.cta-container{padding:var(--space-m)}}@media screen and (min-width:1600px){.work-card-visual{aspect-ratio:12 / 9}}.services-origin-visual{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;grid-column:3 / span 8;min-width:0;width:100%;margin-top:0;border:none}.services-origin-media{width:100%;display:flex;align-items:center;justify-content:center}.services-origin-media img{width:100%;height:auto;object-fit:contain}.services-origin-caption{position:static;flex-shrink:0;box-sizing:border-box;margin:var(--space-8) 0 0 0;padding:0;width:100%;max-width:56rem;min-width:0;text-align:center;font-family:var(--font-primary);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:400;font-style:italic;line-height:1.4;letter-spacing:-.02em;color:var(--color-text-primary);white-space:normal}@media screen and (max-width:991px){.services-origin-visual{grid-column:1 / span 12}}@media screen and (max-width:767px){.services-origin-visual{grid-column:1 / span 12}}.services-origin-visual__image{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) -1.6%,rgba(0,0,0,1) 73.8%,rgba(0,0,0,0) 85.2%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:linear-gradient(to bottom,#0000,#000 -1.6%,#000 73.8%,#0000 85.2%);mask-repeat:no-repeat;mask-size:100% 100%}body:not(.light-mode) :where(header,.section,footer) h1,body:not(.light-mode) :where(header,.section,footer) h2{color:#eee}body:not(.light-mode) :where(header,.section,footer) p,body:not(.light-mode) :where(header,.section,footer) span,body:not(.light-mode) :where(header,.section,footer) a,body:not(.light-mode) :where(header,.section,footer) li{color:#eee}body:not(.light-mode) .about-image-wrapper,body:not(.light-mode) .home-image-wrapper,body:not(.light-mode) .work-card-visual,body:not(.light-mode) .service-card-top,body:not(.light-mode) .case-study-hero-placeholder,body:not(.light-mode) .case-study-challenge-visual,body:not(.light-mode) .services-origin-visual,body:not(.light-mode) .case-study-journey-visual,body:not(.light-mode) .case-study-components-visual,body:not(.light-mode) .case-study-checkout-focus-visual,body:not(.light-mode) .case-study-documentation-placeholder,body:not(.light-mode) .case-study-architecture-visual,body:not(.light-mode) .case-study-journey-insight,body:not(.light-mode) .case-study-store-compare-learning,body:not(.light-mode) .case-study-learnings-callout,body:not(.light-mode) .case-study-hypotheses-winner,body:not(.light-mode) .case-study-product-tiers-learning,body:not(.light-mode) .case-study-ecosystem-learning{color:var(--color-text-on-image-plate)}body:not(.light-mode) #section-about .home-image-wrapper{color:var(--about-legend-ink)}body:not(.light-mode) .case-study-journey-insight,body:not(.light-mode) .case-study-store-compare-learning,body:not(.light-mode) .case-study-learnings-callout,body:not(.light-mode) .case-study-hypotheses-winner,body:not(.light-mode) .case-study-product-tiers-learning,body:not(.light-mode) .case-study-ecosystem-learning{background:#eaf5fb}body:not(.light-mode) .about-image-wrapper :is(p,span,a,li),body:not(.light-mode) .home-image-wrapper :is(p,span,a,li),body:not(.light-mode) .work-card-visual :is(p,span,a,li),body:not(.light-mode) .service-card-top :is(p,span,a,li),body:not(.light-mode) .case-study-hero-placeholder :is(p,span,a,li),body:not(.light-mode) .case-study-challenge-visual :is(p,span,a,li),body:not(.light-mode) .case-study-journey-visual :is(p,span,a,li),body:not(.light-mode) .case-study-components-visual :is(p,span,a,li),body:not(.light-mode) .case-study-checkout-focus-visual :is(p,span,a,li,figcaption),body:not(.light-mode) .case-study-documentation-placeholder :is(p,span,a,li),body:not(.light-mode) .case-study-architecture-visual :is(p,span,a,li),body:not(.light-mode) .case-study-journey-insight :is(p,span,a,li),body:not(.light-mode) .case-study-store-compare-learning :is(p,span,a,li),body:not(.light-mode) .case-study-learnings-callout :is(p,span,a,li),body:not(.light-mode) .case-study-hypotheses-winner :is(p,span,a,li),body:not(.light-mode) .case-study-product-tiers-learning :is(p,span,a,li),body:not(.light-mode) .case-study-ecosystem-learning :is(p,span,a,li){color:inherit}body:not(.light-mode) .cta-container{background:#1f1f1f}body:not(.light-mode) .about-stats{background:#1f1f1f}body:not(.light-mode) .about-stat-value,body:not(.light-mode) .about-stat-label{color:#eee}body:not(.light-mode) .divider-line{background:#919191}body:not(.light-mode) .divider-plus{color:#ffffff59}.section-testimonials{padding-top:var(--section-padding-top-medium);padding-bottom:var(--section-padding-top-medium);background:var(--color-bg)}.testimonials-tagline{text-align:center;margin-bottom:var(--space-l)}.testimonials-tagline-text{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.testimonials-grid{justify-items:center;align-items:start}.testimonials-inner{grid-column:3 / span 8;width:100%;overflow:hidden}.testimonials-carousel-scroll{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.testimonials-carousel-scroll::-webkit-scrollbar{display:none}.testimonials-dots{display:flex;justify-content:center;align-items:center;gap:16px;padding:2px;margin-top:var(--space-16)}.testimonials-dot{width:12px;height:12px;border-radius:50%;background:var(--cursor-fill-hover);cursor:pointer;border:none;padding:0;transition:background .2s ease,transform .2s ease;position:relative}.testimonials-dot:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.testimonials-dot.is-active{border:1px solid var(--cursor-fill);background:var(--cursor-fill);transform:scale(1.2)}@media(hover:hover){.testimonials-dot:hover{background:var(--cursor-fill-hover)}}.testimonials-track{display:flex;flex-direction:row;gap:var(--space-10);align-items:stretch}.testimonial-card{flex:0 0 auto;width:calc(50% - var(--space-5));display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-8);padding:var(--space-6) 0;scroll-snap-align:start;scroll-snap-stop:normal}.testimonial-card__quote{margin:0;flex:1}.testimonial-card__quote p{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;line-height:var(--leading-relaxed);color:var(--color-text-primary);text-wrap:pretty}.testimonial-card__footer{display:flex;flex-direction:row;align-items:center;gap:var(--space-4)}.testimonial-card__avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);display:flex;align-items:center;justify-content:center;overflow:hidden}.testimonial-card__initials{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.04em;color:var(--color-text-secondary);text-transform:uppercase;-webkit-user-select:none;user-select:none;line-height:1}.testimonial-card__logo{width:100%;height:100%;object-fit:contain;padding:6px}.testimonial-card__vdivider{width:1px;height:28px;flex-shrink:0;background:color-mix(in srgb,var(--color-border) 50%,transparent)}.testimonial-card__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.testimonial-card__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.testimonial-card__role{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);line-height:var(--leading-snug)}@media(max-width:767px){.testimonials-inner{grid-column:1 / -1}.testimonial-card{width:80vw}.testimonial-card:not(:last-child){padding-right:0;border-right:none}.testimonial-card__quote p{font-size:1rem}}@media(min-width:768px)and (max-width:1024px){.testimonials-inner{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.testimonials-carousel-scroll{scroll-snap-type:none}}:root{--services-carousel-peek: 52px}@media screen and (max-width:1024px){.services-carousel-scroll{width:calc(100% + 2 * var(--grid-container-padding));max-width:100vw;margin-left:calc(-1 * var(--grid-container-padding));margin-right:calc(-1 * var(--grid-container-padding));padding-left:var(--grid-container-padding);padding-right:var(--grid-container-padding);box-sizing:border-box;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-inline:var(--grid-container-padding);scrollbar-width:none}.services-carousel-scroll::-webkit-scrollbar{display:none}.services-carousel-scroll .services-grid{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;min-width:min-content;grid-template-columns:unset;gap:16px;column-gap:16px;row-gap:0;margin-top:0;align-items:stretch}.services-carousel-scroll .service-card-1,.services-carousel-scroll .service-card-2,.services-carousel-scroll .service-card-3,.services-carousel-scroll .service-card-4{flex:0 0 auto;width:calc(100vw - 2 * var(--grid-container-padding) - var(--services-carousel-peek));max-width:none;scroll-snap-align:start;scroll-snap-stop:normal;grid-column:unset!important}}@media(prefers-reduced-motion:reduce){.services-carousel-scroll{scroll-snap-type:none}}@media screen and (max-width:767px){.companies-logos-marquee{display:block;grid-column:1 / span 12;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.companies-logos-marquee::-webkit-scrollbar{display:none}.companies-logos-marquee-track{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;align-items:center}.companies-logos-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(1.25rem,5vw,2.5rem);width:auto;flex-shrink:0;padding-inline:clamp(.75rem,3vw,1.25rem);box-sizing:border-box}.companies-logos-marquee .company-logo{flex:0 0 auto}.companies-logos-marquee .company-logo img{max-height:48px;width:auto;height:auto;object-fit:contain}}.case-study-section-divider{padding:0;background:var(--color-bg)}body:not(.light-mode) .case-study-section-divider .divider-line{background:#ffffff1a}body:not(.light-mode) .case-study-section-divider .divider-plus{color:#ffffff24}.case-study-hero{padding-top:5rem;padding-bottom:2rem;background:var(--color-bg)}.case-study-hero-head{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-10);width:100%}.case-study-hero-head .eyebrow{margin:0}.case-study-hero-layout{row-gap:var(--space-10);column-gap:var(--grid-gutter)}.case-study-hero-meta{margin-top:1rem}.case-study-hero-intro,.case-study-hero-meta,.case-study-hero-visual{grid-column:1 / span 12;min-width:0}.case-study-hero-meta .case-study-meta-grid{width:100%}.case-study-hero-visual{display:flex;flex-direction:column;gap:16px}.case-study-hero-intro{display:flex;flex-direction:column;gap:var(--space-6)}.case-study-hero-intro .case-study-title,.case-study-hero-intro .case-study-subtitle{margin:0}.case-study-hero-intro .case-study-subtitle{max-width:none}.case-study-hero .case-study-meta-label{color:var(--color-text-primary);font-weight:600}.case-study-hero .case-study-meta-value{color:var(--color-text-secondary)}.case-study-meta-field{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.case-study-meta-block--stacked-fields{gap:.75rem}.case-study-hero-visual .case-study-lead,.case-study-hero-visual .case-study-hero-placeholder{margin-top:0}.case-study-hero-inner,.case-study-section-col{display:grid;grid-template-columns:minmax(0,1fr)}.case-study-hero-col{grid-column-start:1;grid-column-end:span 12}.case-study-col-text{grid-column-start:2;grid-column-end:span 10;min-width:0}.case-study-col-media{grid-column-start:1;grid-column-end:span 12;min-width:0}.case-study-col-media .case-study-card-grid,.case-study-col-text .case-study-problem-role-title{margin-top:0}.case-study-section-grid--stack{grid-auto-flow:row;row-gap:40px}.case-study-title{margin:0 0 1.25rem;text-wrap:balance}.case-study-subtitle{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-normal);color:var(--color-text-secondary);max-width:var(--text-max-width-md);margin:0 0 var(--space-l) 0;text-wrap:balance}.case-study-meta-grid{row-gap:var(--space-m);column-gap:16px}.case-study-meta-block{display:flex;flex-direction:column;gap:var(--space-xs)}.case-study-meta-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:var(--leading-normal);color:var(--color-text-secondary)}.case-study-meta-value{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:300;line-height:1.55;color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--space-xs);text-wrap:balance}.case-study-meta-spacer{margin-top:var(--space-xs)}.case-study-lead{margin-top:var(--space-l);font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-hero-placeholder,.case-study-challenge-visual{border-radius:var(--case-study-image-radius);overflow:hidden;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);background:var(--image-container-bg)}body.light-mode .case-study-hero-placeholder{border:none}.case-study-hero-placeholder img,.case-study-challenge-visual img,.case-study-journey-visual img{display:block;width:100%;height:100%;object-fit:cover}.case-study-hero-placeholder{margin-top:0;width:100%}.case-study-hero .case-study-hero-placeholder{border-radius:var(--case-study-image-radius)}@media screen and (max-width:767px){.case-study-hero{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-hero-head{margin-bottom:var(--space-m);gap:var(--space-s)}.case-study-subtitle{max-width:100%;margin-bottom:var(--space-m)}.case-study-meta-block{grid-column:span 12!important}.case-study-hero-placeholder{height:280px}}@media screen and (max-width:991px){.case-study-section-grid>*{grid-column:1 / span 12!important}.case-study-section-grid .grid>*,.case-study-section-grid .case-study-meta-grid>*{grid-column:1 / span 12!important}.case-study-section-grid--stack,.case-study-hero-layout,.case-study-challenge-layout,.case-study-problem-layout,.case-study-analysis-layout,.case-study-journey-layout,.case-study-components-layout,.case-study-store-compare-layout,.case-study-checkout-focus-layout,.case-study-unified-layout,.case-study-documentation-layout,.case-study-results-layout,.case-study-learnings-layout,.case-study-hypotheses-layout,.case-study-solution-layout,.case-study-architecture-layout,.case-study-product-tiers-layout,.case-study-ecosystem-layout{row-gap:var(--space-m)}}body:not(.light-mode) .case-study-meta-label{color:#919191}body:not(.light-mode) .case-study-meta-value{color:#eee}.case-study-challenge{padding-top:80px;padding-bottom:32px;background:var(--color-bg)}.case-study-challenge-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-challenge-text{display:flex;flex-direction:column;gap:var(--space-s);grid-column:2 / span 6;min-width:0}.case-study-challenge-note{grid-column:2 / span 10;min-width:0}.case-study-challenge-eyebrow{margin-bottom:0}.case-study-challenge-header-stack{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.case-study-challenge-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-challenge-copy{margin:0;max-width:100%;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-challenge-list{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);list-style-type:disc}.case-study-challenge-visual{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;grid-column:1 / span 12;min-width:0;width:100%;margin-top:0;padding:var(--space-xl);border-radius:var(--case-study-image-radius);border:none;background:var(--colors-gray2)}.case-study-challenge-media{width:100%;display:flex;align-items:center;justify-content:center}.case-study-challenge-media img{width:100%;height:auto;object-fit:contain}.case-study-challenge-caption{position:static;flex-shrink:0;box-sizing:border-box;margin:32px 0 0;padding:0;width:100%;max-width:56rem;min-width:0;text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:#000;white-space:normal}body:not(.light-mode) .case-study-challenge-visual .case-study-challenge-caption{color:#000}.case-study-challenge-footnote{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}body:not(.light-mode) .case-study-challenge-visual{background:var(--image-container-bg)}@media screen and (max-width:991px){.case-study-challenge-visual{padding:40px var(--space-m) 40px}}@media screen and (max-width:767px){.case-study-challenge{padding-top:var(--space-l);padding-bottom:var(--space-m)}.case-study-challenge-list{margin:0}.case-study-challenge-visual{padding:40px var(--space-s) 40px}}.case-study-problem{padding-top:var(--space-20);padding-bottom:var(--space-20);background:var(--color-bg)}.case-study-problem-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-problem-lede,.case-study-problem-role-text,.case-study-problem-cards,.case-study-problem-role-cards{grid-column:2 / span 10;min-width:0}.case-study-problem-lede{display:flex;flex-direction:column;gap:24px}.case-study-problem-lede-head{display:flex;flex-direction:column;gap:16px;grid-column:2 / span 6}.case-study-problem-role-text{display:flex;flex-direction:column;gap:16px}.case-study-problem .eyebrow.case-study-problem-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-problem-title,.case-study-problem-role-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-problem-lede-head .case-study-problem-title{margin-bottom:0}.case-study-problem-role-title{margin-top:0;margin-bottom:0}.case-study-problem-intro{margin:0;max-width:1120px;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-card-grid{margin-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px;border-radius:18px;background:var(--case-study-card-rail, var(--color-surface))}.case-study-card-grid--4col{grid-template-columns:repeat(4,minmax(0,1fr))}@media screen and (max-width:1199px){.case-study-card-grid--4col{grid-template-columns:repeat(2,minmax(0,1fr))}}body.light-mode .case-study-problem .case-study-card-grid{--case-study-card-rail: #edece7}body:not(.light-mode) .case-study-problem .case-study-card-grid:not(.case-study-card-grid-role){--case-study-card-rail: #2c2c2a}.case-study-problem .case-study-card-grid:not(.case-study-card-grid-role){align-items:stretch}.case-study-problem .case-study-card:not(.case-study-card-role){gap:0;height:100%}.case-study-card{display:flex;flex-direction:column;gap:24px;min-height:0;padding:24px 16px;border:0;border-radius:14px;background:var(--color-bg)}.case-study-card-eyebrow{margin:0 0 12px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-secondary)}.case-study-card-title{margin:0 0 var(--space-s) 0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:1.2;color:var(--color-text-primary);text-wrap:balance}.case-study-problem .case-study-card:not(.case-study-card-role) .case-study-card-title{margin:0 0 24px;font-size:var(--text-lg);line-height:32px;letter-spacing:-.3px}.case-study-problem .case-study-card-body{margin:0;padding-right:8px;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-card-body{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-card-grid-role{margin-top:0;display:flex;flex-direction:row;align-items:center;gap:24px;padding:0;border-radius:0;background:transparent}.case-study-card-role{flex:1 1 0;min-width:0;min-height:0;padding:0;border-radius:0;background:transparent}.case-study-role-divider{flex-shrink:0;width:1px;height:212px;background:#0000000a;align-self:center}body:not(.light-mode) .case-study-role-divider{background:#ffffff14}.case-study-problem .case-study-card-grid-role .case-study-card-title{margin:0 0 12px;font-size:var(--text-lg);line-height:32px;letter-spacing:-.3px}.case-study-card-grid-role .case-study-card-body{font-size:var(--text-base);line-height:var(--leading-relaxed)}@media screen and (max-width:991px){.case-study-card-grid{grid-template-columns:1fr;gap:var(--space-s)}.case-study-card-grid-role{flex-direction:column;align-items:stretch;gap:var(--space-m)}.case-study-role-divider{display:none}.case-study-card-role{padding:0}.case-study-card,.case-study-card-role{min-height:0}}@media screen and (max-width:767px){.case-study-problem{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-problem-role-title{margin-top:0}.case-study-card-title{font-size:var(--text-lg)}}.case-study-analysis{padding-top:var(--space-20);padding-bottom:var(--space-20);background:var(--color-bg)}.case-study-analysis-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-analysis-eyebrow-row,.case-study-analysis-columns{grid-column:2 / span 10;min-width:0}.case-study-analysis-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.case-study-analysis-column{display:flex;flex-direction:column;gap:40px;min-width:0;height:100%}.case-study-analysis-column-head{display:flex;flex-direction:column;gap:24px}.case-study-analysis-objectives,.case-study-analysis-insights-cards{width:100%;flex:1;display:flex}.case-study-analysis .eyebrow.case-study-analysis-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-analysis-title,.case-study-analysis-subtitle{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-analysis-intro{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-card-grid.case-study-card-grid--analysis-stack{margin-top:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;padding:6px;border-radius:18px;background:var(--case-study-card-rail, var(--color-surface));flex:1;align-items:stretch}body.light-mode .case-study-analysis .case-study-card-grid--analysis-stack{--case-study-card-rail: #edece7}body:not(.light-mode) .case-study-analysis .case-study-card-grid--analysis-stack{--case-study-card-rail: #2c2c2a}.case-study-analysis .case-study-card-grid--analysis-stack .case-study-card{min-height:0;height:100%}.case-study-analysis .case-study-card--analysis-tall{min-height:200px}.case-study-analysis .case-study-card-grid--analysis-stack .case-study-card-title{margin:0;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:-.3px}.case-study-analysis .case-study-card-grid--analysis-stack .case-study-card-body{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed)}.case-study-card-text-stack{display:flex;flex-direction:column;gap:0;margin:0;padding-right:8px;box-sizing:border-box}.case-study-card-text-stack .case-study-card-body{margin:0}.case-study-analysis-insight-bullets{margin:0;padding-left:1.25rem;list-style-type:disc;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.case-study-analysis-insight-bullets li{margin:0}.case-study-card-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-card-medium{min-height:175px}@media screen and (max-width:991px){.case-study-analysis-columns{grid-template-columns:1fr;gap:var(--space-l)}.case-study-card-grid-two{grid-template-columns:1fr}.case-study-card-medium,.case-study-analysis .case-study-card--analysis-tall{min-height:0}}@media screen and (max-width:767px){.case-study-analysis{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-analysis-title,.case-study-analysis-subtitle{font-size:clamp(1.75rem,7vw,2.25rem)}.case-study-analysis .case-study-card-grid--analysis-stack .case-study-card-title{font-size:clamp(1rem,3.5vw,1.125rem);line-height:1.35}}.case-study-journey{padding-top:var(--space-20);padding-bottom:var(--space-20);background:var(--color-bg)}.case-study-journey-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-journey-lede{grid-column:2 / span 10;min-width:0;display:flex;flex-direction:column;gap:24px}.case-study-journey-lede-head{display:flex;flex-direction:column;gap:16px}.case-study-journey-lede-head .case-study-journey-title{margin-bottom:0}.case-study-journey .eyebrow.case-study-journey-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-journey-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-journey-intro{margin:0;max-width:1180px;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-journey-visual-stack{grid-column:1 / span 12;min-width:0;width:100%;display:flex;flex-direction:column;gap:16px}.case-study-journey-visual-stack .case-study-journey-strap,.case-study-journey-visual-stack .case-study-journey-visual{margin-top:0}.case-study-journey-strap{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:0;padding:0;max-width:100%;width:100%;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary);text-wrap:balance;text-align:center}.case-study-journey-strap-strong{font-weight:600;text-decoration:underline;text-underline-offset:2px}.case-study-journey-strap-rest{font-weight:400;max-width:100%}.case-study-journey .case-study-journey-visual,.case-study-unified-system .case-study-journey-visual{position:relative;width:100%;overflow:hidden;box-sizing:border-box;border:none;border-radius:var(--case-study-image-radius);background:var(--colors-gray2);padding:var(--space-xl);display:flex;flex-direction:column;align-items:center}body:not(.light-mode) .case-study-journey .case-study-journey-visual,body:not(.light-mode) .case-study-unified-system .case-study-journey-visual{background:var(--image-container-bg)}.case-study-journey-media{width:100%;display:flex;align-items:center;justify-content:center;min-width:0}.case-study-journey-media img{display:block;width:100%;height:auto}.case-study-journey-caption{position:static;box-sizing:border-box;margin:32px 0 0;width:100%;max-width:56rem;min-width:0;text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:#616161;padding:0 var(--space-s);white-space:normal}body:not(.light-mode) .case-study-journey-visual .case-study-journey-caption{color:#616161}.case-study-journey-caption-funnel{color:#000}body:not(.light-mode) .case-study-journey-visual .case-study-journey-caption-funnel{color:#000}@media screen and (max-width:991px){.case-study-journey .case-study-journey-visual,.case-study-unified-system .case-study-journey-visual{padding:64px 40px}}@media screen and (max-width:767px){.case-study-journey .case-study-journey-visual,.case-study-unified-system .case-study-journey-visual{padding:48px 24px}}.case-study-journey-insight{grid-column:2 / span 10;min-width:0;margin:0;width:100%;border-radius:4px;background:#eaf5fb;display:flex;flex-direction:row;align-items:center;gap:24px;padding:16px 24px;box-sizing:border-box}body:not(.light-mode) .case-study-journey-insight,body:not(.light-mode) .case-study-store-compare-learning,body:not(.light-mode) .case-study-learnings-callout,body:not(.light-mode) .case-study-hypotheses-winner,body:not(.light-mode) .case-study-product-tiers-learning,body:not(.light-mode) .case-study-ecosystem-learning{--color-text-primary: #2b2b2b;--color-text-secondary: #757575}body:not(.light-mode) .case-study-learnings-callout .case-study-learnings-callout-body,body:not(.light-mode) .case-study-store-compare-learning .case-study-store-compare-learning-body,body:not(.light-mode) .case-study-journey-insight .case-study-journey-insight-copy,body:not(.light-mode) .case-study-hypotheses-winner .case-study-hypotheses-winner-body,body:not(.light-mode) .case-study-product-tiers-learning .case-study-product-tiers-learning-body,body:not(.light-mode) .case-study-ecosystem-learning .case-study-ecosystem-learning-body,body:not(.light-mode) .case-study-ecosystem-learning .case-study-ecosystem-learning-body p,body:not(.light-mode) .case-study-ecosystem-learning .case-study-ecosystem-learning-bullets li{color:#3a3a3a}.case-study-journey-insight-head{display:flex;flex-direction:row;align-items:center;gap:16px;flex-shrink:0}.case-study-journey-insight-icon{font-size:var(--text-lg);line-height:32px}.case-study-journey-insight-label{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);white-space:nowrap}.case-study-journey-insight-copy{flex:1 1 0;margin:0;min-width:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}@media screen and (max-width:991px){.case-study-journey-insight{flex-direction:column;align-items:flex-start;gap:12px}.case-study-journey-insight-label{white-space:normal}}@media screen and (max-width:767px){.case-study-journey{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-journey .case-study-journey-visual{height:280px;max-height:280px}.case-study-journey-insight-label{font-size:clamp(1.125rem,4vw,1.5rem);line-height:1.35}}.case-study-components{padding-top:var(--space-20);padding-bottom:var(--space-m);background:var(--color-bg)}.case-study-components-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-components-lede,.case-study-components-block{grid-column:2 / span 10;min-width:0}.case-study-components-lede{display:flex;flex-direction:column;gap:24px;grid-column:2 / span 6}.case-study-components-lede-head{display:flex;flex-direction:column;gap:16px}.case-study-components .eyebrow.case-study-components-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-components-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-components-intro{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-components-block,.case-study-components-block-head{display:flex;flex-direction:column;gap:24px}.case-study-components-subtitle{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-components-block-intro{display:flex;flex-direction:column;gap:0}.case-study-components-block-intro p{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-components-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:center;width:100%;min-width:0}.case-study-components-visual{position:relative;width:100%;min-width:0;aspect-ratio:1 / 1;background:var(--colors-gray2);border-radius:var(--case-study-image-radius);overflow:hidden}.case-study-components-media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;pointer-events:none}.case-study-components-media img{display:block;width:100%;padding-right:20px;padding-left:20px;margin-bottom:-25px}body:not(.light-mode) .case-study-components-visual{background:var(--image-container-bg)}.case-study-components-visual-tag{position:absolute;left:50%;top:40px;transform:translate(-50%);box-sizing:border-box;margin:0;padding:4px 8px;border-radius:4px;background:#d4f0e4;font-family:var(--font-primary);font-size:var(--text-xs);font-weight:600;line-height:14px;white-space:nowrap;color:#0b3d26}body:not(.light-mode) .case-study-components-visual .case-study-components-visual-tag{background:#d4f0e4;color:#0b3d26}.case-study-components-features{min-width:0;display:flex;flex-direction:column;gap:24px}.case-study-components-features--narrow{max-width:100%}.case-study-component-feature{display:flex;flex-direction:column;gap:12px}.case-study-component-feature-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-component-feature-lines{margin:0;padding:0;list-style:none}.case-study-component-feature-lines li{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.case-study-component-divider{flex-shrink:0;width:100%;height:1px;margin:0;border:0;background:#0000000a}body:not(.light-mode) .case-study-component-divider{background:#ffffff14}@media screen and (max-width:991px){.case-study-components-row{grid-template-columns:1fr;gap:var(--space-m)}.case-study-components-visual{width:100%;max-width:none;margin-inline:0}.case-study-components-features--narrow{width:100%}}@media screen and (max-width:767px){.case-study-components{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-components-subtitle{font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.2}.case-study-component-feature-title{font-size:clamp(1.125rem,4vw,1.5rem);line-height:1.35}.case-study-components-visual-tag{white-space:normal;text-align:center;max-width:calc(100% - 24px)}}.case-study-store-compare{padding-top:var(--space-20);padding-bottom:var(--space-20);background:var(--color-bg)}.case-study-store-compare-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-store-compare-lede,.case-study-store-compare-learning{grid-column:2 / span 10;min-width:0}.case-study-store-compare-lede{display:flex;flex-direction:column;gap:24px;grid-column:2 / span 6}.case-study-store-compare-lede-head{display:flex;flex-direction:column;gap:16px}.case-study-store-compare .eyebrow.case-study-store-compare-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-store-compare-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-store-compare-intro{display:flex;flex-direction:column;gap:0;margin:0}.case-study-store-compare-intro p{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-store-compare-cols{grid-column:1 / span 12;display:flex;flex-direction:row;align-items:flex-start;gap:16px;width:100%;min-width:0}.case-study-store-compare-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px;align-items:center}.case-study-store-compare-col-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-store-compare-frame{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:6px;box-sizing:border-box;width:100%;margin-inline:auto;padding:80px;border-radius:var(--case-study-image-radius);background:var(--colors-gray2);overflow:hidden;aspect-ratio:4 / 5;justify-content:center}body:not(.light-mode) .case-study-store-compare-frame{background:var(--image-container-bg)}.case-study-store-compare-visual{width:100%;max-width:100%;min-width:0;border-radius:var(--case-study-image-radius);overflow:hidden;background:var(--image-container-bg)}@media screen and (max-width:1144px){.case-study-store-compare-cols{flex-direction:column;gap:var(--space-m)}}body.light-mode .case-study-store-compare-visual{background:var(--colors-gray2)}.case-study-store-compare-visual img{display:block;width:100%;height:auto}.case-study-store-compare-caption{display:flex;flex-direction:column;gap:0;margin:0}.case-study-store-compare-caption p{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-store-compare-learning{display:flex;flex-direction:row;align-items:center;gap:24px;box-sizing:border-box;padding:16px 24px;border-radius:4px;background:var(--case-study-hypothesis-winner-bg, #eaf5fb)}.case-study-store-compare-learning-head{display:flex;flex-direction:row;align-items:center;gap:16px;flex-shrink:0}.case-study-store-compare-learning-icon{font-size:var(--text-lg);line-height:32px}.case-study-store-compare-learning-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);white-space:nowrap}.case-study-store-compare-learning-body{margin:0;flex:1;min-width:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}@media screen and (max-width:991px){.case-study-store-compare-frame{flex-direction:column;align-items:stretch;gap:var(--space-s);max-width:none;aspect-ratio:unset;padding:24px var(--space-s)}.case-study-store-compare-visual{align-self:stretch;width:100%;max-width:none}.case-study-store-compare-learning{flex-direction:column;align-items:flex-start}.case-study-store-compare-learning-title{white-space:normal}}@media screen and (max-width:767px){.case-study-store-compare{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-store-compare-col-title{font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.2}.case-study-store-compare-frame{padding:var(--space-s)}}.case-study-checkout-focus{padding-top:var(--space-20);padding-bottom:var(--space-m);background:var(--color-bg)}.case-study-checkout-focus-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-checkout-focus-lede{grid-column:2 / span 6;min-width:0;display:flex;flex-direction:column;gap:24px}.case-study-checkout-focus-lede-head{display:flex;flex-direction:column;gap:16px}.case-study-checkout-focus .eyebrow.case-study-checkout-focus-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-checkout-focus-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-checkout-focus-intro{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-checkout-focus-visual{grid-column:1 / span 12;min-width:0;min-height:0;box-sizing:border-box;padding:0;background:var(--colors-gray2);border-radius:var(--case-study-image-radius);overflow:hidden;color:var(--color-text-primary)}body:not(.light-mode) .case-study-checkout-focus-visual{background:var(--image-container-bg);color:var(--color-text-on-image-plate)}.case-study-checkout-focus-visual-cols{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,90px);margin-inline:auto;padding:var(--space-xl)}.case-study-checkout-focus-figure{display:flex;flex-direction:column;gap:16px;margin:0;min-width:0}.case-study-checkout-focus-figure img{display:block;width:100%;height:auto}.case-study-checkout-focus-visual-label{margin:0;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:inherit;text-wrap:balance}@media screen and (max-width:991px){.case-study-checkout-focus-visual-cols{grid-template-columns:1fr;gap:var(--space-m);padding:var(--space-m) var(--space-s)}}@media screen and (max-width:767px){.case-study-checkout-focus{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-checkout-focus-visual-label{text-align:left}}.case-study-checkout-stats{grid-column:2 / span 10;min-width:0}.case-study-checkout-stats__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}.case-study-checkout-stats__card{display:flex;flex-direction:column;gap:12px;padding:24px 20px;border-radius:14px;background:#fff;box-sizing:border-box}body:not(.light-mode) .case-study-checkout-stats__card{background:var(--color-surface)}.case-study-checkout-stats__label{margin:0;font-family:var(--font-mono);font-size:11px;font-weight:400;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.case-study-checkout-stats__value{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,3.8vw,2.5rem);font-weight:500;line-height:1.08;letter-spacing:-.1em;color:var(--color-text-primary)}.case-study-checkout-stats__value.case-study-results-stat-value{font-size:clamp(1.75rem,3.8vw,2.5rem);line-height:1.08;letter-spacing:-.1em}.case-study-checkout-stats__context{margin:0;font-family:var(--font-primary);font-size:.8125rem;font-weight:300;line-height:1.5;color:var(--color-text-secondary)}.case-study-checkout-stats__timeline{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--color-border) 20%,transparent)}body.light-mode .case-study-checkout-stats__timeline{border-top-color:color-mix(in srgb,var(--color-border) 12%,transparent)}.case-study-checkout-stats__before,.case-study-checkout-stats__after{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:11px;font-weight:400;line-height:16px;letter-spacing:.02em;color:var(--color-text-secondary)}.case-study-checkout-stats__before strong,.case-study-checkout-stats__after strong{font-weight:500;color:var(--color-text-secondary)}.case-study-checkout-stats__after strong{color:var(--color-text-primary)}.case-study-checkout-stats__delta{margin:0;font-family:var(--font-primary);font-size:.8125rem;font-weight:400;line-height:1.5;color:var(--color-text-secondary)}.case-study-checkout-stats__grid--churn{margin-top:4px}@media screen and (max-width:991px){.case-study-checkout-stats__grid{grid-template-columns:1fr;gap:4px}}@media screen and (max-width:767px){.case-study-checkout-stats__card{padding:20px 16px}.case-study-checkout-stats__value{font-size:clamp(1.5rem,8vw,2rem)}}.case-study-unified-system{padding-top:var(--space-20);padding-bottom:var(--space-m);background:var(--color-bg)}.case-study-unified-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-unified-lede{grid-column:2 / span 6;min-width:0;display:flex;flex-direction:column;gap:24px}.case-study-unified-lede-head{display:flex;flex-direction:column;gap:16px}.case-study-unified-system .eyebrow.case-study-unified-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-unified-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-unified-intro{display:flex;flex-direction:column;gap:0;margin:0}.case-study-unified-intro p{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}@media screen and (max-width:767px){.case-study-unified-system{padding-top:var(--space-m);padding-bottom:var(--space-m)}}.device-toggle-wrap{position:relative;width:100%;min-width:0}.device-toggle{position:absolute;top:16px;left:16px;z-index:4;display:inline-flex;align-items:center;gap:0;padding:3px;border-radius:10px;background:color-mix(in srgb,var(--color-bg) 75%,transparent);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:1px solid color-mix(in srgb,var(--color-border) 20%,transparent);box-shadow:0 1px 4px #0000001f}body.light-mode .device-toggle{background:color-mix(in srgb,#fff 80%,transparent);border-color:color-mix(in srgb,var(--color-border) 15%,transparent)}.device-toggle__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0;margin:0;border:none;border-radius:7px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease}.device-toggle__btn:hover{color:var(--color-text-primary)}.device-toggle__btn[aria-selected=true]{background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 1px 2px #00000014}body.light-mode .device-toggle__btn[aria-selected=true]{background:#fff;box-shadow:0 1px 3px #0000001a}.device-toggle__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.device-toggle__btn svg{width:16px;height:16px;fill:currentColor}.device-toggle__panels{display:grid;grid-template-rows:auto;width:100%;min-width:0}.device-toggle__panel{grid-row:1;grid-column:1;opacity:0;pointer-events:none;visibility:hidden}.device-toggle__panel.is-active{opacity:1;pointer-events:auto;visibility:visible}[data-device-toggle-ready] .device-toggle__panel{transition:opacity .2s var(--ease-out-emil),visibility .2s var(--ease-out-emil)}.device-toggle__btn:active{transform:scale(.92);transition-duration:var(--duration-micro)}.case-study-unified-system .case-study-journey-visual--funnel-diagram .device-toggle__panels{width:100%;min-width:0}.case-study-unified-system .case-study-journey-visual--funnel-diagram .device-toggle__panel.case-study-journey-media{margin:0}.case-study-documentation{padding-top:var(--space-20);padding-bottom:var(--space-m);background:var(--color-bg)}.case-study-documentation-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-documentation-lede{grid-column:2 / span 10;min-width:0;display:flex;flex-direction:column;gap:24px}.case-study-documentation-lede-head{display:flex;flex-direction:column;gap:16px}.case-study-documentation .eyebrow.case-study-documentation-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-documentation-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-documentation-intro{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-documentation-media{grid-column:2 / span 10;display:flex;flex-direction:row;align-items:stretch;gap:16px;width:100%;min-width:0}.case-study-documentation-placeholder{flex:1 1 0;min-width:0;aspect-ratio:1 / 1;margin-inline:auto;border-radius:var(--case-study-image-radius);overflow:hidden;background:var(--colors-gray2);box-sizing:border-box}body:not(.light-mode) .case-study-documentation-placeholder{background:var(--image-container-bg)}@media screen and (max-width:991px){.case-study-documentation-media{flex-direction:column;align-items:stretch}.case-study-documentation-placeholder{max-width:none}}@media screen and (max-width:767px){.case-study-documentation{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-documentation-title{font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.2}}.case-study-results{padding-top:var(--space-20);padding-bottom:var(--space-m);background:var(--color-bg)}.case-study-results-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-results-lede,.case-study-results-quantitative,.case-study-results-operational,.case-study-results-final{grid-column:2 / span 10;min-width:0}.case-study-results-lede{display:flex;flex-direction:column;gap:24px}.case-study-results-lede-head{display:flex;flex-direction:column;gap:16px}.case-study-results .eyebrow.case-study-results-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-results-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-results-intro{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:24px;color:var(--color-text-secondary);text-wrap:balance}.case-study-results-quantitative{display:flex;flex-direction:column;gap:40px}.case-study-results-subhead{display:flex;flex-direction:column;gap:24px}.case-study-results-subtitle{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-results-subcopy{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:24px;color:var(--color-text-secondary);text-wrap:balance}.case-study-results-stats-shell{--case-study-results-shell-bg: #edece7;background:var(--case-study-results-shell-bg);border-radius:18px;padding:6px;box-sizing:border-box;width:100%}body:not(.light-mode) .case-study-results-stats-shell{background:color-mix(in srgb,#ffffff 7%,var(--color-surface))}.case-study-results-stats-grid{display:grid;gap:4px;width:100%}.case-study-results-stats-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.case-study-results-stat-card{display:flex;flex-direction:column;gap:24px;min-width:0;padding:24px 16px;border-radius:14px;box-sizing:border-box;background:#fff}body:not(.light-mode) .case-study-results-stat-card{background:var(--color-surface)}.case-study-results-stat-label{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;line-height:16px;letter-spacing:.1px;text-transform:uppercase;color:#2b2b2b}body:not(.light-mode) .case-study-results-stat-label{color:var(--color-text-secondary)}.case-study-results-stat-value{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4.5vw,2.775rem);font-weight:500;line-height:1.08;letter-spacing:-.02em;color:var(--color-text-primary);white-space:nowrap}.case-study-results-stat-value--compare{white-space:normal}.case-study-results-operational-outer{display:flex;flex-direction:column;gap:24px;border-radius:14px;background:var(--color-bg)}.case-study-results-block-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-results-op-stack{display:flex;flex-direction:column;gap:4px;width:100%}.case-study-results-op-row{display:flex;flex-direction:row;align-items:stretch;gap:4px;width:100%}.case-study-results-detail-card{flex:1 1 0;display:flex;flex-direction:column;gap:24px;min-width:0;padding:24px 16px;border-radius:14px;box-sizing:border-box;background:#fff}body:not(.light-mode) .case-study-results-detail-card{background:var(--color-surface)}.case-study-results-detail-label{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;line-height:16px;letter-spacing:.1px;text-transform:uppercase;color:#2b2b2b}body:not(.light-mode) .case-study-results-detail-label{color:var(--color-text-secondary)}.case-study-results-detail-body{display:flex;flex-direction:column;gap:8px}.case-study-results-detail-desc{margin:0;padding-right:8px;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:300;line-height:24px;color:var(--color-text-secondary);text-wrap:balance}.case-study-results-detail-highlight{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-results-final{display:flex;flex-direction:column;gap:40px}.case-study-results-final-lede{display:flex;flex-direction:column;gap:24px}.case-study-results-stats-shell--compare{padding:6px}.case-study-results-compare-row{display:flex;flex-direction:row;align-items:stretch;gap:4px;width:100%}.case-study-results-compare-card{flex:1 1 0;display:flex;flex-direction:column;gap:24px;min-width:0;padding:24px 16px;border-radius:14px;box-sizing:border-box;background:#fff}body:not(.light-mode) .case-study-results-compare-card{background:var(--color-surface)}.case-study-results-compare-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary)}.case-study-results-compare-meta{margin:0;padding-right:8px;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:300;line-height:24px;color:var(--color-text-secondary)}@media screen and (max-width:991px){.case-study-results-stats-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-results-op-row{flex-direction:column}.case-study-results-stat-value{white-space:normal}}@media screen and (max-width:767px){.case-study-results{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-results-subtitle,.case-study-results-block-title,.case-study-results-compare-title{font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.2}.case-study-results-detail-highlight{font-size:clamp(1.125rem,4vw,1.5rem);line-height:1.35}.case-study-results-stats-grid--4{grid-template-columns:1fr}.case-study-results-compare-row{flex-direction:column}}.case-study-learnings{padding-top:var(--space-20);padding-bottom:var(--space-m);background:var(--color-bg)}.case-study-learnings-layout{row-gap:56px;column-gap:var(--grid-gutter)}.case-study-learnings-main{grid-column:2 / span 10;min-width:0;display:flex;flex-direction:column;gap:40px}.case-study-learnings-lede{display:flex;flex-direction:column;gap:24px}.case-study-learnings-lede-head{display:flex;flex-direction:column;gap:16px}.case-study-learnings .eyebrow.case-study-learnings-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-learnings-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-learnings-intro{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-learnings-callout{display:flex;flex-direction:row;align-items:center;gap:80px;width:100%;box-sizing:border-box;padding:16px 24px;border-radius:4px;background:var(--case-study-learnings-callout-bg, #eaf5fb)}.case-study-learnings-callout-title{margin:0;flex-shrink:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);white-space:nowrap}.case-study-learnings-callout-body{margin:0;flex:1;min-width:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-learnings-media{grid-column:1 / span 12;width:100%;min-width:0;min-height:640px;border-radius:var(--case-study-image-radius);overflow:hidden;background:var(--colors-gray2);box-sizing:border-box}body:not(.light-mode) .case-study-learnings-media{background:color-mix(in srgb,var(--color-surface) 92%,var(--color-bg))}@media screen and (max-width:991px){.case-study-learnings-callout{flex-direction:column;align-items:flex-start;gap:var(--space-m)}.case-study-learnings-callout-title{white-space:normal}}@media screen and (max-width:767px){.case-study-learnings{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-learnings-layout{row-gap:var(--space-l)}.case-study-learnings-media{min-height:320px}}.case-study-hypotheses{padding-top:var(--space-l);padding-bottom:var(--space-l);background:var(--color-bg)}.case-study-hypotheses-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-hypotheses-lede,.case-study-hypotheses-list,.case-study-hypotheses-winner{grid-column:2 / span 10;min-width:0}.case-study-hypotheses-lede{display:flex;flex-direction:column;gap:24px}.case-study-hypotheses .eyebrow.case-study-hypotheses-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-hypotheses-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-hypotheses-list{display:flex;flex-direction:row;gap:8px}.case-study-hypothesis-row{display:flex;flex-direction:row;align-items:flex-start;gap:24px;box-sizing:border-box;padding:16px 24px;border-radius:4px;background:var(--case-study-hypothesis-row-bg, #edece7)}body:not(.light-mode) .case-study-hypothesis-row{background:color-mix(in srgb,#ffffff 7%,var(--color-surface))}.case-study-hypothesis-number{flex-shrink:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary)}.case-study-hypothesis-text{margin:0;flex:1;min-width:0;font-family:var(--font-display);font-size:20px;font-weight:500;line-height:28px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-hypotheses-winner{display:flex;flex-direction:row;align-items:center;gap:24px;box-sizing:border-box;padding:16px 24px;border-radius:4px;background:var(--case-study-hypothesis-winner-bg, #eaf5fb)}.case-study-hypotheses-winner-head{display:flex;flex-direction:row;align-items:center;gap:16px;flex-shrink:0}.case-study-hypotheses-winner-icon{font-size:var(--text-lg);line-height:32px}.case-study-hypotheses-winner-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);white-space:nowrap}.case-study-hypotheses-winner-body{margin:0;flex:1;min-width:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:500;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}@media screen and (max-width:991px){.case-study-hypotheses-winner{flex-wrap:wrap;align-items:flex-start}.case-study-hypotheses-winner-title{white-space:normal}}@media screen and (max-width:767px){.case-study-hypotheses{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-hypothesis-number,.case-study-hypothesis-text,.case-study-hypotheses-winner-title{font-size:clamp(1.125rem,4vw,1.5rem);line-height:1.35}.case-study-hypothesis-row{flex-direction:column;align-items:flex-start;gap:var(--space-s)}.case-study-hypotheses-winner{flex-direction:column;gap:var(--space-s)}.case-study-hypotheses-winner-head{flex-wrap:wrap}}.case-study-solution{padding-top:var(--space-l);padding-bottom:var(--space-l);background:var(--color-bg)}.case-study-solution-layout{row-gap:40px;column-gap:var(--grid-gutter)}@media screen and (min-width:1025px){.case-study-solution .services-grid{margin-top:0;gap:var(--grid-gutter)}}.case-study-solution-lede,.case-study-solution-rail{grid-column:2 / span 10;min-width:0}.case-study-solution-lede{display:flex;flex-direction:column;gap:24px}.case-study-solution-lede-main{display:flex;flex-direction:column;gap:16px}.case-study-solution .eyebrow.case-study-solution-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-solution-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-solution-intro{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-solution-grid{margin-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px;border-radius:18px;background:var(--case-study-card-rail, var(--color-surface))}body.light-mode .case-study-solution .case-study-solution-grid{--case-study-card-rail: #edece7}body:not(.light-mode) .case-study-solution .case-study-solution-grid{background:color-mix(in srgb,#ffffff 6%,var(--color-surface))}.case-study-solution-card{display:flex;flex-direction:column;gap:24px;min-height:0;padding:24px 16px;border:0;border-radius:14px;background:var(--color-bg)}.case-study-solution .case-study-solution-service-illustration{display:block;width:auto;height:auto;max-width:100%;max-height:min(200px,88%);object-fit:contain;opacity:1}.case-study-solution svg.case-study-solution-service-illustration.hiw-svg-el{overflow:visible;opacity:1!important}@media(hover:hover){.case-study-solution .service-card-1:hover .case-study-solution-card-text,.case-study-solution .service-card-2:hover .case-study-solution-card-text,.case-study-solution .service-card-3:hover .case-study-solution-card-text,.case-study-solution .service-card-4:hover .case-study-solution-card-text,.case-study-solution .service-card-1:hover .case-study-solution-card-text-stack p,.case-study-solution .service-card-2:hover .case-study-solution-card-text-stack p,.case-study-solution .service-card-3:hover .case-study-solution-card-text-stack p,.case-study-solution .service-card-4:hover .case-study-solution-card-text-stack p,.case-study-solution .service-card-1:hover .case-study-solution-card-label,.case-study-solution .service-card-2:hover .case-study-solution-card-label,.case-study-solution .service-card-3:hover .case-study-solution-card-label,.case-study-solution .service-card-4:hover .case-study-solution-card-label{color:#2b2b2b}body:not(.light-mode) .case-study-solution .service-card-1:hover .case-study-solution-card-text,body:not(.light-mode) .case-study-solution .service-card-2:hover .case-study-solution-card-text,body:not(.light-mode) .case-study-solution .service-card-3:hover .case-study-solution-card-text,body:not(.light-mode) .case-study-solution .service-card-4:hover .case-study-solution-card-text,body:not(.light-mode) .case-study-solution .service-card-1:hover .case-study-solution-card-text-stack p,body:not(.light-mode) .case-study-solution .service-card-2:hover .case-study-solution-card-text-stack p,body:not(.light-mode) .case-study-solution .service-card-3:hover .case-study-solution-card-text-stack p,body:not(.light-mode) .case-study-solution .service-card-4:hover .case-study-solution-card-text-stack p,body:not(.light-mode) .case-study-solution .service-card-1:hover .case-study-solution-card-label,body:not(.light-mode) .case-study-solution .service-card-2:hover .case-study-solution-card-label,body:not(.light-mode) .case-study-solution .service-card-3:hover .case-study-solution-card-label,body:not(.light-mode) .case-study-solution .service-card-4:hover .case-study-solution-card-label{color:#fff}}.case-study-solution-card-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-solution-card-rule{margin:0;width:100%;height:0;border:0;border-top:1px solid color-mix(in srgb,var(--color-border) 28%,transparent)}.case-study-solution-card-sections{display:flex;flex-direction:column;gap:12px}.case-study-solution-card-section{display:flex;flex-direction:column;gap:4px}.case-study-solution-card-section--impact{gap:8px}.case-study-solution-card-label{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-solution-card-text{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-solution-card-text-stack p{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary)}@media screen and (max-width:991px){.case-study-solution-grid{grid-template-columns:1fr}}@media screen and (max-width:767px){.case-study-solution{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-solution-card-title{font-size:clamp(1.125rem,4vw,1.5rem);line-height:1.35}}.case-study-architecture{padding-top:var(--space-l);padding-bottom:var(--space-l);background:var(--color-bg)}.case-study-architecture-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-architecture-lede,.case-study-architecture-compare{grid-column:2 / span 10;min-width:0}.case-study-architecture-lede{display:flex;flex-direction:column;gap:24px}.case-study-architecture-lede-main{display:flex;flex-direction:column;gap:16px}.case-study-architecture .eyebrow.case-study-architecture-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-architecture-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-architecture-intro{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-architecture-compare{display:flex;flex-direction:column;gap:16px}.case-study-architecture-compare-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.case-study-architecture-col{display:flex;flex-direction:column;gap:16px;min-width:0}.case-study-architecture-col--center{align-items:center;text-align:center}.case-study-architecture-panel-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-architecture-visual{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--case-study-image-radius);overflow:hidden;background:var(--image-container-bg);box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent)}body.light-mode .case-study-architecture-visual{border:none}.case-study-architecture-media{display:flex;width:100%;height:100%;padding:var(--space-l);justify-content:center}.case-study-architecture-media img{display:block;width:100%;height:100%;object-fit:contain}.case-study-architecture-visual--no-fit .case-study-architecture-media img{object-fit:none;object-position:center}.case-study-architecture-tag{position:absolute;top:34px;left:50%;transform:translate(-50%);margin:0;padding:4px 8px;border-radius:4px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;line-height:14px;white-space:nowrap}.case-study-architecture-tag--friction{background:#fc36361a;color:#fc3636}.case-study-architecture-tag--conversion{top:62px;background:#258b4e1a;color:#23a476}body:not(.light-mode) .case-study-architecture-visual .case-study-architecture-tag--friction{color:#fc3636}body:not(.light-mode) .case-study-architecture-visual .case-study-architecture-tag--conversion{color:#23a476}.case-study-architecture-caption{display:flex;flex-direction:column;gap:8px;margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.case-study-architecture-caption p{margin:0}@media screen and (max-width:991px){.case-study-architecture-compare-row{grid-template-columns:1fr}.case-study-architecture-col--center{align-items:flex-start;text-align:left}}@media screen and (max-width:767px){.case-study-architecture{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-architecture-panel-title{font-size:clamp(1.125rem,4vw,1.5rem);line-height:1.35}}.case-study-product-tiers{padding-top:var(--space-l);padding-bottom:var(--space-l);background:var(--color-bg)}.case-study-product-tiers-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-product-tiers-top,.case-study-product-tiers-learning{grid-column:2 / span 10;min-width:0}.case-study-product-tiers-top,.case-study-product-tiers-lede{display:flex;flex-direction:column;gap:16px}.case-study-product-tiers-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-product-tiers-intro{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-tiers-grid{margin-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px;border-radius:18px;background:var(--case-study-card-rail, var(--color-surface))}body.light-mode .case-study-product-tiers .case-study-tiers-grid{--case-study-card-rail: #edece7}body:not(.light-mode) .case-study-product-tiers .case-study-tiers-grid{background:color-mix(in srgb,#ffffff 6%,var(--color-surface))}.case-study-product-tiers-card{display:flex;flex-direction:column;gap:24px;min-height:0;padding:24px 16px;border:0;border-radius:14px;background:var(--color-bg)}.case-study-product-tiers-card-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-product-tiers-card-body{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-product-tiers-card-body--stack{display:flex;flex-direction:column;gap:8px}.case-study-product-tiers-card-body--stack p{margin:0}.case-study-product-tiers-learning,.case-study-ecosystem-learning{display:flex;flex-direction:row;align-items:center;gap:24px;box-sizing:border-box;padding:16px 24px;border-radius:4px;background:var(--case-study-hypothesis-winner-bg, #eaf5fb)}.case-study-product-tiers-learning-head,.case-study-ecosystem-learning-head{display:flex;flex-direction:row;align-items:center;gap:16px;flex-shrink:0}.case-study-product-tiers-learning-icon,.case-study-ecosystem-learning-icon{font-size:var(--text-lg);line-height:32px}.case-study-product-tiers-learning-title,.case-study-ecosystem-learning-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);white-space:nowrap}.case-study-product-tiers-learning-body{margin:0;flex:1;min-width:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:#3a3a3a;text-wrap:balance}.case-study-ecosystem-learning-body{margin:0;flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:#3a3a3a}.case-study-ecosystem-learning-body>p{margin:0}.case-study-ecosystem-learning-bullets{margin:0;padding-left:1.25rem;list-style-type:disc}@media screen and (max-width:991px){.case-study-tiers-grid{grid-template-columns:1fr}.case-study-product-tiers-card--wide{grid-column:auto}.case-study-product-tiers-learning,.case-study-ecosystem-learning{flex-wrap:wrap;align-items:flex-start}.case-study-product-tiers-learning-title,.case-study-ecosystem-learning-title{white-space:normal}}@media screen and (max-width:767px){.case-study-product-tiers{padding-top:var(--space-m);padding-bottom:var(--space-m)}.case-study-product-tiers-card-title,.case-study-product-tiers-learning-title,.case-study-ecosystem-panel-title,.case-study-ecosystem-learning-title{font-size:clamp(1.125rem,4vw,1.5rem);line-height:1.35}.case-study-product-tiers-learning,.case-study-ecosystem-learning{flex-direction:column;align-items:flex-start;gap:var(--space-s)}}.case-study-ecosystem{padding-top:var(--space-l);padding-bottom:var(--space-l);background:var(--color-bg)}.case-study-ecosystem-layout{row-gap:40px;column-gap:var(--grid-gutter)}.case-study-ecosystem-lede,.case-study-ecosystem-compare,.case-study-ecosystem-learning{grid-column:2 / span 10;min-width:0}.case-study-ecosystem-lede{display:flex;flex-direction:column;gap:24px;grid-column:2 / span 6}.case-study-ecosystem-lede-main{display:flex;flex-direction:column;gap:16px}.case-study-ecosystem .eyebrow.case-study-ecosystem-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:24px;letter-spacing:.1px;text-transform:uppercase;color:var(--color-text-primary)}.case-study-ecosystem-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-ecosystem-intro{display:flex;flex-direction:column;gap:8px}.case-study-ecosystem-intro p{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}.case-study-ecosystem-compare{display:flex;flex-direction:column;gap:16px}.case-study-ecosystem-panel-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.case-study-ecosystem-col-caption{display:flex;flex-direction:column;gap:8px}.case-study-ecosystem-col-caption p{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance}@media screen and (max-width:767px){.case-study-ecosystem{padding-top:var(--space-m);padding-bottom:var(--space-m)}}.case-study-hero-intro .case-study-title{font-family:var(--font-display);font-size:80px;font-weight:500;line-height:84px;letter-spacing:-.3px;color:var(--color-text-primary)}@media screen and (max-width:991px){.case-study-hero-intro .case-study-title{font-size:56px;line-height:60px}}@media screen and (max-width:767px){.case-study-hero-intro .case-study-title{font-size:36px;line-height:40px}}.case-study-challenge-title,.case-study-problem-title,.case-study-problem-role-title,.case-study-journey-title,.case-study-solution-title,.case-study-architecture-title,.case-study-product-tiers-title,.case-study-ecosystem-title,.case-study-components-title,.case-study-store-compare-title,.case-study-checkout-focus-title,.case-study-unified-title,.case-study-results-title,.case-study-learnings-title,.case-study-learnings-callout-title,.case-study-hypotheses-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary)}@media screen and (max-width:991px){.case-study-challenge-title,.case-study-problem-title,.case-study-problem-role-title,.case-study-journey-title,.case-study-solution-title,.case-study-architecture-title,.case-study-product-tiers-title,.case-study-ecosystem-title,.case-study-components-title,.case-study-store-compare-title,.case-study-checkout-focus-title,.case-study-unified-title,.case-study-results-title,.case-study-learnings-title,.case-study-learnings-callout-title,.case-study-hypotheses-title{font-size:var(--text-lg)}}@media screen and (max-width:767px){.case-study-challenge-title,.case-study-problem-title,.case-study-problem-role-title,.case-study-journey-title,.case-study-solution-title,.case-study-architecture-title,.case-study-product-tiers-title,.case-study-ecosystem-title,.case-study-components-title,.case-study-store-compare-title,.case-study-checkout-focus-title,.case-study-unified-title,.case-study-results-title,.case-study-learnings-title,.case-study-learnings-callout-title,.case-study-hypotheses-title{font-size:var(--text-lg)}}body.page-case-study-vocento,body.light-mode.page-case-study-vocento{--image-container-bg: var(--colors-gray2)}body.page-case-study-vocento:not(.light-mode) .case-study-learnings-media{background:var(--colors-gray2)}html.is-case-study-gated,html.is-case-study-gated body{overflow:hidden;height:100%;overscroll-behavior:none}html.is-case-study-gated .scroll-progress-bar{display:none}html.is-case-study-gated #section-case-study-hero{position:relative;z-index:30;padding-bottom:var(--space-m)}html.is-case-study-gated .case-study-hero-head,html.is-case-study-gated .case-study-subtitle,html.is-case-study-gated .case-study-hero-meta,html.is-case-study-gated .case-study-hero-visual{display:none}html.is-case-study-gated #main-content>*:not(#section-case-study-hero):not(#case-study-gate){filter:blur(12px);pointer-events:none;-webkit-user-select:none;user-select:none}.case-study-gate{position:fixed;left:0;right:0;top:var(--case-study-gate-top, 14rem);bottom:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-m);pointer-events:none}.case-study-gate__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-bg) 62%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.case-study-gate__panel{position:relative;z-index:1;pointer-events:auto;max-width:32rem;width:100%;padding:var(--space-l) var(--space-m);text-align:center;border:1px solid color-mix(in srgb,var(--color-text-primary) 12%,transparent);border-radius:var(--case-study-image-radius, 8px);background:color-mix(in srgb,var(--color-bg) 88%,transparent)}.case-study-gate__lock{display:block;width:2rem;height:2rem;margin:0 auto var(--space-s);color:var(--cursor-fill)}.case-study-gate__eyebrow{margin-bottom:var(--space-xs)}.case-study-gate__title{font-family:var(--font-display);font-size:clamp(1.375rem,3vw,1.75rem);line-height:1.2;color:var(--color-text-primary);margin:0 0 var(--space-s);text-wrap:balance}.case-study-gate__text{font-size:.9375rem;line-height:1.55;color:var(--color-text-secondary);margin:0 0 var(--space-m);text-wrap:pretty}.case-study-gate__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-s)}.case-study-gate__btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.625rem 1.25rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:999px;border:1px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}.case-study-gate__btn--primary{background:var(--cursor-fill);color:var(--colors-gray12);border-color:var(--cursor-fill)}.case-study-gate__btn--primary:hover{filter:brightness(1.06)}.case-study-gate__btn--ghost{color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-text-primary) 18%,transparent);background:transparent}.case-study-gate__btn--ghost:hover{border-color:color-mix(in srgb,var(--color-text-primary) 35%,transparent)}@media(min-width:480px){.case-study-gate__actions{flex-direction:row;justify-content:center;flex-wrap:wrap}.case-study-gate__btn{flex:0 1 auto}}.results-hero{grid-column:2 / span 10;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6);padding:var(--space-xxl) 0 var(--space-xl)}.results-hero__number{font-family:var(--font-display);font-size:clamp(6rem,18vw,14rem);font-weight:500;line-height:.85;letter-spacing:-.04em;color:var(--color-text-primary);margin:0}.results-hero__number.case-study-results-stat-value{font-size:clamp(6rem,18vw,14rem);line-height:.85;letter-spacing:-.04em}.results-hero__label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin:0}.results-hero__context{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:44ch;margin:0}.results-supporting{grid-column:2 / span 10}.results-supporting__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}.results-supporting__card{display:flex;flex-direction:column;gap:16px;padding:28px 20px;border-radius:14px;background:#fff;box-sizing:border-box}body:not(.light-mode) .results-supporting__card{background:var(--color-surface)}.results-supporting__stat-label{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;line-height:16px;letter-spacing:.1px;text-transform:uppercase;color:#2b2b2b}body:not(.light-mode) .results-supporting__stat-label{color:var(--color-text-secondary)}.results-supporting__stat-value{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4.5vw,2.775rem);font-weight:500;line-height:1.08;letter-spacing:-.02em;color:var(--color-text-primary)}.results-supporting__stat-context{margin:0;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:300;line-height:1.5;color:var(--color-text-secondary)}.results-ratios{grid-column:2 / span 10;display:flex;flex-direction:column;gap:0;background:var(--color-surface);border-radius:14px;overflow:hidden}.results-ratios__header{display:flex;flex-direction:column;gap:8px;padding:28px 28px 24px}.results-ratios__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:32px;letter-spacing:-.3px;color:var(--color-text-primary);text-wrap:balance}.results-ratios__intro{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:52ch}.results-ratios__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:color-mix(in srgb,var(--color-border) 15%,transparent)}body.light-mode .results-ratios__grid{background:color-mix(in srgb,var(--color-border) 10%,transparent)}.ratio-col{display:flex;flex-direction:column;gap:20px;padding:24px 28px;background:var(--color-surface);box-sizing:border-box}body.light-mode .ratio-col{background:#fff}.ratio-col__label{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary)}.ratio-col__bars{display:flex;flex-direction:column;gap:14px}.ratio-line{display:flex;flex-direction:column;gap:6px}.ratio-line__meta{display:flex;align-items:baseline;gap:6px}.ratio-line__tag{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);flex-shrink:0}.ratio-line__value{font-family:var(--font-display);font-size:1.125rem;font-weight:500;letter-spacing:-.02em;color:var(--color-text-primary);white-space:nowrap}.ratio-line__track{height:6px;border-radius:3px;overflow:hidden}.ratio-line__track--before{background:var(--color-text-secondary);opacity:.15}.ratio-line__track--after{background:var(--color-text-primary);opacity:.75}.ratio-split{display:flex;flex-direction:column;gap:6px}.ratio-split__meta{display:flex;align-items:baseline;gap:6px}.ratio-split__tag{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);flex-shrink:0}.ratio-split__value{font-family:var(--font-display);font-size:1.125rem;font-weight:500;letter-spacing:-.02em;color:var(--color-text-primary);white-space:nowrap}.ratio-split__track{display:flex;width:100%;height:6px;border-radius:3px;overflow:hidden;background:transparent}.ratio-split__seg{height:100%;transition:width var(--duration-long) var(--ease-out-expo)}.ratio-split__seg--build{background:var(--color-text-primary);opacity:.7;border-radius:3px 0 0 3px}.ratio-split__seg--strategy{background:var(--color-text-secondary);opacity:.2;border-radius:0 3px 3px 0}.ratio-split__legend{display:flex;align-items:center;gap:12px;margin-top:4px}.ratio-split__legend-item{display:flex;align-items:center;gap:5px}.ratio-split__legend-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.ratio-split__legend-dot--build{background:var(--color-text-primary);opacity:.7}.ratio-split__legend-dot--strategy{background:var(--color-text-secondary);opacity:.4}.ratio-split__legend-text{font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary)}.results-closer{grid-column:2 / span 10;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-xl) 0 var(--space-10);border-top:1px solid rgba(255,255,254,.08)}body.light-mode .results-closer{border-top-color:#00000014}.results-closer__eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary)}.results-closer__row{display:flex;align-items:baseline;gap:var(--space-6);flex-wrap:wrap}.results-closer__before{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:500;letter-spacing:-.03em;color:var(--color-text-secondary);opacity:.4;margin:0;text-decoration:line-through;text-decoration-thickness:2px}.results-closer__arrow{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);color:var(--color-text-secondary);opacity:.3}.results-closer__after{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:500;letter-spacing:-.04em;line-height:.9;color:var(--color-text-primary);margin:0}.results-closer__after.case-study-results-stat-value{font-size:clamp(3rem,8vw,5.5rem);line-height:.9;letter-spacing:-.04em}.results-closer__context{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:48ch}@media screen and (max-width:991px){.results-supporting__grid,.results-ratios__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:767px){.results-hero{grid-column:1 / -1;padding:var(--space-xl) var(--space-4) var(--space-l)}.results-hero__number{font-size:clamp(5rem,22vw,8rem)}.results-supporting{grid-column:1 / -1}.results-supporting__grid{grid-template-columns:1fr}.results-supporting__card{padding:24px 16px}.results-ratios{grid-column:1 / -1}.results-ratios__grid{grid-template-columns:1fr}.results-ratios__header{padding:24px 16px 20px}.ratio-col{padding:20px 16px}.results-closer{grid-column:1 / -1;padding:var(--space-l) 0 var(--space-8)}.results-closer__row{flex-direction:column;gap:var(--space-2)}.results-closer__before{font-size:clamp(1.5rem,6vw,2rem)}.results-closer__after{font-size:clamp(2.5rem,14vw,4rem)}}.insight-callout{position:relative;padding:var(--space-10) var(--space-10);background:var(--color-surface);border-radius:12px;overflow:hidden;grid-column:2 / span 10}.insight-callout:before{content:"";position:absolute;top:0;left:var(--space-10);right:var(--space-10);height:1px;background:linear-gradient(90deg,var(--color-text-primary),transparent);opacity:.2}.insight-callout__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.insight-callout__headline{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:500;letter-spacing:-.03em;line-height:1.2;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.insight-callout__body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}@media(max-width:767px){.insight-callout{padding:var(--space-6) var(--space-6);grid-column:1 / span 12}}.pull-quote{position:relative;padding:var(--space-8) var(--space-8) var(--space-8) var(--space-6);margin:var(--space-10) 0}.pull-quote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--color-text-primary);opacity:.15}.pull-quote__text{font-family:var(--font-primary);font-size:clamp(1.25rem,2.5vw,1rem);font-weight:400;font-style:italic;line-height:1.45;letter-spacing:-.02em;color:var(--color-text-primary);margin:0}.pull-quote__attribution{display:block;margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;font-style:normal;color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase}@media(max-width:767px){.pull-quote{padding:var(--space-6) var(--space-4) var(--space-6) var(--space-4);margin:var(--space-8) 0}}.cookie-consent{position:fixed;bottom:20px;left:20px;z-index:9999;max-width:340px;padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 4px 24px #00000040;opacity:0;transform:translateY(12px);animation:cookie-in .35s var(--ease-out-expo) .5s forwards}body.light-mode .cookie-consent{background:#fff;border-color:#00000014;box-shadow:0 4px 24px #00000014}@keyframes cookie-in{to{opacity:1;transform:translateY(0)}}.cookie-consent[hidden]{display:none}.cookie-consent__text{font-family:var(--font-primary);font-size:.8125rem;font-weight:300;line-height:1.5;color:var(--color-text-secondary);margin:0 0 16px}.cookie-consent__text a{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:2px}.cookie-consent__actions{display:flex;gap:8px}.cookie-consent__btn{flex:1;padding:8px 0;border:none;border-radius:8px;font-family:var(--font-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:opacity .2s}.cookie-consent__btn:hover{opacity:.8}.cookie-consent__btn--accept{background:var(--color-text-primary);color:var(--color-bg)}.cookie-consent__btn--decline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}body.light-mode .cookie-consent__btn--accept{background:#2b2b2b;color:#fff}@media(max-width:767px){.cookie-consent{bottom:12px;left:12px;right:12px;max-width:none}}.cursor{z-index:10060;position:fixed;inset:0 auto auto 0;width:1em;height:1em;font-size:16px;pointer-events:none;background-color:var(--cursor-fill);border:1px solid var(--cursor-border);border-radius:100em;transition:background-color .375s cubic-bezier(.625,.05,0,1),border-radius .45s cubic-bezier(.625,.05,0,1),box-shadow .45s cubic-bezier(.625,.05,0,1),backdrop-filter .45s cubic-bezier(.625,.05,0,1),-webkit-backdrop-filter .45s cubic-bezier(.625,.05,0,1),height .375s cubic-bezier(.625,.05,0,1),width .375s cubic-bezier(.625,.05,0,1)}.cursor__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0;font-family:var(--font-mono);font-size:.5625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:var(--cursor-fill);opacity:0;transition:opacity .2s ease;pointer-events:none}body:has(.work-card:hover) .cursor__label{opacity:1}body:has(a:hover) .cursor,body:has(button:hover) .cursor,body:has([data-cursor]:hover) .cursor,body:has([role=button]:hover) .cursor,body:has(input:hover) .cursor,body:has(textarea:hover) .cursor,body:has(select:hover) .cursor,body:has(.work-card:hover) .cursor,body:has(.nav-link:hover) .cursor,body:has(.menu-toggle:hover) .cursor,body:has(.theme-toggle:hover) .cursor,body:has(.cta-primary:hover) .cursor,body:has(.about-cta-link:hover) .cursor,body:has(.footer-icon-link:hover) .cursor,body:has(.company-logo-link:hover) .cursor{width:3em;height:3em;background-color:var(--cursor-fill-hover)}body:has(.work-card:hover) .cursor{width:5.25em;height:5.25em;border-radius:100em;background-color:color-mix(in srgb,var(--cursor-fill) 26%,transparent);box-shadow:0 12px 36px #0000002e,0 0 0 1px color-mix(in srgb,var(--cursor-fill) 55%,transparent) inset;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);transition:background-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),backdrop-filter .3s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1)}html.has-custom-cursor,html.has-custom-cursor body{cursor:none!important}@media(hover:none),(pointer:coarse){.cursor{display:none!important}html.has-custom-cursor,html.has-custom-cursor body{cursor:auto!important}}@media(prefers-reduced-motion:reduce){.cursor{display:none!important}html.has-custom-cursor,html.has-custom-cursor body{cursor:auto!important}}body.hero-motion-pending #main-content{visibility:hidden}[data-fx]{opacity:0}[data-fx]:not(.fx-ready){animation:fx-fallback 0s 3s forwards}@keyframes fx-fallback{to{opacity:1}}[data-fx].fx-ready{opacity:1}.word-mask{overflow:hidden;vertical-align:top;padding-bottom:.12em}.line-mask{overflow:hidden;display:block;padding-bottom:.1em}.line{display:block}.char-word{display:inline-block;white-space:nowrap}.char-mask{overflow:hidden;display:inline-block;vertical-align:top;padding-bottom:.12em}.char{display:inline-block}.fx-split .word,.fx-split .line,.fx-split .char{-webkit-text-rendering:optimizeSpeed;text-rendering:optimizeSpeed;-webkit-transform:translateZ(0);transform:translateZ(0);font-kerning:none}@media(prefers-reduced-motion:reduce){[data-fx]{opacity:1!important;animation:none!important}.word,.line,.char{transform:none!important;opacity:1!important}}.fx-debug .word-mask{outline:1px dashed rgba(59,130,246,.4)}.fx-debug .line-mask{outline:1px dashed rgba(239,68,68,.4)}.fx-debug .char-mask{outline:1px dashed rgba(34,197,94,.4)}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-fade-out .22s var(--ease-out-expo) both}::view-transition-new(root){animation:vt-fade-in .28s var(--ease-out-expo) both}@keyframes vt-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes vt-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.001ms;animation:none}}.about-careers-lead{margin-bottom:var(--space-s)}.about-careers-stack{list-style:none;margin:0 0 var(--space-m) 0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:careers}.about-careers-stack__item{font-family:var(--font-display);font-size:clamp(1.625rem,3.4vw,2.625rem);font-weight:500;line-height:1.18;letter-spacing:-.022em;color:var(--color-text-primary);text-wrap:balance;counter-increment:careers;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.6em}.about-careers-stack__item:nth-child(1){opacity:1}.about-careers-stack__item:nth-child(2){opacity:.8}.about-careers-stack__item:nth-child(3){opacity:.6}.about-careers-stack__item:nth-child(4){opacity:.45}.about-careers-stack__detail{font-family:var(--font-primary);font-size:var(--text-base);font-weight:400;line-height:var(--leading-relaxed);letter-spacing:0;color:var(--color-text-secondary)}@media screen and (max-width:767px){.about-careers-stack__item{font-size:clamp(1.375rem,6vw,2rem)}.about-careers-stack__detail{font-size:var(--text-sm)}}@media(prefers-reduced-motion:reduce){.about-careers-stack__item{transition:none!important}}.page-about .section-about{padding-top:var(--space-xl)}@media screen and (min-width:768px){.page-about #section-about .about-image-wrapper{padding:0}}.page-about .about-container{display:flex;flex-direction:column;gap:110px}.page-about .about-intro{align-items:flex-start;row-gap:56px;margin-top:0}.page-about .about-section-title-wrap{grid-column:2 / span 10}.page-about .about-intro-headline{text-indent:0}.page-about .about-text-wrapper .about-body{text-wrap:pretty}.page-about .about-intro-headline .hero-headline-line{white-space:nowrap}.section-origin,.section-pov,.section-design-flow,.section-stack,.section-beyond{background:var(--color-bg)}.page-about .section-origin .container>.work-divider,.page-about .section-pov .container>.work-divider,.page-about .section-design-flow .container>.work-divider,.page-about .section-stack .container>.work-divider,.page-about .section-beyond .container>.work-divider{margin-bottom:var(--space-l)}.page-about .about-section-block{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-status);align-items:start;row-gap:40px}.page-about .about-section-heading-col{grid-column:2 / span 10;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.page-about .about-section-heading-col .workflow-badge{margin-bottom:0}.page-about .about-section-heading-col .section-headline{text-wrap:balance}.page-about .design-flow-wrap,.page-about .stack-categories{grid-column:2 / span 10;min-width:0}.page-about .origin-content,.page-about .pov-content,.page-about .beyond-content{grid-column:2 / span 7;min-width:0}.page-about .about-me-logos{padding-top:var(--space-m);width:100%}.page-about .about-me-logos .companies-tagline{text-align:center;margin-bottom:var(--space-l)}.origin-content p,.origin-content .highlight-block,.origin-content .pull-quote,.pov-content p,.design-flow-lede,.beyond-content p,.stack-categories{width:100%;max-width:100%;box-sizing:border-box}.origin-content,.pov-content,.beyond-content{display:flex;flex-direction:column;gap:var(--space-m)}.origin-content p:not(.pull-quote__text),.pov-content p,.design-flow-lede,.beyond-content p{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.origin-content p:not(.pull-quote__text) strong,.pov-content p strong,.beyond-content p strong{font-weight:500;color:var(--color-text-primary)}.origin-content .origin-keep-phrase{white-space:nowrap}.origin-content .highlight-block{border-left:2px solid var(--color-border);padding-left:1.5rem;margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);max-width:var(--text-max-width-lg);font-style:normal}body:not(.light-mode) .origin-content .highlight-block{color:#fffffe}body:not(.light-mode) .section-origin .workflow-badge,body:not(.light-mode) .section-origin .status-text,body:not(.light-mode) .section-origin .section-headline{color:#fffffe}body:not(.light-mode) .origin-content p:not(.pull-quote__text),body:not(.light-mode) .origin-content p:not(.pull-quote__text) strong{color:#fffffe}body:not(.light-mode) .origin-content .pull-quote__text{color:#fffffe}.pov-statement{margin:0;text-wrap:balance}@media screen and (max-width:767px){.page-about .about-container{gap:32px}.page-about .about-intro{width:100%;min-width:0}.page-about .about-section-title-wrap{grid-column:1 / span 12;min-width:0;max-width:100%;box-sizing:border-box}.page-about .about-intro-headline{font-size:var(--text-xl);line-height:var(--leading-none);max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.page-about .about-intro-headline .hero-headline-line{white-space:normal}.page-about .about-section-heading-col,.page-about .origin-content,.page-about .pov-content,.page-about .design-flow-wrap,.page-about .stack-categories,.page-about .beyond-content,.page-about .pf{grid-column:1 / span 12}.page-about .about-section-block{gap:8px;row-gap:20px}.page-about .origin-content .highlight-block{font-size:var(--text-lg)}.pf-content{padding:20px 16px 24px;margin-top:20px}.page-about .design-flow-wrap,.page-about .pf,.page-about .pf-main,.page-about .pf-nav-wrap{min-width:0;max-width:100%}.page-about .pf-nav{touch-action:pan-x;overscroll-behavior-x:contain}}.stack-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}@media(max-width:991px){.stack-categories{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stack-categories{grid-template-columns:1fr}}.stack-categories>div{padding:24px 20px;background:var(--color-surface);border-radius:14px;box-sizing:border-box}body:not(.light-mode) .stack-categories>div{background:#1f1f1f}body.light-mode .stack-categories>div{background:var(--color-surface)}.stack-category-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;line-height:1;color:var(--color-text-secondary);margin:0 0 16px}.stack-items{display:flex;flex-direction:column;gap:0}.stack-item{font-family:var(--font-primary);font-size:var(--text-base);font-weight:400;line-height:var(--leading-relaxed);color:var(--color-text-primary);display:flex;align-items:baseline;gap:0;flex-direction:column;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 20%,transparent)}.stack-item:last-child{border-bottom:none;padding-bottom:0}.stack-item:first-child{padding-top:0}.stack-item:before{display:none}.stack-item span{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:300;line-height:var(--leading-relaxed);margin-top:2px}.page-contact .about-container{display:flex;flex-direction:column;gap:0}.page-contact .section-contact-hero{display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;padding-bottom:var(--section-padding-top-medium);box-sizing:border-box}.page-contact .contact-hero-inner{display:flex;flex-direction:column;gap:clamp(2.5rem,6vw,4rem);width:100%}.page-contact .contact-intro{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:56rem;margin-inline:auto}@media screen and (min-width:768px){.page-contact .contact-intro{text-align:center;align-items:center}}@media screen and (max-width:767px){.page-contact .contact-intro{text-align:left;align-items:flex-start}}.page-contact .contact-headline{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;line-height:var(--leading-compact);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);margin:0;text-wrap:balance;text-transform:none}@media screen and (min-width:481px)and (max-width:767px){.page-contact .contact-headline{font-size:var(--text-2xl);line-height:var(--leading-none)}}@media screen and (min-width:320px)and (max-width:480px){.page-contact .contact-headline{font-size:var(--text-1xl);line-height:var(--leading-none)}}.page-contact .contact-lede{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-normal);color:var(--color-text-secondary);margin:0;max-width:40rem;text-transform:none}.page-contact .contact-email{color:var(--color-text-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--transition-base)}.page-contact .contact-email:hover{color:var(--color-text-secondary)}.page-contact .contact-email:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:2px}.page-contact .contact-cal-root{width:100%;min-height:620px}.page-contact .contact-cal-root #cal-inline-contact{width:100%;min-height:600px;display:block}@media screen and (max-width:767px){.page-contact .contact-cal-root{min-height:520px}.page-contact .contact-cal-root #cal-inline-contact{min-height:500px}}@keyframes pf-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pf-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.7);opacity:0}}@keyframes pf-slideTag{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.pf{grid-column:2 / span 10;display:flex;flex-direction:column;gap:28px}.pf-main{display:flex;flex-direction:column;gap:0}.pf-nav-wrap{position:relative}.pf-nav-wrap:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--color-bg));pointer-events:none;z-index:1}.pf-nav{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;border-bottom:1px solid color-mix(in oklab,var(--color-border) 30%,transparent);gap:12px;padding-bottom:0;padding-left:0;padding-right:10px}.pf-nav::-webkit-scrollbar{display:none}.pf-tab{flex:0 0 auto;min-width:148px;padding:16px 20px 16px 0;cursor:pointer;border:0;background:transparent;border-bottom:1.5px solid transparent;margin-bottom:-1px;transition:border-color .25s var(--ease-out-expo),opacity .25s var(--ease-out-expo);-webkit-user-select:none;user-select:none;scroll-snap-align:start;opacity:.4;text-align:left;color:inherit}.pf-tab:last-child{padding-right:10px}.pf-tab:hover{opacity:.65}.pf-tab.on{border-bottom-color:var(--color-text-primary);opacity:1}.pf-tab-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.tab-num{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:0;font-weight:500}.tab-dot-row{display:flex;align-items:center;gap:6px;margin-bottom:0}.tab-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;position:relative;transition:transform .25s var(--ease-out-expo)}.pf-tab.on .tab-dot{transform:scale(1.4)}.tab-ring{position:absolute;top:-5px;left:-5px;width:15px;height:15px;border-radius:50%;border:1px solid currentColor;opacity:0}.pf-tab.on .tab-ring{opacity:1;animation:pf-pulse 2s ease-in-out infinite}.tab-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;letter-spacing:-.01em;text-transform:none;line-height:var(--leading-heading);color:var(--color-text-primary);white-space:nowrap}.tab-sub{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:300;color:var(--color-text-tertiary);margin-top:2px;white-space:nowrap}.pf-prog{width:100%;height:1px;background:transparent;margin-top:12px;overflow:hidden}.pf-prog-fill{height:100%;transform-origin:left;transform:scaleX(0);transition:transform .45s var(--ease-out-expo)}.pf-tab.on .pf-prog-fill{transform:scaleX(1)}.pf-content{animation:pf-fadeUp .22s ease both;padding:28px 32px 32px;background:var(--color-surface);border-radius:14px;margin-top:24px}body:not(.light-mode) .pf-content{background:#1f1f1f}.pf-phase-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;font-weight:500;margin-bottom:10px}.pf-headline{margin-bottom:12px}.pf-body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:20px}.pf-principle{border-left:1px solid color-mix(in srgb,var(--color-text-primary) 15%,transparent);padding-left:16px;margin-bottom:28px;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:300;color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-style:italic}.pf-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width:420px){.pf-cols{grid-template-columns:1fr;gap:20px}}.pf-col-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);font-weight:500;margin-bottom:10px}.tool-list{display:flex;flex-direction:column;gap:6px}.tool-item{display:flex;align-items:baseline;gap:8px;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:300;color:var(--color-text-secondary);line-height:var(--leading-relaxed);animation:pf-slideTag .18s ease both}.tool-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.35;flex-shrink:0;margin-top:.4em}.out-list{display:flex;flex-direction:column;gap:6px}.out-item{padding:10px 12px;border:1px solid rgba(0,0,0,.06);border-radius:10px;animation:pf-slideTag .18s ease both;background:var(--color-bg)}body:not(.light-mode) .out-item{border-color:#ffffff0f;background:color-mix(in oklab,var(--color-bg) 85%,transparent)}.out-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:1px}.out-desc{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:300;color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.pf-divider{width:100%;height:1px;background:color-mix(in oklab,var(--color-border) 20%,transparent);margin:24px 0 20px}.pf-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:2px}.stat-v{font-family:var(--font-display);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);line-height:1;letter-spacing:-.02em}.stat-l{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.stat-sep{width:1px;height:24px;background:color-mix(in oklab,var(--color-border) 25%,transparent);align-self:center}.design-flow-wrap{display:flex;flex-direction:column;gap:var(--space-m);width:100%}.design-flow-lede{max-width:var(--text-max-width-lg);text-wrap:pretty}.design-flow-lede strong{font-weight:500;color:var(--color-text-primary)}body:not(.light-mode) .design-flow-lede strong{color:#fffffe}.design-flow-lede em{font-style:italic}@keyframes design-flow-fade-in{0%{opacity:0}to{opacity:1}}@keyframes design-flow-pulse-ring{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.35);opacity:0}}@keyframes design-flow-slide-in{0%{opacity:0}to{opacity:1}}.design-flow-phase-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0;padding:0;list-style:none}.design-flow-phase-card{flex:1 1 140px;min-width:min(140px,100%);position:relative;overflow:hidden;margin:0;padding:var(--space-s) var(--space-s) calc(var(--space-s) + 2px);text-align:left;cursor:pointer;font:inherit;color:inherit;background:var(--color-bg);border:1px solid #e2e0dd;border-radius:var(--radius-brand-superellipse);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent}.design-flow-phase-card:hover{border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-text-secondary) 30%);background:var(--color-surface)}.design-flow-phase-card:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.design-flow-phase-card.is-active{border-color:color-mix(in srgb,#757575 55%,#757575 45%);background:var(--color-bg);box-shadow:var(--shadow-embed)}.design-flow-phase-dot{display:block;width:7px;height:7px;border-radius:50%;margin-bottom:.5rem;transition:transform var(--transition-fast);position:relative}.design-flow-phase-card:hover .design-flow-phase-dot,.design-flow-phase-card.is-active .design-flow-phase-dot{transform:scale(1.25)}.design-flow-phase-dot-ring{position:absolute;top:-4px;left:-4px;width:15px;height:15px;border-radius:50%;border:1px solid currentColor;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.design-flow-phase-card.is-active .design-flow-phase-dot-ring{opacity:1;animation:design-flow-pulse-ring 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.design-flow-phase-card.is-active .design-flow-phase-dot-ring{animation:none;opacity:.85}.design-flow-tool-pill,.design-flow-output-card{animation:none!important}}.design-flow-phase-num{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:.25rem}.design-flow-phase-title{display:block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-snug);color:var(--color-text-primary);margin-bottom:.2rem}body:not(.light-mode) .design-flow-phase-title{color:#fffffe}.design-flow-phase-sub{display:block;font-family:var(--font-primary);font-size:var(--text-xs);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.design-flow-detail{border:1px solid #757575;border-radius:var(--radius-brand-superellipse);background:var(--color-bg);overflow:hidden;box-shadow:var(--shadow-embed);animation:design-flow-fade-in .28s ease}.design-flow-detail-header{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.design-flow-detail-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.design-flow-detail-title{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:var(--leading-snug);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);margin:0}body:not(.light-mode) .design-flow-detail-title{color:#fffffe}.design-flow-detail-phase-label{margin:0 0 0 auto;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary)}.design-flow-detail-body{padding:var(--space-s) var(--space-m) var(--space-m)}.design-flow-detail-desc{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-m)}.design-flow-section-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 var(--space-xs)}.design-flow-section-label--spaced{margin-top:var(--space-m)}.design-flow-tools-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-s)}.design-flow-tool-pill{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:400;padding:4px 10px;border-radius:999px;color:var(--color-text-secondary);background:var(--color-surface);animation:design-flow-slide-in .22s ease both}.design-flow-outputs-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-xs)}.design-flow-output-card{border:1px solid #e2e0dd;border-radius:calc(var(--radius-brand-superellipse) - 8px);padding:var(--space-xs) var(--space-s);animation:design-flow-slide-in .24s ease both}.design-flow-output-icon{font-size:var(--text-base);margin-bottom:4px;line-height:1}.design-flow-output-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:2px}body:not(.light-mode) .design-flow-output-label{color:#fffffe}.design-flow-output-sub{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:300;color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.design-flow-principle{margin:var(--space-m) 0 0;padding-left:var(--space-s);border-left:2px solid var(--color-border);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:300;font-style:normal;line-height:var(--leading-relaxed);color:var(--color-text-secondary)}@media screen and (max-width:640px){.design-flow-phase-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:var(--space-xs);margin-inline:calc(-1 * var(--grid-container-padding));padding-inline:var(--grid-container-padding);scrollbar-width:none}.design-flow-phase-row::-webkit-scrollbar{display:none}.design-flow-phase-card{flex:0 0 min(78vw,200px);scroll-snap-align:start}.design-flow-detail-phase-label{margin-left:0;width:100%}}.page-about .about-section-heading-col .section-headline,.page-about .pov-statement,.page-about .pf-headline,.page-about .cta-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);max-width:var(--text-max-width-lg)}@media screen and (max-width:991px){.page-about .about-section-heading-col .section-headline,.page-about .pov-statement,.page-about .pf-headline,.page-about .cta-title{font-size:var(--text-lg)}}@media screen and (max-width:767px){.page-about .about-section-heading-col .section-headline,.page-about .pov-statement,.page-about .pf-headline,.page-about .cta-title{font-size:var(--text-lg)}}.page-services .about-grid{grid-template-rows:auto}.page-services .about-text-col--full{grid-column:2 / span 10;display:flex;flex-direction:column;gap:var(--space-m);justify-content:flex-start}.page-services .about-text-col--full .about-text-wrapper{max-width:var(--text-max-width-lg)}@media screen and (max-width:991px){.page-services .about-text-col--full{grid-column:1 / span 12}}.services-offer-grid{grid-column:2 / span 10;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;min-width:0}@media(max-width:1024px){.services-offer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.services-offer-grid{grid-template-columns:1fr}}@media screen and (max-width:767px){.page-services .services-offer-grid{grid-column:1 / span 12}}.service-offer{display:flex;flex-direction:column;gap:0;padding:28px 24px;background:var(--color-surface);border-radius:14px;box-sizing:border-box;position:relative;transition:background var(--transition-base)}body:not(.light-mode) .service-offer{background:#1f1f1f}body.light-mode .service-offer{background:var(--color-surface)}@media(hover:hover){.service-offer:hover{background:color-mix(in srgb,var(--color-surface) 88%,var(--cursor-fill) 12%)}body:not(.light-mode) .service-offer:hover{background:#262626}}.service-offer-index{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;line-height:1;color:var(--color-text-secondary);margin:0 0 20px}.service-offer-title{font-family:var(--font-display);font-size:clamp(1.25rem,1.6vw,1.5rem);font-weight:500;line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--color-text-primary);margin:0 0 14px;text-wrap:balance}.service-offer-desc{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 20px;text-wrap:pretty}.service-offer-desc strong{font-weight:500;color:var(--color-text-primary)}.service-offer-deliverables{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;border-top:1px solid color-mix(in srgb,var(--color-border) 20%,transparent)}.service-offer-deliverables li{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:400;line-height:var(--leading-snug);color:var(--color-text-primary);padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 20%,transparent);display:flex;align-items:baseline;gap:10px}.service-offer-deliverables li:last-child{border-bottom:none;padding-bottom:0}.service-offer-deliverables li:before{content:"→";font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0;transform:translateY(-1px)}.availability__details--services{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;margin-top:var(--space-m)}@media(max-width:991px){.availability__details--services{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.availability__details--services{grid-template-columns:1fr;gap:20px}}.page-services .section-services-offer .container>.work-divider,.page-services .section-engagement .container>.work-divider{margin-bottom:var(--space-l)}.services-media-slot{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-surface);border-radius:var(--case-study-image-radius);aspect-ratio:4 / 5;isolation:isolate}.services-media-slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed color-mix(in srgb,var(--color-text-secondary) 50%,transparent);border-radius:inherit;pointer-events:none}.services-media-slot__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);padding:var(--space-s) var(--space-m);text-align:center}.services-media-slot img,.services-media-slot picture,.services-media-slot video{width:100%;height:100%;object-fit:cover;display:block}.services-media-slot:has(img) .services-media-slot__label,.services-media-slot:has(picture) .services-media-slot__label,.services-media-slot:has(video) .services-media-slot__label{display:none}.services-media-slot:has(img):before,.services-media-slot:has(picture):before,.services-media-slot:has(video):before{display:none}.services-media-slot--landscape{aspect-ratio:16 / 10}.services-media-slot--wide{aspect-ratio:21 / 9}@media(max-width:767px){.services-media-slot--wide{aspect-ratio:4 / 5}}.section-editorial-band{padding:var(--space-xl) 0;margin:0}.editorial-band{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative}.editorial-band .services-media-slot{width:100%;border-radius:0}.editorial-band__caption{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-m);padding:var(--space-m) var(--space-m) 0;max-width:100%;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary)}.editorial-band__caption span:last-child{text-align:right}@media(min-width:768px){.editorial-band__caption{padding-left:var(--space-l);padding-right:var(--space-l)}}@media(min-width:1024px){.page-services .engagement-content{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-l);align-items:start}.page-services .engagement-content>p,.page-services .engagement-content .availability__details{grid-column:1}.page-services .engagement-content .engagement-media{grid-column:2;grid-row:1 / span 2}}.page-services .engagement-media{margin-top:var(--space-m)}.testimonials-stack{grid-column:2 / span 10;display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-l);counter-reset:testimonial-count}@media screen and (max-width:991px){.testimonials-stack{grid-column:1 / span 12}}.testimonial{display:grid;grid-template-columns:1fr;gap:var(--space-m);padding:var(--space-l) 0;border-top:1px solid color-mix(in srgb,var(--color-border) 45%,transparent);margin:0;position:relative}.testimonial:first-child{border-top:none;padding-top:0}.testimonial:before{counter-increment:testimonial-count;content:"0" counter(testimonial-count);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-secondary);font-weight:500}.testimonial__quote{font-family:var(--font-display);font-size:clamp(1.625rem,3.2vw,2.75rem);line-height:1.15;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);font-style:italic;font-weight:400;margin:0;quotes:'"' '"';max-width:22ch}.testimonial__quote:before{content:open-quote}.testimonial__quote:after{content:close-quote}.testimonial__attribution{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:.04em}.testimonial__name{color:var(--color-text-primary);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs)}.testimonial__role{font-size:var(--text-sm);letter-spacing:.02em}@media(min-width:1024px){.testimonial{grid-template-columns:6fr 4fr 2fr;gap:var(--space-l);align-items:start}.testimonial:before{grid-column:3;grid-row:1;justify-self:end;text-align:right}.testimonial__quote{grid-column:1;grid-row:1 / span 2;max-width:32ch}.testimonial__attribution{grid-column:2;grid-row:1;align-self:end}}@media(prefers-reduced-motion:reduce){.page-services .service-offer,.page-services .stack-categories>div,.testimonial,.editorial-band{transition:none!important;animation:none!important}}.svg-sprite-defs{position:absolute;width:0;height:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%)}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-primary);text-rendering:optimizeLegibility}img.img-blur-loading,svg.about-image--legend-svg.img-blur-loading{opacity:.78;filter:blur(16px) saturate(1.05);transform:scale(1.02);transition:opacity .5s ease,filter .5s ease,transform .8s cubic-bezier(.2,.8,.2,1);transform-origin:center}img.img-blur-loaded,svg.about-image--legend-svg.img-blur-loaded{opacity:1;filter:blur(0px);transform:none;transition:opacity .5s ease,filter .5s ease,transform .8s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){img.img-blur-loading,img.img-blur-loaded,svg.about-image--legend-svg.img-blur-loading,svg.about-image--legend-svg.img-blur-loaded{transform:none!important;transition:opacity .2s ease!important}}::selection{background:color-mix(in srgb,var(--cursor-fill) 32%,transparent);color:var(--color-text-primary)}:where(.about-stat-value,.case-study-results-stat-value,.case-study-checkout-stats__value,.results-hero__number,.results-supporting__stat-value,.results-closer__after){font-variant-numeric:var(--font-numeric);font-feature-settings:"tnum","lnum"}button,a[href],[role=button]{-webkit-tap-highlight-color:color-mix(in srgb,var(--color-accent) 16%,transparent)}#main-content{min-height:100vh}.section{padding:var(--space-l) 0}@media screen and (max-width:767px){#main-content{overflow-x:hidden;max-width:100%}.section{padding:var(--space-xs) 0}}.section-404{padding-top:clamp(6rem,14vh,12rem);padding-bottom:clamp(6rem,14vh,12rem)}.error-404{max-width:62ch;margin:0 auto;text-align:left}.error-404__divider{margin-bottom:var(--space-m)}.error-404__code{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 var(--space-s) 0}.error-404__title{font-family:var(--font-display);font-size:var(--text-display-2);font-weight:500;line-height:var(--leading-compact);letter-spacing:-.03em;color:var(--color-text-primary);text-wrap:balance;margin:0 0 var(--space-m) 0}.error-404__lede{font-family:var(--font-primary);font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.5;color:var(--color-text-secondary);text-wrap:pretty;max-width:52ch;margin:0 0 var(--space-s) 0}.error-404__meta{font-family:var(--font-mono);font-size:.9375rem;letter-spacing:.01em;color:var(--color-text-secondary);margin:0 0 var(--space-l) 0}.error-404__link{color:var(--color-text-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--transition-fast)}.error-404__link:hover,.error-404__link:focus-visible{color:var(--cursor-fill)}.error-404__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-m)}.error-404__secondary-link{font-family:var(--font-primary);font-size:.9375rem;color:var(--color-text-secondary);text-decoration:none;letter-spacing:-.005em;transition:color var(--transition-fast),transform var(--transition-fast)}.error-404__secondary-link:hover,.error-404__secondary-link:focus-visible{color:var(--color-text-primary);transform:translate(2px)}@media(prefers-reduced-motion:reduce){.error-404__secondary-link{transition:none}.error-404__secondary-link:hover,.error-404__secondary-link:focus-visible{transform:none}}body:not(.light-mode):before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:200px 200px;background-repeat:repeat;will-change:transform;transform:translateZ(0)}@media(prefers-contrast:more){body:not(.light-mode):before{display:none}}body.pre-home-active{overflow:hidden;height:100dvh}body.pre-home-active .site-header{visibility:hidden;pointer-events:none}.pre-home{color:var(--color-accent);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;overflow:hidden;background:var(--color-bg);font-family:var(--font-display)}.pre-home.is--loading.is--hidden{display:none}.pre-home__progress{position:absolute;right:clamp(1rem,4vw,2.5rem);bottom:clamp(1rem,4vw,2.5rem);z-index:9080;margin:0;font-family:var(--font-display);font-size:clamp(.875rem,2.2vw,1.125rem);font-weight:500;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-text-primary);pointer-events:none}body:not(.light-mode) .pre-home__progress{color:#e8e8e8}body.light-mode .pre-home__progress{color:var(--color-text-primary)}.pre-home__progress-unit{margin-left:.02em}.pre-home__to-white{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9100;background:#fffffe;opacity:0;pointer-events:none}.pre-home-loader{color:var(--color-text-primary);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}body:not(.light-mode) .pre-home-loader{color:#e8e8e8}body.light-mode .pre-home-loader{color:var(--color-text-primary)}.pre-home__h1{white-space:nowrap;justify-content:center;font-size:clamp(3.5rem,14vw,12.5rem);font-weight:500;line-height:.75;display:flex;position:relative}.pre-home__h1-start{justify-content:flex-end;width:1.5256em;display:flex;overflow:hidden}.pre-home__h1-end{justify-content:flex-start;width:1.525em;display:flex;overflow:hidden}.pre-home__letter{display:block;position:relative}.pre-home-loader__box{flex-flow:column;justify-content:center;align-items:center;width:0;display:flex;position:relative;backface-visibility:hidden;transform:translateZ(0)}.pre-home-loader__box-inner{justify-content:center;align-items:center;min-width:1em;height:95%;display:flex;position:relative}.pre-home__growing-image{justify-content:center;align-items:center;width:0%;height:100%;display:flex;position:absolute;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.pre-home__growing-image-wrap{width:100%;min-width:1em;height:100%;position:absolute}.pre-home__cover-image-extra{pointer-events:none;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;backface-visibility:hidden;transform:translateZ(0)}.pre-home__cover-solid{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background:#fffffe}.pre-home__growing-image-wrap:not(:has(.pre-home__cover-image-extra.is--2)) .pre-home__cover-solid{display:none}.pre-home__cover-image-extra.is--1{z-index:6}.pre-home__cover-image-extra.is--2{z-index:5}.pre-home__cover-image-extra.is--3{z-index:4}.pre-home__cover-image-extra.is--4{z-index:3}.pre-home__cover-image-extra.is--5{z-index:2}.pre-home__cover-image-extra.is--6{z-index:1}@media(prefers-reduced-motion:reduce){.pre-home{display:none!important}}.page-feedback{--feedback-dock-space: 10.5rem;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text-primary)}.page-feedback .theme-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10070;pointer-events:none}.feedback-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-m) var(--space-m) 0;max-width:40rem;width:100%;margin-inline:auto}.feedback-header__logo{display:block;line-height:0}.page-feedback .logo-light,.page-feedback .logo-dark{display:block;height:29px;width:auto}html:not(.light-mode) .page-feedback .logo-light{display:block}html:not(.light-mode) .page-feedback .logo-dark{display:none}html.light-mode .page-feedback .logo-light{display:none}html.light-mode .page-feedback .logo-dark{display:block}.page-feedback .theme-toggle{position:static;margin:0;pointer-events:auto}.feedback-main{flex:1;display:flex;align-items:flex-start;padding:var(--space-l) var(--space-m) calc(var(--feedback-dock-space) + var(--space-l))}.feedback-container{width:100%;max-width:640px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-l)}.feedback-eyebrow{margin-bottom:var(--space-s)}.feedback-headline{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:500;line-height:var(--leading-compact);letter-spacing:var(--tracking-tighter);margin:0 0 var(--space-s);text-wrap:balance}.feedback-lede{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.feedback-form{display:flex;flex-direction:column;gap:var(--space-m)}.feedback-dock{position:fixed;z-index:200;left:0;right:0;bottom:0;padding:var(--space-m) var(--space-m) max(var(--space-m),env(safe-area-inset-bottom));background:color-mix(in srgb,var(--color-bg) 82%,transparent);border-top:1px solid color-mix(in srgb,var(--color-text-tertiary) 20%,transparent);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}.feedback-dock[hidden]{display:none!important}.feedback-dock__inner{width:100%;max-width:28rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-m)}.feedback-progress{position:relative;width:100%;max-width:16rem;padding:.25rem 0 .5rem}.feedback-progress__rail{position:absolute;left:.75rem;right:.75rem;top:.95rem;height:1px;transform:translateY(-50%);pointer-events:none}.feedback-progress__track,.feedback-progress__fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px}.feedback-progress__track{background:color-mix(in srgb,var(--color-text-tertiary) 40%,var(--color-border))}.feedback-progress__fill{width:0%;background:var(--cursor-fill);will-change:width}.feedback-progress__steps{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;margin:0;padding:0;list-style:none}.feedback-progress__step{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.feedback-progress__node{position:relative;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 90%,var(--color-text-tertiary));background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:.04em;transition:border-color .3s var(--ease-out-expo),background-color .3s var(--ease-out-expo),color .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo)}.feedback-progress__num,.feedback-progress__check{grid-area:1 / 1;transition:opacity .2s ease,transform .25s var(--ease-out-expo)}.feedback-progress__check{opacity:0;transform:scale(.6)}.feedback-progress__step.is-current .feedback-progress__node{border-color:var(--cursor-fill);background:color-mix(in srgb,var(--cursor-fill) 100%,var(--color-surface));color:var(--color-bg);box-shadow:none}.feedback-progress__step.is-done .feedback-progress__node{border-color:var(--cursor-fill);background:var(--cursor-fill);color:var(--colors-gray12);box-shadow:none}.feedback-progress__step.is-done .feedback-progress__num{opacity:0;transform:scale(.5)}.feedback-progress__step.is-done .feedback-progress__check{opacity:1;transform:scale(1)}.feedback-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.feedback-panels{position:relative;min-height:9.5rem}.feedback-step{margin:0;padding:0;border:0;min-width:0}.feedback-step[hidden]{display:none!important}.feedback-step.is-active{animation:feedback-step-in .4s var(--ease-out-expo) both}@keyframes feedback-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feedback-field__legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.feedback-field{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin-bottom:var(--space-s)}.feedback-field__label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.feedback-control{position:relative;display:inline-flex;width:100%;border-radius:var(--radius-lg, .5rem);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 1px color-mix(in srgb,var(--color-text-primary) 4%,transparent);transition:border-color .2s ease,box-shadow .2s ease}.feedback-control:focus-within{border-color:var(--cursor-fill);box-shadow:0 0 0 3px color-mix(in srgb,var(--cursor-fill) 22%,transparent)}.feedback-control:has(:user-invalid),.feedback-control:has([aria-invalid=true]){border-color:color-mix(in srgb,#e5484d 70%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,#e5484d 18%,transparent)}.feedback-input,.feedback-textarea{width:100%;border:0;background:transparent;color:inherit;font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);padding:calc(var(--space-s) - 1px) calc(var(--space-s) + 2px);outline:none;border-radius:inherit}.feedback-textarea{min-height:8.75rem;resize:vertical;field-sizing:content}.feedback-control--textarea .feedback-textarea{min-height:10rem}.feedback-input::placeholder,.feedback-textarea::placeholder{color:var(--color-text-tertiary)}.feedback-error{margin:0;font-size:var(--text-sm);color:#e5484d}.feedback-dock__actions{display:grid;grid-template-columns:5.25rem minmax(0,1fr);gap:.5rem;width:100%}.feedback-dock__actions.is-step-1{grid-template-columns:minmax(0,1fr)}.feedback-dock__btn{min-height:2.75rem;width:100%;white-space:nowrap}.feedback-dock__btn:not(.is-shown){display:none!important}.feedback-dock__btn[data-action=back]{padding-inline:1rem}.feedback-btn--hold{position:relative;overflow:hidden;transform-origin:center center;will-change:transform;border-radius:.75rem}.feedback-hold__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.feedback-hold__fill{position:absolute;left:0;right:0;bottom:0;height:3px;transform:scaleX(0);transform-origin:left center;background:color-mix(in srgb,var(--color-bg) 35%,transparent);border-radius:0 0 .65rem .65rem;opacity:0;visibility:hidden;will-change:transform}.feedback-btn--hold.is-holding .feedback-hold__fill{opacity:1;visibility:visible}.feedback-hold__content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;padding-inline:.25rem;will-change:transform,opacity}.feedback-hold__content [data-hold-label]{white-space:nowrap;font-weight:600;letter-spacing:-.01em}.feedback-hold__progress{position:absolute;right:1rem;top:50%;z-index:2;width:1.25rem;height:1.25rem;pointer-events:none;transform:translateY(-50%)}.feedback-hold__progress[hidden]{display:none!important}.feedback-hold__ring-svg{display:block;width:100%;height:100%}.feedback-hold__ring-track{stroke:color-mix(in srgb,var(--color-bg) 40%,transparent)}.feedback-hold__ring-fill{stroke:var(--color-bg)}.feedback-hold__progress.is-spinning .feedback-hold__ring-svg{animation:feedback-hold-spin .7s linear infinite}@keyframes feedback-hold-spin{to{transform:rotate(360deg)}}.feedback-btn--hold.is-holding .feedback-hold__content{padding-inline-end:2.25rem}.feedback-btn--hold.is-holding .feedback-hold__content,.feedback-btn--hold.is-sending .feedback-hold__content{opacity:1}.feedback-btn--hold.is-sending{cursor:wait}.feedback-btn--hold.is-sending .feedback-hold__content{padding-inline-end:2.25rem}.feedback-btn--hold:not(.is-ready):not(.is-loading){opacity:.38;filter:grayscale(.15);cursor:not-allowed}.feedback-btn--hold.is-ready:not(:disabled){opacity:1;filter:none}.feedback-hold-hint{width:100%;margin:0;font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-tertiary);text-align:center}.feedback-btn{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;line-height:1.2;padding:.9rem 1.25rem;border-radius:.75rem;border:1px solid transparent;cursor:pointer;box-shadow:0 1px color-mix(in srgb,var(--color-text-primary) 6%,transparent),0 1px 2px color-mix(in srgb,#000 12%,transparent);transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,filter .2s ease,box-shadow .2s ease,transform .2s var(--ease-out-expo);will-change:transform}.feedback-btn__inner{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%}.feedback-btn__chevron{flex-shrink:0;opacity:.85;transition:transform .25s var(--ease-out-expo)}@media(hover:hover){.feedback-btn--dark:hover:not(:disabled) .feedback-btn__chevron{transform:translate(3px)}}.feedback-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-btn--dark{background:var(--color-text-primary);color:var(--color-bg);border-color:color-mix(in srgb,var(--color-text-primary) 88%,var(--color-bg))}.feedback-btn--dark:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 1px color-mix(in srgb,var(--color-text-primary) 8%,transparent),0 6px 16px color-mix(in srgb,#000 18%,transparent)}.feedback-btn--dark:active:not(:disabled){transform:scale(.98)}.feedback-btn--primary,.feedback-dock__btn[data-action=submit]{background:var(--cursor-fill);color:var(--colors-gray12);border-color:color-mix(in srgb,var(--cursor-fill) 85%,var(--colors-gray12));box-shadow:0 1px color-mix(in srgb,#fff 25%,transparent),0 4px 14px color-mix(in srgb,var(--cursor-fill) 35%,transparent)}.feedback-btn--primary:hover:not(:disabled),.feedback-dock__btn[data-action=submit]:hover:not(:disabled):not(.is-loading){filter:brightness(1.04);box-shadow:0 1px color-mix(in srgb,#fff 30%,transparent),0 8px 20px color-mix(in srgb,var(--cursor-fill) 42%,transparent)}.feedback-btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:color-mix(in srgb,var(--color-border) 90%,var(--color-text-tertiary));box-shadow:none}.feedback-btn--ghost:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-text-tertiary);background:color-mix(in srgb,var(--color-surface) 70%,var(--color-text-primary) 30%)}.feedback-btn--ghost:active:not(:disabled){transform:scale(.98)}.feedback-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.feedback-success{text-align:left}.feedback-footer{display:none}.feedback-footer p{margin:0;font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:.02em}.feedback-chips{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.125rem}.feedback-chip{display:inline-flex;align-items:center;padding:.3125rem .75rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:400;line-height:1.4;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background-color .15s ease,color .15s ease;white-space:nowrap}.feedback-chip input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.feedback-chip:has(input:checked){border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-bg)}@media(hover:hover){.feedback-chip:not(:has(input:checked)):hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}}.feedback-field__optional{font-size:var(--text-xs);font-weight:400;color:var(--color-text-tertiary);margin-left:.25rem}@media(prefers-reduced-motion:reduce){.feedback-step.is-active{animation:none}.feedback-progress__fill,.feedback-progress__node{transition:none}.feedback-hold__progress.is-spinning .feedback-hold__ring-svg{animation:none}.feedback-btn--hold{will-change:auto}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit;-webkit-user-select:none;user-select:none}ul,ol{list-style:none}@font-face{font-family:PP Neue Montreal;font-style:normal;font-weight:500;font-display:swap;src:local("PP Neue Montreal Medium"),url(/assets/fonts/PPNeueMontreal-Medium-D81mEda3.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PPNeueMontreal-Medium-MATD8sv2.woff2) format("woff2"),url(/assets/fonts/PPNeueMontreal-Medium-CiZ9IP9P.woff) format("woff"),url(/assets/fonts/PPNeueMontreal-Medium-DiBCjEzQ.ttf) format("truetype"),url(/assets/fonts/PPNeueMontreal-Medium-1D7MSDFy.svg#PPNeueMontreal-Medium) format("svg")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-8kRkwJBP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-ext-B_-bZUTo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-8kRkwJBP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-ext-B_-bZUTo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-8kRkwJBP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-ext-B_-bZUTo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--color-bg: hsl(0 0% 6% / 1);--color-surface: #111111;--color-text-primary: #eeeeee;--color-text-secondary: #8a8a8a;--color-text-tertiary: #9b9b9b;--color-border: #333333;--color-accent: #fffffe;--color-green: #34c759;--color-orange: var(--cursor-fill);--colors-gray1: hsl(0 0% 99%);--colors-gray2: hsl(0 0% 97.3%);--colors-gray3: hsl(0 0% 95.1%);--colors-gray4: hsl(0 0% 93%);--colors-gray5: hsl(0 0% 90.9%);--colors-gray6: hsl(0 0% 88.7%);--colors-gray7: hsl(0 0% 85.8%);--image-container-bg: hsl(0 0% 85.8%);--color-text-on-image-plate: var(--colors-gray12);--colors-gray8: hsl(0 0% 78%);--colors-gray9: hsl(0 0% 56.1%);--colors-gray10: hsl(0 0% 52.3%);--colors-gray11: hsl(0 0% 43.5%);--colors-gray12: hsl(0 0% 9%);--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-display: "PP Neue Montreal", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Inter", system-ui, -apple-system, sans-serif;--text-nav: 1.25rem;--space-xs: .5rem;--space-s: 1rem;--space-m: 2rem;--space-l: 4rem;--space-xl: 6rem;--space-xxl: 7.5rem;--space-xxxl: 12.5rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 1.875rem;--space-10: 2.5rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--section-padding-top: var(--space-xxl);--section-padding-top-large: var(--space-xxxl);--section-padding-top-medium: 8.75rem;--section-padding-bottom: var(--space-20);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.12rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-1xl: 3rem;--text-2xl: 4rem;--text-3xl: 6rem;--text-display-1: clamp(3.25rem, 7vw, 8.5rem);--text-display-2: clamp(2.5rem, 5.5vw, 5.5rem);--font-numeric: tabular-nums lining-nums;--leading-none: 1;--leading-compact: .917;--leading-tight: 1.1;--leading-snug: 1.2;--leading-heading: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.8;--tracking-tightest: -.04em;--tracking-tighter: -.02em;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .06em;--tracking-widest: .12em;--text-max-width-sm: 448px;--text-max-width-md: 680px;--text-max-width-lg: 800px;--size-dot: 12px;--size-dot-inset: 2px;--size-indicator-height: 32px;--size-visual-min: 520px;--gap-stack: var(--space-10);--gap-status: var(--space-4);--gap-indicator: .875rem;--visual-offset-top: var(--space-10);--visual-offset-top-large: var(--space-20);--visual-offset-top-small: var(--space-8);--visual-width-desktop: 684px;--visual-height-desktop: 718px;--visual-width-tablet: 60vw;--visual-width-mobile: 64%;--status-dot-size: var(--size-dot);--status-dot-inset: var(--size-dot-inset);--status-dot-pulse-opacity: .5;--status-dot-shadow: 0 0 4px 0 color-mix(in srgb, var(--cursor-fill) 50%, transparent);--status-text-size: var(--text-sm);--status-text-letter-spacing: var(--tracking-wide);--status-indicator-gap: var(--gap-indicator);--status-indicator-height: var(--size-indicator-height);--status-animation-duration: 1.5s;--z-base: 0;--z-elevated: 1;--z-sticky: 100;--z-overlay: 1000;--z-modal: 2000;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out: ease-out;--transition-base: .3s var(--ease-out-expo);--transition-fast: .2s var(--ease-out-expo);--transition-slow: .6s var(--ease-out-expo);--animation-duration-base: 1.5s;--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-micro: .15s;--duration-short: .3s;--duration-medium: .6s;--duration-long: .9s;--duration-xlong: 1.2s;--ease-out-emil: cubic-bezier(.16, 1, .3, 1);--ease-reveal: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-breeze: cubic-bezier(.55, .085, .68, .53);--ease-silk: cubic-bezier(.52, .062, .64, .21);--ease-swift: cubic-bezier(.86, .04, .67, .24);--ease-nova: cubic-bezier(.73, .065, .82, .08);--ease-crisp: cubic-bezier(.92, .06, .77, .045);--ease-glide: cubic-bezier(.58, .06, .95, .32);--focus-ring-width: 2px;--focus-ring-offset: 3px;--focus-ring-color: var(--cursor-fill);accent-color:var(--cursor-fill);--shadow-large: 0 30px 60px rgba(0, 0, 0, .12);--shadow-embed: 0 0 0 1px rgba(255, 255, 254, .06), 0 12px 32px rgba(0, 0, 0, .45), 0 28px 64px rgba(0, 0, 0, .35);--scrollbar-w: 7px;--scrollbar-track: var(--color-bg);--scrollbar-thumb: color-mix(in srgb, var(--color-border) 65%, rgba(255, 255, 254, .35));--scrollbar-thumb-hover: color-mix(in srgb, var(--color-text-secondary) 70%, var(--color-border) 30%);--radius-brand-superellipse: 24px;--case-study-image-radius: 8px;--company-logo-tile-bg: var(--image-container-bg);--company-logo-tile-radius: 12px;--company-logo-tile-padding: 10px 12px;--company-logo-tile-aspect-ratio: 2.35 / 1;--company-logo-tile-img-max-height: 44px;--supports-corner-superellipse: 0;--about-legend-ink: #1a1816;--cursor-fill: color(display-p3 .99 .4 .02);--cursor-border: var(--cursor-fill);--cursor-fill-hover: color-mix(in srgb, var(--cursor-fill) 30%, transparent)}body.light-mode{--color-bg: #fffffe;--color-surface: #f7f6f2;--image-container-bg: var(--color-surface);--company-logo-tile-bg: #f7f7f7;--color-text-primary: #2b2b2b;--color-text-secondary: #616161;--color-text-tertiary: #747474;--color-border: #333333;--color-accent: #0f0f0f;--scrollbar-track: var(--color-bg);--scrollbar-thumb: color-mix(in srgb, var(--color-border) 45%, rgba(15, 15, 15, .2));--scrollbar-thumb-hover: color-mix(in srgb, var(--color-text-secondary) 55%, var(--color-border) 45%);--shadow-embed: 0 0 0 1px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .06), 0 20px 48px rgba(0, 0, 0, .08)}@supports (corner-shape: superellipse(1)){:root{--supports-corner-superellipse: 1}.header-inner,.header-bar,.nav-container,.about-image-wrapper,.home-image-wrapper,.work-card,.service-card-top,.cta-container,.design-flow-phase-card,.design-flow-detail{corner-shape:superellipse(1.8)}}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)}html::-webkit-scrollbar-track{background:var(--scrollbar-track)}html::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:100px;border:2px solid var(--scrollbar-track);background-clip:padding-box;transition:background-color var(--transition-fast)}html::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-radius:100px;border:2px solid var(--scrollbar-track);background-clip:padding-box}html::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.writing-nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--writing-max-width);margin:0 auto;padding:var(--space-m) var(--space-s) var(--space-s);width:100%}.writing-nav__brand{display:block;line-height:0;text-decoration:none;border-radius:4px}.writing-nav__brand:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.writing-nav__logo{height:1.8rem;width:auto;display:block}.writing-nav__logo--light{display:block}.writing-nav__logo--dark{display:none!important}html.light-mode .writing-nav__logo--dark,body.light-mode .writing-nav__logo--dark{display:block!important}html.light-mode .writing-nav__logo--light,body.light-mode .writing-nav__logo--light{display:none!important}.writing-nav__controls{display:flex;align-items:center;gap:var(--space-6)}.writing-lang{display:flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-heading);letter-spacing:var(--tracking-wide)}.writing-lang__link{color:var(--color-text-secondary);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit;transition:color var(--duration-micro) var(--ease-out-emil)}.writing-lang__link:hover,.writing-lang__link:focus-visible{color:var(--color-text-primary)}.writing-lang__link[aria-current=true]{color:var(--color-text-primary)}.writing-lang__sep{color:var(--color-text-tertiary);margin:0 .35em;-webkit-user-select:none;user-select:none}.writing-page .theme-toggle{background:none;border:none;cursor:pointer;padding:0;line-height:0;color:var(--color-text-secondary);transition:color var(--transition-base);border-radius:4px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;flex-shrink:0}.writing-page .theme-toggle:focus-visible{color:var(--color-text-primary);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media(hover:hover){.writing-page .theme-toggle:hover{color:var(--color-text-primary)}}.writing-page .theme-icon{position:relative;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;transition:transform .14s var(--ease-out-emil);will-change:transform}.writing-page .theme-icon__svg{width:24px;height:24px;display:block;color:var(--color-text-primary);overflow:visible}@media(hover:hover)and (pointer:fine){.writing-page .theme-toggle:hover .theme-icon{transform:scale(1.06)}}.writing-page .theme-toggle:active .theme-icon{transform:scale(.92)}@media(prefers-reduced-motion:reduce){.writing-page .theme-icon{transition:none;transform:none!important}}.writing-page .theme-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:0;visibility:hidden}.writing-main{flex:1;width:100%;max-width:var(--writing-max-width);margin:80px auto;padding:0 var(--space-s) var(--space-xxl)}.writing-header{margin-bottom:var(--space-m)}.writing-header__title{font-family:var(--font-display);font-size:var(--text-1xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);margin-bottom:var(--space-s);text-wrap:pretty}.writing-header__desc{font-size:var(--text-base);font-weight:300;line-height:var(--leading-normal);color:var(--color-text-secondary);max-width:38ch}.writing-divider{border:none;border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);margin:var(--space-m) 0}.writing-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-m) calc(-1 * var(--writing-list-outset)) 0;padding:0;width:calc(100% + 2 * var(--writing-list-outset))}.writing-item{margin:0}.writing-item__link,.writing-item__card{display:block;padding:var(--space-s) var(--space-m);padding-left:var(--writing-list-outset);border-radius:12px}.writing-item__link{text-decoration:none;color:inherit;transition:background-color var(--duration-micro) var(--ease-out-emil),color var(--duration-micro) var(--ease-out-emil)}.writing-item__card{cursor:default;pointer-events:none}@media(hover:hover){.writing-item__link:hover,.writing-item__link:focus-visible{background:var(--color-surface)}}.writing-item__link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.writing-item__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:500;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0;text-wrap:pretty}.writing-item__desc{margin:var(--space-2) 0 0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-normal);color:var(--color-text-secondary);text-wrap:pretty}.writing-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35em .5em;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin-top:var(--space-2)}.writing-item__meta-sep{-webkit-user-select:none;user-select:none}.read-time{display:inline-flex;align-items:center;gap:.3em;color:inherit}.read-time__icon{width:1.05em;height:1.05em;flex-shrink:0;opacity:.9}.read-time__label{font-variant-numeric:var(--font-numeric)}.post-back{margin:0 0 var(--space-m)}.post-back__link{display:inline-flex;align-items:center;gap:.35em;padding:var(--space-xs) var(--space-s);padding-left:var(--writing-list-outset);margin-left:calc(-1 * var(--writing-list-outset));border-radius:10px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--duration-micro) var(--ease-out-emil),color var(--duration-micro) var(--ease-out-emil)}@media(hover:hover){.post-back__link:hover,.post-back__link:focus-visible{background:var(--color-surface);color:var(--color-text-primary)}}.post-back__link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.post-back__icon{font-size:1.1em;line-height:1}.post-header{margin-bottom:var(--space-l)}.post-header__tag{display:block;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.post-header__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);margin-bottom:var(--space-6);text-wrap:pretty}.post-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35em .5em;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);font-variant-numeric:var(--font-numeric)}.post-header__meta time{font-style:normal}.post-header__meta-sep{-webkit-user-select:none;user-select:none}.post-footer{margin-top:var(--space-l);padding-top:var(--space-m);border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.post-footer__link{font-family:var(--font-display);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px;transition:color var(--duration-micro) var(--ease-out-emil)}.post-footer__link:hover,.post-footer__link:focus-visible{color:var(--color-text-secondary)}.writing-footer{max-width:var(--writing-max-width);margin:0 auto;padding:var(--space-m) var(--space-s) var(--space-l);width:100%;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}@media(max-width:767px){.writing-header__title{font-size:var(--text-2xl);line-height:var(--leading-none)}.writing-list{margin-left:calc(-1 * var(--space-s));margin-right:calc(-1 * var(--space-s));width:calc(100% + 2 * var(--space-s))}.writing-item__link{padding:var(--space-s);padding-left:var(--space-s)}.post-header__title{font-size:var(--text-1xl);line-height:var(--leading-tight)}}.prose{max-width:var(--writing-prose-width);font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-primary)}.prose p{margin-bottom:var(--space-s)}.prose h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-top:var(--space-l);margin-bottom:var(--space-m);text-wrap:pretty}.prose h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);color:var(--color-text-primary);margin-top:var(--space-m);margin-bottom:var(--space-s)}.prose strong{font-weight:500;color:var(--color-text-primary)}.prose em{font-style:italic}.prose a{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px;transition:color var(--duration-micro) var(--ease-out-emil)}.prose a:hover,.prose a:focus-visible{color:var(--color-text-secondary)}.prose .lead{font-size:var(--text-lg);font-weight:300;line-height:var(--leading-heading);color:var(--color-text-secondary);margin-bottom:var(--space-m)}.prose blockquote{border-left:2px solid color-mix(in srgb,var(--color-border) 70%,transparent);padding-left:var(--space-6);margin:var(--space-m) 0;color:var(--color-text-secondary);font-style:italic}.prose code{font-family:var(--font-mono);background:color-mix(in srgb,var(--color-border) 22%,var(--color-surface))}.prose hr{border:none;border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);margin:var(--space-m) 0}.prose ul,.prose ol{padding-left:0;margin-bottom:0}.prose li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed);color:var(--color-text-primary)}.prose table{width:100%;border-collapse:collapse;margin:var(--space-m) 0;font-size:var(--text-sm)}.prose th,.prose td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.prose th{font-weight:500;color:var(--color-text-secondary)}.prose .prose-checklist{list-style:none;counter-reset:prose-checklist;margin:var(--space-6) 0 var(--space-8);padding:var(--space-6) 0 0;padding-left:0;border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.prose .prose-checklist>li{counter-increment:prose-checklist;margin-bottom:var(--space-5);display:block;padding-left:2.75rem;position:relative;font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);color:var(--color-text-primary)}.prose .prose-checklist>li:last-child{margin-bottom:0}.prose .prose-checklist>li:before{content:counter(prose-checklist);position:absolute;left:0;top:0;width:1.75rem;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:400;font-variant-numeric:tabular-nums;line-height:var(--leading-relaxed);color:var(--color-text-tertiary)}.prose .prose-checklist__note{display:block;margin-top:.35em;font-size:var(--text-sm);font-weight:300;line-height:var(--leading-normal);color:var(--color-text-secondary)}.prose .prose-checklist a{text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}.prose .prose-checklist code{overflow-wrap:break-word}.prose-figure{margin:var(--space-l) 0;max-width:none}.prose-figure--demo{margin:var(--space-l) 0;width:100%}.prose-figure__caption{display:block;margin-top:var(--space-s);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:300;font-style:italic;line-height:var(--leading-normal);color:var(--color-text-secondary)}.prose-figure--demo .demo{margin:0}.prose>pre:not(.code-block pre){position:relative;margin:var(--space-m) 0}.prose-figure--table{overflow-x:auto;-webkit-overflow-scrolling:touch}.prose-figure--table table{margin:0;font-variant-numeric:tabular-nums}.prose-figure--table th{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.prose-callout{margin:var(--space-s) 0 var(--space-m);padding-left:var(--space-m);border-left:2px solid color-mix(in srgb,var(--cursor-fill) 55%,var(--color-border));font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.prose-callout strong{color:var(--color-text-primary);font-weight:500}.prose code{font-size:.84em;letter-spacing:.02em;padding:.12em .4em;border-radius:5px;border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent)}.prose-figure--code{margin:var(--space-m) 0}.code-block{--code-bg: #18181b;--code-chrome: #09090b;--code-border: #27272a;--code-fg: #b1b1b1;--code-muted: #a7a7a7;--code-comment: #666666;--code-string: #a7a7a7;--code-keyword: #a7a7a7;--code-fn: #ffffff;--code-property: #a7a7a7;--code-tree: #a7a7a7;--code-check: #a7a7a7;position:relative;border:1px solid var(--code-border);border-radius:10px;background:var(--code-bg);overflow:hidden;box-shadow:none}html.light-mode .code-block,body.light-mode .code-block{--code-bg: hsl(0 0% 98%);--code-chrome: hsl(0 0% 96%);--code-border: hsl(0 0% 88%);--code-fg: hsl(240 4% 22%);--code-comment: hsl(240 4% 46%);--code-string: hsl(142 45% 32%);--code-keyword: hsl(262 55% 42%);--code-fn: hsl(32 75% 38%);--code-property: hsl(217 55% 38%);--code-tree: hsl(240 4% 40%)}.code-block__chrome{display:flex;align-items:center;min-height:2.75rem;padding:0 var(--space-4);background:var(--code-chrome);border-bottom:1px solid var(--code-border)}.code-block__lang{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--code-muted)}.code-block__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.code-block__scroll pre{margin:0;padding:var(--space-m) var(--space-m);background:transparent;border:none;border-radius:0;box-shadow:none;font-family:ui-monospace,SF Mono,Cascadia Code,Segoe UI Mono,monospace;font-size:.8125rem;line-height:1.7;-moz-tab-size:2;tab-size:2;-webkit-font-smoothing:antialiased}.code-block__scroll pre:before{display:none}.code-block__scroll code{display:block;white-space:pre;word-break:normal;overflow-wrap:normal;color:var(--code-fg);background:none;border:none;padding:0;font-size:inherit;font-family:inherit;letter-spacing:.01em}.code-block .tok-comment{color:var(--code-comment);font-style:italic}.code-block .tok-string{color:var(--code-string)}.code-block .tok-keyword{color:var(--code-keyword)}.code-block .tok-fn{color:var(--code-fn)}.code-block .tok-property{color:var(--code-property)}.code-block .tok-selector{color:var(--code-fn);font-weight:500}.code-block .tok-tree{color:var(--code-tree)}.code-block .tok-heading{color:var(--code-fn);font-weight:500}.code-block .tok-check{color:var(--code-check)}.code-block .tok-punct{color:var(--code-muted)}.code-block .tok-number{color:var(--code-fn)}.demo-skill__pane .code-block{height:100%;min-height:12rem}.demo-skill__pane .code-block__scroll{max-height:16rem}@media(max-width:560px){.code-block__scroll pre{font-size:.75rem;padding:var(--space-s) var(--space-m)}}:root{--color-demo-bg: color-mix(in srgb, var(--color-border) 14%, var(--color-bg));--color-demo-border: color-mix(in srgb, var(--color-border) 55%, transparent);--color-success: hsl(142 50% 44%);--color-warning: hsl(38 80% 48%);--color-error: hsl(0 60% 54%)}html.light-mode,body.light-mode{--color-demo-bg: #ffffff;--color-demo-border: hsl(0 0% 88%);--color-success: hsl(142 72% 29%);--color-warning: hsl(38 92% 40%);--color-error: hsl(0 72% 42%)}.demo{background:var(--color-demo-bg);border:1px solid var(--color-demo-border);border-radius:14px;padding:var(--space-6);margin:var(--space-8) 0;box-shadow:0 1px 2px color-mix(in srgb,#000 4%,transparent),0 4px 20px -4px color-mix(in srgb,#000 8%,transparent)}.demo__label{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;display:block;margin-top:var(--space-4);margin-bottom:0}.demo-compare__prompt{font-size:var(--text-base);font-weight:300;color:var(--color-text-secondary);margin:0 0 var(--space-m);line-height:var(--leading-normal)}.demo-compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-m)}.demo-compare__col{display:flex;flex-direction:column;gap:var(--space-s)}.demo-ab-pick{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:.2em .65em;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:4px;background:color-mix(in srgb,var(--color-surface) 60%,transparent)}.demo-ab-pick--winner{color:var(--color-text-primary);border-color:color-mix(in srgb,var(--cursor-fill) 45%,var(--color-border));background:color-mix(in srgb,var(--cursor-fill) 12%,var(--color-surface))}.demo-hint{display:flex;align-items:center;gap:var(--space-s);margin-top:var(--space-s);padding:var(--space-s) var(--space-m);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);background:color-mix(in srgb,var(--color-border) 12%,transparent);border-radius:6px}.demo-hint kbd{display:inline-block;padding:.15em .45em;font-family:inherit;font-size:inherit;line-height:1;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:4px;background:var(--color-surface);color:var(--color-text-secondary)}.demo--stage{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.demo--stage>.demo-toggle-row{align-self:center;margin-bottom:0;width:min(100%,22rem)}.demo--stage .demo-safari-host{margin:0}.demo--stage .demo-hint{margin-top:0;justify-content:center;text-align:center;border:none;border-radius:8px;background:#f5f5f5;color:#737373}.demo--stage .demo-compare__grid{gap:var(--space-4)}.demo-toggle-row--compact{padding:2px;gap:2px}.demo-toggle-row--compact .demo-chip{padding:0 .5rem;min-height:1.625rem;font-size:11px;font-weight:500}.demo-toggle-row button:not(.demo-chip){border-color:transparent;background:transparent;box-shadow:none;border-radius:9999px;color:var(--color-text-secondary)}.demo-toggle-row button:not(.demo-chip)[data-active=true]{border-color:transparent;background:var(--color-text-primary);color:var(--color-bg)}.demo-toggle-row button:not(.demo-chip):hover:not([data-active=true]){background:color-mix(in srgb,var(--color-surface) 70%,transparent);color:var(--color-text-primary)}.demo-toggle-row--compact button:not(.demo-chip){padding:0 .5rem;min-height:1.625rem;font-size:11px;font-weight:500}@media(max-width:560px){.demo-compare__grid{grid-template-columns:1fr}}.demo-scale__label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-tertiary);margin:0;line-height:1.5}.demo-scale__label code{font-size:inherit;padding:0;border:none;background:none;color:var(--color-text-secondary)}.demo-scale__stage{position:relative;margin-top:var(--space-2)}.demo input[type=range]:not(.demo-slider__range){width:100%;height:2px;background:var(--color-border);border-radius:1px;outline:none;cursor:pointer;accent-color:var(--color-text-primary);display:block;margin-top:var(--space-2)}.demo select{font-size:var(--text-sm);font-family:var(--font-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);padding:2px var(--space-2)}.demo-btn,:where(.demo button:not(.demo-art__reveal-btn):not(.demo-lh__auto-btn):not(.demo-chip):not(.demo-state__cta):not(.demo-ratio__btn):not(.demo-bsw__cta):not(.demo-tracking__fix-btn):not(.demo-toast__icon-btn):not(.demo-toast__text-action)){display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:10px;font-size:var(--text-sm);font-family:var(--font-primary);color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-micro, .1s) ease-out}:where(.demo button:not(.demo-ratio__btn):not(.demo-bsw__cta):not(.demo-tracking__fix-btn)[data-active=true]){background:var(--color-text-primary);color:var(--color-bg);border-color:var(--color-text-primary)}[data-level=good]{color:var(--color-success)}[data-level=neutral]{color:var(--color-text-secondary)}[data-level=bad],[data-bad=true]{color:var(--color-error)}[data-bad=false]{color:var(--color-success)}.demo-frequency__slider-host{margin-bottom:var(--space-4)}.demo-frequency__verdict{padding:var(--space-2) var(--space-4);border-radius:6px;margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:500}.demo-kb{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.demo-kb__col-label{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:0}.demo-kb__list--animated .demo-kb__item{transition:background .15s ease-out}.demo-kb__list--instant .demo-kb__item{transition:none}@media(max-width:560px){.demo-kb{grid-template-columns:1fr}}.demo-dur__slider-host{margin-bottom:var(--space-4)}.demo-dur__stage{margin-bottom:var(--space-3)}.demo-dur__verdict{font-size:var(--text-sm);color:var(--color-text-secondary);min-height:1.4em;margin-top:var(--space-2)}.demo-paywall{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.demo-paywall__col-label{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:var(--space-2)}.demo-paywall-stage{max-width:22rem}.demo-paywall-stage.demo-paywall-stage--minimal{position:relative;display:flex;align-items:center;justify-content:center;min-height:11rem;max-width:none;padding:var(--space-5)}.demo-paywall__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:color-mix(in srgb,#171717 28%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:inherit;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s cubic-bezier(.16,1,.3,1),visibility .16s cubic-bezier(.16,1,.3,1)}.demo-paywall__overlay[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto}.demo-paywall__overlay>.demo-paywall__wall,.demo-paywall__overlay>.demo-popover--dialog{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:min(100%,18rem);min-width:0;margin:0;z-index:1}.demo-paywall__wall[data-visible=false]{opacity:0;visibility:hidden;pointer-events:none}.demo-paywall__wall[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto}.demo-paywall-stage--minimal .demo-paywall__trigger{position:relative;z-index:1}.demo-paywall__trigger--minimal{width:auto;min-width:7rem;max-width:10rem;min-height:4rem;padding:var(--space-4);font-size:var(--text-sm);font-weight:400;align-self:center;text-align:center}@media(max-width:560px){.demo-paywall{grid-template-columns:1fr}}.demo-matrix__axes-row{display:flex;justify-content:space-between;font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-2);padding:0 2px}.demo-matrix__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--space-2)}.demo-matrix__cell{border:none;border-radius:8px;padding:var(--space-4);cursor:pointer;background:#f5f5f5;transition:background var(--duration-micro, .1s) ease-out;text-align:center;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.demo-matrix__cell:hover,.demo-matrix__cell[data-active=true]{background:#ebebeb}.demo-matrix__cell-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-1);display:block}.demo-matrix__cell-tag{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary)}.demo-matrix__cell[data-quadrant="1"] .demo-matrix__cell-title{color:var(--color-success)}.demo-matrix__cell[data-quadrant="4"] .demo-matrix__cell-title{color:var(--color-error)}.demo-matrix__cell[data-quadrant="2"] .demo-matrix__cell-title{color:var(--color-warning)}.demo-matrix__detail{margin-top:var(--space-4);padding:var(--space-4);border:none;border-radius:8px;background:#f5f5f5;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);min-height:3.5em;transition:opacity .15s ease-out}.demo-matrix__y-label{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);writing-mode:vertical-rl;transform:rotate(180deg);padding-right:var(--space-2)}.demo-matrix__wrapper{display:grid;grid-template-columns:1fr;gap:var(--space-2)}.demo-ratio__controls{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}.demo-ratio__btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:10px;cursor:pointer;color:var(--color-text-primary);transition:background var(--duration-micro, .1s) ease-out,box-shadow var(--duration-micro, .1s) ease-out,border-color var(--duration-micro, .1s) ease-out}.demo-ratio__btn:hover{background:color-mix(in srgb,var(--color-surface) 60%,var(--color-demo-bg));box-shadow:0 1px 4px color-mix(in srgb,#000 8%,transparent)}.demo-ratio__btn[data-active=true]{background:var(--color-text-primary);color:var(--color-bg);border-color:var(--color-text-primary);box-shadow:0 1px 4px color-mix(in srgb,#000 18%,transparent)}.demo-ratio__btn-label{font-size:var(--text-xs);opacity:.7;font-family:var(--font-primary);letter-spacing:normal}.demo-ratio__preview{border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:10px;padding:var(--space-4) var(--space-6);background:var(--color-bg);overflow:hidden}.demo-ratio__level{display:grid;grid-template-columns:3.5rem 1fr 3rem;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 35%,transparent)}.demo-ratio__level:last-child{border-bottom:none}.demo-ratio__level-name{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary)}.demo-ratio__sample{font-weight:500;transition:font-size .22s cubic-bezier(.16,1,.3,1),line-height .22s cubic-bezier(.16,1,.3,1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-ratio__size{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;text-align:right}.demo-ratio__desc{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;margin-top:var(--space-4);min-height:1.4em}.demo-lh__heading-sample{font-size:48px;font-weight:500;line-height:1.1;margin-bottom:var(--space-6);transition:font-size .22s cubic-bezier(.16,1,.3,1),line-height .22s cubic-bezier(.16,1,.3,1);overflow-wrap:break-word}.demo-lh__size-host,.demo-lh__lh-host{margin-bottom:var(--space-4)}.demo-lh__lh-row{display:flex;align-items:flex-end;gap:var(--space-3)}.demo-lh__lh-row .demo-lh__lh-host{flex:1;margin-bottom:0}.demo-lh__auto-btn{padding:.25em .85em;font-size:var(--text-xs);border-radius:9999px;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);white-space:nowrap;flex-shrink:0;transition:background var(--duration-micro, .1s) ease-out,color var(--duration-micro, .1s) ease-out,border-color var(--duration-micro, .1s) ease-out}.demo-lh__auto-btn:hover{color:var(--color-text-primary)}.demo-lh__auto-btn[data-mode=auto]{background:var(--color-text-primary);color:var(--color-bg);border-color:var(--color-text-primary)}.demo-lh__feedback{font-size:var(--text-sm);color:var(--color-success);min-height:1.4em}.demo-lh__feedback[data-bad=true]{color:var(--color-error)}.demo-tracking{display:flex;flex-direction:column}.demo-tracking__sample{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:letter-spacing .4s ease-out}.demo-tracking__row{padding-bottom:var(--space-5);border-bottom:1px solid color-mix(in srgb,var(--color-border) 35%,transparent);margin-bottom:var(--space-5)}.demo-tracking__row:last-of-type{padding-bottom:0;border-bottom:none;margin-bottom:0}.demo-tracking__row .demo-tracking__sample{margin-bottom:var(--space-3);line-height:1.2}.demo-tracking__footer{padding-top:var(--space-m);display:flex;justify-content:flex-start}.demo-tracking__fix-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-5);height:2.25rem;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:400;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:9999px;cursor:pointer;transition:background var(--duration-micro, .1s) ease-out,color var(--duration-micro, .1s) ease-out}.demo-tracking__fix-btn:hover{color:var(--color-text-primary);background:color-mix(in srgb,var(--color-surface) 60%,var(--color-demo-bg))}.demo-bsw__selector{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}.demo-bsw__selector .demo-btn[data-active=true]{background:#171717;color:#fff;border-color:#171717}.demo-bsw__preview{border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:12px;padding:var(--space-8) var(--space-6);background:color-mix(in srgb,var(--color-surface) 60%,var(--color-bg))}.demo-bsw__tag{font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-4);display:block}.demo-bsw__title{font-size:2.441rem;font-weight:500;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-3);transition:font-family .15s ease-out}.demo-bsw__lead{font-size:1.25rem;line-height:1.3;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.demo-bsw__body{font-size:1rem;line-height:1.65;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.demo-bsw__cta{padding:.6rem 1.5rem;border:none;border-radius:10px;font-size:var(--text-sm);font-weight:500;cursor:pointer;font-family:inherit;letter-spacing:.005em;box-shadow:0 1px 3px color-mix(in srgb,#000 20%,transparent);transition:opacity .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}.demo-bsw__cta:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 3px 8px color-mix(in srgb,#000 24%,transparent)}.demo-agent__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.demo-agent__col-label{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:var(--space-2)}.demo-agent__instruction{font-size:var(--text-sm);font-style:italic;color:var(--color-text-secondary);margin-bottom:var(--space-4);min-height:2.8em;line-height:var(--leading-normal)}.demo-agent__col-verdict{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono);margin-top:var(--space-3);line-height:1.5}@media(max-width:560px){.demo-agent__cols{grid-template-columns:1fr}}.demo-art__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.demo-art__item{border:1px solid var(--color-border);border-radius:8px;padding:var(--space-4);background:var(--color-surface)}.demo-art__item-label{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-3);display:block}.demo-art__el{margin-bottom:var(--space-3)}.demo-art__el--ease-in .demo-art__dropdown{transform-origin:top center}.demo-art__el--ease-in .demo-art__dropdown[data-open=true]{animation:artEaseIn .25s ease-in forwards}@keyframes artEaseIn{0%{opacity:0;transform:scaleY(.92)}to{opacity:1;transform:scaleY(1)}}.demo-art__el--wrong-origin .demo-art__dropdown[data-open=true]{animation:artWrongOrigin .22s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center}@keyframes artWrongOrigin{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.demo-art__el--scale-zero .demo-art__dropdown[data-open=true]{animation:artScaleZero .2s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top left}@keyframes artScaleZero{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.demo-art__el--high-freq .demo-art__trigger{transition:background .4s ease-in-out,color .4s ease-in-out}.demo-art__el--high-freq .demo-art__trigger:hover{background:var(--color-text-primary);color:var(--color-bg)}.demo-art__reveal-btn{font-size:var(--text-xs);color:var(--color-text-secondary);border:none;background:none;cursor:pointer;text-decoration:underline;text-underline-offset:.15em;padding:0;font-family:var(--font-primary)}.demo-art__panel{font-size:var(--text-xs);line-height:1.55}.demo-art__problem{color:var(--color-error);margin-bottom:var(--space-2)}.demo-art__fix{color:var(--color-success)}@media(max-width:560px){.demo-art__grid{grid-template-columns:1fr}}.demo-skill__toggle{margin-bottom:var(--space-4)}.demo-skill__panes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.demo-skill__pane{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.demo-skill__pane-label{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-demo-bg)}.demo-skill__pane .code-block{border-radius:10px}.demo-skill__code mark{background:color-mix(in srgb,var(--color-success) 18%,transparent);color:var(--color-text-primary);border-radius:2px;padding:0 2px}@media(max-width:560px){.demo-skill__panes{grid-template-columns:1fr}}.demo-svs.demo-compare__grid{display:grid;grid-template-columns:1fr 1fr}.demo-svs__toolbar{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.demo-svs__toolbar .demo-toggle-row{width:min(100%,28rem);margin-bottom:0}.demo-mbs__brands{width:min(100%,26rem)}.demo-svs__card{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fff}.demo-svs__card-img{height:72px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:#a3a3a3}.demo-svs__card-img--broken{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 8%,transparent)}.demo-svs__card-body{padding:var(--space-4)}.demo-svs__card-title{font-size:var(--text-base);font-weight:500;margin-bottom:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-svs__card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-3);min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-svs__card-cta{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:var(--color-text-primary);color:var(--color-bg);border:none;border-radius:5px;cursor:pointer;font-family:var(--font-primary)}.demo-svs__skeleton .demo-svs__card-title,.demo-svs__skeleton .demo-svs__card-desc{background:color-mix(in srgb,var(--color-border) 40%,transparent);border-radius:3px;color:transparent;animation:shimmer 1.4s infinite}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.7}}@media(max-width:560px){.demo-svs.demo-compare__grid{grid-template-columns:1fr}}.demo-mbs__preview{border:1px solid var(--color-border);border-radius:8px;padding:var(--space-6);background:var(--color-surface);transition:border-color .2s ease-out}.demo-mbs__preview-tag{font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-4);display:block}.demo-mbs__preview-title{font-size:1.5rem;font-weight:500;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-3);transition:font-family .15s ease-out,color .2s ease-out}.demo-mbs__preview--minimal .demo-mbs__preview-title{font-size:1.25rem}.demo-mbs__preview-body{font-size:1rem;line-height:1.65;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.demo-mbs__preview-cta{padding:var(--space-3) var(--space-6);border:none;border-radius:6px;font-size:var(--text-sm);font-weight:500;cursor:pointer;font-family:inherit;transition:opacity .15s ease-out,background .2s ease-out,color .2s ease-out}.demo-mbs__preview-cta:hover{opacity:.85}@media(prefers-reduced-motion:reduce){.demo-agent__dropdown--vague,.demo-agent__dropdown--precise{transition:opacity .15s ease-out;transform:none!important}.demo-ratio__sample,.demo-lh__heading-sample{transition:none}.demo-dur__dropdown[data-open=true]{animation:dropdownFadeIn var(--demo-dur, .2s) ease-out forwards}@keyframes dropdownIn{0%{opacity:0}to{opacity:1}}@keyframes pwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pwSlideUp{0%{opacity:0}to{opacity:1}}@keyframes artEaseIn{0%{opacity:0}to{opacity:1}}@keyframes artWrongOrigin{0%{opacity:0}to{opacity:1}}@keyframes artScaleZero{0%{opacity:0}to{opacity:1}}.demo-tracking__sample,.demo-tracking__row .demo-tracking__sample{transition:none}}.demo-center{display:flex;justify-content:center;flex-direction:column}:root{--demo-popover-radius: 12px;--demo-popover-bg: var(--color-surface);--demo-popover-border: color-mix(in srgb, var(--color-border) 72%, transparent);--demo-popover-shadow: 0 0 0 1px color-mix(in srgb, var(--color-border) 40%, transparent), 0 12px 32px -12px color-mix(in srgb, #000 42%, transparent), 0 4px 12px -4px color-mix(in srgb, #000 22%, transparent);--demo-popover-origin: top left;--demo-popover-ease: cubic-bezier(.16, 1, .3, 1)}html.light-mode,body.light-mode{--demo-popover-shadow: 0 0 0 1px color-mix(in srgb, var(--color-border) 55%, transparent), 0 12px 28px -10px color-mix(in srgb, #000 14%, transparent), 0 4px 10px -4px color-mix(in srgb, #000 8%, transparent)}.demo-popover__trigger,.demo-scale__trigger,.demo-dur__trigger,.demo-agent__trigger,.demo-art__trigger,.demo-frequency__example .demo-btn,.demo-paywall__trigger,.demo-skill__trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:2.375rem;padding:var(--space-2) var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:400;line-height:1.2;color:var(--color-text-primary);background:var(--demo-popover-bg);border:1px solid var(--demo-popover-border);border-radius:8px;box-shadow:0 1px 2px color-mix(in srgb,#000 8%,transparent);cursor:pointer;transition:background var(--duration-micro, .1s) ease-out,border-color var(--duration-micro, .1s) ease-out,box-shadow var(--duration-micro, .1s) ease-out,transform var(--duration-micro, .1s) ease-out}.demo-popover__trigger:hover,.demo-scale__trigger:hover,.demo-dur__trigger:hover,.demo-agent__trigger:hover,.demo-art__trigger:hover,.demo-frequency__example .demo-btn:hover,.demo-paywall__trigger:hover,.demo-skill__trigger:hover{background:color-mix(in srgb,var(--demo-popover-bg) 94%,var(--color-text-primary));border-color:color-mix(in srgb,var(--color-text-tertiary) 35%,var(--demo-popover-border))}.demo-popover__trigger:active,.demo-scale__trigger:active,.demo-dur__trigger:active,.demo-agent__trigger:active,.demo-art__trigger:active,.demo-frequency__example .demo-btn:active,.demo-paywall__trigger:active,.demo-skill__trigger:active{transform:scale(.97)}.demo-popover__trigger:focus-visible,.demo-scale__trigger:focus-visible,.demo-dur__trigger:focus-visible,.demo-agent__trigger:focus-visible,.demo-art__trigger:focus-visible,.demo-frequency__example .demo-btn:focus-visible,.demo-paywall__trigger:focus-visible,.demo-skill__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.demo-popover-stage,.demo-scale__stage,.demo-agent__stage,.demo-dur__stage,.demo-frequency__example,.demo-art__el,.demo-paywall-stage,.demo-skill__popover-stage{position:relative}.demo-popover,.demo-popover--menu,.demo-scale__menu,.demo-agent__dropdown,.demo-agent__dropdown--vague,.demo-agent__dropdown--precise,.demo-dur__dropdown,.demo-dropdown,.demo-dropdown--animated,.demo-art__dropdown,.demo-skill__dropdown{position:absolute;z-index:8;top:calc(100% + 6px);left:0;min-width:min(100%,12.5rem);width:max(100%,12.5rem);padding:var(--space-1);margin:0;background:var(--demo-popover-bg);border:1px solid var(--demo-popover-border);border-radius:var(--demo-popover-radius);box-shadow:var(--demo-popover-shadow);transform-origin:var(--demo-popover-origin, top left);overflow:hidden}.demo-popover-stage>.demo-popover--menu,.demo-popover-stage>.demo-agent__dropdown,.demo-popover-stage>.demo-scale__menu{min-width:0;width:100%;max-width:100%}.demo-agent__dropdown--vague{--demo-popover-origin: center}.demo-agent__dropdown--precise{--demo-popover-origin: top left}.demo-popover[aria-hidden=true]:not(.demo-paywall__wall),.demo-scale__menu[aria-hidden=true],.demo-agent__dropdown[aria-hidden=true],.demo-dur__dropdown[aria-hidden=true],.demo-dropdown[aria-hidden=true],.demo-art__dropdown[aria-hidden=true],.demo-skill__dropdown[aria-hidden=true]{display:none;pointer-events:none}.demo-popover[data-open=true],.demo-scale__menu[data-open=true],.demo-agent__dropdown[data-open=true],.demo-dur__dropdown[data-open=true],.demo-dropdown[data-open=true],.demo-art__dropdown[data-open=true],.demo-skill__dropdown[data-open=true]{display:block;pointer-events:auto}.demo-popover__list,.demo-popover ul,.demo-scale__menu ul,.demo-agent__dropdown ul,.demo-dur__dropdown ul,.demo-dropdown ul,.demo-dropdown--animated ul,.demo-art__dropdown ul,.demo-skill__dropdown ul{list-style:none;margin:0;padding:0}.demo-popover__item,.demo-popover li,.demo-scale__menu li,.demo-agent__dropdown li,.demo-dur__dropdown li,.demo-dropdown li,.demo-dropdown--animated li,.demo-art__dropdown li,.demo-skill__dropdown li{display:flex;align-items:center;min-height:2rem;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:1.35;color:var(--color-text-primary);border-radius:8px;cursor:default;transition:background var(--duration-micro, .1s) ease-out,color var(--duration-micro, .1s) ease-out}.demo-popover__item:hover,.demo-popover li:hover,.demo-scale__menu li:hover,.demo-agent__dropdown li:hover,.demo-dur__dropdown li:hover,.demo-dropdown li:hover,.demo-dropdown--animated li:hover,.demo-art__dropdown li:hover,.demo-skill__dropdown li:hover{background:color-mix(in srgb,var(--color-text-primary) 7%,transparent);outline:none}.demo-paywall-stage{position:relative;min-height:2.5rem}.demo-popover__backdrop{position:absolute;inset:calc(var(--space-6) * -1);z-index:12;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:color-mix(in srgb,var(--color-bg) 62%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;opacity:0;pointer-events:none;transition:opacity .16s var(--demo-popover-ease)}.demo-popover__backdrop[data-visible=true]{opacity:1;pointer-events:auto}.demo-popover__backdrop[aria-hidden=true]{opacity:0;pointer-events:none}.demo-popover--dialog,.demo-paywall__wall{position:relative;top:auto;left:auto;width:min(100%,18rem);min-width:0;min-height:0;padding:var(--space-6) var(--space-5);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);opacity:1;pointer-events:auto}.demo-popover__title,.demo-paywall__wall-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.demo-popover__description,.demo-paywall__wall-price{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.demo-popover__action,.demo-paywall__wall-cta{margin-top:var(--space-2);padding:var(--space-2) var(--space-6);min-height:2.25rem;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;color:var(--color-bg);background:var(--color-text-primary);border:none;border-radius:8px;cursor:pointer;box-shadow:0 1px 2px color-mix(in srgb,#000 12%,transparent);transition:opacity var(--duration-micro, .1s) ease-out,transform var(--duration-micro, .1s) ease-out}.demo-popover__action:hover,.demo-paywall__wall-cta:hover{opacity:.88}.demo-popover__action:active,.demo-paywall__wall-cta:active{transform:scale(.97)}.demo-popover--card,.demo-art__panel{position:static;width:100%;min-width:0;margin-top:var(--space-3);padding:var(--space-4);text-align:left;display:block;box-shadow:var(--demo-popover-shadow)}.demo-art__panel[aria-hidden=true]{display:none}.demo-popover--list,.demo-kb__list{position:static;width:100%;min-width:0;padding:var(--space-1);margin:0;background:var(--demo-popover-bg);border:1px solid var(--demo-popover-border);border-radius:var(--demo-popover-radius);box-shadow:var(--demo-popover-shadow);outline:none}.demo-kb__list:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.demo-kb__item{display:flex;align-items:center;min-height:2.125rem;padding:var(--space-2) var(--space-3);margin:0;font-size:var(--text-sm);color:var(--color-text-primary);border-radius:8px;cursor:default;transition:background var(--duration-micro, .1s) ease-out}.demo-kb__item[data-active=true]{background:color-mix(in srgb,var(--color-text-primary) 10%,transparent);color:var(--color-text-primary)}.demo-popover--enter-soft[data-open=true],.demo-scale__menu--soft[data-open=true]{animation:demoPopoverInSoft .18s var(--demo-popover-ease) forwards}.demo-popover--enter-zero[data-open=true],.demo-scale__menu--zero[data-open=true]{animation:demoPopoverInZero .22s ease-in-out forwards;transform-origin:center}.demo-agent__dropdown--vague[data-open=true]{animation:demoPopoverInZero .2s ease-in-out forwards;transform-origin:center}.demo-agent__dropdown--precise[data-open=true]{animation:demoPopoverInSoft .2s var(--demo-popover-ease) forwards;transform-origin:top left}.demo-dur__dropdown[data-open=true]{animation:demoPopoverInMenu var(--demo-dur, .2s) var(--demo-popover-ease) forwards}.demo-dropdown--animated[data-open=true]{animation:demoPopoverInMenu var(--demo-duration, .2s) var(--demo-popover-ease) forwards}.demo-dropdown--animated{transition:none}@keyframes demoPopoverInSoft{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes demoPopoverInZero{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes demoPopoverInMenu{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-paywall--animated .demo-paywall__wall--animated[data-visible=true],.demo-paywall--animated .demo-popover--dialog[data-visible=true]{animation:demoPopoverDialogIn .2s var(--demo-popover-ease) forwards}.demo-paywall--animated .demo-paywall__wall-title,.demo-paywall--animated .demo-popover__title{opacity:0}.demo-paywall--animated .demo-paywall__wall--animated[data-visible=true] .demo-paywall__wall-title,.demo-paywall--animated .demo-popover--dialog[data-visible=true] .demo-popover__title{animation:demoPopoverStagger .28s var(--demo-popover-ease) .12s forwards}.demo-paywall--animated .demo-paywall__wall-price,.demo-paywall--animated .demo-popover__description{opacity:0}.demo-paywall--animated .demo-paywall__wall--animated[data-visible=true] .demo-paywall__wall-price,.demo-paywall--animated .demo-popover--dialog[data-visible=true] .demo-popover__description{animation:demoPopoverStagger .28s var(--demo-popover-ease) .26s forwards}.demo-paywall--animated .demo-paywall__wall-cta,.demo-paywall--animated .demo-popover__action{opacity:0}.demo-paywall--animated .demo-paywall__wall--animated[data-visible=true] .demo-paywall__wall-cta,.demo-paywall--animated .demo-popover--dialog[data-visible=true] .demo-popover__action{animation:demoPopoverStagger .28s var(--demo-popover-ease) .4s forwards}@keyframes demoPopoverDialogIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes demoPopoverStagger{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-paywall__wall--instant[data-visible=true],.demo-popover--dialog.demo-paywall__wall--instant[data-visible=true]{opacity:1}.demo-modal-scale__wall--zero[data-visible=true],.demo-modal-scale__wall--soft[data-visible=true]{transform-origin:center}.demo-modal-scale__wall--zero[data-visible=true]{animation:demoModalScaleInZero .3s ease forwards}.demo-modal-scale__wall--soft[data-visible=true]{animation:demoModalScaleInSoft .18s cubic-bezier(.16,1,.3,1) forwards}@keyframes demoModalScaleInZero{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes demoModalScaleInSoft{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.demo-scale-el__modal.demo-modal-scale__wall--soft[data-visible=true]{animation:demoScaleElModalIn .2s ease-out forwards;transform-origin:center}@keyframes demoScaleElModalIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes demoScaleElTooltipIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.demo-scale-el__toast-enter{animation:demoScaleElToastIn .2s ease-out forwards}@keyframes demoScaleElToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.demo-popover--enter-soft[data-open=true],.demo-scale__menu--soft[data-open=true],.demo-agent__dropdown--vague[data-open=true],.demo-agent__dropdown--precise[data-open=true],.demo-dur__dropdown[data-open=true],.demo-dropdown--animated[data-open=true],.demo-paywall--animated .demo-paywall__wall--animated[data-visible=true],.demo-modal-scale__wall--zero[data-visible=true],.demo-modal-scale__wall--soft[data-visible=true],.demo-scale-el__modal.demo-modal-scale__wall--soft[data-visible=true]{animation:none}}.demo .demo-agent__dropdown[data-open=true],.demo .demo-skill__dropdown[data-open=true]{opacity:1;background:#fff;color:#171717}.demo-dropdown-menu{--ddm-width: 12rem;--ddm-gap: 4px;--ddm-radius: 8px;--ddm-bg: #ffffff;--ddm-border: #e5e5e5;--ddm-border-strong: #d4d4d4;--ddm-text: #171717;--ddm-muted: #737373;--ddm-hover: #f5f5f5;--ddm-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .05), 0 12px 24px -6px rgba(0, 0, 0, .12);position:relative;display:inline-block;width:var(--ddm-width);max-width:100%;vertical-align:top}.demo-dropdown-menu__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);box-sizing:border-box;width:100%;min-height:2.25rem;padding:.5rem .75rem;font-family:var(--font-primary);font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--ddm-text);background:var(--ddm-bg);border:1px solid var(--ddm-border-strong);border-radius:var(--ddm-radius);box-shadow:0 1px 2px #0000000a;cursor:pointer;transition:background .1s ease-out,border-color .1s ease-out,box-shadow .1s ease-out}.demo-dropdown-menu__trigger:hover{background:var(--ddm-hover)}.demo-dropdown-menu__trigger:focus-visible{outline:2px solid #a3a3a3;outline-offset:2px}.demo-dropdown-menu__trigger[aria-expanded=true]{border-color:#a3a3a3}.demo-dropdown-menu__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.demo-dropdown-menu__chevron{flex-shrink:0;width:1rem;height:1rem;color:var(--ddm-muted);transition:transform .15s ease-out}.demo-dropdown-menu[data-open=true] .demo-dropdown-menu__chevron{transform:rotate(180deg)}.demo-dropdown-menu__content{position:absolute;z-index:20;top:calc(100% + var(--ddm-gap));left:0;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;padding:.25rem;list-style:none;background:var(--ddm-bg);border:1px solid var(--ddm-border-strong);border-radius:var(--ddm-radius);box-shadow:var(--ddm-shadow);transform-origin:var(--demo-popover-origin, top center);overflow:hidden}.demo-dropdown-menu__content[aria-hidden=true]{display:none;pointer-events:none}.demo-dropdown-menu__content[data-open=true]{display:block;pointer-events:auto}.demo-dropdown-menu__list{margin:0;padding:0;list-style:none}.demo-dropdown-menu__item{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:2rem;padding:.375rem .5rem;font-family:var(--font-primary);font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--ddm-text);text-align:left;background:transparent;border:none;border-radius:6px;cursor:default;transition:background .1s ease-out,color .1s ease-out}.demo-dropdown-menu__item:hover,.demo-dropdown-menu__item:focus-visible{background:var(--ddm-hover);outline:none}.demo-dropdown-menu__content.demo-agent__dropdown--vague[data-open=true]{animation:demoPopoverInZero .2s ease-in-out forwards;transform-origin:top center}.demo-dropdown-menu__content.demo-agent__dropdown--precise[data-open=true]{animation:demoPopoverInSoft .2s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}.demo-dropdown-menu__content.demo-scale__menu--zero[data-open=true]{animation:demoPopoverInZero .22s ease-in-out forwards;transform-origin:top center}.demo-dropdown-menu__content.demo-scale__menu--soft[data-open=true]{animation:demoPopoverInSoft .18s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}.demo-dropdown-menu__content.demo-scale-origin__menu--center[data-open=true],.demo-dropdown-menu__content.demo-scale-origin__menu--trigger[data-open=true]{animation:demoScaleOriginEnter .16s ease-out forwards}.demo-dropdown-menu__content.demo-scale-origin__menu--center[data-open=true]{transform-origin:center center}.demo-dropdown-menu__content.demo-scale-origin__menu--trigger[data-open=true]{transform-origin:top right}.demo-dropdown-menu__content.demo-scale-el__dropdown[data-open=true]{animation:demoScaleOriginEnter .16s ease-out forwards;transform-origin:top center}@keyframes demoScaleOriginEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.demo .demo-dropdown-menu__content[data-open=true]{opacity:1;background:#fff!important;color:var(--ddm-text)!important}@media(prefers-reduced-motion:reduce){.demo-dropdown-menu__content.demo-agent__dropdown--vague[data-open=true],.demo-dropdown-menu__content.demo-agent__dropdown--precise[data-open=true],.demo-dropdown-menu__content.demo-scale__menu--zero[data-open=true],.demo-dropdown-menu__content.demo-scale__menu--soft[data-open=true],.demo-dropdown-menu__content.demo-scale-origin__menu--center[data-open=true],.demo-dropdown-menu__content.demo-scale-origin__menu--trigger[data-open=true],.demo-dropdown-menu__content.demo-scale-el__dropdown[data-open=true]{animation:none}}:root{--demo-toast-width: min(100%, 24rem);--demo-toast-radius: 10px;--demo-toast-ease: cubic-bezier(.25, .75, .6, .98);--demo-toast-duration: .28s}.demo-toast-stage{position:relative;min-height:18rem;margin:var(--space-s) 0;padding:var(--space-m);border:1px solid #e5e5e5;border-radius:12px;background:#fafafa;overflow:hidden}.demo-toast-viewport{position:absolute;right:1.25rem;bottom:1.25rem;width:var(--demo-toast-width);pointer-events:none;z-index:2}.demo-toast-viewport__stack{position:relative;width:100%;pointer-events:auto}.demo-toast{position:absolute;right:0;bottom:0;width:var(--demo-toast-width);display:flex;flex-direction:column;gap:var(--space-3);padding:10px 14px;border-radius:var(--demo-toast-radius);border:1px solid #e5e5e5;background:#fff;box-shadow:0 1px 2px #0000000a,0 4px 14px -4px #0000001a;font-size:.8125rem;font-weight:400;line-height:1.4;color:#171717;opacity:0;pointer-events:none;transition:transform var(--demo-toast-duration) var(--demo-toast-ease),opacity var(--demo-toast-duration) var(--demo-toast-ease)}.demo-toast--visible{opacity:1;pointer-events:auto}.demo-toast--instant{transition:none}.demo-toast__dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#a3a3a3}.demo-toast--message .demo-toast__dot{background:#a3a3a3}.demo-toast--success .demo-toast__dot{background:#16a34a}.demo-toast--warning .demo-toast__dot{background:#d97706}.demo-toast--error .demo-toast__dot{background:#dc2626}.demo-toast__row{display:flex;align-items:center;gap:10px}.demo-toast__text{flex:1;min-width:0;color:#171717}.demo-toast__actions-inline{display:flex;flex-shrink:0;align-items:center;gap:var(--space-2)}.demo-toast__actions-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding-left:17px}.demo .demo-toast__text-action{padding:0;background:none;border:none}.demo-toast__text-action{display:inline-flex;align-items:center;padding:0;font-family:var(--font-primary);font-size:.8125rem;font-weight:500;color:#737373;background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px;transition:color .1s ease-out}.demo-toast__text-action:hover{color:#171717}.demo-toast__text-action--primary{color:#171717;text-decoration:none;font-weight:500}.demo-toast__text-action--primary:hover{color:#404040}.demo-toast__icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:6px;background:transparent;color:#a3a3a3;cursor:pointer;transition:background .1s ease-out,color .1s ease-out}.demo-toast__icon-btn svg{display:block;width:14px;height:14px;flex-shrink:0}.demo .demo-toast__icon-btn{padding:0;min-width:1.5rem;background:transparent;border:none;color:#a3a3a3}.demo-toast__icon-btn:hover,.demo .demo-toast__icon-btn:hover{background:#f5f5f5;color:#171717}.demo-toast__icon-btn:focus-visible{outline:2px solid rgba(23,23,23,.2);outline-offset:2px}.demo-toast-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-s)}.demo-toast-controls .demo-popover__trigger{width:auto;flex:1 1 auto;min-width:8rem}@media(max-width:560px){.demo-toast-stage{min-height:16rem;padding:var(--space-s)}.demo-toast-viewport{right:1rem;bottom:1rem}.demo-toast-controls .demo-popover__trigger{min-width:100%}}@media(prefers-reduced-motion:reduce){.demo-toast{transition-duration:.01ms!important}}:root{--demo-slider-track: color-mix(in srgb, var(--color-border) 85%, var(--color-surface));--demo-slider-fill: var(--color-text-primary);--demo-slider-thumb-bg: var(--color-bg);--demo-slider-thumb-ring: color-mix(in srgb, var(--color-text-primary) 25%, transparent);--demo-slider-input-bg: var(--color-surface);--demo-slider-input-border: color-mix(in srgb, var(--color-border) 72%, transparent)}html.light-mode,body.light-mode{--demo-slider-thumb-bg: #ffffff}.demo-slider{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.demo-slider__label{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.demo-slider__label strong{font-weight:500;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.demo-slider__row{display:flex;align-items:center;gap:var(--space-3);width:100%}.demo-slider__track{position:relative;flex:1;min-width:0;display:flex;align-items:center;touch-action:none}.demo-slider__range{--demo-slider-pct: 50%;width:100%;height:8px;margin:0;padding:0;border:none;border-radius:9999px;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.demo-slider__track:before{content:"";position:absolute;left:0;right:0;height:8px;border-radius:9999px;background:var(--demo-slider-track);pointer-events:none;z-index:0}.demo-slider__track:after{content:"";position:absolute;left:0;width:var(--demo-slider-pct, 0%);height:8px;border-radius:9999px;background:var(--demo-slider-fill);pointer-events:none;z-index:0}.demo-slider__range{position:relative;z-index:1;background:transparent}.demo-slider__range::-webkit-slider-runnable-track{height:8px;background:transparent;border:none;border-radius:9999px}.demo-slider__range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-6px;border-radius:50%;border:2px solid var(--demo-slider-fill);background:var(--demo-slider-thumb-bg);box-shadow:0 0 0 0 transparent,0 1px 2px color-mix(in srgb,#000 18%,transparent);cursor:grab;transition:box-shadow var(--duration-micro, .1s) ease-out,transform var(--duration-micro, .1s) ease-out}.demo-slider__range:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 0 0 3px var(--demo-slider-thumb-ring),0 1px 2px color-mix(in srgb,#000 18%,transparent)}.demo-slider__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--demo-slider-thumb-ring),0 1px 2px color-mix(in srgb,#000 18%,transparent)}.demo-slider__range::-moz-range-track{height:8px;background:transparent;border:none;border-radius:9999px}.demo-slider__range::-moz-range-progress{height:8px;background:var(--demo-slider-fill);border-radius:9999px}.demo-slider__range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:2px solid var(--demo-slider-fill);background:var(--demo-slider-thumb-bg);box-shadow:0 1px 2px color-mix(in srgb,#000 18%,transparent);cursor:grab}.demo-slider__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--demo-slider-thumb-ring),0 1px 2px color-mix(in srgb,#000 18%,transparent)}.demo-slider__input-group{display:inline-flex;align-items:stretch;flex-shrink:0;min-width:5.5rem;border:1px solid var(--demo-slider-input-border);border-radius:8px;background:var(--demo-slider-input-bg);box-shadow:0 1px 2px color-mix(in srgb,#000 6%,transparent);overflow:hidden}.demo-slider__input{width:3.25rem;min-width:0;padding:var(--space-2) var(--space-2);border:none;background:transparent;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-wide);color:var(--color-text-primary);text-align:center;outline:none;-moz-appearance:textfield}.demo-slider__input::-webkit-outer-spin-button,.demo-slider__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.demo-slider__input:focus-visible{outline:none}.demo-slider__input-group:focus-within{border-color:color-mix(in srgb,var(--color-text-tertiary) 40%,var(--demo-slider-input-border));box-shadow:0 0 0 3px var(--demo-slider-thumb-ring),0 1px 2px color-mix(in srgb,#000 6%,transparent)}.demo-slider__suffix{display:inline-flex;align-items:center;padding:0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);border-left:1px solid var(--demo-slider-input-border);background:color-mix(in srgb,var(--demo-slider-input-bg) 88%,var(--color-border));-webkit-user-select:none;user-select:none}.demo-slider__ticks{display:flex;justify-content:space-between;font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin-top:var(--space-1);padding:0 2px}.demo-slider--disabled{opacity:.5;pointer-events:none}@media(prefers-reduced-motion:reduce){.demo-slider__range::-webkit-slider-thumb,.demo-slider__range::-moz-range-thumb{transition:none}}:root{--demo-chip-radius: 9999px;--demo-chip-shadow: 0 1px 2px color-mix(in srgb, #000 10%, transparent)}.demo-chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.demo-chip-section{margin-bottom:var(--space-4)}.demo-chip-section:last-child{margin-bottom:0}.demo-chip-section__label{display:block;margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary)}.demo-chip{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:1.75rem;padding:0 .75rem;border:1px solid transparent;border-radius:var(--demo-chip-radius);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;line-height:1.2;white-space:nowrap;color:var(--color-text-primary);background:transparent;box-shadow:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-micro, .1s) ease-out,border-color var(--duration-micro, .1s) ease-out,color var(--duration-micro, .1s) ease-out,box-shadow var(--duration-micro, .1s) ease-out,transform var(--duration-micro, .1s) ease-out}.demo-chip:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.demo-chip:active:not(:disabled){transform:scale(.97)}.demo-chip input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}label.demo-chip{position:relative}.demo-chip--default,.demo-chip[data-active=true]:not(.demo-chip--outline):not(.demo-chip--ghost):not(.demo-chip--secondary):not(.demo-chip--destructive):not(.demo-chip--success){border-color:transparent;color:var(--color-bg);background:var(--color-text-primary);box-shadow:var(--demo-chip-shadow)}.demo-chip--outline,label.demo-chip:not([data-active=true]):not(:has(input:checked)){border-color:color-mix(in srgb,var(--color-border) 80%,transparent);color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-surface) 88%,var(--color-bg));box-shadow:var(--demo-chip-shadow)}label.demo-chip:has(input:checked),.demo-chip[data-active=true].demo-chip--outline{border-color:transparent;color:var(--color-bg);background:var(--color-text-primary)}.demo-chip--secondary{border-color:transparent;color:var(--color-text-primary);background:color-mix(in srgb,var(--color-border) 35%,var(--color-surface))}.demo-chip[data-active=true].demo-chip--secondary{background:color-mix(in srgb,var(--color-text-primary) 14%,var(--color-surface));border-color:color-mix(in srgb,var(--color-text-primary) 25%,var(--color-border))}.demo-chip--ghost{border-color:transparent;color:var(--color-text-secondary);background:transparent;box-shadow:none}.demo-chip[data-active=true].demo-chip--ghost,label.demo-chip.demo-chip--ghost:has(input:checked){color:var(--color-text-primary);background:color-mix(in srgb,var(--color-border) 28%,var(--color-surface))}.demo-chip--destructive{border-color:color-mix(in srgb,var(--color-error) 35%,transparent);color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,var(--color-surface))}label.demo-chip.demo-chip--destructive:has(input:checked),.demo-chip--destructive[data-active=true]{border-color:transparent;color:#fafafa;background:var(--color-error)}.demo-chip--success{border-color:color-mix(in srgb,var(--color-success) 35%,transparent);color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface))}label.demo-chip.demo-chip--success:has(input:checked),.demo-chip--success[data-active=true]{border-color:transparent;color:#fafafa;background:var(--color-success)}.demo-chip--sm{min-height:1.5rem;padding:0 .5rem;font-size:var(--text-xs)}.demo-chip--lg{min-height:2rem;padding:0 1rem}.demo-chip--static{cursor:default;pointer-events:none}.demo-chip--static:active{transform:none}.demo-toggle-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-m);padding:3px;border-radius:var(--demo-chip-radius);background:var(--demo-ui-bg);border-color:var(--demo-ui-border)}.demo-toggle-row .demo-chip{flex:1;min-width:0;background:var(--demo-ui-bg);border:1px solid var(--demo-popover-border);box-shadow:none;color:var(--color-text-secondary)}.demo-toggle-row .demo-chip[data-active=true]{color:var(--color-bg);background:var(--color-text-primary);box-shadow:var(--demo-chip-shadow)}.demo-toggle-row .demo-chip:hover:not([data-active=true]){color:var(--color-text-primary);background:color-mix(in srgb,var(--color-surface) 70%,transparent)}.demo-select{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.demo-select__label{display:block;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;line-height:1.3;color:var(--color-text-primary);cursor:default}.demo-select__field-desc{margin:calc(var(--space-1) * -1) 0 0;font-size:var(--text-xs);line-height:1.45;color:var(--color-text-tertiary)}.demo-select__stage{position:relative}.demo-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:2.5rem;padding:var(--space-2) var(--space-3);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:400;line-height:1.3;text-align:left;color:var(--color-text-primary);background:var(--demo-popover-bg, var(--color-surface));border:1px solid var(--demo-popover-border, color-mix(in srgb, var(--color-border) 72%, transparent));border-radius:8px;box-shadow:0 1px 2px color-mix(in srgb,#000 8%,transparent);cursor:pointer;transition:background var(--duration-micro, .1s) ease-out,border-color var(--duration-micro, .1s) ease-out,box-shadow var(--duration-micro, .1s) ease-out}.demo-select__trigger:hover:not(:disabled){background:color-mix(in srgb,var(--demo-popover-bg, var(--color-surface)) 94%,var(--color-text-primary));border-color:color-mix(in srgb,var(--color-text-tertiary) 35%,var(--color-border))}.demo-select__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.demo-select[data-open=true] .demo-select__trigger{border-color:color-mix(in srgb,var(--color-text-primary) 28%,var(--color-border))}.demo-select[data-disabled=true] .demo-select__trigger{opacity:.55;cursor:not-allowed}.demo-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-select__chevron{flex-shrink:0;color:var(--color-text-tertiary);transition:transform var(--duration-micro, .1s) ease-out}.demo-select[data-open=true] .demo-select__chevron{transform:rotate(180deg)}.demo-select__listbox{position:absolute;z-index:12;top:calc(100% + 6px);left:0;right:0;max-height:min(16rem,50vh);margin:0;padding:var(--space-1);list-style:none;overflow:auto;background:var(--demo-popover-bg, var(--color-surface));border:1px solid var(--demo-popover-border, color-mix(in srgb, var(--color-border) 72%, transparent));border-radius:var(--demo-popover-radius, 12px);box-shadow:var(--demo-popover-shadow);transform-origin:top center}.demo-select__listbox[data-open=false]{display:none;pointer-events:none}.demo-select__listbox[data-open=true]{display:block;pointer-events:auto;animation:demo-select-in .16s var(--demo-popover-ease, cubic-bezier(.16, 1, .3, 1))}@keyframes demo-select-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.demo-select__listbox[data-open=true]{animation:none}.demo-select__chevron{transition:none}}.demo-select__option{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);min-height:2.5rem;padding:var(--space-2) var(--space-3);border-radius:8px;cursor:default;transition:background var(--duration-micro, .1s) ease-out}.demo-select__option[data-disabled=true]{opacity:.45;pointer-events:none}.demo-select__option--active,.demo-select__option:hover{background:color-mix(in srgb,var(--color-text-primary) 7%,transparent)}.demo-select__option-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.demo-select__option-label{font-size:var(--text-sm);font-weight:500;line-height:1.35;color:var(--color-text-primary)}.demo-select__option-desc{font-size:var(--text-xs);line-height:1.4;color:var(--color-text-tertiary)}.demo-select__option-check{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1rem;height:1.25rem;margin-top:.125rem;color:var(--color-text-primary);opacity:0}.demo-select__option--selected .demo-select__option-check{opacity:1}.demo-svs__controls .demo-select{margin-bottom:var(--space-1)}.demo-svs__control-row{display:block;margin-bottom:var(--space-3)}.demo-svs__control-row:last-child{margin-bottom:0}.demo.demo--stage.demo-state{gap:var(--space-5)}.demo-state__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6) var(--space-10, 2.5rem);padding:var(--space-6);border-radius:10px;border:1px solid var(--demo-ui-border, #e5e5e5);background:#fafafa}.demo-state__chip-section{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.demo-state__chip-section .demo-chip-section__label{margin-bottom:0}.demo-state__chip-section .demo-chip-group{gap:var(--space-2)}.demo-state__preview{display:flex;align-items:center;justify-content:center;min-height:8rem;padding:var(--space-6);border-radius:10px;border:1px solid var(--demo-ui-border, #e5e5e5);background:var(--demo-ui-bg, #ffffff)}.demo-state__cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:10rem;padding:.625rem 1.5rem;border-radius:10px;border:1px solid transparent;font-family:var(--font-primary);font-size:var(--text-base);font-weight:500;line-height:1.2;cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out,opacity .15s ease-out}.demo-state__cta--primary{color:#fff;background:#171717;border-color:#171717;box-shadow:0 1px 2px #00000024,0 4px 14px -4px #00000047}.demo-state__cta--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #00000029,0 8px 20px -6px #00000052}.demo-state__cta--secondary{color:#171717;background:#fff;border-color:#e5e5e5;box-shadow:0 1px 2px #00000014}.demo-state__cta--ghost{color:#171717;background:transparent;border-color:transparent;box-shadow:none}.demo-state__cta--ghost:hover:not(:disabled){background:#f5f5f5}.demo-state__cta[data-state=success]{color:#fff;background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.demo-state__cta[data-state=error]{color:var(--color-error, #dc2626);background:color-mix(in srgb,var(--color-error, #dc2626) 10%,#ffffff);border-color:color-mix(in srgb,var(--color-error, #dc2626) 35%,transparent)}.demo-state__cta:disabled,.demo-state__cta[data-state=disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.demo-state__cta--loading{cursor:wait;opacity:.88}.demo-state__cta[data-size=sm]{min-width:8rem;padding:.45rem 1rem;font-size:var(--text-sm)}.demo-state__cta[data-size=lg]{min-width:12rem;padding:.85rem 2rem;font-size:var(--text-lg)}.demo-state__cta-label{display:inline-flex;align-items:center;gap:var(--space-2)}.demo-state__spinner{animation:demo-state-spin .7s linear infinite}@keyframes demo-state-spin{to{transform:rotate(360deg)}}.demo-state__decision{margin:0;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:1.5;color:var(--color-warning, #d97706);background:color-mix(in srgb,var(--color-warning, #d97706) 10%,#ffffff);border:1px solid color-mix(in srgb,var(--color-warning, #d97706) 28%,transparent);border-radius:8px}@media(max-width:640px){.demo-state__controls{flex-direction:column;gap:var(--space-4)}}@media(prefers-reduced-motion:reduce){.demo-state__spinner{animation:none}.demo-state__cta{transition-duration:.01ms!important}}:root{--demo-safari-radius: 12px;--demo-safari-chrome-bg: color-mix(in srgb, var(--color-surface) 88%, var(--color-bg));--demo-safari-viewport-bg: color-mix(in srgb, var(--color-bg) 55%, var(--color-surface));--demo-safari-url-bg: color-mix(in srgb, var(--color-border) 35%, var(--color-surface));--demo-safari-shadow: 0 0 0 1px color-mix(in srgb, var(--color-border) 50%, transparent), 0 20px 48px -24px color-mix(in srgb, #000 45%, transparent), 0 8px 20px -12px color-mix(in srgb, #000 28%, transparent)}html.light-mode,body.light-mode{--demo-safari-chrome-bg: color-mix(in srgb, #f4f4f5 92%, #fff);--demo-safari-viewport-bg: #fafafa;--demo-safari-url-bg: #e4e4e7;--demo-safari-shadow: 0 0 0 1px color-mix(in srgb, var(--color-border) 65%, transparent), 0 20px 40px -20px color-mix(in srgb, #000 14%, transparent), 0 6px 16px -8px color-mix(in srgb, #000 10%, transparent)}.demo-safari{width:100%;max-width:42rem;margin-inline:auto;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:var(--demo-safari-radius);background:var(--demo-safari-chrome-bg);box-shadow:var(--demo-safari-shadow);overflow:hidden}.demo--stage .demo-safari--minimal{max-width:none;margin:0;border:none;border-radius:0;box-shadow:none;background:transparent}.demo-safari--minimal .demo-safari__chrome{padding:var(--space-2) var(--space-3);border-bottom:1px solid #e5e5e5;background:#fafafa}.demo-safari--minimal .demo-safari__light{width:7px;height:7px}.demo-safari--minimal .demo-safari__urlbar{height:1.125rem;font-size:10px;border-radius:4px;background:#ebebeb}.demo-safari--minimal .demo-safari__viewport{min-height:12.5rem;background:#fff;overflow:visible}.demo-safari--minimal.demo-safari--aspect-video .demo-safari__viewport{aspect-ratio:auto;min-height:11rem}.demo .demo-safari__light--close,.demo .demo-safari__light--minimize,.demo .demo-safari__light--maximize{background:#d4d4d4;box-shadow:none}.demo-safari--wide{max-width:56rem}.demo-safari--full{max-width:none}.demo-safari__chrome{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);background:var(--demo-safari-chrome-bg)}.demo-safari__lights{display:flex;align-items:center;gap:6px;flex-shrink:0}.demo-safari__light{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 12%,transparent)}.demo-safari__light--close{background:#ff5f57}.demo-safari__light--minimize{background:#febc2e}.demo-safari__light--maximize{background:#28c840}.demo-safari__urlbar{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;height:1.375rem;padding:0 var(--space-3);border-radius:6px;background:var(--demo-safari-url-bg);font-family:var(--font-primary);font-size:11px;font-weight:400;color:var(--color-text-tertiary);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-safari__actions{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;width:1rem;height:1rem;color:var(--color-text-tertiary);opacity:.65}.demo-safari__viewport{position:relative;min-height:12rem;background:var(--demo-safari-viewport-bg);overflow:hidden}.demo-safari--aspect-video .demo-safari__viewport{aspect-ratio:16 / 10;min-height:0}.demo-safari__viewport:empty:after{content:"Preview";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-tertiary)}.demo-safari__viewport>.demo-paywall-stage:not(.demo-paywall-stage--minimal),.demo-safari__viewport>.demo-popover-stage{min-height:14rem}.demo-safari__viewport .demo-svs__card{margin:var(--space-m);max-width:calc(100% - var(--space-m) * 2)}.demo-safari__viewport .demo-mbs__page{margin:0;min-height:14.5rem}@media(max-width:640px){.demo-safari{border-radius:10px}.demo-safari__light{width:10px;height:10px}}.demo-svs__card-host--single{width:min(100%,22rem);margin:0 auto}.demo-svs__card{border:none;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000f,0 4px 12px -4px #00000014}.demo-svs__card-img{position:relative;height:5.5rem;border:none;border-radius:0;background:#f0f0f0;overflow:hidden}.demo-svs__card-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,#000 6%,transparent));pointer-events:none}.demo-svs__card-img span,.demo-svs__card-img{font-size:0;color:transparent}.demo-svs__card-img--broken{background:color-mix(in srgb,var(--color-error) 10%,var(--color-surface))}.demo-svs__card-img--broken:before{content:"Image unavailable";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:500;color:var(--color-error)}.demo-svs__card-body{padding:var(--space-4) var(--space-4) var(--space-5)}.demo-svs__card-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;line-height:1.35;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-svs__card[data-system-card] .demo-svs__card-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.demo-svs__card-desc{font-size:var(--text-xs);line-height:1.55;margin-bottom:var(--space-4);min-height:2.4em;-webkit-line-clamp:3}.demo-svs__card-cta{display:inline-flex;align-items:center;padding:0;font-size:var(--text-xs);font-weight:500;color:var(--color-text-primary);background:none;border:none;border-radius:0;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}.demo-svs__card-cta:hover{color:var(--color-text-secondary)}.demo-svs__card-cta:disabled{opacity:.45;cursor:not-allowed}.demo-svs__card-host .demo-svs__card{max-width:none}.demo-svs__toolbar-label{display:block;width:min(100%,28rem);margin:0 auto var(--space-1);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--color-text-tertiary)}.demo.demo--mbs{--demo-ui-bg: #ffffff;--demo-ui-border: #e5e5e5;--demo-ui-text-muted: #737373;padding:0;background:transparent;border:none;box-shadow:none}.demo--mbs .demo-toggle-row,.demo--mbs>.demo-mbs__brands{width:min(100%,32rem);margin:0 auto var(--space-5)}.demo-mbs__shell{border:1px solid var(--demo-ui-border, #e5e5e5);border-radius:12px;overflow:hidden;background:#fff}.demo-mbs__stage{display:flex;align-items:center;justify-content:center;min-height:14rem;padding:var(--space-8) var(--space-6);background:#fff}.demo-mbs__card{--mbs-brand: #171717;width:100%;max-width:21rem;padding:var(--space-6);border:1px solid color-mix(in srgb,var(--mbs-brand) 28%,#e5e5e5);border-radius:12px;background:#fff;box-shadow:0 1px 2px color-mix(in srgb,#000 5%,transparent),0 16px 40px -20px color-mix(in srgb,var(--mbs-brand) 22%,transparent)}.demo-mbs__preview-tag{margin-bottom:var(--space-3);font-size:10px;letter-spacing:.12em}.demo-mbs__preview-title{margin-bottom:var(--space-3);font-size:1.35rem}.demo-mbs__preview-body{margin-bottom:var(--space-5);font-size:var(--text-sm);line-height:1.6;color:#737373}.demo-mbs__preview-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.65rem var(--space-4);border:none;border-radius:8px;font-size:var(--text-sm);font-weight:500;line-height:1.2;box-shadow:none;transition:opacity .15s ease-out,transform .1s ease-out}.demo-mbs__preview-cta:hover{opacity:.92;transform:translateY(-1px)}.demo-mbs__preview-cta:active{transform:translateY(0)}.demo-mbs__hint{margin:0;padding:var(--space-3) var(--space-5);font-size:var(--text-xs);font-style:italic;line-height:1.5;text-align:center;color:var(--demo-ui-text-muted, #737373);background:#fafafa;border-top:1px solid var(--demo-ui-border, #e5e5e5)}.demo,.demo--stage{--demo-ui-bg: #ffffff;--demo-ui-border: #e5e5e5;--demo-ui-border-strong: #d4d4d4;--demo-ui-text: #171717;--demo-ui-text-muted: #737373;--demo-ui-hover: #f5f5f5;--demo-ui-active: #ebebeb;--demo-popover-bg: #ffffff;--demo-popover-border: #e5e5e5;--demo-popover-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 8px 20px -8px rgba(0, 0, 0, .12);--color-demo-bg: #ffffff;--color-demo-border: #e5e5e5;--demo-slider-fill: #171717;--demo-slider-track: #e5e5e5;--demo-slider-input-bg: #ffffff;--demo-slider-input-border: #e5e5e5;--demo-slider-thumb-bg: #ffffff;--demo-slider-thumb-ring: rgba(23, 23, 23, .14);--focus-ring-color: rgba(23, 23, 23, .2)}.demo{background:var(--demo-ui-bg);border:1px solid var(--demo-ui-border);border-radius:12px;box-shadow:none}.demo--stage{--demo-ui-bg: #ffffff;--demo-ui-border: #e5e5e5;--demo-popover-bg: #ffffff;--demo-popover-border: #e5e5e5;--color-demo-bg: #ffffff;--color-demo-border: #e5e5e5;background:var(--demo-ui-bg)}.demo-hint{color:var(--demo-ui-text-muted);background:#fafafa;border:1px solid var(--demo-ui-border)}.demo-emil__compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--demo-ui-border);border-radius:10px;overflow:hidden;background:var(--demo-ui-bg)}.demo-emil__panel{display:flex;flex-direction:column;min-height:14rem;background:var(--demo-ui-bg)}.demo-emil__panel+.demo-emil__panel{border-left:1px solid var(--demo-ui-border)}.demo-emil__panel-head{padding:var(--space-3) var(--space-4);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--demo-ui-text-muted);border-bottom:1px solid var(--demo-ui-border)}.demo-emil__panel-body{flex:1;display:flex;flex-direction:column;padding:var(--space-4)}.demo.demo-skill{padding:0;background:transparent;border:none;box-shadow:none}.demo-skill__prompt{margin:0 0 var(--space-4);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);color:var(--demo-ui-text-muted)}.demo-skill .demo-toggle-row,.demo-skill__toggle{max-width:22rem;margin:0 auto var(--space-5);background:#fafafa;border-color:var(--demo-ui-border)}.demo-skill .demo-toggle-row button[data-active=true],.demo-skill .demo-toggle-row .demo-chip[data-active=true]{color:var(--demo-ui-bg);background:var(--demo-ui-text)}.demo-skill .demo-toggle-row button:not([data-active=true]),.demo-skill .demo-toggle-row .demo-chip:not([data-active=true]){color:var(--demo-ui-text-muted)}.demo-skill__card{border:1px solid var(--demo-ui-border);border-radius:10px;overflow:hidden;background:var(--demo-ui-bg)}.demo-skill__stage{display:flex;align-items:center;justify-content:center;min-height:13rem;padding:var(--space-8) var(--space-6);background:var(--demo-ui-bg)}.demo-skill__menu-host{display:flex;justify-content:center;width:100%}.demo-skill__hint{margin:0;padding:var(--space-3) var(--space-5);font-size:var(--text-xs);font-style:italic;line-height:1.5;text-align:center;color:var(--demo-ui-text-muted);background:#fafafa;border-top:1px solid var(--demo-ui-border)}.demo-skill__source{padding:var(--space-4) var(--space-5) var(--space-5);background:#fafafa;border-top:1px solid var(--demo-ui-border)}.demo-skill__source-label{margin:0 0 var(--space-3);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--demo-ui-text-muted)}.demo-skill__source .code-block,.demo-skill__code.code-block{margin:0}.demo-skill__pane .code-block,.demo .code-block{--code-bg: #fafafa;--code-chrome: #ffffff;--code-border: #e5e5e5;--code-fg: #404040;--code-muted: #737373;--code-comment: #737373;--code-string: #525252;--code-keyword: #525252;--code-fn: #171717;--code-property: #525252;--code-tree: #737373;--code-check: #525252;border-color:var(--demo-ui-border);border-radius:8px;box-shadow:none}.demo .demo-popover,.demo .demo-popover--menu,.demo .demo-agent__dropdown,.demo .demo-skill__dropdown,.demo .demo-scale__menu,.demo .demo-dropdown,.demo .demo-art__dropdown,.demo .demo-dur__dropdown{background:#fff!important;border:1px solid var(--demo-ui-border)!important;color:var(--demo-ui-text)!important;box-shadow:var(--demo-popover-shadow)!important}.demo .demo-popover__item,.demo .demo-popover li,.demo .demo-agent__dropdown li,.demo .demo-skill__dropdown li,.demo .demo-scale__menu li,.demo .demo-dropdown li,.demo .demo-art__dropdown li,.demo .demo-dur__dropdown li{color:var(--demo-ui-text)!important}.demo .demo-popover__item:hover,.demo .demo-popover li:hover,.demo .demo-agent__dropdown li:hover,.demo .demo-skill__dropdown li:hover,.demo .demo-scale__menu li:hover,.demo .demo-dropdown li:hover,.demo .demo-art__dropdown li:hover,.demo .demo-dur__dropdown li:hover{background:var(--demo-ui-hover)!important;color:var(--demo-ui-text)!important}.demo-compare__prompt{color:var(--demo-ui-text-muted)}.demo-ab-pick{color:var(--demo-ui-text-muted);border-color:var(--demo-ui-border);background:var(--demo-ui-bg)}.demo--stage .demo-toggle-row{background:#fff;border-color:var(--demo-ui-border)}.demo--stage .demo-toggle-row .demo-chip[data-active=true]{color:#fff;background:var(--demo-ui-text)}.demo--stage .demo-safari--minimal .demo-safari__viewport{background:#fff}.demo .demo-art__item{background:var(--demo-ui-bg);border-color:var(--demo-ui-border)}.demo .demo-art__trigger,.demo .demo-popover__trigger,.demo .demo-dur__trigger,.demo .demo-paywall__trigger,.demo .demo-skill__trigger,.demo .demo-scale__trigger,.demo .demo-agent__trigger{color:var(--demo-ui-text);background:var(--demo-ui-bg);border-color:var(--demo-ui-border)}.demo .demo-chip-section__label{color:var(--demo-ui-text-muted)}.demo .demo-slider__input{color:var(--demo-ui-text)}.demo .demo-slider__suffix{color:var(--demo-ui-text-muted);border-color:var(--demo-ui-border);background:var(--demo-ui-hover)}.demo .demo-btn,.demo .demo-ratio__btn,.demo .demo-tracking__fix-btn,.demo .demo-chip{background:var(--demo-ui-bg);border-color:var(--demo-ui-border);color:var(--demo-ui-text);box-shadow:none}.demo .demo-chip--outline,.demo label.demo-chip:not([data-active=true]):not(:has(input:checked)){background:var(--demo-ui-bg);border-color:var(--demo-ui-border);color:var(--demo-ui-text);box-shadow:none}.demo .demo-btn[data-active=true],.demo .demo-ratio__btn[data-active=true],.demo .demo-chip[data-active=true],.demo label.demo-chip:has(input:checked),.demo .demo-chip[data-active=true].demo-chip--outline{background:var(--demo-ui-text);border-color:var(--demo-ui-text);color:var(--demo-ui-bg);box-shadow:none}.demo .demo-btn:hover:not([data-active=true]),.demo .demo-ratio__btn:hover:not([data-active=true]),.demo .demo-tracking__fix-btn:hover,.demo .demo-chip:hover:not([data-active=true]),.demo label.demo-chip:hover:not([data-active=true]):not(:has(input:checked)){background:var(--demo-ui-hover);color:var(--demo-ui-text);border-color:var(--demo-ui-border-strong);box-shadow:none}.demo .demo-toggle-row .demo-chip{background:transparent;border:1px solid var(--demo-popover-border);color:var(--demo-ui-text-muted);box-shadow:none}.demo .demo-toggle-row .demo-chip[data-active=true]{background:var(--demo-ui-text);border-color:var(--demo-ui-text);color:var(--demo-ui-bg)}.demo .demo-toggle-row .demo-chip:hover:not([data-active=true]){background:var(--demo-ui-hover);color:var(--demo-ui-text)}.demo .demo-chip--destructive{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 30%,var(--demo-ui-border));background:color-mix(in srgb,var(--color-error) 8%,var(--demo-ui-bg))}.demo label.demo-chip.demo-chip--destructive:has(input:checked),.demo .demo-chip--destructive[data-active=true]{background:var(--color-error);border-color:var(--color-error);color:#fff;box-shadow:none}.demo .demo-chip--success{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 30%,var(--demo-ui-border));background:color-mix(in srgb,var(--color-success) 8%,var(--demo-ui-bg))}.demo label.demo-chip.demo-chip--success:has(input:checked),.demo .demo-chip--success[data-active=true]{background:var(--color-success);border-color:var(--color-success);color:#fff;box-shadow:none}.demo .demo-tracking__fix-btn{color:var(--demo-ui-text-muted)}.demo .demo-tracking__fix-btn:hover{color:var(--demo-ui-text)}@media(max-width:640px){.demo-emil__compare{grid-template-columns:1fr}.demo-emil__panel+.demo-emil__panel{border-left:none;border-top:1px solid var(--demo-ui-border)}}.demo-ab-judge{--demo-ui-bg: #ffffff;--demo-ui-border: #e5e5e5;--demo-ui-text: #171717;--demo-ui-text-muted: #737373;--demo-ui-hover: #f5f5f5;--demo-ui-active: #ebebeb}.demo-ab-judge__prompt{margin:0 0 var(--space-4);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);color:var(--demo-ui-text-muted)}.demo-ab-judge__card{border:1px solid var(--demo-ui-border);border-radius:12px;background:var(--demo-ui-bg);overflow:hidden}.demo-ab-judge__panels{display:grid;grid-template-columns:1fr 1fr;min-height:18rem}.demo-ab-judge__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5);background:var(--demo-ui-bg)}.demo-ab-judge__panel+.demo-ab-judge__panel{border-left:1px solid var(--demo-ui-border)}.demo-ab-judge__panel[data-selected=true]{background:#fafafa}.demo-ab-judge__stage{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:14rem}.demo-ab-judge__trigger{display:inline-flex;align-items:center;justify-content:center;min-width:8.5rem;min-height:2.5rem;padding:0 var(--space-5);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:400;color:var(--demo-ui-text);background:var(--demo-ui-bg);border:1px solid var(--demo-ui-border);border-radius:9999px;box-shadow:none;cursor:pointer;transition:background .1s ease-out,border-color .1s ease-out}.demo-ab-judge__trigger:hover{background:var(--demo-ui-hover)}.demo-ab-judge__panel-tag{display:block;margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--demo-ui-text-muted)}.demo-ab-judge__panel .demo-paywall-stage{width:100%;max-width:14rem;min-height:10rem}.demo-ab-judge__panel .demo-paywall-stage--minimal{max-width:none;min-height:10rem;padding:var(--space-4)}.demo-ab-judge__list{width:100%;max-width:14rem;margin:0;padding:var(--space-1);list-style:none;border:1px solid var(--demo-ui-border);border-radius:10px;background:var(--demo-ui-bg)}.demo-ab-judge__list:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.demo-ab-judge__list .demo-kb__item{border-radius:6px}.demo-ab-judge__list.demo-kb__list--animated .demo-kb__item{transition:background .15s ease-out}.demo-ab-judge__list.demo-kb__list--instant .demo-kb__item{transition:none}.demo-ab-judge__list .demo-kb__item[data-active=true]{background:#f0f0f0;color:var(--demo-ui-text)}.demo-ab-judge__pick-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--demo-ui-border)}.demo-ab-judge__pick{min-height:2.75rem;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:400;color:var(--demo-ui-text-muted);background:var(--demo-ui-bg);border:none;border-right:1px solid var(--demo-ui-border);cursor:pointer;border-radius:0;transition:background .1s ease-out,color .1s ease-out}.demo-ab-judge__pick:last-child{border-right:none}.demo-ab-judge__pick:hover{background:var(--demo-ui-hover);color:var(--demo-ui-text)}.demo-ab-judge__pick[data-selected=true]{color:var(--demo-ui-text);background:var(--demo-ui-active);font-weight:500}.demo-ab-judge__reflect{padding:var(--space-5) var(--space-5) var(--space-4);border-top:1px solid var(--demo-ui-border);background:var(--demo-ui-bg)}.demo-ab-judge__reflect-label{display:block;margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--demo-ui-text)}.demo-ab-judge__reflect-input{display:block;width:100%;min-height:5.5rem;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:400;line-height:1.5;color:var(--demo-ui-text);background:var(--demo-ui-bg);border:1px solid var(--demo-ui-border);border-radius:10px;resize:vertical;transition:border-color .1s ease-out}.demo-ab-judge__reflect-input::placeholder{color:#a3a3a3}.demo-ab-judge__reflect-input:focus{outline:none;border-color:#a3a3a3}.demo-ab-judge__reflect-actions{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.demo-ab-judge__reveal{min-height:2.25rem;padding:0 var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:400;color:var(--demo-ui-text);background:var(--demo-ui-bg);border:1px solid var(--demo-ui-border);border-radius:9999px;cursor:pointer;transition:background .1s ease-out,opacity .1s ease-out}.demo-ab-judge__reveal:hover:not(:disabled){background:var(--demo-ui-hover)}.demo-ab-judge__reveal:disabled{opacity:.5;cursor:default}.demo-ab-judge__answer{padding:var(--space-5);border-top:1px solid var(--demo-ui-border);background:#fafafa}.demo-ab-judge__verdict{margin-bottom:var(--space-4)}.demo-ab-judge__verdict-title{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--demo-ui-text)}.demo-ab-judge__verdict--correct .demo-ab-judge__verdict-title{color:#2d7648}.demo-ab-judge__verdict--wrong .demo-ab-judge__verdict-title{color:var(--demo-ui-text)}.demo-ab-judge__verdict-body{font-size:var(--text-sm);font-weight:400;line-height:1.6;color:var(--demo-ui-text-muted)}.demo-ab-judge__verdict-body p{margin:0 0 var(--space-3)}.demo-ab-judge__verdict-body p:last-child{margin-bottom:0}.demo-ab-judge__verdict-body code{font-family:var(--font-mono);font-size:.92em;padding:.1em .35em;border-radius:4px;background:#f0f0f0;color:var(--demo-ui-text)}.demo-ab-judge__reasoning{margin:0;border-top:1px solid var(--demo-ui-border);padding-top:var(--space-4)}.demo-ab-judge__reasoning summary{font-size:var(--text-sm);font-weight:500;color:var(--demo-ui-text);cursor:pointer;list-style:none}.demo-ab-judge__reasoning summary::-webkit-details-marker{display:none}.demo-ab-judge__reasoning-text{margin:var(--space-3) 0 0;font-size:var(--text-sm);line-height:1.55;color:var(--demo-ui-text-muted);font-style:italic}.demo-ab-judge__stage .demo-dropdown-menu{--ddm-width: 10.5rem}@media(max-width:640px){.demo-ab-judge__panels{grid-template-columns:1fr;min-height:0}.demo-ab-judge__panel+.demo-ab-judge__panel{border-left:none;border-top:1px solid var(--demo-ui-border)}.demo-ab-judge__pick{border-right:none;border-bottom:1px solid var(--demo-ui-border)}.demo-ab-judge__pick-row{grid-template-columns:1fr}.demo-ab-judge__pick:last-child{border-bottom:none}}.demo-scale-modal__close{position:absolute;top:.5rem;right:.5rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;font-size:1.25rem;line-height:1;color:#737373;background:transparent;border:none;border-radius:6px;cursor:pointer}.demo-scale-modal__close:hover{color:#171717;background:#f5f5f5}.demo-scale-modal__spec{margin:var(--space-4) 0 0;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:#737373;text-align:center}.demo-ab-judge__panel .demo-paywall-stage--minimal .demo-popover--dialog{padding-top:2rem}.demo-ab-judge__panel .demo-paywall__overlay{transition:opacity .12s ease-out,visibility .12s ease-out}.demo-scale-origin__panel-stage{width:100%;max-width:none;min-height:12rem;align-items:stretch;justify-content:flex-start;padding-top:var(--space-3)}.demo-scale-origin__trigger-area{display:flex;justify-content:flex-end;width:100%}.demo-scale-origin__host{position:relative;display:inline-block}.demo-scale-origin__btn{display:inline-flex;align-items:center;gap:5px;padding:.3rem .65rem;font-family:var(--font-primary);font-size:var(--text-xs);font-weight:400;color:#171717;background:#fff;border:1px solid #d4d4d4;border-radius:6px;box-shadow:0 1px 2px #0000000a;cursor:pointer;white-space:nowrap;transition:background .1s ease-out,border-color .1s ease-out}.demo-scale-origin__btn:hover{background:#f5f5f5}.demo-scale-origin__btn[aria-expanded=true]{border-color:#a3a3a3}.demo-scale-origin__chevron{flex-shrink:0;color:#737373;transition:transform .15s ease-out}.demo-scale-origin__host[data-open=true] .demo-scale-origin__chevron{transform:rotate(180deg)}.demo-scale-origin__pop{position:absolute;z-index:20;top:calc(100% + 4px);right:0;min-width:8.5rem;padding:.25rem;list-style:none;margin:0;background:#fff;border:1px solid #d4d4d4;border-radius:8px;box-shadow:0 0 0 1px #0000000a,0 4px 6px -2px #0000000d,0 12px 24px -6px #0000001f}.demo-scale-origin__pop[aria-hidden=true]{display:none;pointer-events:none}.demo-scale-origin__pop[aria-hidden=false]{display:block;pointer-events:auto}.demo-scale-origin__pop--center[aria-hidden=false]{transform-origin:center center;animation:demoScaleOriginEnter .16s ease-out forwards}.demo-scale-origin__pop--trigger[aria-hidden=false]{transform-origin:top right;animation:demoScaleOriginEnter .16s ease-out forwards}.demo-scale-origin__item{display:flex;align-items:center;min-height:1.875rem;padding:.3rem .5rem;font-family:var(--font-primary);font-size:var(--text-xs);color:#171717;border-radius:5px;cursor:default;transition:background .1s ease-out}.demo-scale-origin__item:hover{background:#f5f5f5}@media(prefers-reduced-motion:reduce){.demo-scale-origin__pop--center[aria-hidden=false],.demo-scale-origin__pop--trigger[aria-hidden=false]{animation:none}}.demo-scale-elements__panel-stage{width:100%;max-width:none;align-items:stretch}.demo-scale-elements__grid--panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);width:100%}.demo-scale-elements__card--compact{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-height:5.75rem;padding:var(--space-3);border:1px solid #e5e5e5;border-radius:8px;background:#fff}.demo-scale-elements__card--compact .demo-scale-elements__label{margin:0;font-size:var(--text-xs);font-weight:500;color:#171717}.demo-scale-elements__card--compact .demo-scale-elements__hint{margin:0;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:#737373}.demo-scale-elements__card--compact .demo-ab-judge__trigger{min-width:0;min-height:2rem;padding:0 var(--space-3);font-size:var(--text-xs)}.demo-scale-elements__card--compact .demo-dropdown-menu{--ddm-width: 100%;width:100%}.demo-scale-elements__modal-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;border-radius:inherit;pointer-events:none}.demo-scale-elements__modal-stage[data-visible=true]{pointer-events:auto}.demo-scale-elements__modal-stage .demo-paywall__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.demo-scale-elements__modal-stage .demo-popover--dialog{width:min(100% - 1rem,9rem);padding:var(--space-3);font-size:var(--text-xs)}.demo-scale-elements__tooltip-host{position:relative;align-self:flex-start}.demo-scale-elements__tooltip-trigger{display:inline-flex;align-items:center;min-height:2rem;padding:0 var(--space-3);font-family:var(--font-primary);font-size:var(--text-xs);color:#737373;background:#fff;border:1px dashed #e5e5e5;border-radius:9999px;cursor:default}.demo-scale-elements__tooltip-bubble{position:absolute;bottom:calc(100% + .35rem);left:50%;translate:-50% 0;padding:.25rem .5rem;font-size:10px;white-space:nowrap;color:#171717;background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 4px 12px #00000014;opacity:0;pointer-events:none;transform:scale(.85);transform-origin:bottom center}.demo-scale-elements__tooltip-host:hover .demo-scale-elements__tooltip-bubble,.demo-scale-elements__tooltip-host:focus-within .demo-scale-elements__tooltip-bubble{opacity:1;animation:demoScaleElTooltipIn .12s ease-out forwards}.demo-scale-elements__tooltip-host:hover .demo-scale-el__tooltip--wrong,.demo-scale-elements__tooltip-host:focus-within .demo-scale-el__tooltip--wrong{animation:demoModalScaleInZero .12s ease-out forwards;transform-origin:center}.demo-scale-elements__toast-viewport{position:absolute;right:var(--space-2);bottom:var(--space-2);width:min(100% - 1rem,9rem);pointer-events:none}.demo-scale-el__toast--wrong{animation:demoModalScaleInZero .2s ease-out forwards;transform-origin:center}@media(max-width:560px){.demo-scale-elements__grid--panel{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.demo-scale-elements__tooltip-host:hover .demo-scale-elements__tooltip-bubble,.demo-scale-elements__tooltip-host:focus-within .demo-scale-elements__tooltip-bubble,.demo-scale-elements__tooltip-host:hover .demo-scale-el__tooltip--wrong,.demo-scale-elements__tooltip-host:focus-within .demo-scale-el__tooltip--wrong,.demo-scale-el__toast--wrong{animation:none;opacity:1;transform:none}}.toc-island-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sticky) + 20);background:color-mix(in srgb,var(--color-bg) 20%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none}.toc-island-backdrop.is-visible{visibility:visible;pointer-events:auto}.toc-island{position:fixed;bottom:30px;left:50%;z-index:calc(var(--z-sticky) + 21);display:flex;flex-direction:column;align-items:center;transform:translate(-50%);pointer-events:none;will-change:transform,opacity}.toc-island.is-mounted{pointer-events:auto}.toc-island__panel{--toc-pad-x: var(--space-s);--toc-pad-top: var(--space-m);position:relative;display:flex;flex-direction:column;overflow:hidden;width:min(280px,calc(100vw - 32px));height:52px;border-radius:26px;border:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);background:var(--color-bg);color:var(--color-text-primary);box-shadow:0 24px 48px color-mix(in srgb,var(--color-bg) 25%,transparent),0 0 0 1px color-mix(in srgb,var(--color-border) 40%,transparent);cursor:pointer;will-change:width,height,border-radius}.toc-island.is-expanded .toc-island__panel{cursor:default}.toc-island__collapsed{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;gap:var(--space-s);padding:0 var(--space-m);pointer-events:none}.toc-island.is-expanded .toc-island__collapsed{pointer-events:none}.toc-island__dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--cursor-fill)}.toc-island__active-label{position:relative;flex:1;min-width:0;height:100%;display:flex;align-items:center;overflow:hidden;text-align:left}.toc-island__active-text{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;line-height:1;color:var(--color-text-primary)}.toc-island__progress{flex-shrink:0;transform:rotate(-90deg)}.toc-island__progress-track{fill:none;stroke:color-mix(in srgb,var(--color-text-secondary) 35%,transparent);stroke-width:2.5}.toc-island__progress-fill{fill:none;stroke:var(--cursor-fill);stroke-width:2.5;stroke-linecap:round}body.light-mode .toc-island__progress-fill{stroke:color-mix(in hsl,#ff5800 34%,var(--cursor-fill))}.toc-island__expanded{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;min-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none}.toc-island.is-expanded .toc-island__expanded{opacity:1;visibility:visible;pointer-events:auto}.toc-island__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--toc-pad-top) var(--toc-pad-x) var(--space-s)}.toc-island__eyebrow{flex:1;min-width:0;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);line-height:1.2}.toc-island__close{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;transition:color var(--duration-micro) var(--ease-out-emil)}.toc-island__close:hover,.toc-island__close:focus-visible{color:var(--color-text-primary);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.toc-island__list-wrap{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:var(--space-s) var(--toc-pad-x) var(--space-s);border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-text-secondary) 35%,transparent) transparent}.toc-island__list-wrap::-webkit-scrollbar{width:4px}.toc-island__list-wrap::-webkit-scrollbar-thumb{border-radius:4px;background:color-mix(in srgb,var(--color-text-secondary) 35%,transparent)}.toc-island__list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.toc-island__item-btn{display:flex;width:100%;align-items:center;border:none;border-radius:8px;padding:var(--space-xs) var(--space-2) var(--space-xs) 0;background:transparent;font-family:var(--font-primary);font-size:var(--text-sm);line-height:var(--leading-snug);text-align:left;color:color-mix(in srgb,var(--color-text-primary) 45%,transparent);cursor:pointer;transition:background-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.toc-island__item-btn:hover{background:color-mix(in srgb,var(--color-text-primary) 5%,transparent);color:color-mix(in srgb,var(--color-text-primary) 85%,transparent);transform:translate(4px)}}.toc-island__item-btn.is-active{background:color-mix(in srgb,var(--color-text-primary) 10%,transparent);font-weight:500;color:var(--color-text-primary);transform:none}.toc-island__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-island__item-marker{width:6px;height:6px;flex-shrink:0;margin-left:var(--space-xs);border-radius:50%;background:var(--cursor-fill);opacity:0;transform:scale(0);transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.toc-island__item-btn.is-active .toc-island__item-marker{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.toc-island__item-btn,.toc-island__item-marker{transition:none}@media(hover:hover){.toc-island__item-btn:hover{transform:none}}}@media(max-width:767px){.toc-island{bottom:max(20px,env(safe-area-inset-bottom))}.toc-island__collapsed{padding:0 var(--space-s)}}body.has-toc-island:not(.writing-page) .toc-island{bottom:max(36px,calc(env(safe-area-inset-bottom) + 20px))}body.has-toc-island .scroll-progress-bar{display:none}body.has-toc-island .site-header{transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s cubic-bezier(.22,1,.36,1)}body.has-toc-island.is-chrome-hidden .site-header:not(.menu-open){transform:translateY(calc(-100% - 40px));opacity:0;pointer-events:none}body.writing-page.has-toc-island .writing-nav{position:sticky;top:0;z-index:calc(var(--z-sticky) + 2);background:var(--color-bg);transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s cubic-bezier(.22,1,.36,1)}body.writing-page.has-toc-island.is-chrome-hidden .writing-nav{transform:translateY(-100%);opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){body.has-toc-island .site-header,body.writing-page.has-toc-island .writing-nav{transition:none}}:root{--writing-max-width: var(--text-max-width-md);--writing-prose-width: 65ch;--writing-list-outset: var(--space-m)}body.writing-page{display:flex;flex-direction:column;min-height:100dvh;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;line-height:var(--leading-relaxed);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.writing-page a{color:inherit}body.writing-page :focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){body.writing-page *,body.writing-page *:before,body.writing-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}