.case-crumb{color:var(--fg-2);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.3em;transition:color var(--dur-fast) var(--ease-out),text-decoration-color var(--dur-fast) var(--ease-out)}.case-crumb:hover{color:var(--fg);text-decoration-color:currentColor}.case-tag{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .75rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line-2)}.case-tag-strong{background-color:var(--fg);color:var(--bg);box-shadow:none}@media (max-width:420px){.case-title{font-size:clamp(2.1rem,10.6vw,2.6rem)}}.case-btn-solid{background-color:var(--bg-3);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-2)}.case-btn-solid:hover{background-color:var(--fg);color:var(--bg)}.case-btn-solid svg{transition:transform .52s var(--ease-out)}.case-btn-solid:hover svg{transform:translateY(2px)}.case-hero-stage{aspect-ratio:4/3.6;box-shadow:inset 0 0 0 1px rgb(243 241 233/.08)}@media (min-width:640px){.case-hero-stage{aspect-ratio:16/11}}@media (min-width:1024px){.case-hero-stage{aspect-ratio:16/9}}.case-anchor{scroll-margin-top:var(--header-h)}.case-intro{font-size:clamp(1.0625rem,1.3vw,1.1875rem);line-height:1.6}.case-prose{font-size:inherit;line-height:1.65}.case-prose>*+*{margin-top:1em}.case-prose p{text-wrap:pretty}.case-channel-mark{width:1.5rem;height:1.5rem;fill:currentColor;overflow:visible}svg.lucide.case-channel-mark{fill:none}.case-channel{transition:background-color .3s var(--ease-out)}.case-breaking{font-family:var(--font-display);font-weight:600;font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1.18;letter-spacing:-.024em;text-wrap:balance}.case-shift-card{background-color:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .5s var(--ease-out),box-shadow .5s var(--ease-out)}.case-shift-before{color:var(--fg-3)}.case-shift-after{font-family:var(--font-display);font-weight:600;font-size:clamp(1.3125rem,1.9vw,1.875rem);line-height:1.15;letter-spacing:-.026em;color:var(--fg);text-wrap:balance;transition:color .5s var(--ease-out)}@media (min-width:1024px){.case-shift:not([data-active]) .case-shift-card{background-color:transparent;box-shadow:inset 0 0 0 1px transparent}:root.js .case-shift:not([data-active]) .case-shift-after{color:var(--fg-3)}}.case-shift-inline{box-shadow:inset 0 0 0 1px rgb(243 241 233/.08)}.case-shift-index{font-weight:700;font-size:clamp(1.375rem,2.2vw,2.125rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;transition:color .5s var(--ease-out)}.case-shift[data-active] .case-shift-index{color:var(--accent-ink)}.case-shift-sticky{position:sticky;top:calc(var(--header-h) + 2rem)}.case-shift-stage{aspect-ratio:4/3;width:min(100%,calc((100svh - var(--header-h) - 7rem) / .75))}.case-rail-plate{background-color:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}.case-rail-plate:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--fg) 10%,transparent) 1px,transparent 0);background-size:18px 18px}.case-rail{position:relative;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.case-rail:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-4px;border-radius:1.5rem}.case-slide{width:var(--slide-w)}@media (max-width:767px){.case-slide{width:calc(100% - 2.75rem)}.case-slide[data-device=phone]{width:min(calc(100% - 5rem),13.5rem)}}.case-dots{display:flex;min-width:0;flex-wrap:wrap;align-items:center;justify-content:center;gap:.375rem}.case-dot{width:.375rem;height:.375rem;border-radius:999px;background-color:var(--line-2);transition:width .42s var(--ease-out),background-color .42s var(--ease-out)}.case-dot[data-on]{width:1.25rem;background-color:var(--accent-ink)}.case-rail-btn{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:999px;color:var(--fg);background-color:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.case-rail-btn:hover:not(:disabled){background-color:var(--fg);color:var(--bg)}.case-rail-btn:disabled{opacity:.35;cursor:default}.case-rail-shot{cursor:zoom-in;border-radius:1rem;transition:translate .6s var(--ease-out)}.case-rail-shot:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}@media (hover:hover){.case-rail-shot:hover{translate:0 -6px}}.case-rail-zoom{position:absolute;right:.75rem;bottom:.75rem;display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:999px;background-color:rgb(15 14 11/.72);color:#f3f1e9;opacity:0;transform:scale(.9);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.case-rail-shot:focus-visible .case-rail-zoom,.case-rail-shot:hover .case-rail-zoom{opacity:1;transform:none}@media (hover:none){.case-rail-zoom{opacity:1;transform:none}}.case-note-card{background-color:var(--bg-2);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}.case-crop-frame{position:relative;display:block;width:min(100%,calc(22rem * var(--crop-ar, 1.6)));overflow:hidden;border-radius:1.25rem;background-color:var(--bg-2);cursor:zoom-in;text-align:left}.case-crop-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line-2);pointer-events:none}.case-crop-img{position:absolute;max-width:none;height:auto;transition:scale .9s var(--ease-out);transform-origin:center}@media (hover:hover){.case-crop-frame:hover .case-crop-img{scale:1.025}}.case-crop-frame:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}.case-crop-frame:focus-visible .case-rail-zoom,.case-crop-frame:hover .case-rail-zoom{opacity:1;transform:none}[data-case-template] .stage-detail-slot:not(:has(.stage-fan)){display:none}[data-case-template] .stage-detail-slot [class*=shadow]{box-shadow:0 0 0 1px rgb(15 14 11/.16),inset 0 0 0 1px rgb(243 241 233/.12)}.case-lightbox{max-width:none;max-height:none;width:100vw;height:100svh;margin:0;padding:0;border:0;background:transparent;color:inherit}.case-lightbox::backdrop{background:rgb(10 9 7/.86);backdrop-filter:blur(6px)}.case-lightbox[open]{display:flex;align-items:center;justify-content:center;animation:case-lightbox-in .32s var(--ease-out)}@keyframes case-lightbox-in{0%{opacity:0}}.case-lightbox-body{display:flex;width:min(100% - 1.5rem,72rem);max-height:calc(100svh - 1.5rem);flex-direction:column;gap:1rem;border-radius:1.5rem;background-color:var(--bg-2);padding:1rem;box-shadow:inset 0 0 0 1px var(--line)}@media (min-width:768px){.case-lightbox-body{gap:1.25rem;padding:1.5rem}}.case-lightbox-stage{display:flex;min-height:0;flex:1;justify-content:center}html.case-lightbox-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.case-lightbox[open]{animation:none}}.case-flow-wrap{position:relative;margin-top:3rem}@media (min-width:768px){.case-flow-wrap{margin-top:4rem}}.case-flow-svg{position:absolute;inset:0;z-index:0;overflow:visible;pointer-events:none}.case-flow-base{stroke:color-mix(in srgb,var(--fg) 11%,transparent)}.case-flow-base,.case-flow-line{fill:none;stroke-width:4;stroke-linecap:round}.case-flow-line{stroke-dasharray:1000;stroke-dashoffset:1000}.case-flow-stop{stop-color:var(--accent-ink)}.case-flow-stop-front,.case-flow-tip{stop-color:color-mix(in srgb,var(--lime) 72%,#fff);fill:color-mix(in srgb,var(--lime) 72%,#fff)}.case-flow-glow{stop-color:var(--lime)}.case-flow-head{opacity:0;transition:opacity .3s var(--ease-out)}.case-flow-guide{stroke:var(--line);stroke-width:1;stroke-dasharray:2 6}.case-flow-lane{fill:var(--fg-3);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em}.case-flow-burst{opacity:0;scale:.4;transform-box:fill-box;transform-origin:center;transition:opacity .6s var(--ease-out),scale .9s var(--ease-out)}.case-flow-wrap[data-key-on] .case-flow-burst{opacity:1;scale:1}.case-flow{z-index:1}.case-flow,.case-flow-step{position:relative;display:grid}.case-flow-step{--s:1.85rem;--node-h:1.15rem;--lane-x:1.25rem;--node-y:0.85rem;grid-template-columns:2.5rem minmax(0,1fr);column-gap:.875rem;padding-bottom:2.75rem}.case-flow-step:last-child{padding-bottom:0}.case-flow-wrap[data-lanes="2"] .case-flow-step{grid-template-columns:3.75rem minmax(0,1fr)}.case-flow-wrap[data-lanes="2"] .case-flow-step[data-lane=system]{--lane-x:2.6rem}.case-flow-step[data-key]{--s:2.47rem;--node-h:1.52rem;--node-y:calc(0.85rem + 1.25rem)}.case-flow-node{position:relative;z-index:1;grid-column:1;grid-row:1;align-self:start;display:flex;align-items:center;justify-content:center;width:var(--s);height:var(--node-h);margin-left:calc(var(--lane-x) - var(--s) / 2);margin-top:calc(var(--node-y) - var(--node-h) / 2)}.case-flow-node .eye-node{--eye-bg:var(--bg);flex:none}:root:not(.js) .case-flow-node .eye-node{--eye:1}.case-flow-track{position:absolute;left:calc(var(--lane-x) - 2px);top:calc(var(--node-y) + var(--node-h) / 2 + .25rem);bottom:.25rem;width:4px;border-radius:999px;background-color:color-mix(in srgb,var(--fg) 11%,transparent)}.case-flow-step:last-child .case-flow-track,.case-flow-wrap[data-drawn] .case-flow-track{display:none}.case-flow-body{grid-column:2;grid-row:1;max-width:40rem}.case-flow-step[data-key] .case-flow-body{border-radius:1.25rem;padding:1.25rem 1.25rem 1.5rem}.case-flow-actor{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.3rem .7rem .3rem .6rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.35;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:color .42s var(--ease-out),background-color .42s var(--ease-out),box-shadow .42s var(--ease-out)}.case-flow-actor svg{color:var(--accent-ink)}.case-flow-step[data-lane=system] .case-flow-actor{background-color:var(--accent);color:var(--on-accent);box-shadow:none}.case-flow-step[data-lane=system] .case-flow-actor svg{color:currentColor}.case-flow-flag{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}.case-flow-flag:before{content:"";width:.4rem;height:.4rem;border-radius:999px;background-color:currentColor}.case-flow-wrap[data-key-on] .case-flow-flag:before{animation:case-flow-blink 1.6s var(--ease-in-out) 2}@keyframes case-flow-blink{50%{opacity:.25}}.case-flow-title{color:var(--fg);transition:color .42s var(--ease-out)}.case-flow-text{color:var(--fg-2)}:root.js .case-flow-step:not([data-on]) .case-flow-title{color:var(--fg-3)}@media (min-width:1280px){.case-flow-wrap:not([data-layout=column]) .case-flow{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:1rem}.case-flow-wrap:not([data-layout=column]) .case-flow-step,.case-flow-wrap:not([data-layout=column])[data-lanes="2"] .case-flow-step{--lane-x:1.25rem;--lane-y:1.25rem;--rail:3rem;display:block;padding:var(--rail) 0 0}.case-flow-wrap:not([data-layout=column])[data-lanes="2"] .case-flow-step{--rail:6.5rem}.case-flow-wrap:not([data-layout=column])[data-lanes="2"] .case-flow-step[data-lane=system]{--lane-x:1.25rem;--lane-y:4.5rem}.case-flow-wrap:not([data-layout=column]) .case-flow-node{position:absolute;left:calc(var(--lane-x) - var(--s) / 2);top:calc(var(--lane-y) - var(--node-h) / 2);margin:0}.case-flow-wrap:not([data-layout=column]) .case-flow-track{left:calc(var(--lane-x) + var(--s) / 2 + .25rem);right:-.75rem;top:calc(var(--lane-y) - 2px);bottom:auto;width:auto;height:4px}.case-flow-wrap:not([data-layout=column]) .case-flow-body{padding-right:.75rem}.case-flow-wrap:not([data-layout=column]) .case-flow-step[data-key] .case-flow-body{margin-top:-1rem;padding:1rem 1rem 1.25rem}}@media (prefers-reduced-motion:reduce){.case-flow-burst,.case-flow-head,.case-flow-node{transition:none}.case-flow-wrap[data-key-on] .case-flow-flag:before{animation:none}}.case-change{font-family:var(--font-display);font-weight:600;font-size:clamp(1.1875rem,1.6vw,1.5rem);line-height:1.22;letter-spacing:-.022em;text-wrap:pretty}.case-figure{font-size:clamp(2.75rem,4.2vw,4rem);line-height:.9;letter-spacing:-.05em}.case-timeline-row{position:relative;padding-left:1.75rem;padding-bottom:1.25rem}.case-timeline-row[data-last]{padding-bottom:0}.case-timeline-row:before{content:"";position:absolute;left:calc(.3125rem - .5px);top:1.1rem;bottom:-.1rem;width:1px;background-color:var(--line-2)}.case-timeline-row[data-last]:before{display:none}.case-timeline-dot{position:absolute;left:0;top:.2rem;width:.625rem;height:.625rem;border-radius:999px;background-color:var(--bg-2);box-shadow:inset 0 0 0 1.5px var(--fg-3)}.case-timeline-row[data-last] .case-timeline-dot{background-color:var(--accent);box-shadow:none}.case-tool-lockup{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.02em;line-height:1.2}.case-tool-mark{display:inline-block;flex:none;width:auto;aspect-ratio:var(--ar,1);height:calc(1.1em * var(--mk, 1));margin-right:.55em;fill:currentColor;overflow:visible;transition:color .3s var(--ease-out)}.case-tool{transition:background-color .3s var(--ease-out)}@media (hover:hover){.case-tool:hover{background-color:var(--bg-3)}.case-tool:hover .case-tool-mark{color:var(--brand,var(--fg))}}.case-next{box-shadow:inset 0 0 0 1px rgb(243 241 233/.08)}@media (prefers-reduced-motion:reduce){.case-crop-img,.case-dot,.case-rail-shot,.case-shift-after,.case-shift-card{transition:none}}@layer components{.case-plate{--accent:var(--plate);--on-accent:var(--on-plate);box-shadow:inset 0 0 0 1px rgb(243 241 233/.08)}.case-chapter{padding-block:clamp(4rem,8vw,7rem)}.case-chapter+.case-chapter{border-top:1px solid var(--line)}:root.flow .case-chapter[data-flow][data-flow-rest],:root:not(.flow) .case-chapter[data-flow]{box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}.case-lead{max-width:34ch;font-weight:600;font-size:clamp(1.25rem,1.75vw,1.625rem);line-height:1.28;letter-spacing:-.022em;text-wrap:pretty}.case-lead,.case-point-title{font-family:var(--font-display)}.case-point-title{font-weight:700;font-size:clamp(1.3125rem,1.9vw,1.75rem);line-height:1.12;letter-spacing:-.026em;text-wrap:balance}.case-point-copy{max-width:52ch;font-size:clamp(1.0625rem,1.15vw,1.1875rem);line-height:1.55;text-wrap:pretty}.case-point-copy>*+*{margin-top:.6em}.case-outcome{font-family:var(--font-display);font-weight:600;font-size:clamp(1.1875rem,1.6vw,1.5rem);line-height:1.3;letter-spacing:-.02em;text-wrap:pretty}.case-chip{display:inline-flex;align-items:baseline;gap:.5rem;border-radius:999px;padding:.45rem .85rem;background-color:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);font-size:.875rem;line-height:1.3}.case-chip-label{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}.case-chip-value{font-weight:600;color:var(--fg)}.case-pin{padding-block:clamp(4rem,8vw,7rem)}.case-pin-sticky{position:sticky;top:calc(var(--header-h) + 1.5rem)}.case-pin-stage{aspect-ratio:1/.9;width:min(100%,calc(100svh - var(--header-h) - 10.5rem))}.case-pin-layer{opacity:0;transform:translate3d(0,1rem,0) scale(.985);transition:opacity .6s var(--ease-out),transform .9s var(--ease-out)}.case-pin-layer[data-on]{opacity:1;transform:none}.case-pin-caption{display:grid;width:min(100%,calc(100svh - var(--header-h) - 10.5rem))}.case-pin-text{grid-area:1/1;opacity:0;transition:opacity .5s var(--ease-out)}.case-pin-text[data-on]{opacity:1}.case-compare-box{display:grid;overflow:clip;aspect-ratio:4/4.7;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;background-color:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}@media (min-width:640px){.case-compare-box{aspect-ratio:16/10}}.case-compare-after,.case-compare-before{grid-area:1/1}.case-compare-before{display:flex;align-items:center;padding:3.5rem .75rem 1rem;background-color:var(--bg-2);background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--fg) 9%,transparent) 1px,transparent 0);background-size:18px 18px}@media (min-width:640px){.case-compare-before{padding:3.5rem 1.25rem 1.25rem}}.case-compare-before .case-ran-compact{width:calc(50% - 1.25rem)}.case-compare-after{clip-path:inset(0 0 0 var(--split,50%));border-radius:inherit}.case-compare-device{position:absolute;top:50%;right:4%;width:86%;translate:0 -46%}.case-compare-phone{right:7%;width:38%;max-width:15rem}@media (min-width:640px){.case-compare-phone{width:26%}}.case-compare-chip{position:absolute;z-index:2;border-radius:999px;padding:.35rem .75rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background-color:var(--bg);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line-2)}.case-compare-chip-now{background-color:var(--on-accent);color:var(--accent);box-shadow:none}.case-compare-handle{position:absolute;z-index:3;inset:0;display:flex;align-items:center;transform:translate3d(var(--split,50%),0,0);cursor:ew-resize;outline:none;pointer-events:none}.case-compare-handle:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background-color:rgb(243 241 233/.92)}.case-compare-knob{position:relative;display:flex;translate:-50% 0;pointer-events:auto;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:999px;background-color:#f3f1e9;color:#0f0e0b;box-shadow:0 0 0 1px rgb(15 14 11/.14);transition:scale .3s var(--ease-out)}.case-compare-box[data-dragging] .case-compare-knob,.case-compare-handle:hover .case-compare-knob{scale:1.08}.case-compare-handle:focus-visible .case-compare-knob{outline:2px solid var(--accent-ink);outline-offset:3px}.case-swatch-chip{display:flex;aspect-ratio:1/1.05;flex-direction:column;box-shadow:inset 0 0 0 1px var(--line);transition:border-radius .5s var(--ease-out)}@media (hover:hover){.case-swatch:hover .case-swatch-chip{border-radius:1.5rem}}.case-log-card,.case-owner,.case-type{background-color:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}.case-type-sample{display:flex;height:8.25rem;flex-direction:column;justify-content:flex-end;gap:.6rem;overflow:hidden;color:var(--fg)}.case-type-glyphs{font-size:3.25rem;line-height:1}.case-type-line{font-size:1rem;line-height:1.35}.case-type-sample[data-display] .case-type-line{font-size:1.75rem;line-height:1;text-transform:uppercase}.case-material{background-color:var(--bg-2)}.case-material:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line-2);pointer-events:none}.case-material-img{position:absolute;max-width:none;height:auto}.case-group-index{font-weight:700;font-size:clamp(1.375rem,2vw,1.875rem);line-height:1;letter-spacing:-.03em;color:var(--accent-ink);font-variant-numeric:tabular-nums}.case-group-name{font-size:clamp(1.375rem,2vw,1.875rem);line-height:1.12;letter-spacing:-.024em;text-wrap:balance}.case-group-name,.case-switch{font-family:var(--font-display);font-weight:700}.case-switch{display:flex;flex-direction:column;align-items:flex-start}.case-switch-option{font-size:clamp(3rem,7vw,5.5rem);line-height:.98;text-transform:uppercase;letter-spacing:0;color:rgb(243 241 233/.92);transition:color .42s var(--ease-out)}@media (hover:hover){.case-switch-option:hover{color:color-mix(in srgb,var(--on-accent) 70%,#f3f1e9)}}.case-switch-option[aria-pressed=true]{color:var(--on-accent)}.case-switch-option:focus-visible{outline:2px solid var(--on-accent);outline-offset:4px;border-radius:.25rem}.case-switch-panels{display:grid}.case-switch-panel{grid-area:1/1;opacity:0;transform:translate3d(0,.4rem,0);transition:opacity .42s var(--ease-out),transform .52s var(--ease-out)}.case-switch-panel[data-on]{opacity:1;transform:none}.case-switch-name{color:var(--on-accent)}.case-switch-body{font-family:var(--font-display);font-weight:600;font-size:clamp(1.25rem,1.8vw,1.625rem);line-height:1.2;letter-spacing:-.022em;color:#f3f1e9}.case-check{background-color:var(--accent);color:var(--on-accent);transition:opacity .42s var(--ease-out),scale .52s var(--ease-out);transition-delay:calc(var(--n, 0) * 60ms)}:root.js:not(.reveal-off) .case-checklist li:not([data-in]) .case-check{opacity:0;scale:.4}.case-owner-dot{width:.5rem;height:.5rem;flex:none;border-radius:999px;background-color:var(--fg-3)}.case-owner-dot[data-theirs]{background-color:var(--accent-ink)}.case-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.case-fig{padding:1.5rem 1rem 1.75rem 0;border-bottom:1px solid var(--line)}.case-fig:nth-child(2n){padding-left:1.25rem;border-left:1px solid var(--line)}@media (min-width:1024px){.case-figs{grid-template-columns:repeat(4,minmax(0,1fr))}.case-fig{padding:2rem 1.5rem 2.25rem}.case-fig:first-child{padding-left:0}.case-fig+.case-fig{border-left:1px solid var(--line)}}.case-big-value{display:inline-block;font-size:clamp(3.25rem,5.4vw,5.25rem);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.case-big-unit{font-family:var(--font-display);font-weight:700;font-size:clamp(1.125rem,1.6vw,1.5rem);letter-spacing:-.02em}.case-log{--node:2.75rem;--gap:2.75rem;position:relative}.case-log-list{display:grid;gap:var(--gap)}.case-log-rail{left:calc(var(--node) / 2 - 2px);top:var(--rail-top,2.5rem);height:var(--rail-h,calc(100% - 5rem));z-index:0}.case-log-row{position:relative;display:grid;grid-template-columns:var(--node) minmax(0,1fr) auto;align-items:center;column-gap:1rem}.case-log-row:after{content:"";position:absolute;inset:0 0 0 calc(var(--node) + .25rem);z-index:0;border-radius:1.25rem;background-color:var(--bg);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .42s var(--ease-out)}.case-log-row>*{position:relative;z-index:1}.case-log-row[data-live]:after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lime) 55%,transparent),0 0 0 4px color-mix(in srgb,var(--lime) 8%,transparent)}.case-log-node{display:flex;align-self:center;justify-content:center}.case-log-node .case-log-eye{--eye-w:1.6rem;--eye-bg:var(--bg-2)}.case-log:not([data-live-track]) .case-log-row:not([data-undated]) .case-log-eye{--eye:1}.case-log-favicon{display:block;width:2.5rem;height:2.5rem;overflow:hidden;border-radius:.75rem;padding:.3rem;background-color:var(--bg);box-shadow:0 0 0 2px var(--bg-2),0 0 0 4px var(--line-2);transition:box-shadow .36s var(--ease-out)}.case-log-favicon img{width:100%;height:100%;object-fit:contain;border-radius:.45rem}.case-log-row[data-passed] .case-log-favicon,.case-log:not([data-live-track]) .case-log-favicon{box-shadow:0 0 0 2px var(--bg-2),0 0 0 4px var(--lime)}.case-log-body{padding:1.05rem 0 1.05rem 1.25rem;min-width:0}.case-log-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.case-log-when{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);font-variant-numeric:tabular-nums}.case-log-pill,.case-log-status{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.28rem .62rem;font-family:var(--font-mono);font-size:.66rem;font-weight:500;line-height:1;letter-spacing:.07em;text-transform:uppercase;color:var(--fg-2);background-color:color-mix(in srgb,var(--fg) 7%,transparent)}.case-log-pill[data-stage=launch],.case-log-pill[data-stage=preview],.case-log-pill[data-stage=release]{color:var(--fg);background-color:color-mix(in srgb,var(--lime) 18%,transparent)}.case-log-pill[data-stage=live]{color:#0f0e0b;background-color:var(--lime)}.case-log-pill[data-stage=next]{background-color:transparent;box-shadow:inset 0 0 0 1px var(--line-2)}.case-log-status{padding:.42rem .8rem;font-size:.7rem;color:var(--fg);background-color:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}.case-log-pulse{position:relative;width:.45rem;height:.45rem;flex:none;border-radius:999px;background-color:currentColor}.case-log-status .case-log-pulse{background-color:var(--lime)}.case-log-pulse:after{content:"";position:absolute;inset:0;border-radius:inherit;background-color:inherit;animation:case-log-pulse 1.8s var(--ease-out) infinite}@keyframes case-log-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(2.8);opacity:0}}.case-log-range{display:inline-flex;flex-wrap:wrap;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3)}.case-log-what{margin-top:.55rem;font-size:clamp(1rem,1.2vw,1.0625rem);font-weight:500;line-height:1.4;color:var(--fg);text-wrap:pretty}.case-log-host{margin-top:.3rem;font-family:var(--font-mono);font-size:.72rem;color:var(--fg-3)}.case-log-thumb{position:relative;margin:.75rem .75rem .75rem 0;width:clamp(7.5rem,14vw,11rem);aspect-ratio:16/10;overflow:hidden;border-radius:.875rem;background-color:var(--bg-2)}.case-log-thumb[data-device=phone]{width:clamp(3.5rem,5vw,4.25rem);aspect-ratio:9/19.5;border-radius:.875rem}.case-log-thumb:after{content:"";inset:0;border-radius:inherit;pointer-events:none}.case-log-elapsed,.case-log-thumb:after{position:absolute;box-shadow:inset 0 0 0 1px var(--line)}.case-log-elapsed{left:calc(var(--node) / 2 + .9rem);top:calc(100% + var(--gap) / 2);translate:0 -50%;border-radius:999px;padding:.24rem .6rem;font-family:var(--font-mono);font-size:.68rem;line-height:1;letter-spacing:.04em;color:var(--fg-3);background-color:var(--bg-2);font-variant-numeric:tabular-nums;transition:color .36s var(--ease-out)}.case-log-row[data-passed] .case-log-elapsed,.case-log:not([data-live-track]) .case-log-elapsed{color:var(--fg)}.case-log-row[data-undated] .case-log-node:before{content:"";position:absolute;left:calc(50% - 1px);bottom:calc(50% + .6rem);height:calc(var(--gap) + 1.5rem);border-left:2px dashed var(--line-2)}.case-log-row[data-undated] .case-log-node{position:relative}.case-log-row:first-child[data-undated] .case-log-node:before,.case-log[data-rows="0"] .case-log-rail{display:none}.case-log-pill[data-stage=now]{color:var(--fg);background-color:color-mix(in srgb,var(--lime) 18%,transparent)}@media (max-width:639px){.case-log{--node:2.25rem;--gap:2.5rem}.case-log-row{grid-template-columns:var(--node) minmax(0,1fr);column-gap:.625rem}.case-log-row:after{left:calc(var(--node) + .125rem)}.case-log-body{padding:.95rem 1rem}.case-log-thumb{grid-column:2;margin:-.25rem 1rem 1rem;width:auto;max-width:15rem}.case-log-thumb[data-device=phone]{width:4.5rem}.case-log-favicon{width:2.125rem;height:2.125rem;border-radius:.625rem}.case-log-node .case-log-eye{--eye-w:1.35rem;padding:.26rem .3rem}}@media (prefers-reduced-motion:reduce){.case-log-pulse:after{animation:none}.case-log-elapsed{transition:none}}.case-feature-media{aspect-ratio:16/10;background-color:var(--bg-2)}.case-feature-media:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none}.case-feature-phone{height:90%;aspect-ratio:540/1168;border-radius:1.6rem;box-shadow:0 0 0 5px #0b0a08;background-color:#0b0a08}@media (max-width:767px){.case-feature-media[data-device=phone]{aspect-ratio:4/4.2}.case-feature-phone{border-radius:1.25rem}}.case-feature-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.15;letter-spacing:-.024em}@media (prefers-reduced-motion:reduce){.case-check,.case-compare-knob,.case-pin-layer,.case-pin-text,.case-swatch-chip,.case-switch-option,.case-switch-panel{transition:none}}.case-flow-pick{text-align:left;font:inherit;letter-spacing:inherit;color:inherit}.case-flow-pick:after{content:"";position:absolute;inset:0;border-radius:1.25rem}.case-flow-pick:focus-visible{outline:none}.case-flow-pick:focus-visible:after{outline:2px solid var(--accent-ink);outline-offset:2px}.case-next-stage{aspect-ratio:16/10;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 98%);mask-image:linear-gradient(180deg,#000 70%,transparent 98%)}@media (min-width:1024px){.case-next-stage{aspect-ratio:auto;min-height:32rem}}.case-next-shot{position:absolute;top:9%;left:7%;width:104%;transition:translate .9s var(--ease-out)}.case-next-phone{left:50%;width:38%;max-width:15rem;translate:-50% 0}@media (hover:hover){.case-next:hover .case-next-shot{translate:-1.5% -2%}.case-next:hover .case-next-phone{translate:-50% -3%}}@media (prefers-reduced-motion:reduce){.case-next-shot{transition:none}}}.case-flow-wrap[data-selectable] .case-flow-step,.case-flow-wrap[data-selectable] .case-flow-step[data-key]{--node-y:calc(0.85rem + 1.25rem)}.case-flow-wrap[data-selectable] .case-flow-body{position:relative;border-radius:1.25rem;padding:1.25rem 1.25rem 1.5rem;transition:background-color .42s var(--ease-out),box-shadow .42s var(--ease-out)}.case-flow-wrap[data-selectable] .case-flow-step[data-chosen] .case-flow-body{background-color:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}:root.js .case-flow-wrap[data-selectable] .case-flow-step[data-chosen] .case-flow-title{color:var(--fg)}@layer components{@media (min-width:1024px){.case-flow-wrap[data-layout=column]{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(2.5rem,4vw,4rem);align-items:start}.case-flow-wrap[data-layout=column]>ol{grid-column:1}.case-flow-wrap[data-layout=column]>.case-flow-screen{grid-column:2;grid-row:1;position:sticky;top:7rem;margin-top:0;max-width:none}}}