.product-phone{margin:0;min-width:0;text-align:center;justify-self:center;width:100%;max-width:420px}
.product-phone__frame{box-sizing:border-box;width:min(100%,328px);padding:8px;margin-inline:auto;border:1px solid #39454b;border-radius:34px;background:#142127;box-shadow:0 20px 45px rgba(25,42,48,.18),0 3px 8px rgba(25,42,48,.16)}
.product-phone__screen{display:block;width:100%;height:auto;border-radius:25px}
.product-phone figcaption{max-width:330px;margin:16px auto 0;font:400 .85rem/1.5 var(--font-ui);color:var(--ink-2)}
.product-phone__attribution{display:block;margin-top:5px;font-size:.75rem;color:var(--ink-3)}
@media(max-width:899px){.product-phone{justify-self:start;max-width:420px}.product-hero{gap:32px}}
@media(max-width:559px){.product-phone{justify-self:center;max-width:360px}.product-phone__frame{width:100%;padding:7px;border-radius:32px}.product-phone__screen{border-radius:24px}.product-phone figcaption{margin-top:14px;font-size:.8125rem}}

@media(min-width:900px){.product-hero{align-items:start}.product-phone__frame{width:min(100%,268px)}.product-phone figcaption{margin-top:12px}}