/* Localized device presentation: real proportions, bounded size, no image crop. */
.device-showcase{padding-top:64px}
.device-intro{max-width:720px;margin-inline:auto}
.device-intro h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.device-intro p{max-width:60ch;color:var(--muted)}
.device-pair{display:grid;grid-template-columns:minmax(0,550fr) minmax(0,180fr);gap:32px;align-items:end;max-width:720px;margin:28px auto 0}
.device-example{min-width:0}
.device-frame{display:block;padding:9px;background:#272d2f;border:1px solid #73797a;border-radius:22px;box-shadow:0 10px 20px #1746631c}
.device-frame img{width:100%;height:auto;border-radius:13px}
.device-example--iphone .device-frame{padding:6px;border-radius:29px}
.device-example--iphone img{border-radius:23px}
.device-example figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:.95rem}
.device-example figcaption span{font-weight:800}
.device-example figcaption a{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem}
.device-note{max-width:720px;margin:12px auto 0;color:var(--muted);font-size:.85rem}
@media(max-width:600px){
 .device-showcase{padding-top:40px}
 .device-pair{gap:16px;margin-top:24px}
 .device-frame{padding:5px;border-radius:12px;box-shadow:0 6px 12px #1746631c}
 .device-frame img{border-radius:7px}
 .device-example--iphone .device-frame{padding:3px;border-radius:15px}
 .device-example--iphone img{border-radius:11px}
 .device-example figcaption{flex-direction:column;align-items:flex-start;gap:0;font-size:.85rem;margin-top:10px}
 .device-note{margin-top:8px}
}