/* ===== LARGE DESKTOP (1200px+) ===== */
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1320px;   /* cap karo taaki 4K screens pe bahut wide na ho */
    padding: 0 60px;
  }
}

/* ===== TABLET LANDSCAPE (992px – 1199px) ===== */
@media (max-width: 1199px) {
  .display-hero { font-size: 52px; }

  /* Formula circle thoda chhota */
  .formula-circle { width: 380px; height: 380px; }

  /* Leader cards — 3 per row */
  .leader-col { max-width: 33.333%; flex: 0 0 33.333%; }

  /* Community stats — horizontal scroll nahi aane dena */
  .community-stats li { gap: 18px; }

  /* pillars-container 3 columns */
  .pillars-container {
    grid-template-columns: repeat(3, 1fr);
    gap: 36px 24px;
  }
}

/* ===== TABLET PORTRAIT (768px – 991px) ===== */
@media (max-width: 991px) {
  /* Hero */
  .display-hero { font-size: 42px; }
  .hero-section { padding: 50px 0 36px; }
  .lead-text { font-size: 15px; }
  .hero-stats { max-width: 100%; gap: 16px 20px; }

  /* Formula section — circle centering */
  .formula-circle { width: 320px; height: 320px; margin: 36px auto; }
  .g-badge { width: 90px; height: 90px; font-size: 48px; }

  /* orbit nodes position adjust for smaller circle */
  .n-left  { left: -30px; }
  .n-right { right: -30px; }

  /* Formula text centering on tablet */
  .formula-section .col-lg-3:first-child { text-align: center; }
  .btn-formula-ghost { display: inline-flex; }

  /* Pillar list */
  .pillar-list { margin-top: 30px; }

  /* Vision section */
  .vision-premium-section { padding: 70px 0; }
  .vision-premium-row { margin-bottom: 60px; }
  .vision-premium-image img { height: 260px; }
  .vision-premium-text { padding: 24px 0 0 0 !important; }
  .vision-premium-text.text-side-left { padding: 24px 0 0 0 !important; }
  .vision-premium-text .section-heading-block { align-items: center; }
  .quote-mark { display: none; }

  /* Pillars section */
  .pillars-premium-section { padding: 70px 0; }
  .pillar-premium-card { padding: 30px 18px; }

  /* Leader cards — 2 per row */
  .leader-col { max-width: 50%; flex: 0 0 50%; }

  /* CTA */
  .cta-headline { font-size: 26px; letter-spacing: 1.5px; }
  .cta-banner { padding: 70px 0; }

  /* Mission section */
  .green-mission .col-lg-4 { text-align: center; }
  .mission-title { font-size: 26px; }
  .green-mission .btn { display: inline-flex; }

  /* Community section */
  .community-stats { margin-bottom: 24px; }

  /* pillars-container */
  .pillars-container { grid-template-columns: repeat(3, 1fr); gap: 28px 20px; }

  /* Nav CTA spacing */
  .nav-cta { margin-top: 14px; }
}

