/* Preserve clear copy while the interactive orbit moves below it on small screens. */
@media (max-width:900px){
  .hero{
    height:auto;
    min-height:0;
    padding-bottom:52px;
    background:#f7f1e8;
  }
  .hero::after{
    background:
      linear-gradient(180deg,#faf6ef 0%,rgba(250,246,239,.92) 60%,rgba(250,246,239,.45) 100%);
  }
  .hero-grid{height:auto;padding:48px clamp(28px,5vw,42px) 28px}
  .hero-copy{width:100%;max-width:none}
  .hero h1{max-width:none;font-size:clamp(42px,12vw,62px);line-height:1.01}
  .hero .lead{max-width:none;margin:24px 0 28px;color:#223347;font-size:17px;line-height:1.52}
  .hero .actions{gap:17px}
  .hero .button{padding:15px 21px;white-space:nowrap}
  .hero .text-action{color:#102137}
  .hero .play{background:rgba(250,246,239,.76)}
  .hero-realistic-orbit{position:relative;top:auto;right:auto;width:100%;height:500px;margin:-72px 0 0;z-index:2}
  .hero-realistic-orbit .stage::before{content:"";position:absolute;z-index:700;top:0;right:0;left:0;height:145px;background:linear-gradient(180deg,#f7f1e8 0%,rgba(247,241,232,.94) 26%,rgba(247,241,232,.5) 63%,rgba(247,241,232,0) 100%);pointer-events:none}
  .hero-note{position:relative;margin-top:-4px}
  .service-card{width:29%}
  .hub{width:32%}
  .drag-hint{bottom:75px;left:0;width:100%;font-size:7px;letter-spacing:1px;text-align:center}
  .controls{right:auto;bottom:15px;left:50%;gap:10px;padding:10px 12px;transform:translateX(-50%);white-space:nowrap}
  .controls label{font-size:9px}.controls input{width:55px}
}

@media (max-width:420px){
  .hero-grid{padding-inline:24px}
  .hero .lead{font-size:16px}
  .hero-realistic-orbit{height:430px;margin-top:-58px}
}