/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — TABLET (≤ 1199px) & PHONE (≤ 809px)
   ═══════════════════════════════════════════════════════════ */

@media(max-width:1199px){
  .accordion-layout{grid-template-columns:1fr;gap:40px}
  .accordion-visual{order:-1}
  .diamond-image{width:280px;height:280px}
  .vision__grid{grid-template-columns:1fr;gap:40px}
  .vision__image{order:-1}
  .hero__diamond-gem{display:none}
}

@media(max-width:809px){
  .desktop-only{display:none !important}
  .mobile-only{display:flex !important}
  .navbar{
    top:12px;left:12px;right:12px;transform:none;
    max-width:none;border-radius:20px;
  }
  .section{padding:60px 0}
  .hero{min-height:auto;padding:120px 20px 60px}
  .hero__title{font-size:clamp(36px,10vw,64px)}
  .hero__buttons{flex-direction:column;align-items:center}
  .benefits__grid{grid-template-columns:1fr}
  .csuite__grid{grid-template-columns:1fr}
  .stats__grid{grid-template-columns:1fr;gap:24px}
  .newsletter__form{flex-direction:column;align-items:center}
  .newsletter__input{max-width:100%;width:100%}
  .footer__inner{flex-direction:column;gap:16px;text-align:center}
  .footer__left,.footer__right{justify-content:center}
  .footer__center{display:none}
  .brand-card{width:220px}
  .brand-card img{height:160px}
  .diamond-image{width:200px;height:200px}
  .section-header{text-align:center}
}