/* ==========================================================================
   invest.com — Responsive Rules
   Mobile-first breakpoints and tablet / desktop tweaks.
   ========================================================================== */

/* Base (mobile) is defined in style.css */

/* ----- Tablet (>=768px) ----- */
@media (min-width: 768px){
  .section{padding:96px 0}
  .hero-inner{padding:80px 0 60px}
  .hero-features{grid-template-columns:1fr 1fr}
}

/* ----- Desktop (>=1024px) ----- */
@media (min-width: 1024px){
  .section{padding:112px 0}
  .hero-inner{
    grid-template-columns:1fr 1fr;
    padding:100px 0 80px;
  }
  .cta-banner{padding:72px 64px}
  .article-body{padding:112px 24px}
}

/* ----- Large desktop (>=1200px) ----- */
@media (min-width: 1200px){
  .hero-title{font-size:72px}
}

/* ----- Mobile hero visual: hide floating cards on very small screens ----- */
@media (max-width: 640px){
  .stat-card--tl,.stat-card--br{display:none}
  .hero-visual{display:none}
}

/* ----- Small tablet ----- */
@media (max-width: 767px){
  .cta-banner{padding:40px 24px}
  .plan-disclaimer-strip{padding:24px}
  .site-footer{padding:56px 0 24px}
}