.cs-case{--muted: color-mix(in srgb, var(--theme-text) 70%, var(--theme-bg));--rule: color-mix(in srgb, var(--theme-text) 16%, var(--theme-bg));padding:calc(var(--nav-h) + var(--space-16)) var(--gutter) var(--space-32)}.cs-case .section-label{font-size:.75rem;color:var(--muted);margin-block-end:var(--space-6)}.cs-case h2{font-size:clamp(1.75rem,2.5vw,2.5rem);line-height:1.15;letter-spacing:-.03em;font-weight:400;max-inline-size:22ch;text-wrap:balance;margin-block-end:var(--space-4)}.cs-head h1{max-inline-size:18ch;margin:0 0 var(--space-6);font-size:clamp(2.25rem,5vw,4rem);font-weight:400;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.cs-lead{max-inline-size:60ch;font-size:1.125rem;line-height:1.55;text-wrap:pretty}.cs-visit-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-8) 0 0}.cs-visit{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:48px;padding-inline:var(--space-6) calc(var(--space-6) - 4px);border-radius:var(--radius);background:var(--theme-button);color:var(--theme-button-text);font-size:var(--step-0);text-decoration:none;white-space:nowrap;transition:background-color .15s ease-out,scale .15s ease-out}.cs-visit svg{flex:none;inline-size:16px;block-size:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cs-visit:dir(rtl) svg{scale:-1 1}:root[data-theme=dark] .cs-visit{background:var(--theme-text);color:var(--theme-bg)}.cs-visit--quiet,:root[data-theme=dark] .cs-visit--quiet{background:transparent;color:var(--theme-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-text) 30%,var(--theme-bg))}@media(hover:hover)and (pointer:fine){.cs-visit:hover{color:var(--theme-button-text);background:var(--neutral-600)}:root[data-theme=dark] .cs-visit:hover{color:var(--theme-bg);background:color-mix(in srgb,var(--theme-text) 82%,var(--theme-bg))}.cs-visit--quiet:hover,:root[data-theme=dark] .cs-visit--quiet:hover{color:var(--theme-text);background:color-mix(in srgb,var(--theme-text) 6%,var(--theme-bg))}}.cs-visit:active{scale:.96}.cs-visit:focus-visible{outline-offset:2px}@media(prefers-reduced-motion:reduce){.cs-visit{transition:none}}.cs-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6);margin:var(--space-12) 0 0;padding-block-start:var(--space-6);border-block-start:1px solid var(--rule)}.cs-snapshot dt{font-size:.75rem;color:var(--muted)}.cs-snapshot dd{margin:var(--space-2) 0 0;font-size:.95rem;line-height:1.4}.cs-case{display:grid;grid-template-columns:200px minmax(0,1200px);justify-content:space-between;align-items:start;column-gap:clamp(32px,4vw,96px);max-inline-size:none;padding-block-start:calc(var(--nav-h) + var(--space-12))}.cs-top{grid-column:2;grid-row:1;min-inline-size:0}.case-content{grid-column:2;grid-row:2;min-inline-size:0}.chapter-rail{grid-column:1;grid-row:2;z-index:50;position:sticky;inset-block-start:calc(var(--nav-h) + var(--space-8));min-inline-size:0;max-block-size:calc(100svh - var(--nav-h) - 4rem);display:flex;flex-direction:column;align-self:start;margin-block-start:var(--space-16)}.chapter-back{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:44px;font-size:var(--step--1);text-decoration:none}.chapter-links{display:flex;flex-direction:column;min-block-size:0;margin-block-start:var(--space-6);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.chapter-links a{position:relative;display:flex;align-items:center;gap:var(--space-3);min-block-size:34px;color:var(--muted);font-size:.875rem;line-height:1.3;text-decoration:none;transition:color .15s ease-out}.chapter-links a:before{content:"";flex:none;inline-size:24px;block-size:1px;background:currentColor;transform-origin:left;scale:.5 1;transition:scale .2s cubic-bezier(.32,.72,0,1)}.chapter-links a:dir(rtl):before{transform-origin:right}.chapter-links a[aria-current=location]{color:var(--theme-text)}.chapter-links a[aria-current=location]:before{scale:1 1}@media(hover:hover)and (pointer:fine){.chapter-links a:hover{color:var(--theme-text)}}.chapter-links a:focus-visible{outline-offset:2px}@media(prefers-reduced-motion:reduce){.chapter-links a,.chapter-links a:before{transition:none}}.case-content>:is(.cs-section,.cs-chapter){margin-block-start:var(--space-24);padding-block-start:var(--space-12);border-block-start:1px solid var(--rule);scroll-margin-block-start:120px}.case-content>:first-child{margin-block-start:var(--space-16)}.cs-case :is(.cs-section,.intro)>h2{max-inline-size:18ch;margin-block-end:var(--space-8);font-size:clamp(2.25rem,4.2vw,3.5rem);line-height:1.05;letter-spacing:-.035em}.cs-try{display:flex;align-items:center;gap:var(--space-4);inline-size:fit-content;max-inline-size:100%;margin:0 0 var(--space-8);padding:var(--space-4) var(--space-6) var(--space-4) var(--space-4);border:1px solid color-mix(in srgb,var(--theme-text) 24%,var(--theme-bg));border-radius:var(--radius-lg);font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.25;letter-spacing:-.02em}.cs-try svg{flex:none;color:var(--accent-600)}.cs-text{display:grid;gap:1.55em;max-inline-size:62ch;margin-block-end:var(--space-12);line-height:1.55}.cs-text p{margin:0;text-wrap:pretty}.cs-shot{margin:0}.cs-shot :is(img,video){display:block;inline-size:100%;block-size:auto;border-radius:var(--radius-lg);box-shadow:0 0 0 1px #00000014,0 2px 4px #0000000a,0 24px 48px -24px #00000040;background:var(--theme-surface)}.cs-shot--hero{margin-block-start:var(--space-16)}.cs-shot+.cs-text,.cs-pair+.cs-text,.cs-caption+.cs-text{margin-block-start:var(--space-16)}.cs-phone :is(img,video){border-radius:24px}.cs-pair{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:var(--space-8);align-items:start}.cs-shot--tall img{max-block-size:760px;object-fit:cover;object-position:top}.cs-caption{margin-block-start:var(--space-4);font-size:.8rem;color:var(--muted)}.cs-goals,.cs-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);margin:0;padding:0;list-style:none;counter-reset:goal}.cs-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-12);max-inline-size:960px}.cs-goals li{counter-increment:goal;padding-block-start:var(--space-4);border-block-start:1px solid var(--rule)}.cs-goals li:before{content:counter(goal,decimal-leading-zero);display:block;margin-block-end:var(--space-3);font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.cs-goals h3,.cs-list h3{margin:0 0 var(--space-2);font-size:1.05rem;font-weight:500;line-height:1.3}.cs-goals p,.cs-list p{margin:0;color:var(--muted);line-height:1.55;text-wrap:pretty}.cs-stack{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:var(--space-8) var(--space-12)}.cs-stack-group{padding-block-start:var(--space-4);border-block-start:1px solid var(--rule)}.cs-stack-label{margin:0 0 var(--space-6);font-size:.75rem;color:var(--muted)}.cs-logos{display:flex;flex-wrap:wrap;gap:var(--space-6) var(--space-12);margin:0;padding:0;list-style:none}.cs-logo{display:inline-flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap}.cs-logo svg{flex:none;inline-size:28px;block-size:28px}.cs-stack--rows{grid-template-columns:minmax(0,1fr)}.cs-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8);align-items:start}.cs-duo+.cs-caption,.cs-shot+.cs-pair,.cs-pair+.cs-shot{margin-block-start:var(--space-8)}.cs-pair--mockup{grid-template-columns:minmax(0,20fr) minmax(0,9fr)}.cs-duo+.cs-pair--mockup{margin-block-start:var(--space-8)}.cs-close{display:flex;justify-content:space-between;gap:var(--space-6);margin-block-start:var(--space-32);padding-block-start:var(--space-8);border-block-start:1px solid var(--rule)}.cs-close a{min-block-size:44px;display:inline-flex;align-items:center;color:inherit;text-underline-offset:.25em}@media(width<700px){.cs-pair--phone>.cs-shot:not(.cs-phone){display:none}.cs-shot--switch{inline-size:min(100%,300px);margin-inline:auto}.cs-shot--switch img{border-radius:24px}}@media(width<1100px){.cs-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-pair,.cs-duo{grid-template-columns:minmax(0,1fr)}.cs-pair .cs-phone{justify-self:center;inline-size:min(100%,300px)}.cs-pair--mockup>:last-child{justify-self:center;inline-size:min(100%,440px)}.cs-goals,.cs-list{grid-template-columns:minmax(0,1fr)}.case-content>:is(.cs-section,.cs-chapter){margin-block-start:var(--space-16);padding-block-start:var(--space-8)}}@media(width<=1200px){.cs-case{grid-template-columns:minmax(0,1fr);padding-block-start:calc(var(--nav-h) + var(--space-4))}.cs-top{grid-column:1}.case-content{grid-column:1;grid-row:3}.chapter-rail{grid-column:1;inset-block-start:var(--nav-h);max-block-size:none;flex-direction:row;align-items:center;gap:var(--space-2);margin:var(--space-12) calc(var(--gutter) * -1) 0;padding-inline:calc(var(--gutter) - 12px) 0;background:var(--theme-bg);border-block-end:1px solid var(--rule)}.chapter-back{flex:none;justify-content:center;min-inline-size:44px;font-size:1.1rem}.chapter-back-label{display:none}.chapter-links{flex-direction:row;gap:var(--space-6);margin:0;padding-inline-end:var(--gutter);overflow-x:auto;overflow-y:hidden}.chapter-links a{min-block-size:48px;white-space:nowrap}.chapter-links a:before{position:absolute;inset:auto 0 0;inline-size:auto;block-size:2px;scale:1;opacity:0;transition:opacity .15s ease-out}.chapter-links a[aria-current=location]:before{opacity:1}.case-content>:is(.cs-section,.cs-chapter){scroll-margin-block-start:140px}}@media(width<1100px){.cs-stack{grid-template-columns:minmax(0,1fr)}}