.case-preview{padding:14vh 3vw;border-bottom:1px solid var(--line)}.case-preview-head{display:grid;grid-template-columns:1fr 3fr;gap:4vw;align-items:end;margin-bottom:6vh}.case-preview-head h2{font-size:clamp(2.7rem,6vw,6.8rem);line-height:.96;letter-spacing:-.065em;margin:0;max-width:1050px}.case-preview-head p:last-child{max-width:700px;margin:2rem 0 0}.preview-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.28fr);gap:2vw;align-items:start}.browser-shell,.phone-shell{background:var(--ink);padding:10px;border-radius:22px;box-shadow:0 24px 70px rgba(17,17,15,.16)}.browser-bar{height:38px;background:#252522;border-radius:13px 13px 0 0;display:flex;align-items:center;gap:7px;padding:0 14px}.browser-dot{width:7px;height:7px;border-radius:50%;background:var(--paper);opacity:.5}.browser-url{margin-left:10px;color:var(--paper);font:400 .56rem DM Mono;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-viewport{position:relative;overflow:hidden;background:#fff}.browser-shell .preview-viewport{aspect-ratio:16/10;border-radius:0 0 13px 13px}.phone-shell{border-radius:34px;padding:9px;max-width:330px;justify-self:end}.phone-shell .preview-viewport{aspect-ratio:9/19.5;border-radius:26px}.preview-viewport iframe{border:0;position:absolute;inset:0;width:100%;height:100%;background:#fff}.preview-note{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-top:2.5vh;font:400 .65rem DM Mono;text-transform:uppercase;letter-spacing:.06em}.preview-note a{text-decoration:underline}.preview-note span{opacity:.62}@media(max-width:800px){.case-preview{padding:10vh 3vw}.case-preview-head{grid-template-columns:1fr;gap:4vh}.preview-stage{grid-template-columns:1fr}.phone-shell{display:none}.browser-shell{border-radius:14px;padding:7px}.browser-bar{height:30px}.browser-shell .preview-viewport{aspect-ratio:9/14}.preview-note{align-items:flex-start;flex-direction:column;gap:.8rem}}