:root { --bg:#0d0d0d; --text:#fff; --muted:rgba(255,255,255,.6); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font:400 16px/1.4 'Geist Sans', Inter, Arial, sans-serif; letter-spacing:-.2px; }
p, figure { margin:0; }
.back { position:fixed; z-index:2; top:30px; left:30px; padding:12px 24px 14px; border-radius:100px; background:rgba(255,255,255,.1); color:#fff; line-height:1.2; text-decoration:none; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:background .2s ease; }
.back:hover { background:rgba(255,255,255,.18); }
.case-ai { width:780px; margin:30px auto 0; padding-bottom:80px; }
.case-ai > * + * { margin-top:80px; }
.hero { display:flex; flex-direction:column; gap:20px; }
.intro { display:flex; flex-direction:column; gap:8px; padding:12px 0; }
.eyebrow, .labelled > span, .goals span, .meta > div > span, figcaption { color:var(--muted); line-height:1.2; }
.eyebrow { font-size:18px; }
.meta { display:flex; gap:80px; }
.meta > div { display:flex; flex-direction:column; gap:8px; padding:12px 0; }
.meta p { color:var(--text); font-weight:400; }
.timeline-mobile { display:none; }
.hero-card { position:relative; height:501px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:#0d0d0d; }
.hero-bg { position:absolute; inset:-1px; width:calc(100% + 2px); height:calc(100% + 2px); object-fit:cover; opacity:.8; }
.hero-phone { position:absolute; top:calc(10.56% - .79px); bottom:calc(-51.43% - 2.03px); left:calc(50% - .5px); aspect-ratio:996/2160; transform:translateX(-50%); overflow:hidden; border:2px solid rgba(255,255,255,.04); border-radius:40px; }
.hero-phone img { position:absolute; width:100%; height:100%; object-fit:cover; border-radius:38px; }
.hero-phone-overlay { top:-19.26%; left:-.11%; width:100.21% !important; }
.copy { width:560px; margin-left:auto; margin-right:auto; }
.copy p + p { margin-top:16px; }
.product { display:flex; flex-direction:column; gap:20px; }
.product img { width:28px; height:28px; margin:0 6px; border-radius:8px; object-fit:contain; vertical-align:middle; }
.labelled { display:flex; flex-direction:column; gap:8px; }
.goals span { display:inline; }
.gallery { position:relative; width:780px; height:522px; overflow:hidden; border-radius:12px; }
.gallery-track { position:relative; width:780px; height:100%; }
.gallery figure { position:absolute; top:0; width:224px; height:522px; margin:0; }
.gallery figure:nth-child(1) { left:14px; }.gallery figure:nth-child(2) { left:278px; }.gallery figure:nth-child(3) { left:542px; }
.gallery--two figure:nth-child(1) { left:146px; }.gallery--two figure:nth-child(2) { left:410px; }
.gallery--space figure:nth-child(2) { left:421px; }
.gallery figure img { display:block; width:224px; height:486px; border:1px solid rgba(255,255,255,.1); border-radius:28px; object-fit:cover; }
figcaption { margin-top:12px; text-align:center; font-size:14px; white-space:nowrap; }
.research { width:780px; height:416px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:16px; }
.research img { display:block; width:100%; height:112.57%; object-fit:cover; }
.results { padding-bottom:40px; }
@media (max-width:1000px) {
  .back { top:30px; left:16px; box-shadow:0 .3px .4px rgba(0,0,0,.02),0 1.1px 1.6px rgba(0,0,0,.06),0 5px 7px rgba(0,0,0,.25); }
  .case-ai { width:100%; max-width:390px; margin:91px auto 0; padding:0 16px 104px; }
  .case-ai > * + * { margin-top:53px; }
  .hero { gap:20px; }.meta { flex-direction:column; gap:0; }
  .timeline-desktop { display:none; }.timeline-mobile { display:inline; color:var(--text); }
  .hero-card { height:230px; }.hero-bg { width:780px; height:501px; max-width:none; }
  .hero-phone { top:calc(10.56% - .79px); bottom:calc(-51.43% - 2.03px); border-width:1px; border-radius:20px; }
  .hero-phone img { border-radius:19px; }.copy { width:100%; }
  .gallery { width:100%; height:522px; overflow-x:auto; overflow-y:hidden; border-radius:12px; scrollbar-width:none; -webkit-overflow-scrolling:touch; touch-action:pan-x; overscroll-behavior-x:contain; }
  .gallery::-webkit-scrollbar { display:none; }.gallery-track { min-width:780px; }
  .gallery--two .gallery-track { min-width:648px; width:648px; }.gallery--two figure:nth-child(1) { left:14px; }.gallery--two figure:nth-child(2) { left:278px; }
  .gallery--space figure:nth-child(2) { left:278px; }
  .research { width:100%; height:191px; border-radius:12px; }.research img { width:100%; height:112.57%; }
}
@media (pointer:fine) and (max-width:1000px) { .gallery { cursor:grab; }.gallery.is-dragging { cursor:grabbing; user-select:none; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.back { transition:none; } }