/* 6.3-inch phone first: validated design target is 390–430 CSS px wide. */
@media (max-width: 480px) {
  body { font-size: 16px; padding-bottom: env(safe-area-inset-bottom); }
  .topbar { height: 64px; padding: 0 18px; position: sticky; top: 0; z-index: 3; background: rgba(5, 11, 20, .92); backdrop-filter: blur(14px); }
  .brand { font-size: 16px; }
  .brand img { width: 36px; height: 36px; margin-right: 8px; object-fit: cover; border-radius: 9px; }
  .brand b { display: none; }
  .status { padding: 8px 10px; font-size: 10px; }
  .hero { min-height: auto; padding: 20px 20px 34px; gap: 0; }
  .core-visual { height: 248px; margin: 0 -6px 4px; }
  .core-visual img { width: 225px; mix-blend-mode: normal; filter: drop-shadow(0 0 28px rgba(33, 217, 255, .38)); border-radius: 22%; object-fit: cover; }
  .core-visual p { font-size: 12px; letter-spacing: 4px; }
  .core-orbit { width: 76%; }
  .orbit-two { width: 59%; }
  .hero h1 { font-size: 38px; line-height: 1.2; letter-spacing: -1.6px; }
  .eyebrow { font-size: 10px; letter-spacing: 1.8px; margin-bottom: 10px; }
  .lead { margin: 16px 0 22px; font-size: 15px; line-height: 1.8; }
  .hero-actions { flex-direction: column; align-items: stretch; gap: 9px; }
  .button { min-height: 46px; padding: 12px 16px; text-align: center; font-size: 15px; }
  .telemetry { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 25px; padding-top: 17px; border-top: 1px solid var(--line); font-size: 10px; }
  .telemetry span { display: flex; flex-direction: column; gap: 2px; }
  .telemetry b { font-size: 18px; }
  .signal-strip { display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 24px; overflow: auto; padding: 13px 20px; font-size: 10px; white-space: nowrap; scroll-snap-type: x mandatory; }
  .signal-strip span { scroll-snap-align: start; }
  .section { padding: 64px 20px; }
  .section h2 { font-size: 31px; letter-spacing: -1px; }
  .section-heading > div > p:not(.eyebrow) { font-size: 14px; line-height: 1.8; }
  .legend { font-size: 10px; white-space: normal; line-height: 2; }
  .controls { margin: 24px 0 16px; }
  .tier-switch { gap: 6px; overflow: auto; padding-bottom: 2px; }
  .tier-switch button { flex: 0 0 auto; min-height: 38px; padding: 8px 13px; font-size: 12px; }
  .search { min-height: 44px; }
  .search input { font-size: 14px; }
  .model-grid { grid-template-columns: 1fr; gap: 10px; }
  .model-card { min-height: 215px; padding: 17px; }
  .model-card h3 { margin: 15px 0 4px; font-size: 21px; }
  .note { font-size: 13px; line-height: 1.65; }
  .model-card a { font-size: 12px; padding-top: 4px; }
  .disclaimer { line-height: 1.7; }
  .command-section { padding-block: 58px; }
  .command-section h2 { font-size: 34px; }
  .command-copy > p:not(.eyebrow) { font-size: 14px; }
  .command-list button { min-height: 54px; font-size: 14px; }
  .terminal { padding: 15px; }
  .terminal p { font-size: 12px; line-height: 1.8; }
  .academy { padding-bottom: 35px; }
  .track-layout { margin-top: 22px; }
  .track-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .track-tabs button { min-height: 64px; padding: 11px; font-size: 13px; }
  .track-tabs button span { display: block; margin: 0 0 4px; font-size: 10px; }
  .mission-card { min-height: 240px; padding: 23px; }
  .mission-card h3 { font-size: 25px; }
  .mission-card > p { font-size: 14px; }
  .updates { padding-top: 56px; }
  .updates h2 { font-size: 27px; line-height: 1.35; }
  .update-note { padding: 16px; gap: 10px; }
  .update-note p { font-size: 12px; }
  .update-note a { margin: 0 0 0 30px; font-size: 12px; }
  summary { min-height: 52px; font-size: 14px; }
  .change-list article { gap: 10px; }
  .change-list p { line-height: 1.6; }
  footer { padding: 24px 20px calc(24px + env(safe-area-inset-bottom)); gap: 8px; font-size: 10px; }
  dialog { width: calc(100% - 32px); padding: 24px; }
  .close-dialog.button { min-height: 42px; width: 100%; }
}