.intro{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:100dvh;padding-top:clamp(8rem,14vw,13rem);padding-bottom:clamp(4rem,7vw,6rem);isolation:isolate;background:#000}.intro__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.intro .shell{position:relative;z-index:1;margin:0}.intro__eyebrow{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);margin:0 0 clamp(2rem,4vw,3rem)}.intro__client{font-family:var(--display);font-weight:900;font-size:clamp(1.75rem,1.2rem + 2.5vw,3rem);line-height:.98;letter-spacing:-.025em;margin:0;max-width:22ch}.intro-mobile{display:none}@media(max-width:720px){.intro{display:block;min-height:auto;height:clamp(300px,70vw,480px);padding:0}.intro__title-wrap{display:none}.intro-mobile{display:block;padding-block:clamp(1.5rem,4vw,2rem);border-bottom:1px solid var(--rule-soft)}.intro-mobile .intro__eyebrow{color:var(--ink-mute);margin-bottom:1rem}.intro-mobile .intro__client{color:var(--ink)}}.intro__body{margin-top:clamp(2rem,4vw,3rem);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,4vw,4rem);align-items:start;padding-top:clamp(1.5rem,3vw,2.25rem);border-top:1px solid var(--rule)}.intro__meta{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem;margin:0}.intro__meta-row{display:block}.intro__meta-key{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);margin:0;padding-bottom:.25rem}.intro__meta-val{font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,1rem + .8vw,1.75rem);letter-spacing:-.015em;color:var(--ink);margin:0;line-height:1.1}@media(max-width:720px){.intro__body{grid-template-columns:1fr;padding-top:2rem}}.case-info{padding-block:clamp(2rem,4vw,3rem);border-top:1px solid var(--rule)}.case-info__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,4vw,4rem);align-items:start}.case-info__meta{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;gap:1.25rem 1.5rem;margin:0}.case-info__meta-row{display:block}.case-info__meta-key{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);margin:0;padding-bottom:.25rem}.case-info__meta-val{font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,1rem + .8vw,1.75rem);letter-spacing:-.015em;color:var(--ink);margin:0;line-height:1.1}@media(min-width:721px){.case-info .prose{padding-left:clamp(2rem,4vw,4rem);border-left:1px solid var(--rule)}}@media(max-width:720px){.case-info__grid{grid-template-columns:1fr}.case-info__meta{grid-template-columns:1fr 1fr}}.challenge{padding-block:clamp(2rem,3.5vw,3rem);border-top:1px solid var(--rule)}.challenge__title{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,1.1rem + 1.8vw,2.5rem);letter-spacing:-.018em;line-height:1.08;margin:0 0 1.25rem;max-width:26ch;color:var(--ink-soft)}.challenge__title em{color:var(--ink);font-style:normal}.showcase{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(2rem,4vw,3.5rem) clamp(3rem,6vw,5rem);border-top:1px solid var(--rule)}.showcase__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.showcase__inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(1rem,2vw,1.5rem);row-gap:0}.showcase__label{grid-column:1 / -1;font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);margin:0 0 clamp(1rem,2vw,1.5rem)}.showcase__video{grid-column:2 / 12;border:1px solid var(--rule);border-radius:14px;background:var(--surface);padding:clamp(.4rem,.8vw,.6rem);box-shadow:0 1px 0 var(--rule-soft),0 30px 60px -40px #0b0b0d59;margin:0}.showcase__video-bar{height:22px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:8px 8px 0 0}.showcase__video-bar i{width:8px;height:8px;border-radius:50%;background:var(--rule)}.showcase__video .showcase__video-el{width:100%;object-fit:cover;display:block;aspect-ratio:16 / 10;border-radius:0 0 8px 8px}.showcase__video--dark{background:#0c0c14;border-color:#1a1a28;box-shadow:0 1px #1a1a28,0 30px 60px -40px #0202028c;padding:0;overflow:hidden}.showcase__video--dark .showcase__video-bar{background:#13131f}.showcase__video--dark .showcase__video-bar i{background:#2e2e40}.showcase__video--dark .showcase__video-el{border-radius:0}.showcase--dark .showcase__label{color:#fff}.showcase__phones{grid-column:1 / -1;position:relative;width:100%;margin-top:clamp(2rem,4vw,3rem);aspect-ratio:1 / 1}.phone{position:absolute;border-radius:28px;border:1px solid var(--rule);background:var(--surface);padding:10px}.phone .ph{aspect-ratio:9 / 19;border-radius:18px}.showcase__m1{top:0%;left:12%;width:22%}.showcase__m2{top:23%;right:12%;width:22%}.showcase__m3{top:56%;left:28%;width:22%}.showcase__shot{position:absolute;height:auto;display:block}@media(max-width:860px){.showcase__video{grid-column:1 / -1;width:min(640px,100%);margin-inline:auto}.showcase__phones{aspect-ratio:1 / 1.36}.showcase__m1{top:0%;left:4%;width:30%}.showcase__m2{top:23%;right:4%;left:auto;width:30%}.showcase__m3{top:53%;left:33%;width:30%}}@media(max-width:560px){.showcase__phones{aspect-ratio:1 / 1.65}.showcase__m1{top:0%;left:4%;width:36%}.showcase__m2{top:23%;right:4%;left:auto;width:36%}.showcase__m3{top:52%;left:20%;width:36%}}.done{padding-block:clamp(5rem,9vw,8rem) clamp(2rem,4vw,3rem);border-top:1px solid var(--rule)}.done__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start;margin-bottom:clamp(3rem,6vw,5rem)}.done__services{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.5rem}.done__services span{padding:.4rem .85rem;border:1px solid var(--rule);border-radius:999px;font-size:.8rem;color:var(--ink-soft)}.done__caption{margin-top:1.25rem;font-family:var(--mono);font-size:.75rem;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.14em}@media(max-width:720px){.done__grid{grid-template-columns:1fr}}.section-title{font-family:var(--display);font-weight:700;font-size:var(--step-3);letter-spacing:-.02em;margin:0 0 clamp(2rem,4vw,3rem);line-height:1.05}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem);margin:0 0 clamp(1.5rem,3vw,2rem)}.stats>div{position:relative;overflow:hidden;padding:clamp(1.1rem,2vw,1.5rem);border-radius:16px;background:#ffffff80;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid oklch(100% 0 0 / .18);box-shadow:0 4px 12px #0000000f,0 0 0 1px #ffffff0d inset,0 1px #ffffff1f inset;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.stats>div:hover{transform:translateY(-5px);box-shadow:0 18px 32px -18px #41446873,0 0 0 1px #ffffff12 inset,0 1px #ffffff2e inset}}.stat-key{position:relative;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);margin:0 0 .4rem}.stat-val{position:relative;font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);letter-spacing:-.02em;color:var(--ink);margin:0;line-height:1.05}@media(max-width:720px){.stats{grid-template-columns:1fr 1fr}}.diagram{position:relative;border:1px solid oklch(100% 0 0 / .18);border-radius:16px;padding:clamp(1.5rem,3vw,2.25rem);background:#ffffff73;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 4px 12px #0000000f,0 0 0 1px #ffffff0d inset,0 1px #ffffff1f inset;color:var(--ink);overflow:hidden;margin-top:clamp(1.5rem,3vw,2rem)}.diagram svg{position:relative;width:100%;height:auto;display:block;color:var(--ink)}@media(prefers-reduced-motion:no-preference){.diagram svg g[stroke-dasharray] path,.diagram svg path[stroke-dasharray]{animation:caseDashFlow 2.6s linear infinite}}@keyframes caseDashFlow{to{stroke-dashoffset:-100}}.diagram__mobile{display:none}@media(max-width:720px){.diagram>svg{display:none}.diagram__mobile{display:grid;gap:.5rem}}.dnode{border:1px solid var(--rule);border-radius:6px;padding:.85rem 1rem;text-align:center;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--bg)}.dnode small{display:block;margin-top:.4rem;font-size:.65rem;opacity:.55;text-transform:none;letter-spacing:0}.dpipe{text-align:center;font-family:var(--mono);font-size:.7rem;color:var(--ink-mute);letter-spacing:.12em;padding:.2rem 0}.dgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.dgrid--3{grid-template-columns:repeat(3,1fr)}.dgrid>span{border:1px solid var(--rule);border-radius:6px;padding:.6rem;text-align:center;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;background:var(--bg)}.dgrid>span.span2{grid-column:1 / -1}.agent{position:relative;padding-block:clamp(2rem,4vw,3rem) clamp(3rem,6vw,5rem);border-top:1px solid var(--rule-soft);overflow:hidden}.agent .shell{position:relative;z-index:1}.next{border-top:1px solid var(--rule);padding-block:clamp(3.5rem,6vw,6rem);text-align:center;background:var(--bg-dark);color:var(--bg)}.next__eyebrow{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#ffffff73;margin:0 0 1rem}.next__title{font-family:var(--display);font-weight:900;font-size:clamp(2.5rem,2rem + 4vw,5rem);letter-spacing:-.03em;line-height:.98;margin:0 0 1.5rem}.next__arrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.85rem;color:#ffffffb3}.next a:hover .next__title{text-decoration:underline;text-underline-offset:8px}@keyframes caseReveal{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.case-info__grid,.challenge .shell,.done__grid,.stats,.diagram,.done__caption{animation:caseReveal both linear;animation-timeline:view();animation-range:entry 0% cover 28%}}}