/* Keep the decorative device separate from captions and narrow-screen content. */
.hero-copy,.hero-visual,.screen-copy,.demo-panel>* {min-width:0}
.brand {display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:4px}
.brand img {display:block;width:84px;height:63px;object-fit:contain}
.hero-visual {flex-direction:column}
.margin-note {position:static;margin-top:40px;align-self:flex-end}
@media(max-width:720px) {
  .brand img {width:68px;height:51px}
  .hero-visual {margin-bottom:30px}
  .hero-phone {margin-left:0}
  .margin-note {bottom:-25px}
}
@media(max-width:380px) {
  h1 {font-size:36px;letter-spacing:-1.4px}
  .hero-phone {width:260px;transform:rotate(2deg)}
  .orbit-word {font-size:60px;left:0}
  .hero-visual {min-height:560px}
  .button {padding:17px 19px;gap:14px;font-size:14px}
  .demo-tabs button {padding:10px 15px}
  .small-link {font-size:12px}
}