.num.metric-plus::after { content: "+"; color: var(--gold); }

@media (max-width: 760px) {
  html { scroll-padding-top: 88px; }
  .nav {
    right: auto;
    width: 100vw;
    width: 100dvw;
    overflow: hidden;
  }
  .nav-inner {
    width: 100vw;
    width: 100dvw;
    max-width: none;
    height: 72px;
    gap: 10px;
    justify-content: space-between;
    padding-inline: 14px;
  }
  .brand { min-width: 0; flex: 0 0 auto; gap: 0; }
  .brand-mark { width: 40px; height: 40px; flex: 0 0 40px; }
  .brand-txt { display: none; }
  .brand-sub { display: none; }
  .nav-cta { flex: 0 0 auto; gap: 8px; }
  .nav-cta .btn-gold {
    height: 42px;
    min-width: 124px;
    padding: 0 15px;
    font-size: 13px;
    white-space: nowrap;
    box-shadow: 0 12px 30px rgba(232,192,121,.28);
  }
  .nav-burger {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
  }
  .hero-cine { padding-top: 92px; }
  .hero-badge {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 9px;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 13px 16px;
    border-radius: 28px;
    text-align: center;
  }
  .hero-badge .tag {
    display: grid;
    place-items: center;
    width: auto;
    min-height: 34px;
    padding: 0 14px;
    text-align: center;
    line-height: 1.25;
  }
  .hero-badge span:last-child {
    font-size: 15px;
    line-height: 1.5;
  }
  .hero-cine .headline { font-size: clamp(35px, 10vw, 48px); line-height: 1.08; }
  .hero-cine .sub { font-size: 18px; line-height: 1.55; }
  .hero-actions { gap: 14px; }
  .hero-actions .btn { width: 100%; max-width: 320px; }
  .engine > *,
  .eng-info,
  .eng-art,
  .mock,
  .mock-h,
  .mock-b,
  .post-row,
  .eng-feats,
  .eng-feats li { min-width: 0; }
  .dist-ring { display: none; }
  #scale200 { scroll-margin-top: 86px; }
  .scale200 { padding: 50px 0 62px; }
  .scale200 .wrap { gap: 26px; }
  .scale-head { margin-bottom: 0; }
  .scale-kicker {
    max-width: 100%;
    justify-content: center;
    text-align: center;
    font-size: 11.5px;
    line-height: 1.25;
  }
  .scale-head h2 {
    font-size: clamp(31px, 8.8vw, 38px);
    line-height: 1.12;
  }
  .scale-head p { font-size: 16px; line-height: 1.62; }
  .scale-media { border-radius: 18px; }
  .scale-card { padding: 20px; border-radius: 20px; }
  .scale-card h3 {
    font-size: clamp(25px, 7.4vw, 30px);
    line-height: 1.16;
  }
  .scale-card p { font-size: 15.5px; line-height: 1.68; }
  .scale-point { padding: 11px 12px; gap: 10px; }
  .calc-row { gap: 10px; }
  .calc-box { min-height: 78px; border-radius: 14px; }
  .calc-box b { font-size: 34px; }
  .scale-command {
    padding: 16px;
    border-radius: 16px;
    font-size: 24px;
    line-height: 1.25;
  }
  .voice-badge {
    display: flex;
    width: 100%;
    line-height: 1.45;
  }
  .flow-step {
    grid-template-columns: 42px 1fr;
    gap: 12px;
    padding: 13px;
  }
  .flow-step::before {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    font-size: 19px;
  }
  .upload-top { align-items: flex-start; }
  .upload-title { font-size: 19px; line-height: 1.25; }
  .upload-pill { white-space: nowrap; font-size: 11px; }
  .upload-box { min-height: 148px; border-radius: 18px; }
  .version-item { align-items: flex-start; flex-direction: column; gap: 5px; }
  .fab-stack { right: 12px; bottom: 12px; gap: 9px; }
  .fab { width: 48px; height: 48px; }
  .fab svg { width: 22px; height: 22px; }
  .fab-tip { display: none; }
}

@media (max-width: 410px) {
  .nav-inner { padding-inline: 12px; }
  .nav-cta .btn-gold { min-width: 118px; padding: 0 12px; font-size: 12.5px; }
  .nav-burger { width: 40px; height: 40px; flex-basis: 40px; }
  .hero-cine .headline { font-size: clamp(33px, 9.5vw, 40px); }
  .scale-head h2 { font-size: 34px; }
}