.headless-diagram{--hd-gap:56px;--hd-pad:18px;--hd-label:28px;margin:0;container:headless-diagram/inline-size}.headless-diagram__flow{column-gap:var(--hd-gap);grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr) minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.headless-diagram__tier{padding:var(--hd-pad);border-radius:var(--radius-md);border:1px solid #0000;flex-direction:column;gap:14px;display:flex;position:relative}.headless-diagram__tier--outside{padding-inline:0}.headless-diagram__tier--custom{background:var(--accent-tint);border-color:#3b5bff59}.headless-diagram__tier>p{color:var(--text-subtle);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:11px;font-weight:500;line-height:14px}.headless-diagram__tier--custom>p{color:var(--accent-strong)}.headless-diagram__nodes{flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}.headless-diagram__node{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-rest);padding:14px 16px}.headless-diagram__tier--custom .headless-diagram__node{border-color:#3b5bff38}.headless-diagram__node strong{color:var(--text);letter-spacing:-.015em;font-size:15px;font-weight:600;line-height:1.3;display:block}.headless-diagram__node span{color:var(--text-muted);font-size:13px;line-height:1.5;display:block}.headless-diagram__node strong+span{margin-top:6px}.headless-diagram__link{top:calc(50% + var(--hd-label) / 2);width:var(--hd-gap);background:var(--accent);transform-origin:0;height:1px;position:absolute;right:100%}.headless-diagram__link:before,.headless-diagram__link:after{content:"";position:absolute}.headless-diagram__link:before{background:var(--accent);border-radius:50%;width:5px;height:5px;top:-2px;left:0}.headless-diagram__link:after{border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent);width:7px;height:7px;top:-3.5px;right:1px;transform:rotate(45deg)}.headless-diagram__tier--fan{--hd-title:24px}.headless-diagram__tier--fan .headless-diagram__link{right:calc(100% + var(--hd-gap) / 2);width:calc(var(--hd-gap) / 2)}.headless-diagram__tier--fan .headless-diagram__link:after{content:none}.headless-diagram__tier--fan .headless-diagram__node{position:relative}.headless-diagram__stub{top:var(--hd-title);width:calc(var(--hd-gap) / 2);background:var(--accent);transform-origin:0;height:1px;position:absolute;right:calc(100% + 1px)}.headless-diagram__stub:after{content:"";border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent);width:7px;height:7px;position:absolute;top:-3.5px;right:1px;transform:rotate(45deg)}.headless-diagram__tier--fan .headless-diagram__node:after{content:"";top:-6px;bottom:-6px;left:calc(var(--hd-gap) / -2 - 1px);background:var(--accent);width:1px;position:absolute}.headless-diagram__tier--fan .headless-diagram__node:first-child:after{top:var(--hd-title)}.headless-diagram__tier--fan .headless-diagram__node:last-child:after{height:calc(var(--hd-title) + 7px);bottom:auto}.headless-diagram figcaption{color:var(--text-subtle);margin-top:20px;font-size:14px;line-height:1.5}@container headless-diagram (min-width:720px) and (max-width:899px){.headless-diagram__flow{--hd-gap:36px;--hd-pad:14px}.headless-diagram__tier>p{letter-spacing:.01em;font-size:10.5px}}@container headless-diagram (max-width:719px){.headless-diagram__flow{grid-template-columns:minmax(0,1fr);row-gap:44px}.headless-diagram__tier{padding:16px}.headless-diagram__tier--outside{padding:0}.headless-diagram__tier>p{white-space:normal;text-wrap:balance}.headless-diagram__tier--fan .headless-diagram__link{width:1px;right:auto}.headless-diagram__tier--fan .headless-diagram__link:after{content:""}.headless-diagram__stub,.headless-diagram__tier--fan .headless-diagram__node:after{display:none}.headless-diagram__link{transform-origin:top;width:1px;height:44px;inset:auto auto calc(100% + 1px) 50%}.headless-diagram__link:before{top:0;left:-2px}.headless-diagram__link:after{inset:auto auto 1px -3px;transform:rotate(135deg)}}.headless-diagram__tier:first-child{--hd-delay:.15s}.headless-diagram__tier:nth-child(2){--hd-delay:.6s}.headless-diagram__tier:nth-child(3){--hd-delay:1.05s}.headless-diagram__node:nth-child(2){--hd-step:90ms}.headless-diagram__node:nth-child(3){--hd-step:.18s}@keyframes headless-frame{0%{box-shadow:none;background-color:#0000;border-color:#0000}}@keyframes headless-panel{0%{background-color:#0000;border-color:#0000}}@keyframes headless-extend{0%{scale:0 1}}@keyframes headless-extend-down{0%{scale:1 0}}@keyframes headless-appear{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.reveal[data-reveal=pending] .headless-diagram__node{box-shadow:none;background-color:#0000;border-color:#0000}.reveal[data-reveal=pending] .headless-diagram__tier--custom{background-color:#0000;border-color:#0000}.reveal[data-reveal=pending] .headless-diagram__link,.reveal[data-reveal=pending] .headless-diagram__stub{scale:0 1}.reveal[data-reveal=pending] .headless-diagram__tier--fan .headless-diagram__node:after{scale:1 0}.reveal[data-reveal=pending] .headless-diagram__link:after,.reveal[data-reveal=pending] .headless-diagram__stub:after{opacity:0}.reveal--visible .headless-diagram__node{animation:headless-frame .6s var(--ease) both;animation-delay:calc(var(--hd-delay) + var(--hd-step,0s))}.reveal--visible .headless-diagram__tier--custom{animation:headless-panel .7s var(--ease) both;animation-delay:var(--hd-delay)}.reveal--visible .headless-diagram__link{animation:headless-extend .38s var(--ease) both;animation-delay:calc(var(--hd-delay) - .32s)}.reveal--visible .headless-diagram__link:after{animation:.2s ease-out both headless-appear;animation-delay:calc(var(--hd-delay) - 80ms)}.reveal--visible .headless-diagram__tier--fan .headless-diagram__node:after{animation:headless-extend-down .3s var(--ease) both;animation-delay:calc(var(--hd-delay) - 80ms)}.reveal--visible .headless-diagram__stub{animation:headless-extend .38s var(--ease) both;animation-delay:calc(var(--hd-delay) + var(--hd-step,0s))}.reveal--visible .headless-diagram__stub:after{animation:.2s ease-out both headless-appear;animation-delay:calc(var(--hd-delay) + .24s + var(--hd-step,0s))}@container headless-diagram (max-width:719px){.reveal[data-reveal=pending] .headless-diagram__link{scale:1 0}.reveal--visible .headless-diagram__link{animation-name:headless-extend-down}}}
.case-hero{padding-top:calc(var(--header-height) + clamp(56px, 8vw, 112px))}.case-hero__eyebrow{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.case-hero__eyebrow a{color:var(--accent);transition:color .2s var(--ease);margin-block:-8px;padding-block:8px}.case-hero__eyebrow a:hover{color:var(--text)}.case-hero__divider{color:var(--text-subtle);opacity:.5;font-weight:400}.case-hero__crumb{color:var(--text-muted)}.case-hero__title{letter-spacing:-.06em;margin-top:clamp(14px,2vw,24px);margin-left:-.025em;font-size:clamp(64px,13vw,188px);line-height:.92}.case-hero__intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:28px 64px;margin-top:clamp(28px,3.5vw,44px);display:grid}.case-hero__description{max-width:620px;color:var(--text-muted);letter-spacing:-.02em;font-size:clamp(20px,2vw,25px);line-height:1.4}.case-hero__meta{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.case-hero__meta .tags{justify-content:flex-end;max-width:340px}.case-hero__frame{margin-top:clamp(44px,6vw,80px)}.case-metrics{z-index:1;margin-top:20px;position:relative}.case-metrics__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.case-metrics__item{display:flex}.case-metrics__item--timeline{grid-column:span 7}.case-metrics__item--orders{grid-column:span 5}.case-metrics__item--reach{grid-column:1/-1}.case-metric{flex-direction:column;flex:1;align-items:flex-start;gap:12px;min-width:0;padding:clamp(24px,3vw,40px);display:flex}.case-metric>.mono,.case-metric__status{margin-bottom:clamp(8px,1.5vw,20px)}.case-metric__value{letter-spacing:-.03em;flex-wrap:wrap;align-items:baseline;gap:0 12px;font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.1;display:flex}.case-metric__value strong{letter-spacing:-.06em;font-size:clamp(60px,6.4vw,96px);font-weight:600;line-height:.9}.case-metric__value--accent strong{color:var(--accent);font-size:clamp(76px,8.6vw,128px)}.case-metric__label{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:0 8px;font-size:17px;line-height:1.4;display:inline-flex}.case-metric__arrow{color:var(--text-subtle);display:inline-flex}.case-checkout{width:100%;margin:auto 0 0;padding-top:16px}.case-checkout>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-block:10px;display:flex}.case-checkout dt{font-size:15px;font-weight:500}.case-checkout dd{margin:0}.case-metric__status i{background:currentColor;border-radius:50%;width:6px;height:6px}.case-reach{flex:1;min-width:0}.case-reach__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.case-metric__codes{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;display:flex}.case-metric__codes span{border:1px solid var(--line-strong);color:var(--text-muted);font-family:var(--font-mono);border-radius:8px;padding:4px 9px;font-size:12px;line-height:1.3}.case-weeks{gap:12px;width:100%;margin-top:auto;padding-top:16px;display:grid}.case-weeks__track{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.case-weeks__track i{background:var(--surface-sunken);border-radius:8px;height:34px;position:relative;overflow:hidden}.case-weeks__track i:after{content:"";background:var(--accent);transform-origin:0;position:absolute;inset:0}.case-weeks__track i:last-child:after{background:var(--dark)}.case-weeks__ends{color:var(--text-subtle);justify-content:space-between;gap:12px;font-size:13px;font-weight:600;display:flex}.case-weeks__ends span:last-child{color:var(--accent-strong)}@media (prefers-reduced-motion:no-preference){.reveal[data-reveal=pending] .case-weeks__track i:after{transform:scaleX(0)}.reveal--visible .case-weeks__track i:after{animation:case-week-fill .8s var(--ease) both;animation-delay:calc(var(--week,0) * .11s + .3s)}}@keyframes case-week-fill{0%{transform:scaleX(0)}}.case-section{padding-top:clamp(64px,7vw,104px)}.case-row{border-top:1px solid var(--line-strong);grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px clamp(32px,5vw,80px);padding-top:24px;display:grid}.case-row__title{letter-spacing:-.03em;font-size:clamp(22px,2vw,28px);line-height:1.15}.case-row__index{color:var(--accent);font-family:var(--font-mono);letter-spacing:.04em;margin-bottom:14px;font-size:13px;font-weight:500;line-height:1;display:block}.case-row--stacked{grid-template-columns:minmax(0,1fr);align-content:start}.case-row--stacked .case-row__title{align-items:baseline;gap:12px;font-size:18px;display:flex}.case-row--stacked .case-row__index{margin-bottom:0}.case-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,4vw,56px);display:grid}.case-pair .case-statement{font-size:clamp(24px,2.2vw,31px)}.case-statement{letter-spacing:-.035em;max-width:24em;font-size:clamp(25px,2.6vw,36px);font-weight:500;line-height:1.22}.case-copy{max-width:62ch;color:var(--text-muted);gap:16px;margin-top:clamp(20px,2.2vw,28px);font-size:18px;line-height:1.6;display:grid}.case-system,.case-gallery,.case-built,.case-screens,.case-outcomes{margin-top:clamp(36px,4.5vw,56px)}.case-system{padding:clamp(20px,3.5vw,48px)}.case-system__label{border-bottom:1px solid var(--line);margin-bottom:clamp(28px,3.5vw,44px);padding-bottom:18px}.case-system__specs{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px clamp(24px,3vw,40px);margin:clamp(28px,3.5vw,44px) 0 0;padding-top:24px;display:grid}.case-system__specs dt{margin-bottom:8px}.case-system__specs dd{letter-spacing:-.01em;margin:0;font-size:16px;line-height:1.45}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.case-caption{color:var(--text-muted);margin-top:14px;font-size:15px}.case-built{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.case-built>li{display:flex}.case-built__card{flex-direction:column;flex:1;gap:8px;min-width:0;padding:clamp(22px,2.2vw,28px);display:flex}.case-built__card h3{letter-spacing:-.025em;font-size:clamp(18px,1.6vw,21px);line-height:1.2}.case-built__card p{color:var(--text-muted);font-size:15px;line-height:1.5}.case-screens__film{aspect-ratio:1588/1080;border-radius:var(--radius-lg);box-shadow:var(--shadow-float);background:#000;position:relative;overflow:hidden}.case-screens__film>img{object-fit:cover}.case-phones{z-index:1;justify-content:center;align-items:flex-start;gap:clamp(10px,4vw,64px);margin-top:20px;padding:clamp(28px,6vw,72px) clamp(14px,4vw,48px);display:flex;position:relative}.case-phones__item{flex:0 232px;min-width:0}.case-phones__item:not(:nth-child(2)){margin-top:clamp(20px,4vw,56px)}.case-phones figure{justify-items:center;gap:16px;margin:0;display:grid}.case-phones .phone-frame{width:100%}.case-stack{padding:4px clamp(20px,2.4vw,28px)}.case-stack__row{grid-template-columns:minmax(0,230px) minmax(0,1fr);align-items:center;gap:16px 24px;padding-block:28px;display:grid}.case-stack__row+.case-stack__row{border-top:1px solid var(--line)}.case-stack__heading{align-items:center;gap:10px;display:flex}.case-stack__heading h3{letter-spacing:-.025em;font-size:20px;line-height:1.2}.case-stack__meta p{color:var(--text-muted);margin-top:6px;font-size:15px}.case-stack__items{margin:0;padding:0;list-style:none}.case-outcomes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.case-outcomes>li{display:flex}.case-outcomes__card{flex-direction:column;flex:1;gap:10px;min-width:0;padding:clamp(24px,3vw,36px);display:flex}.case-outcomes__card h3{letter-spacing:-.03em;font-size:clamp(21px,2vw,25px);line-height:1.15}.case-outcomes__card p{color:var(--text-muted);font-size:16px;line-height:1.55}.case-closing{padding-block:clamp(64px,7vw,104px)}.case-closing__card{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px 64px;padding:clamp(32px,5vw,72px);display:grid}.case-closing__visit{color:var(--on-dark);white-space:nowrap;letter-spacing:-.05em;transition:color .2s var(--ease);border-radius:8px;align-items:center;gap:.22em;margin-top:18px;font-size:clamp(34px,5.4vw,76px);font-weight:600;line-height:1;display:inline-flex}.case-closing__visit:hover{color:var(--accent-on-dark)}.case-closing__visit>span{transition:transform .3s var(--ease);font-size:.62em;display:inline-flex}@media (hover:hover){.case-closing__visit:hover>span{transform:translate(3px,-3px)}}.case-closing__note{color:var(--on-dark-muted);margin-top:20px;font-size:16px}.case-closing__next{flex-direction:column;justify-self:end;align-items:flex-start;gap:20px;display:flex}.case-closing__next p{color:var(--on-dark);letter-spacing:-.02em;font-size:20px;font-weight:500}@media (max-width:1100px){.case-stack__row{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.case-hero__intro{grid-template-columns:minmax(0,1fr)}.case-hero__meta{align-items:flex-start}.case-hero__meta .tags{justify-content:flex-start;max-width:none}.case-metrics__grid,.case-reach__list{gap:16px}.case-metrics__item--timeline,.case-metrics__item--orders{grid-column:1/-1}.case-row,.case-pair{grid-template-columns:minmax(0,1fr)}.case-row__title{align-items:baseline;gap:12px;font-size:18px;display:flex}.case-row__index{margin-bottom:0}.case-pair .case-row+.case-row{margin-top:clamp(64px,7vw,104px)}.case-pair .case-statement{font-size:clamp(25px,2.6vw,36px)}.case-system__specs{grid-template-columns:minmax(0,1fr);gap:16px}.case-gallery{grid-template-columns:minmax(0,1fr);gap:32px}.case-built{grid-template-columns:repeat(2,minmax(0,1fr))}.case-outcomes{grid-template-columns:minmax(0,1fr);gap:16px}.case-closing__card{grid-template-columns:minmax(0,1fr)}.case-closing__next{justify-self:start}}@media (max-width:600px){.case-built{grid-template-columns:minmax(0,1fr)}.case-reach__list{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-rest);grid-template-columns:minmax(0,1fr);gap:0}.case-reach__metric.card{box-shadow:none;background:0 0;border:0;border-radius:0;gap:8px;padding:22px 24px}.case-reach__metric.card+.case-reach__metric.card{border-top:1px solid var(--line)}.case-reach__metric .case-metric__value strong{font-size:clamp(44px,12vw,56px)}.case-reach__metric .case-metric__codes{padding-top:4px}.case-weeks__track i{height:28px}.case-stack__row{padding-block:24px}.case-stack__items{grid-template-columns:repeat(2,max-content);display:grid}.case-copy{font-size:17px}.case-phones{gap:8px;padding:24px 12px}.case-phones__item:not(:nth-child(2)){margin-top:0}.case-phones .phone-frame{border-width:5px;border-radius:22px}.case-phones figure{gap:12px}}