html, body { max-width: 100%; overflow-x: clip; }
.orbit { width: min(540px, calc(100vw - 20px)); height: min(540px, calc(100vw - 20px)); }

@media (max-width: 850px) {
  .hero { display: flex; flex-direction: column; min-height: auto; }
  .hero-copy, .device-scene { width: 100%; min-width: 0; }
  .hero-copy { padding-bottom: 20px; }
  .device-scene { height: 680px; }
  .phone { width: min(326px, calc(100vw - 48px)); max-width: 326px; }
  .trust { margin-top: 15px; }
  .download-copy, .platforms { min-width: 0; }
  .platform { width: 100%; }
}

@media (max-width: 520px) {
  .shell { width: calc(100% - 28px); }
  .nav .brand img { width: 38px; height: 38px; }
  .nav .brand span { font-size: 18px; }
  .hero { padding-top: 38px; }
  .hero-copy { text-align: left; }
  .eyebrow { font-size: 9px; letter-spacing: 1.8px; white-space: nowrap; }
  .hero h1 { font-size: clamp(52px, 15vw, 60px); line-height: 1.02; letter-spacing: -4px; margin: 25px 0 23px; }
  .hero-copy > p { font-size: 14px; line-height: 1.75; }
  .actions { align-items: stretch; margin-top: 28px; gap: 14px; }
  .primary { width: 100%; justify-content: space-between; padding: 16px 18px; }
  .meta { text-align: center; }
  .device-scene { height: 620px; margin: 0; transform: none; }
  .orbit { width: calc(100vw - 28px); height: calc(100vw - 28px); }
  .phone { height: 600px; padding: 18px; border-radius: 40px; transform: rotate(1deg); }
  .phone h2 { font-size: 31px; }
  .connect-card { margin-top: 18px; }
  .trust { display: grid; grid-template-columns: 1fr; margin-top: 10px; gap: 9px; padding: 20px 12px; }
  .trust i { display: none; }
  .features { padding: 90px 0; }
  .section-title h2 { font-size: 38px; letter-spacing: -2px; }
  .feature { padding: 25px; min-height: 250px; }
  .feature.large { min-height: 460px; }
  .download { padding: 26px 17px; gap: 30px; }
  .download h2 { font-size: 37px; }
  .platform { min-height: 94px; gap: 12px; }
  .platform-logo { width: 46px; height: 46px; flex: 0 0 46px; }
  .platform b { font-size: 18px; }
  .platform em { font-size: 8px; }
  .checksum { overflow-wrap: anywhere; line-height: 1.7; }
  .privacy { padding: 95px 0; }
  .privacy h2 { font-size: 37px; }
  .privacy p { font-size: 13px; }
  footer { height: 100px; }
}