:root{
      --deep-green:#0B6B3A;
      --leaf-green:#2E8B57;
      --organic-orange:#F26B3A;
      --shadow:0 20px 50px rgba(0,0,0,.18);
    }

    *{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    body{
      font-family:"Inter",sans-serif;
      min-height:100vh;
      color:#fff;
      overflow-x:hidden;

      background:
        linear-gradient(rgba(4,19,11,.65), rgba(4,19,11,.75)),
        url('/__l5e/assets-v1/627401a1-89ba-4142-a8cf-1b53360a6b77/optimized-cf327344a4d8.webp'),
        linear-gradient(135deg,#04130b 0%,#0B6B3A 52%,#102b1f 100%);

      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
      background-attachment:fixed;

      opacity:0;
      transform:translateY(12px);
      animation:pageEnter .15s ease forwards;
    }

    @keyframes pageEnter{
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    body.page-exit{
      opacity:0;
      transform:translateY(-8px);
      transition:opacity .45s ease, transform .45s ease;
    }

    /* ================= HERO ================= */

    .hero{
      width:min(1240px,94%);
      margin:auto;
      min-height:100vh;
      padding:1rem 0 2rem;

      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    /* ================= TOP LOGO + SLOGAN SAME LINE ================= */

.hero-top{
  text-align:center;
  margin-bottom:1.2rem;
}

.hero-top-logos{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;

  width:100%;

  /* Push logos more towards edges */
  padding:0 4px;

  margin-bottom:1rem;
}
.left-logo{
  margin-left:-80px;
}

.right-logo{
  margin-right:-80px;
}
/* Bigger plain logos */
.top-logo{
  width: 200px;
  height: 200px;

  display:flex;
  align-items:left;
  justify-content:left;

  flex-shrink:0;
  background:transparent;
  border:none;
  box-shadow:none;
}

.top-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.28));
}

/* Smaller centered slogan */
.slogan{
  flex:1;
  text-align:center;

  font-family:"Poppins",sans-serif;
  font-size:clamp(1.4rem,3vw,2.4rem);
  font-weight:700;
  line-height:1.25;
  letter-spacing:-0.02em;

  margin:0;
  color:#fff;

  text-shadow:0 6px 20px rgba(0,0,0,.25);
}

.slogan .english{
  display:block;
  font-size:1em;
  font-weight:700;
}

.slogan .hindi{
  display:block;
  margin-top:.25rem;

  font-size:.82em;
  font-weight:600;
  color:#F2D22E;
}

/* Mobile */
@media (max-width:768px){
  .hero-top-logos{
    gap:1rem;
    padding:0 16px;
  }

  .top-logo{
    width:90px;
    height:90px;
  }

  .slogan{
    font-size:1.2rem;
  }
}

@media (max-width:900px){
  .hero{
    width:min(100% - 32px,1240px);
  }

  .left-logo,
  .right-logo{
    margin-left:0;
    margin-right:0;
  }

  .top-logo{
    width:140px;
    height:140px;
  }

  .dual-cards{
    grid-template-columns:1fr;
  }

  .card{
    min-height:360px;
  }

  .franchise{
    align-items:flex-start;
    flex-direction:column;
  }

  .franchise-left{
    width:100%;
  }

  .btn-white{
    align-self:flex-start;
  }
}

@media (max-width:560px){
  .hero{
    width:min(100% - 24px,1240px);
    padding-top:.5rem;
  }

  .hero-top-logos{
    align-items:center;
    gap:.35rem;
    padding:0;
  }

  .top-logo{
    width:72px;
    height:72px;
  }

  .slogan{
    font-size:clamp(.9rem,4.3vw,1.2rem);
    line-height:1.15;
  }

  .slogan .hindi{
    margin-top:.15rem;
  }

  .card{
    min-height:320px;
    border-radius:20px;
  }

  .card-mhow .card-content,
  .card-worm .card-content{
    padding:1.4rem 1.15rem 1.25rem;
  }

  .feature-list li{
    font-size:.86rem;
  }

  .franchise{
    padding:1rem;
    border-radius:20px;
  }

  .franchise-left{
    align-items:flex-start;
  }

  .franchise-icon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    font-size:1.4rem;
  }

  .franchise-text h2{
    font-size:1.15rem;
  }

  .franchise-text p{
    font-size:.82rem;
  }

  .btn-white{
    width:100%;
  }

  .testimonial-section{
    padding:56px 12px;
  }

  .testimonial-container{
    width:100%;
  }

  .testimonial-track{
    gap:12px;
  }

  .testimonial-card{
    width:min(82vw,300px);
    min-width:min(82vw,300px);
    height:400px;
    padding:30px 22px;
  }
}

    /* ================= CARDS ================= */

    .dual-cards{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:1.2rem;
      margin-bottom:1.2rem;
    }

    .card{
      position:relative;
      min-height:420px;

      border-radius:28px;
      overflow:hidden;

      display:flex;
      flex-direction:column;
      justify-content:flex-end;

      box-shadow:var(--shadow);
      transition:transform .35s ease;

      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
    }

    .card:hover{
      transform:translateY(-8px);
    }

    .card-mhow{
      background:
        linear-gradient(to bottom,
          rgba(0,0,0,.25),
          rgba(0,0,0,.65)),
        url('/__l5e/assets-v1/afddde0f-1e49-45dd-bed3-0b375202c4b4/optimized-b2582bc43c79.webp');

      background-size:cover;
      background-position:center center;
      background-repeat:no-repeat;
    }

    .card-worm{
      background:
        linear-gradient(to bottom,
          rgba(0,0,0,.20),
          rgba(0,0,0,.60)),
        url('/__l5e/assets-v1/63dc72d2-ff13-4823-a890-60694b9104c2/optimized-c3f2a5dcf4a3.webp');

      background-size:cover;
      background-position:center center;
      background-repeat:no-repeat;
    }

    /* LEFT CARD */
    .card-mhow .card-content{
      padding:2rem 1.8rem 1.8rem;
      align-items:flex-start;
      text-align:left;
    }

    .card-mhow .feature-list li{
      justify-content:flex-start;
    }

    /* RIGHT CARD */
    .card-worm .card-content{
      padding:2rem 1.8rem 1.8rem;
      align-items:flex-end;
      text-align:right;
    }

    .card-worm .feature-list li{
      justify-content:flex-end;
    }

    .card-content{
      display:flex;
      flex-direction:column;
    }

    .feature-list{
      list-style:none;
      width:100%;
      max-width:280px;
      margin-bottom:1.1rem;
    }

    .feature-list li{
      display:flex;
      align-items:center;
      gap:.7rem;

      margin-bottom:.7rem;

      font-size:.94rem;
      font-weight:600;
      color:#fff;
    }

    .green-check li::before{
      content:"✔";
      color:#b8ffd3;
      font-weight:700;
    }

    .leaf-icon li::before{
      content:"🌿";
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;

      padding:12px 24px;

      border:none;
      border-radius:999px;

      font-size:.92rem;
      font-weight:700;

      text-decoration:none;
      cursor:pointer;

      transition:all .25s ease;
    }

    .btn:hover{
      transform:translateY(-2px) scale(1.02);
    }

    .btn-green{
      background:linear-gradient(135deg,var(--leaf-green),#3ca66a);
      color:#fff;
    }

    .btn-orange{
      background:linear-gradient(135deg,var(--organic-orange),#ff8357);
      color:#fff;
    }

    /* ================= FRANCHISE ================= */

    .franchise{
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.14);
      backdrop-filter:blur(16px);

      border-radius:26px;
      padding:1.2rem 1.5rem;

      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1.2rem;

      margin-bottom:3rem;
    }

    .franchise-left{
      display:flex;
      align-items:center;
      gap:1rem;
    }

    .franchise-icon{
      width:64px;
      height:64px;

      border-radius:20px;
      background:rgba(255,255,255,.12);

      display:flex;
      align-items:center;
      justify-content:center;

      font-size:1.8rem;
    }

    .franchise-text h2{
      font-family:"Poppins",sans-serif;
      font-size:1.45rem;
      margin-bottom:.2rem;
    }

    .franchise-text p{
      font-size:.92rem;
      line-height:1.55;
      color:rgba(255,255,255,.84);
    }

    .btn-white{
      background:#fff;
      color:var(--deep-green);
      white-space:nowrap;
      flex-shrink:0;
    }

   


  



/* =========================================================
   SECTION
   ========================================================= */

.testimonial-section{
  position:relative;

  width:100%;

  padding:90px 20px;

  overflow:hidden;

  font-family:"Poppins",sans-serif;

  background:transparent;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.testimonial-container{
  position:relative;

  z-index:2;

  width:min(1250px,94%);

  margin:0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.testimonial-header{
  text-align:center;

  margin-bottom:18px;
}


.testimonial-label{
  display:inline-block;

  padding:7px 16px;

  border:1px solid rgba(144,238,144,.28);

  background:rgba(255,255,255,.06);

  color:#FFD84D;

  border-radius:999px;

  font-size:16px;

  font-weight:600;

  letter-spacing:1.5px;

  text-transform:uppercase;

  margin-bottom:0;

  backdrop-filter:blur(14px);

  -webkit-backdrop-filter:blur(14px);
}


.testimonial-header h2{
  margin:0 0 12px;

  font-size:clamp(2rem,4vw,3.1rem);

  line-height:1.1;

  color:#ffffff;

  font-weight:700;
}


.testimonial-header h2 span{
  color:#90EE90;
}


.testimonial-header p{
  max-width:670px;

  margin:0 auto;

  color:rgba(255,255,255,.68);

  font-size:14px;

  line-height:1.7;
}


/* =========================================================
   SLIDER VIEWPORT
   ========================================================= */

.testimonial-slider{

  position:relative;

  width:100%;

  overflow:hidden;

  cursor:grab;

  padding:15px 0 25px;
}


.testimonial-slider:active{

  cursor:grabbing;
}


/* =========================================================
   TRACK
   ========================================================= */

.testimonial-track{

  display:flex;

  gap:24px;

  width:max-content;

  transform:translate3d(0,0,0);

  will-change:transform;
}


/* =========================================================
   VERTICAL GLASS CARD
   ========================================================= */

.testimonial-card{

  position:relative;

  width:300px;

  min-width:300px;

  height:440px;

  padding:38px 28px;

  box-sizing:border-box;

  border-radius:30px;

  display:flex;

  flex-direction:column;

  align-items:center;

  text-align:center;

  justify-content:flex-start;

  /*
    Strong premium glassmorphism
  */

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.19),
      rgba(255,255,255,.075)
    );

  border:1px solid rgba(255,255,255,.25);

  backdrop-filter:blur(25px);

  -webkit-backdrop-filter:blur(25px);

  box-shadow:

    0 25px 60px rgba(0,0,0,.22),

    0 8px 30px rgba(0,0,0,.12),

    inset 0 1px 0 rgba(255,255,255,.22),

    inset 0 -1px 0 rgba(255,255,255,.05);

  overflow:hidden;

  flex-shrink:0;

  transition:

    transform .35s ease,

    border-color .35s ease,

    box-shadow .35s ease;
}


/* Top reflection */

.testimonial-card::before{

  content:"";

  position:absolute;

  top:0;

  left:10%;

  width:80%;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.7),
      transparent
    );
}


