/* ══════════════════════════════════════════
   RYDEX — Responsive Stylesheet
   Edit breakpoints and mobile overrides here
   ══════════════════════════════════════════ */

/* ── TABLET 1024px ── */
@media (max-width: 1024px) {
  .hero-stats-bar     { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .areas-grid         { grid-template-columns: repeat(2, 1fr); }
  .pricing-grid       { grid-template-columns: 1fr 1fr; }
  .ft-top             { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .why-grid           { gap: 4rem; }
  .about-grid         { gap: 4rem; }
}

/* ── TABLET 900px ── */
@media (max-width: 900px) {

  /* Nav */
  .nav-links          { display: none; }
  .hamburger          { display: flex; }

  /* Hero */
  .hero               { padding-top: calc(var(--top-offset) + 1rem); }
  .hero-content       { grid-template-columns: 1fr; gap: 2.5rem; padding-bottom: 14rem; }
  .hero-visual        { order: -1; }
  .hero-badge-float   { display: none; }
  .hero-stats-bar     { padding-bottom: 2rem; }

  /* Sections */
  :root               { --section-pad: 5.5rem 5vw; }

  /* Services */
  .svc-grid           { grid-template-columns: 1fr; }

  /* Why */
  .why-grid           { grid-template-columns: 1fr; gap: 3rem; }
  .why-stat-box       { display: none; }

  /* Steps */
  .steps              { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .steps::before      { display: none; }

  /* Areas */
  .areas-grid         { grid-template-columns: 1fr 1fr; }

  /* Reviews */
  .reviews-grid       { grid-template-columns: 1fr; }
  .reviews-header     { flex-direction: column; gap: 1rem; }
  .reviews-score      { text-align: left; }

  /* Pricing */
  .pricing-grid       { grid-template-columns: 1fr; }

  /* About */
  .about-grid         { grid-template-columns: 1fr; gap: 3rem; }
  .about-img-wrap::before { display: none; }

  /* Contact */
  .contact-grid       { grid-template-columns: 1fr; gap: 3rem; }

  /* Footer */
  .ft-top             { grid-template-columns: 1fr 1fr; }
}

/* ── MOBILE 640px ── */
@media (max-width: 640px) {

  :root {
    --fs-h1:      clamp(2.4rem, 9vw, 3.5rem);
    --fs-xl:      clamp(1.75rem, 6vw, 2.4rem);
    --section-pad: 4.5rem 5vw;
    --nav-h:      64px;
  }

  /* Lang bar — hide info text */
  .lang-info          { display: none; }

  /* Nav logo smaller */
  .nav-logo img       { height: 38px; }

  /* Hero */
  .hero-content       { padding-bottom: 16rem; }
  .hero h1            { letter-spacing: -.5px; }
  .hero-sub           { font-size: 14px; }
  .hero-trust         { gap: .9rem; }
  .hero-btns          { flex-direction: column; }
  .hero-btns .btn-p,
  .hero-btns .btn-o   { justify-content: center; }
  .hero-stats-bar     { grid-template-columns: repeat(2, 1fr); gap: 1rem; padding-bottom: 1.5rem; }
  .hstat-n            { font-size: 2.1rem; }

  /* Steps */
  .steps              { grid-template-columns: 1fr; gap: 2rem; }

  /* Areas */
  .areas-grid         { grid-template-columns: 1fr; }

  /* Why points */
  .why-points         { grid-template-columns: 1fr; }

  /* Pricing */
  .pricing-grid       { grid-template-columns: 1fr; }

  /* Form */
  .form-row           { grid-template-columns: 1fr; }

  /* Footer */
  .ft-top             { grid-template-columns: 1fr; gap: 2rem; }
  .ft-brand-col       { margin-bottom: .5rem; }

  /* CTA banner */
  .cta-btns           { flex-direction: column; align-items: center; }
  .btn-dark, .btn-wt  { width: 100%; justify-content: center; }

  /* Fleet section text */
  #fleet > div > div  { max-width: 100% !important; }

  /* FABs */
  .fabs               { bottom: 1.2rem; right: 1.2rem; }
  .fab                { width: 46px; height: 46px; font-size: 1.2rem; }
}

/* ── SMALL MOBILE 400px ── */
@media (max-width: 400px) {
  :root {
    --fs-h1: 2.2rem;
    --nav-h: 60px;
  }
  .hero-img-frame::before { display: none; }
  .badge { font-size: 9px; letter-spacing: 3px; }
}