.shot{margin:0;border-radius:18px;overflow:hidden;border:1px solid #2A3A58;box-shadow:0 30px 60px rgba(0,0,0,.35);background:#0b1a12}
.shot img{display:block;width:100%;height:auto}
.showcase .shot{flex:1 1 auto;max-width:800px}
.phone{height:auto;aspect-ratio:375/812;width:260px}
.phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.logo-tile{height:120px;border-radius:16px;background:linear-gradient(135deg,#0d2620,#1f4a3a);display:flex;align-items:center;justify-content:center;margin-top:20px}
.logo-tile img{height:60px;width:auto}
.tl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tl-stats div{padding:24px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.tl-stats b{font-family:var(--serif);font-size:44px;font-weight:600;line-height:1;color:var(--navy)}
.tl-stats span{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.asof{font-size:13px;color:var(--ink-3)}
.app-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none}
@media (max-width:720px){
.phone{width:220px}
.tl-stats{gap:10px}
.tl-stats div{padding:16px}
.tl-stats b{font-size:32px}
.tl-stats span{font-size:10px;letter-spacing:.12em}
.logo-tile{height:96px}
.logo-tile img{height:46px}
}
.three.four{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1100px){.three.four{grid-template-columns:1fr}}