
.case-hero{padding:84px 0 52px;overflow:hidden}.case-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.case-hero h1{font-size:clamp(3rem,5.6vw,5.8rem);line-height:.95;letter-spacing:-.064em;margin:18px 0 20px;max-width:900px}.case-hero p{color:#c6d0da;font-size:17px;max-width:760px}.case-visual{position:relative}.case-window{overflow:hidden;border:1px solid var(--line-strong);border-radius:30px;background:#0d151f;box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-3deg)}.case-window .windowbar{height:44px}.case-window-img{position:relative;aspect-ratio:16/11;overflow:hidden;background:#101925}.case-window-img img{width:100%;height:100%;object-fit:cover;object-position:top}.case-window-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(5,9,14,.82))}.case-window-tag{position:absolute;z-index:2;left:18px;bottom:16px}.case-window-tag small{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.case-window-tag strong{display:block;font-size:18px;margin-top:3px}.case-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.017);margin-top:52px}.case-stat{padding:21px}.case-stat+.case-stat{border-left:1px solid var(--line)}.case-stat strong{display:block;font-size:15px;letter-spacing:-.02em}.case-stat p{margin:6px 0 0;color:#8f9cab;font-size:12px}.case-story{display:grid;grid-template-columns:.64fr 1.36fr;gap:46px;align-items:start}.case-story aside{position:sticky;top:104px}.case-story aside small{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.case-story aside h2{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1;letter-spacing:-.05em;margin:12px 0}.case-story aside p{color:#8f9cab}.case-content>p{color:#a8b4c0;font-size:16px}.case-content h3{font-size:22px;letter-spacing:-.035em;margin:30px 0 10px}.case-content ul{list-style:none;padding:0;margin:14px 0 26px}.case-content li{padding:12px 0;border-top:1px solid var(--line);color:#c9d3dd}.case-content li:before{content:"↗";color:var(--cyan);margin-right:10px;font-weight:900}.case-section{padding:82px 0;border-top:1px solid var(--line)}.case-section.alt{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}.case-blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.case-block{border:1px solid var(--line);border-radius:24px;padding:28px;background:rgba(255,255,255,.018)}.case-block h3{font-size:23px;letter-spacing:-.035em;margin:0 0 9px}.case-block p{color:#98a5b2}.case-block ul{list-style:none;padding:0;margin:18px 0 0}.case-block li{padding:10px 0;border-top:1px solid var(--line);color:#c6d0da}.case-block li:before{content:"✓";color:var(--cyan);margin-right:10px}.case-narrative{max-width:900px;margin-left:auto}.case-narrative h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1;letter-spacing:-.055em;margin:0 0 18px}.case-narrative>p{color:#a5b1bd;font-size:16px}.case-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.case-mini{border:1px solid var(--line);border-radius:20px;padding:22px;background:rgba(255,255,255,.016)}.case-mini h3{font-size:17px;margin:0 0 8px}.case-mini p{color:#8e9baa;font-size:12px;margin:0}.case-live{display:inline-flex;margin-top:22px}.case-live a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:900}.case-live a:hover{border-color:rgba(104,230,210,.3)}@media(max-width:1000px){.case-hero-grid{grid-template-columns:1fr}.case-visual{max-width:820px}.case-stats{grid-template-columns:1fr 1fr}.case-stat:nth-child(3){border-left:0;border-top:1px solid var(--line)}.case-stat:nth-child(4){border-top:1px solid var(--line)}.case-story{grid-template-columns:1fr}.case-story aside{position:static}.case-mini-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.case-hero{padding-top:56px}.case-hero h1{font-size:clamp(2.7rem,12vw,4rem)}.case-window{transform:none;border-radius:22px}.case-stats,.case-blocks,.case-mini-grid{grid-template-columns:1fr}.case-stat+.case-stat{border-left:0;border-top:1px solid var(--line)}.case-section{padding:62px 0}}
