.shot{border:1px solid var(--line);box-shadow:var(--shadow);background:var(--card);border-radius:14px;overflow:hidden}.shot .chrome{background:var(--teal-soft);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:30px;padding-left:12px;display:flex}.shot .chrome i{background:var(--line);border-radius:50%;width:10px;height:10px}.shot img,.phone img{width:100%;height:auto;display:block}.phone{box-shadow:0 0 0 1px var(--line), var(--shadow);background:#fff;border-radius:26px;overflow:hidden}.phone.cut{aspect-ratio:520/760;border-radius:28px 28px 0 0}.phone.cut img{object-fit:cover;object-position:top;height:100%}.on-teal .phone{box-shadow:0 0 0 1px #ffffff40,0 24px 50px #00000059}.hero .phone{background:var(--card);box-shadow:0 0 0 1px var(--line), 0 18px 40px #0a374224}.callout-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:40px;margin-top:28px;display:grid}.callout-frame{position:relative}.callout-frame img{width:100%;height:auto;display:block}.marker{background:var(--accent);width:28px;height:28px;color:var(--card);font:700 15px/1 var(--font-body-stack);box-shadow:0 0 0 3px var(--card);border-radius:50%;place-items:center;margin:-14px 0 0 -14px;display:grid;position:absolute}.callouts{counter-reset:callout;gap:18px;list-style:none;display:grid}.callouts li{counter-increment:callout;grid-template-columns:28px minmax(0,1fr);column-gap:14px;display:grid}.callouts li:before{content:counter(callout);background:var(--accent);width:28px;height:28px;color:var(--card);font:700 15px/1 var(--font-body-stack);border-radius:50%;grid-row:1/span 2;place-items:center;display:grid}.callouts h3{font:600 19px/1.3 var(--font-body-stack)}.callouts p{color:var(--muted);font-size:16px}@media (max-width:899px){.callout-grid{grid-template-columns:minmax(0,1fr);gap:24px}}