/* ===== MOBILE LANDSCAPE / SMALL TABLET (576px – 767px) ===== */
@media (max-width: 767px) {
  /* Hero */
  .display-hero { font-size: 34px; line-height: 1.1; }
  .hero-section { padding: 40px 0 30px;     background-image: linear-gradient(to right, rgba(255, 255, 255, 0.92) 35%, rgba(255, 255, 255, 0.15) 100%), url(../images/banner-img.jpg);}
  .lead-text { font-size: 14px; max-width: 100%; }
  .hero-section .d-flex.flex-wrap { gap: 12px !important; }
  .hero-section .btn { width: 100%; justify-content: center; }

  /* Stats bar 2-column */
  .hero-stats { gap: 14px 12px; }
  .stat-cell { flex: 0 0 calc(50% - 8px); min-width: unset; }

  /* Sections padding */
  .section { padding: 52px 0; }
  .section-heading-block { margin-bottom: 30px; }
  .section-heading-block .main-title { font-size: 26px; }

  /* Feature cards — already using col-sm-6, this centers single overflow card */
  .card-glow-wrapper { min-height: 220px; }
  .custom-feature-card { padding: 30px 20px; }

  /* Formula — shrink orbit circle, hide labels */
  .formula-circle { width: 260px; height: 260px; margin: 30px auto; }
  .g-badge { width: 76px; height: 76px; font-size: 40px; }
  .orbit-node { font-size: 9px; padding: 6px 10px; gap: 5px; }
  .orbit-node span { display: none; }
  .formula-section { padding: 60px 0; }
  .formula-section .col-lg-3:first-child { text-align: center; margin-bottom: 20px; }
  .formula-section .col-lg-3:last-child { margin-top: 20px; }

  /* Vision */
  .vision-premium-section { padding: 52px 0; }
  .vision-premium-row { margin-bottom: 44px; }
  .vision-premium-image img { height: 220px; }

  /* Pillars */
  .pillars-premium-section { padding: 52px 0; }

  /* Growth pillars grid */
  .pillars-container { grid-template-columns: repeat(2, 1fr); gap: 20px 14px; }

  /* Leader cards — 2 per row */
  .leader-col { max-width: 50%; flex: 0 0 50%; }

  /* Mission */
  .mission-title { font-size: 22px; }
  .green-mission { padding: 52px 0; }

  /* Community global map */
  .map-wrap img { display: block; margin: 0 auto; }
  .community-stats li { gap: 16px; padding: 8px 12px; }

  /* CTA */
  .cta-banner { padding: 56px 0; }
  .cta-headline { font-size: 20px; letter-spacing: 1px; }

  /* Footer */
  .growly-footer { padding: 44px 0 24px; }

  /* Scroll top btn */
  .scroll-top { bottom: 16px; right: 16px; width: 40px; height: 40px; }
}

/* ===== MOBILE PORTRAIT (max 575px) ===== */
@media (max-width: 575px) {
  /* Hero */
  .display-hero { font-size: 28px; }
  .eyebrow { font-size: 11px; }
  .hero-section .btn { font-size: 12px; padding: 10px 16px; }

  /* Stats — full width each */
  .stat-cell { flex: 0 0 100%; min-width: unset; }

  /* Section headings */
  .section-heading-block .main-title { font-size: 22px; }

  /* Formula circle very small */
  .formula-circle { width: 220px; height: 220px; }
  .g-badge { width: 64px; height: 64px; font-size: 34px; }
  .g-text { font-size: 11px; letter-spacing: 1px; }
  .n-top   { top: -14px; left: calc(50% - 36px); }
  .n-left  { top: 38%; left: -18px; }
  .n-right { top: 38%; right: -18px; }
  .n-bl    { bottom: 28px; left: 8px; }
  .n-br    { bottom: 28px; right: 8px; }

  /* Pillar list icons */
  .pillar-list i { width: 30px; height: 30px; font-size: 14px; }

  /* Growth pillars — stack to 2 col always */
  .pillars-container { grid-template-columns: repeat(2, 1fr); gap: 16px 10px; }
  .title-top, .title-bottom { font-size: 11px; white-space: normal; }
  .pillar-icon { width: 26px; height: 26px; }

  /* Leader cards — full width */
  .leader-col { max-width: 100%; flex: 0 0 100%; }
  .leader-card img { height: 200px; object-fit: cover; aspect-ratio: unset; }

  /* CTA banner */
  .cta-headline { font-size: 17px; }
  .cta-banner .btn { justify-content: center; }

  /* Mission stats — 2x2 grid already via col-6 col-md-3 */
  .mission-stats .m-num { font-size: 18px; }

  /* Community stats horizontal */
  .community-stats li { flex-direction: row; gap: 12px; }
  .community-stats strong { font-size: 16px; }

  /* Footer logo size */
  .growly-footer .navbar-brand img { height: 70px !important; }

  /* Vision text padding reset */
  .vision-premium-text,
  .vision-premium-text.text-side-left { padding: 20px 0 0 0 !important; }
}

/* ===== VERY SMALL (max 375px — iPhoneSE etc) ===== */
@media (max-width: 375px) {
  .display-hero { font-size: 24px; }
  .formula-circle { width: 190px; height: 190px; }
  .g-badge { width: 56px; height: 56px; font-size: 28px; }
  .orbit-node { padding: 4px 8px; font-size: 8px; }
  .section-heading-block .main-title { font-size: 20px; }
  .cta-headline { font-size: 15px; }
  .btn-gold, .btn-gold-ghost { font-size: 11px; padding: 9px 14px; }
}