/* Green soft glow */

.testimonial-card::after{

  content:"";

  position:absolute;

  width:190px;

  height:190px;

  right:-110px;

  bottom:-110px;

  border-radius:50%;

  background:rgba(144,238,144,.09);

  filter:blur(30px);

  pointer-events:none;
}


/* Hover */

.testimonial-card:hover{

  transform:translateY(-8px);

  border-color:rgba(144,238,144,.35);

  box-shadow:

    0 35px 75px rgba(0,0,0,.30),

    inset 0 1px 0 rgba(255,255,255,.27);
}


/* =========================================================
   QUOTE
   ========================================================= */

.quote-icon{

  position:absolute;

  top:15px;

  right:23px;

  font-family:Georgia,serif;

  font-size:62px;

  line-height:1;

  color:rgba(144,238,144,.18);

  user-select:none;
}


/* =========================================================
   CUSTOMER PHOTO / INITIAL
   ========================================================= */

.customer-photo{

  width:82px;

  height:82px;

  margin:4px auto 20px;

  border-radius:50%;

  display:flex;

  align-items:center;

  justify-content:center;

  flex-shrink:0;

  border:2px solid rgba(144,238,144,.7);

  background:

    linear-gradient(
      135deg,
      #2E8B57,
      #90EE90
    );

  box-shadow:

    0 8px 25px rgba(0,0,0,.18),

    inset 0 1px 2px rgba(255,255,255,.25);
}


