.ivm-subtitle{font-family:'Satoshi',sans-serif;font-size:clamp(22px,2.5vw,32px);font-weight:300;line-height:1.3;margin-top:20px}
.ivm-visit{margin-top:28px;white-space:normal}
.ivm-stats .ws-stat-val{font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.ivm-visual{margin:0;border:1px solid var(--card-border);background:#191917}
.ivm-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.ivm-visual figcaption{font-size:13px;line-height:1.6;padding:16px 20px;color:rgba(218,197,167,.8)}
.ivm-visual figcaption a{text-decoration:underline;text-underline-offset:3px}
.ivm-case-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.ivm-copy{margin-top:24px}
.ivm-deliverables{margin-top:72px;padding:40px;border:1px solid var(--card-border);background:var(--accent-faint)}
.ivm-deliverables ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 40px;margin:32px 0 0;padding-left:22px;list-style:disc}
.ivm-deliverables li{font-size:16px;line-height:1.65;color:rgba(218,197,167,.85);padding-left:4px}
.ivm-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:64px;margin-top:72px}
.ivm-result>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.ivm-closing{font-size:18px;line-height:1.65;margin:28px 0;color:var(--accent)}
@media(max-width:768px){.ivm-case-grid,.ivm-result,.ivm-deliverables ul{grid-template-columns:minmax(0,1fr)}.ivm-case-grid,.ivm-result{gap:40px}.ivm-deliverables{padding:28px 24px}.ivm-deliverables,.ivm-result{margin-top:48px}}
@media(max-width:480px){.ivm-deliverables{padding:24px 20px}.ivm-stats .ws-stat-val{font-size:16px}.ivm-visual figcaption{padding:12px 16px}}

/* Real, uncropped interface captures in restrained browser and phone frames. */
.ivm-visual.ivm-screen { overflow: hidden; border-radius: 12px; box-shadow: 0 22px 70px rgba(0,0,0,.22); }
.ivm-screen img { max-height: none; height: auto; object-fit: contain; }
.ivm-browser-bar { min-height: 38px; display: flex; align-items: center; gap: 20px; padding: 10px 16px; background: #252b28; color: #d6dbd6; font: 11px/1.4 'Satoshi',sans-serif; letter-spacing: .025em; }
.ivm-browser-dots { color: #82958a; font-size: 9px; letter-spacing: 2px; white-space: nowrap; }
.ivm-screen-link { display: block; }
.ivm-screen-link:focus-visible { outline-offset: -4px; }
.ivm-visual.ivm-screen figcaption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; }
.ivm-interface { margin-top: 72px; }
.ivm-interface-intro { margin-top: 18px; max-width: 680px; }
.ivm-interface-grid { margin-top: 32px; padding: clamp(20px,3vw,40px); display: grid; grid-template-columns: minmax(0,1.9fr) minmax(0,1fr); gap: clamp(24px,4vw,64px); align-items: center; background: #1b2420; border: 1px solid var(--card-border); border-radius: 12px; }
.ivm-interface-grid figure { margin: 0; min-width: 0; }
.ivm-desktop-detail .ivm-browser-bar { border-radius: 8px 8px 0 0; }
.ivm-interface-grid img { width: 100%; height: auto; display: block; }
.ivm-desktop-detail .ivm-screen-link { overflow: hidden; border-radius: 0 0 8px 8px; box-shadow: 0 18px 40px rgba(0,0,0,.25); }
.ivm-phone { max-width: 240px; margin: 0 auto; padding: 8px; background: #101512; border: 1px solid #59665d; border-radius: 28px; box-shadow: 0 20px 40px rgba(0,0,0,.28); }
.ivm-phone .ivm-screen-link { border-radius: 20px; overflow: hidden; }
.ivm-interface-grid figcaption { display: flex; gap: 12px; margin-top: 20px; font-size: 14px; line-height: 1.5; color: #dac5a7; }
.ivm-interface-grid figcaption span { opacity: .55; }
.ivm-mobile-detail figcaption { max-width: 240px; margin-inline: auto; }
@media(max-width:768px) { .ivm-interface { margin-top: 48px; } .ivm-interface-grid { grid-template-columns: minmax(0,1fr); gap: 36px; } .ivm-phone { max-width: 260px; } .ivm-mobile-detail figcaption { max-width: 260px; } }
@media(max-width:480px) { .ivm-browser-bar { gap: 10px; padding: 9px 10px; font-size: 10px; } .ivm-interface-grid { padding: 16px; } }
