/* product pages: same system as home */
.hero-acts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:40px}
.hero-vis{margin-top:80px;width:100%}
.phones.three{grid-template-columns:repeat(3,1fr);max-width:840px;margin:0 auto;perspective:1400px}
.phones .phone{position:relative;transition:transform .25s ease-out}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.how div{border-top:1px solid var(--ink);padding-top:24px}
.how .n{font-size:14px;font-weight:500;color:var(--grey);margin-bottom:24px;display:block}
.how h3{font-size:24px;letter-spacing:-.02em;font-weight:600}
.how p{margin-top:8px;color:var(--grey);font-size:17px}
.feat{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center;padding:64px 0;border-top:1px solid var(--line)}
.feat:first-of-type{border-top:0}
.feat.flip{grid-template-columns:7fr 5fr}.feat.flip .feat-t{order:2}
.feat.phone-row{grid-template-columns:7fr 5fr}.feat.phone-row.flip{grid-template-columns:5fr 7fr}
.feat-t .eyebrow{margin-bottom:12px}
.feat-t h2{font-size:40px}
.feat-t p{margin-top:16px;font-size:17px;color:var(--grey);max-width:38ch}
.feat-v{display:flex;justify-content:center;perspective:1400px}
.feat-v .phone{max-width:260px}
.feat-v .browser{width:100%}
.shot{display:block;width:100%;aspect-ratio:1900/1112;object-fit:contain;background:#fff}
.bbar{height:32px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);background:#fafafa;font-size:12px;color:var(--grey)}
@media(max-width:900px){
 .phones.three{grid-template-columns:1fr;max-width:260px;gap:48px}
 .how{grid-template-columns:1fr;gap:32px}
 .feat,.feat.flip,.feat.phone-row,.feat.phone-row.flip{grid-template-columns:1fr;gap:32px;padding:48px 0}
 .feat.flip .feat-t{order:0}
 .feat-t h2{font-size:32px}
 .hero-vis{margin-top:56px}
 .hero-acts{flex-direction:column;align-items:stretch;width:100%;max-width:320px}.hero-acts .btn{justify-content:center}
}
.hero-phone .phone{max-width:300px}