@import url("theme-motion.css");
/* Presentation only. The live site's markup and layout stylesheet stay intact. */
.case-scroll-reveal{transition:opacity .75s cubic-bezier(.2,.65,.3,1),transform .75s cubic-bezier(.2,.65,.3,1)}
.case-reveal-pending{opacity:0;transform:translateY(20px)}
@media(prefers-reduced-motion:reduce){.case-scroll-reveal{transition:none}.case-reveal-pending{opacity:1;transform:none}}
@media print{.case-reveal-pending{opacity:1;transform:none}}
:root[data-theme="dark"]{--accent-primary:#202024;--accent-primary-strong:#2b2b31;--accent-secondary:#1a3328;--accent-tertiary:#202024;--accent-neutral:#202024;--sky:#202024;--teal:#a4cabb;--amber:#dfbd87;--red:#e99b96}
:root[data-theme="dark"] :is(.case-meta>div,.solution-gallery article,.puro-device-notes article,.puro-portrait-system,.early-signals__grid article,.sugarai-system-note,.current-phone-showcase,.test-findings li,.tool-flow-diagram){background:var(--panel);border-color:var(--line);box-shadow:none}
:root[data-theme="dark"] :is(.decision-tradeoff div:nth-child(2),.report-template-strip span,.legacy-carousel-button,.legacy-carousel-pages button){background:var(--panel-strong);color:var(--ink);border-color:var(--line);box-shadow:none}
:root[data-theme="dark"] .decision-tradeoff div:nth-child(2){background:#142c22;border-color:#315b45}
:root[data-theme="dark"] .decision-tradeoff div:nth-child(2) dt{color:#a2dfb8}
:root[data-theme="dark"] .decision-tradeoff div:nth-child(2) dd{color:#c9e5d3}
:root[data-theme="dark"] .decision-tradeoff div:nth-child(2) dt::before{background:#29513b;color:#b5f0c8}
:root[data-theme="dark"] .transformation-flow--after li>span{background:#224b35;color:#d7f4df;border-color:#477c59}
:root[data-theme="dark"] .transformation-flow--after li:not(:last-child)::after{background:#477c59}
:root[data-theme="dark"] .transformation-flow--before li:not(:last-child)::after{background:var(--line)}
:root[data-theme="dark"] .legacy-carousel-pages button[aria-selected="true"]{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .tool-flow-diagram{color:var(--ink)}
:root[data-theme="dark"] .tool-flow-heading{color:#fff}
:root[data-theme="dark"] :is(.tool-flow-tile,.tool-flow-clubsphere){background:#e5e9eb;box-shadow:inset 0 0 0 1px #cbd3d7}
:root[data-theme="dark"] .tool-flow-clubsphere svg{fill:#147b80}
:root[data-theme="dark"] :is(.case-test-findings li,.sugarai-test-findings li){background:var(--panel);border-color:var(--line);box-shadow:none}
:root[data-theme="dark"] :is(.case-test-findings li>span,.sugarai-test-findings li>span){background:#224b35;border-color:#477c59;color:#d7f4df}
:root{color-scheme:dark;--ink:#f1f1f3;--body:#c1c1c8;--muted:#a4a4ad;--subtle:#909099;--paper:#0d0d0f;--panel:#17171a;--panel-strong:#202024;--line:#ffffff20;--white:#f1f1f3;--accent-primary:#222228;--accent-primary-strong:#2d2d35;--accent-secondary:#1d2b26;--accent-tertiary:#292326;--accent-neutral:#242427;--sky:#202830;--shadow:none;--shadow-soft:none;--radius-sm:1.25rem;--radius-md:1.25rem;--radius-lg:1.25rem;--header-glass:#111114c9}
:root[data-theme="light"]{color-scheme:light;--ink:#18181b;--body:#56565e;--muted:#66666e;--subtle:#74747d;--paper:#fff;--panel:#f5f5f7;--panel-strong:#ebebee;--line:#dbdbe1;--white:#18181b;--accent-primary:#eeeeF3;--accent-primary-strong:#e3e3eb;--accent-secondary:#edf4f0;--accent-tertiary:#f5efef;--accent-neutral:#efeff2;--sky:#edf2f6;--header-glass:#ffffffc9}
body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink)}
h1,h2{font-family:inherit}
.case-study :is(.eyebrow,.section-kicker,.case-meta dt,.early-signals__label,.persona-role,.transformation-label,.decision-tradeoff dt){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:uppercase;color:var(--muted)}
@media(max-width:640px){.case-hero .eyebrow{font-size:12px}}
h1,h2,h3,h4,p,a,dt,dd,span{letter-spacing:0}
.case-hero h1,.case-study h2{font-weight:600}
.case-hero h1{font-size:64px;line-height:1.08}
.case-study h2{font-size:40px;line-height:1.15}
.case-copy p,.case-hero>div>p:not(.eyebrow){color:var(--body)}
.icon-button{display:grid;place-items:center;width:38px;height:38px;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer}
.icon-button:hover{background:var(--panel-strong)}
.icon-button svg{width:20px;height:20px}
.case-image img,.case-image video,.gallery-figure>img,.gallery-figure>video{border-radius:1.25rem}
.button.primary,.nav-cta{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.button.puro-visit-button{gap:10px;padding:8px 18px 8px 10px}
.puro-visit-button>img{display:block;width:32px;height:32px;flex-shrink:0;object-fit:contain;border-radius:4px}
:root[data-theme="dark"] .button.primary.puro-visit-button{background:#17171a;border-color:#66666e;color:#f1f1f3}
:root[data-theme="dark"] .button.primary.puro-visit-button:hover{background:#202024;border-color:#909099}
.case-meta,.impact-grid article,.design-decision-grid article{box-shadow:none}
.transformation-panel--before,.transformation-panel--after,.sugarai-transformation .transformation-panel--after,.design-decision-grid article:nth-child(n){background:var(--panel)}
.transformation-label,.transformation-flow li,.transformation-flow--after li,.design-decision-grid>article>span{background:var(--panel-strong);border-color:var(--line);color:var(--ink);box-shadow:none}
.transformation-flow--before li>span{background:var(--ink);color:var(--paper)}
.puro-device-notes{background:transparent;border-radius:1.25rem;overflow:hidden}
@media(max-width:1000px){.case-hero h1{font-size:52px}.case-study h2{font-size:34px}}
@media(max-width:640px){.case-hero h1{font-size:38px}.case-study h2{font-size:30px}}