.customer-photo span{

  color:#062416;

  font-size:24px;

  font-weight:700;
}


/* =========================================================
   STARS
   ========================================================= */

.testimonial-stars{

  color:#90EE90;

  font-size:17px;

  letter-spacing:3px;

  margin-bottom:22px;
}


/* =========================================================
   REVIEW
   ========================================================= */

.testimonial-review{

  margin:0;

  color:rgba(255,255,255,.91);

  font-size:14px;

  line-height:1.75;

  flex:1;

  display:flex;

  align-items:center;

  justify-content:center;
}


/* =========================================================
   CUSTOMER INFORMATION
   ========================================================= */

.testimonial-user-info{

  width:100%;

  padding-top:22px;

  margin-top:15px;

  border-top:1px solid rgba(255,255,255,.11);
}


.testimonial-user-info h4{

  margin:0 0 5px;

  color:#ffffff;

  font-size:15px;

  font-weight:600;
}


.testimonial-user-info span{

  display:block;

  color:#90EE90;

  font-size:12px;

  margin-bottom:3px;
}


.testimonial-user-info small{

  display:block;

  color:rgba(255,255,255,.55);

  font-size:11px;
}


/* =========================================================
   ARROWS
   ========================================================= */

.testimonial-arrow{

  position:absolute;

  top:50%;

  transform:translateY(-50%);

  width:48px;

  height:48px;

  border-radius:50%;

  border:1px solid rgba(255,255,255,.2);

  background:rgba(3,20,12,.7);

  color:#ffffff;

  display:flex;

  align-items:center;

  justify-content:center;

  cursor:pointer;

  z-index:10;

  font-size:22px;

  line-height:1;

  backdrop-filter:blur(14px);

  -webkit-backdrop-filter:blur(14px);

  transition:

    background .25s ease,

    color .25s ease,

    transform .25s ease,

    border-color .25s ease;
}


.testimonial-arrow:hover{

  background:#90EE90;

  color:#062416;

  border-color:#90EE90;

  transform:translateY(-50%) scale(1.08);
}


.testimonial-prev{

  left:10px;
}


.testimonial-next{

  right:10px;
}


/* =========================================================
   DOTS
   ========================================================= */

.testimonial-dots{

  display:flex;

  justify-content:center;

  align-items:center;

  gap:8px;

  margin-top:5px;
}


.testimonial-dot{

  width:8px;

  height:8px;

  padding:0;

  border:none;

  border-radius:50%;

  background:rgba(255,255,255,.28);

  cursor:pointer;

  transition:

    width .3s ease,

    background .3s ease;
}


.testimonial-dot.active{

  width:28px;

  border-radius:999px;

  background:#90EE90;
}


.testimonial-dot:hover{

  background:#90EE90;
}


/* =========================================================
   STATS
   ========================================================= */

.testimonial-stats{

  display:flex;

  justify-content:center;

  gap:65px;

  margin-top:38px;
}


.testimonial-stat{

  text-align:center;
}


.testimonial-stat strong{

  display:block;

  color:#90EE90;

  font-size:23px;

  line-height:1;

  margin-bottom:6px;
}


.testimonial-stat span{

  color:rgba(255,255,255,.55);

  font-size:10px;

  text-transform:uppercase;

  letter-spacing:1px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

  .testimonial-card{

    width:285px;

    min-width:285px;

    height:425px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:650px){

  .testimonial-section{

    padding:70px 10px;
  }

  .testimonial-container{

    width:94%;
  }

  .testimonial-card{

    width:270px;

    min-width:270px;

    height:410px;

    padding:32px 22px;
  }

  .testimonial-arrow{

    width:40px;

    height:40px;

    font-size:18px;
  }

  .testimonial-prev{

    left:5px;
  }

  .testimonial-next{

    right:5px;
  }

  .testimonial-stats{

    gap:25px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:450px){

  .testimonial-card{

    width:250px;

    min-width:250px;

    height:400px;

    padding:30px 20px;
  }

  .testimonial-review{

    font-size:13px;

    line-height:1.7;
  }

  .customer-photo{

    width:75px;

    height:75px;
  }

  .testimonial-header h2{

    font-size:2rem;
  }

  .testimonial-stats{

    gap:18px;
  }

  .testimonial-stat strong{

    font-size:19px;
  }

}





/* =========================================================
   FOOTER
   ========================================================= */

.site-footer{
  position:relative;

  width:100%;

  /*
    IMPORTANT:
    The footer grows with its content, so there is
    never an empty band under the copyright line.
    The top padding leaves room for the photo above.
  */
  padding:150px 0 12px;

  background-image:url("/__l5e/assets-v1/fbc1a191-5348-48be-8f45-de614af824b0/optimized-0c08e4380da8.webp");
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;

  color:#fff;

  overflow:hidden;

  font-family:"Poppins",sans-serif;
}


/* =========================================================
   DARK GRADIENT
   ========================================================= */

.footer-overlay{
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      to bottom,
      rgba(5,35,37,0) 0%,
      rgba(5,35,37,0.03) 25%,
      rgba(5,35,37,0.25) 42%,
      rgba(5,35,37,0.78) 57%,
      rgba(5,35,37,0.97) 70%,
      rgba(3,29,32,1) 100%
    );

  z-index:1;
}


/* =========================================================
   CONTENT
   ========================================================= */

.footer-content{
  position:relative;

  width:min(1320px,92%);

  margin:0 auto;

  z-index:2;
}


/* =========================================================
   FOUR COLUMN AREA
   ========================================================= */

.footer-links-section{

  display:grid;

  grid-template-columns:
    1.35fr
    0.9fr
    0.9fr
    1.25fr;

  column-gap:60px;

  align-items:start;
}


/* =========================================================
   COLUMN
   ========================================================= */

.footer-column{
  min-width:0;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.footer-column h3{

  margin:0 0 18px;

  font-size:13px;

  font-weight:700;

  letter-spacing:.6px;

  text-transform:uppercase;

  color:#ffffff;
}


/* =========================================================
   ABOUT TEXT
   ========================================================= */

.footer-column p{

  margin:0 0 22px;

  max-width:330px;

  font-size:12px;

  line-height:1.75;

  color:rgba(255,255,255,.88);
}


/* =========================================================
   CONTACT
   ========================================================= */

.contact-info{

  display:flex;

  flex-direction:column;

  gap:13px;
}


.contact-item{

  display:flex;

  align-items:flex-start;

  gap:10px;

  font-size:12px;

  line-height:1.55;

  color:rgba(255,255,255,.9);
}


.contact-item .icon{

  width:18px;

  flex-shrink:0;

  font-size:15px;
}


/* =========================================================
   LINKS
   ========================================================= */

.footer-links{

  list-style:none;

  margin:0;

  padding:0;
}


.footer-links li{

  margin-bottom:11px;
}


.footer-links a{

  color:#fff;

  text-decoration:none;

  font-size:12px;

  font-weight:500;

  transition:
    color .25s ease,
    transform .25s ease;

  display:inline-block;
}


.footer-links a:hover{

  color:#90ee90;

  transform:translateX(3px);
}


/* =========================================================
   BLOGS
   ========================================================= */

.blog-list{

  display:flex;

  flex-direction:column;

  gap:18px;
}


.blog-item{

  display:flex;

  align-items:flex-start;

  gap:12px;
}


.blog-item img{

  width:88px;

  height:62px;

  object-fit:cover;

  border-radius:5px;

  flex-shrink:0;
}


.blog-text{

  display:flex;

  flex-direction:column;

  gap:5px;
}


.blog-text a{

  color:#fff;

  text-decoration:none;

  font-size:12px;

  font-weight:600;

  line-height:1.45;

  transition:color .25s ease;
}


.blog-text a:hover{

  color:#90ee90;
}


.blog-text span{

  font-size:10px;

  color:rgba(255,255,255,.65);
}


/* =========================================================
   BOTTOM LINE
   ========================================================= */

.footer-bottom{

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:20px;

  margin-top:28px;

  padding-top:16px;

  border-top:
    1px solid rgba(255,255,255,.12);

  font-size:10px;

  color:rgba(255,255,255,.65);
}


.footer-bottom strong{

  color:#fff;
}

.reinstate-credit{

  margin-left:auto;

  color:rgba(255,255,255,.7);

  white-space:nowrap;

  text-decoration:none;
}


.legacy-link a{

  color:rgba(255,255,255,.7);

  text-decoration:none;

  transition:color .25s ease;
}


.legacy-link a:hover{

  color:#90ee90;
}


/* =========================================================
   DESKTOP POSITION
   ========================================================= */

@media (min-width:1101px){

  .site-footer{
    padding-top:190px;
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1100px){

  .site-footer{

    padding-top:150px;

  }

  .footer-content{

    width:90%;
  }

  .footer-links-section{

    grid-template-columns:1fr 1fr;

    row-gap:35px;

    column-gap:50px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:700px){

  .site-footer{

    padding-top:120px;

    background-position:center top;
  }

  .footer-content{

    width:88%;
  }

  .footer-links-section{

    grid-template-columns:1fr;

    gap:28px;
  }

  .footer-column p{

    max-width:none;
  }

  .footer-bottom{

    flex-direction:column;

    align-items:flex-start;

    margin-top:28px;
  }

  .reinstate-credit{

    margin-left:0;

  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:480px){


  .footer-content{

    width:86%;
  }

  .blog-item img{

    width:75px;

    height:55px;
  }

}



/* ================= PHONE RESPONSIVE HERO ================= */
@media (max-width: 650px){
  .hero{
    width: min(94%, 520px);
    padding: .75rem 0 1.5rem;
  }

  .hero-top-logos{
    gap: .5rem;
    padding: 0 6px;
    align-items: center;
  }

  .left-logo,
  .right-logo{
    margin-left: 0;
    margin-right: 0;
  }

  .top-logo{
    width: 72px;
    height: 72px;
  }

  .slogan{
    font-size: clamp(0.95rem, 4.6vw, 1.25rem);
    line-height: 1.2;
  }

  .dual-cards{
    grid-template-columns: 1fr;
    gap: 1rem;
    width: 100%;
  }

  .card{
    min-height: 390px;
    width: 100%;
  }

  .card-content,
  .card-mhow .card-content,
  .card-worm .card-content{
    padding: 1.5rem 1.25rem 1.25rem;
  }
}

@media (max-width: 380px){
  .top-logo{
    width: 62px;
    height: 62px;
  }

  .slogan{
    font-size: .88rem;
  }

  .card{
    min-height: 360px;
  }
}

@media (max-width: 650px){
  .franchise{
    align-items:flex-start;
    flex-direction:column;
    margin-bottom:1.5rem;
  }

  .franchise-left{
    align-items:flex-start;
  }

  .btn-white{
    align-self:stretch;
  }

  .testimonial-card{
    width:min(270px,calc(100vw - 52px));
    min-width:min(270px,calc(100vw - 52px));
  }
}

@media (max-width:1100px){
  .left-logo,
  .right-logo{
    margin-left:0;
    margin-right:0;
  }
}

@media (max-width:420px){
  .franchise-left{
    flex-direction:column;
  }
}

@media (min-width:651px){
  .hero{
    min-height:auto;
    padding-bottom:0;
  }

  .hero-top{
    margin-bottom:0;
  }

  .franchise{
    margin-bottom:20px;
  }

  .testimonial-section{
    padding-top:20px;
    padding-bottom:60px;
  }
}

/* Keep both brand marks fully inside the viewport at every width. */
.hero-top-logos{
  display:grid;
  grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,200px);
  align-items:center;
  gap:clamp(.5rem,2vw,2rem);
  width:100%;
  padding:0;
}

.left-logo,
.right-logo{
  margin:0;
}

.left-logo{justify-self:start}
.right-logo{justify-self:end}

.top-logo{
  width:min(200px,100%);
  height:auto;
  aspect-ratio:1;
}

.top-logo img{
  max-width:100%;
}

@media (max-width:650px){
  .hero-top-logos{
    grid-template-columns:clamp(58px,18vw,76px) minmax(0,1fr) clamp(58px,18vw,76px);
    gap:clamp(.25rem,2vw,.75rem);
  }

  .top-logo{
    width:100%;
    height:auto;
  }

  .slogan{
    min-width:0;
    overflow-wrap:anywhere;
  }
}


/* =========================================================
   FRANCHISE GLASS CARD — coming-soon sticker, centred copy
   ========================================================= */
.franchise-sticker{
  flex:0 0 auto;
  display:block;
  width:clamp(88px,11vw,140px);
  height:auto;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.38));
}

.franchise-left{
  flex:1 1 auto;
  justify-content:center;
}

.franchise-text{
  text-align:center;
  max-width:62ch;
  margin:0 auto;
}

@media (max-width:650px){
  .franchise{
    align-items:center;
    text-align:center;
    gap:1rem;
  }

  .franchise-sticker{
    width:clamp(96px,26vw,132px);
  }

  .franchise-left{
    width:100%;
  }

  .btn-white{
    align-self:center;
    width:auto;
    min-width:min(280px,100%);
    text-align:center;
  }
}

/* =========================================================
   TRIBUTE GLASS CARD — same treatment as the franchise card
   ========================================================= */
.tribute-section{
  width:min(1250px,94%);
  margin:0 auto;
  padding:0 0 3rem;
}

.tribute-card{
  display:flex;
  align-items:center;
  gap:1.4rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(16px);
  border-radius:26px;
  padding:1.05rem 1.25rem;
  text-align:center;
}

.tribute-figure{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.7rem;
  width:210px;
  max-width:30%;
}

.tribute-photo{
  width:100%;
  height:auto;
  border-radius:12px;
  object-fit:contain;
}

.tribute-name{
  margin:0;
  font-family:"Poppins",sans-serif;
  font-size:1.05rem;
  font-weight:600;
  letter-spacing:.02em;
  color:#FFD84D;
}

.tribute-copy{
  flex:1;
  min-width:0;
}

.tribute-text{
  max-width:100%;
  margin:0;
  font-family:"Poppins",sans-serif;
  font-size:.95rem;
  line-height:1.7;
  color:rgba(255,255,255,.86);
}

.tribute-sign{
  margin:1.15rem 0 0;
  font-family:"Poppins",sans-serif;
  font-size:1.3rem;
  font-weight:600;
  letter-spacing:.01em;
  color:#FFD84D;
}

@media (max-width:560px){
  .tribute-section{
    padding-bottom:2rem;
  }

  .tribute-card{
    flex-direction:column;
    gap:1.3rem;
    padding:1.5rem 1.1rem;
    border-radius:20px;
  }

  .tribute-figure{
    width:180px;
    max-width:100%;
  }

  .tribute-text{
    font-size:.86rem;
    line-height:1.65;
  }

  .tribute-sign{
    font-size:1.1rem;
  }
}