:root{
  --ink:#111827;
  --muted:#5f6978;
  --line:#e5e7eb;
  --soft:#f7f8fb;
  --orange:#ff6b00;
  --red:#ff315c;
  --amber:#ffb000;
  --blue:#2563eb;
  --green:#16a34a;
  --shadow:0 24px 80px rgba(16,24,40,.10);
  --radius:24px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.45;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max), calc(100% - 48px));margin-inline:auto}
.section{padding:52px 0}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(229,231,235,.8);
}
.nav-shell{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px}
.brand img{height:52px;width:auto;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650}
.nav-links a{color:#1f2937;opacity:.92}
.nav-links a:hover{color:var(--orange)}
.nav-cta{
  color:#fff!important;
  padding:12px 18px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--orange),var(--red));
  box-shadow:0 14px 34px rgba(255,107,0,.22);
  opacity:1!important;
}
.nav-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:#111827;margin:5px 0;border-radius:2px}
.hero{padding-top:66px;padding-bottom:28px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:0.9fr 1.1fr;align-items:center;gap:48px}
.eyebrow{
  margin:0 0 14px;
  color:#f04423;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:850;
  font-size:13px;
}
h1,h2,h3,p{margin-top:0}
h1{
  font-size:clamp(42px, 6vw, 76px);
  line-height:.98;
  letter-spacing:-.055em;
  margin-bottom:24px;
}
h2{
  font-size:clamp(30px, 4vw, 48px);
  letter-spacing:-.04em;
  line-height:1.03;
  margin-bottom:12px;
}
h1 span,h2 span,.gradient-text{
  background:linear-gradient(135deg,#ff7a00 0%, #ff3c34 55%, #ff2a68 100%);
  -webkit-background-clip:text;
  color:transparent;
}
.lead{font-size:19px;color:#3f4756;max-width:560px;margin-bottom:30px}
.hero-actions,.cta-actions{display:flex;gap:16px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 24px;border-radius:12px;font-weight:800;
  border:1px solid transparent;transition:.2s ease;
}
.btn-primary{background:linear-gradient(135deg,var(--orange),var(--red));color:white;box-shadow:0 16px 36px rgba(255,87,34,.24)}
.btn-secondary{border-color:#ff5f28;color:#f04423;background:#fff}
.btn-light{background:#fff;color:#f04423}
.btn-outline-light{border-color:rgba(255,255,255,.65);color:#fff}
.btn:hover{transform:translateY(-1px)}
.signal-row{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;margin-top:32px;max-width:560px
}
.signal-row div{
  display:flex;align-items:center;gap:10px;
  border:1px solid var(--line);border-radius:14px;padding:12px 14px;
  color:#2f3847;background:#fff;font-weight:700;font-size:13px;
}
.hero-art{
  position:relative;border-radius:30px;
}
.hero-art::before{
  content:"";position:absolute;inset:8% 6%;
  background:radial-gradient(circle,#fff5ee 0,#fff 65%);
  filter:blur(12px);z-index:-1;
}
.hero-art img{
  width:100%;border-radius:26px;
}
.trusted{padding:16px 0 28px}
.trusted .container{text-align:center}
.trusted p{font-weight:850;color:#2e3746;margin-bottom:14px}
.trusted img{display:block}
.section-heading{text-align:center;max-width:760px;margin:0 auto 30px}
.section-heading.compact{margin-bottom:20px}
.section-heading p{color:var(--muted);font-size:17px}
.platform-overview{padding-top:32px}
.product-worlds{
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
  box-shadow:var(--shadow);
}
.product-worlds article{
  border:1px solid var(--line);
  border-radius:18px;padding:14px;background:#fff;
  min-height:176px;transition:.2s ease;
}
.product-worlds article:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(16,24,40,.08)}
.product-worlds h3{margin:10px 0 4px;font-size:17px}
.product-worlds p{font-size:14px;color:var(--muted);margin:0}
.mini-visual{height:84px;border-radius:14px;border:1px solid #e7e9ef;background:#fff7f2;overflow:hidden}
.gradient-card{background:url("assets/ai-cockpit.png") center/cover no-repeat;border:1px solid #22304a}

.shelf-card{background:url("assets/shelf-execution.png") center/cover}
.fresh-card{background:url("assets/fresh-markdown.png") center/cover}
.ops-card{background:url("assets/store-ops.png") center/cover}
.loyalty-card{background:url("assets/loyalty-qr.png") center/cover}

.how-it-works-section{background:linear-gradient(180deg,#fff,#fff9f5 45%,#fff)}
.works-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:20px;
  align-items:stretch;
}
.works-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.work-step{
  position:relative;
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px 18px 18px;
  background:#fff;
  box-shadow:var(--shadow);
  min-height:220px;
}
.work-step h3{margin:12px 0 8px;font-size:20px;line-height:1.15}
.work-step p{margin:0;color:var(--muted);font-size:14px}
.work-step i[data-icon]{width:36px;height:36px}
.step-no{
  position:absolute;top:16px;right:16px;
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--orange),var(--red));
  color:#fff;font-weight:800;font-size:14px;
  box-shadow:0 10px 22px rgba(255,107,0,.22);
}
.works-visual{min-height:440px;padding:0;overflow:hidden}
.works-visual img{width:100%;height:100%;object-fit:cover}


.section-title-row{
  display:grid;grid-template-columns:340px 1fr;
  gap:36px;align-items:end;margin-bottom:24px
}
.section-title-row p:last-child{font-size:18px;color:var(--muted);max-width:700px}
.feature-band{
  display:grid;
  grid-template-columns:1.05fr 1.45fr;
  gap:20px;
  align-items:stretch;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px;
  box-shadow:var(--shadow);
  background:#fff;
}
.feature-band.reverse{grid-template-columns:1.15fr 1.35fr}
.feature-band.reverse .media-card{order:2}
.media-card{
  background:#fff;border:1px solid var(--line);
  border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:270px
}
.media-card img{width:100%;height:100%;object-fit:cover}
.media-card.wide img{object-fit:cover}
.feature-grid{display:grid;gap:14px}
.feature-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.feature-card{
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  min-height:182px;
  background:#fff;
}
.feature-card h3{font-size:17px;line-height:1.2;margin:12px 0 8px}
.feature-card p{font-size:14px;color:var(--muted);margin:0}
.tinted{background:linear-gradient(180deg,#fff,#fff8f3 50%,#fff)}
.heatbar{
  height:8px;border-radius:99px;
  background:linear-gradient(90deg,#2563eb 0%,#22c55e 32%,#f59e0b 62%,#ef4444 100%);
  margin-top:18px;position:relative;
}
.heatbar span{position:absolute;left:66%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #ff6b00;box-shadow:0 5px 15px rgba(0,0,0,.18)}

.loyalty-panel{
  display:grid;
  grid-template-columns:1.15fr 1.55fr;
  gap:18px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px;
  background:#fff;
  box-shadow:var(--shadow);
}
.loyalty-hero-card{
  min-height:360px;
}
.loyalty-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.loyalty-cards .feature-card{
  min-height:220px;
}
.loyalty-cards .feature-card:nth-child(4),
.loyalty-cards .feature-card:nth-child(5){
  min-height:210px;
}

.loyalty-note{
  margin:16px 0 0;text-align:center;color:#3f4756;font-weight:700
}
.esl-visual{
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px;
  background:#fff;
  box-shadow:var(--shadow);
}
.esl-visual img{width:100%;border-radius:18px;object-fit:contain;max-height:380px;background:#fff}
.outcomes{padding-top:30px}
.stats-row{
  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px
}
.stats-row article{
  border:1px solid #ffd8c8;border-radius:18px;padding:20px;background:#fffaf7;text-align:center
}
.stats-row strong{
  display:block;font-size:30px;line-height:1;
  background:linear-gradient(135deg,#ff7a00,#ff315c);
  -webkit-background-clip:text;color:transparent
}
.stats-row span{display:block;color:#3e4655;font-weight:700;margin-top:8px;font-size:14px}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.testimonials article{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 14px 30px rgba(16,24,40,.05)}
.testimonials p{font-size:16px;color:#2e3746}
.testimonial-meta{display:flex;align-items:center;gap:14px;margin-top:18px}.testimonial-logo{width:92px;height:auto;object-fit:contain;flex:0 0 auto}.testimonial-person{display:flex;flex-direction:column;gap:4px}.person-name{font-weight:800;color:#111827;line-height:1.2}.testimonial-person strong{font-size:14px;color:#667085;font-weight:600;line-height:1.35}
.cta-band{padding:28px 0 44px}
.cta-inner{
  background:linear-gradient(135deg,#ff7a00 0%, #ff4b1f 55%, #ff2d65 100%);
  color:#fff;border-radius:26px;padding:26px 34px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
  box-shadow:0 24px 70px rgba(255,76,31,.25);
}
.cta-inner img{width:74px;border-radius:16px;background:#fff}
.cta-inner h2{margin-bottom:6px;color:#fff}
.cta-inner p{margin:0;color:rgba(255,255,255,.9)}
.site-footer{border-top:1px solid var(--line);background:#fff;padding:38px 0 20px}
.footer-grid{
  display:grid;grid-template-columns:1.35fr .9fr .9fr 1.55fr;gap:34px;
}
.footer-grid h4{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#111827;margin:0 0 14px}
.footer-grid a,.footer-grid p{display:block;color:#596375;margin:0 0 8px;font-size:14px}
.footer-brand img{width:70px;margin-bottom:12px}
.socials{display:flex;gap:10px;margin-top:16px}
.socials a{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#111827}
.legal{
  border-top:1px solid var(--line);
  margin-top:28px;padding-top:18px;
  text-align:center;color:#687283;font-size:13px
}
.legal p{margin:0 0 10px}
.legal div{display:flex;gap:20px;justify-content:center}
i[data-icon]{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#1f2937;flex:0 0 auto}
.feature-card i[data-icon]{width:34px;height:34px}
@media (max-width: 1040px){
  .works-layout{grid-template-columns:1fr;}
  

.section-title-row{grid-template-columns:1fr;gap:8px}
  .feature-band,.feature-band.reverse{grid-template-columns:1fr}
  .feature-band.reverse .media-card{order:0}
  .feature-grid.five{grid-template-columns:repeat(2,1fr)}
  .stats-row{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .cta-inner{grid-template-columns:auto 1fr}
  .cta-actions{grid-column:1/-1}
}
@media (max-width: 820px){
  .works-steps{grid-template-columns:1fr;}
  .works-visual{min-height:300px;}
  .loyalty-cards{grid-template-columns:1fr;}
  .loyalty-hero-card{min-height:220px;}
  .nav-toggle{display:block}
  .nav-links{
    position:absolute;top:78px;left:0;right:0;
    background:#fff;border-bottom:1px solid var(--line);
    padding:18px 24px;display:none;flex-direction:column;align-items:flex-start;
    box-shadow:0 18px 50px rgba(16,24,40,.12)
  }
  .nav-links.open{display:flex}
  .nav-shell{height:74px}
  .brand img{height:48px}
  .section{padding:38px 0}
  h1{font-size:44px}
  .lead{font-size:17px}
  .signal-row{grid-template-columns:1fr}
  .feature-grid.four,.feature-grid.three,.feature-grid.five{grid-template-columns:1fr}
  .media-card{min-height:170px}
  .testimonials{grid-template-columns:1fr}
  .cta-inner{grid-template-columns:1fr;text-align:center;justify-items:center}
}
@media (max-width: 560px){
  .container{width:min(100% - 24px,var(--max))}
  .hero{padding-top:36px}
  h1{font-size:38px}
  h2{font-size:30px}
  .product-worlds{grid-template-columns:1fr;padding:12px}
  .product-worlds article:last-child{grid-column:auto}
  .feature-band{padding:12px}
  .stats-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .hero-actions .btn,.cta-actions .btn{width:100%}
}

.feature-band .media-card img{image-rendering:auto;}
#fresh .media-card{min-height:310px;}
#esl .esl-visual{padding:24px 18px;}

.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  width:62px;
  height:62px;
  border-radius:50%;
  background:#25D366;
  box-shadow:0 18px 38px rgba(37,211,102,.35);
  display:grid;
  place-items:center;
  color:#fff;
  font-size:0;
  border:3px solid #fff;
}
.whatsapp-float::before{
  content:"";
  width:30px;
  height:30px;
  display:block;
  background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.04 3.5a8.45 8.45 0 0 0-7.24 12.8L3.75 20.5l4.32-1a8.45 8.45 0 1 0 3.97-16Zm0 1.7a6.75 6.75 0 1 1-3.44 12.56l-.3-.18-2.15.5.52-2.07-.2-.33A6.75 6.75 0 0 1 12.04 5.2Zm-2.36 3.43c-.14 0-.36.05-.55.27-.19.22-.72.7-.72 1.7 0 1 .74 1.98.84 2.12.1.14 1.43 2.28 3.55 3.1 1.76.69 2.12.55 2.5.52.39-.04 1.25-.51 1.43-1 .18-.49.18-.91.13-1-.05-.1-.19-.15-.4-.26-.22-.11-1.26-.62-1.45-.69-.2-.07-.34-.1-.48.1-.14.22-.55.69-.67.83-.12.14-.25.16-.46.05-.22-.11-.91-.34-1.73-1.07-.64-.57-1.08-1.28-1.2-1.5-.12-.22-.01-.34.1-.45.1-.1.22-.25.33-.37.11-.12.14-.22.22-.37.07-.15.04-.27-.02-.38-.05-.11-.48-1.16-.66-1.58-.17-.4-.35-.35-.48-.36h-.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.whatsapp-float:hover{transform:translateY(-2px)}
.esl-visual img{max-height:380px;}
.legal-page{
  padding:70px 0;
}
.legal-page .container{
  max-width:880px;
}
.legal-page h1{
  font-size:clamp(36px,5vw,56px);
}
.legal-page h2{
  font-size:24px;
  margin-top:32px;
}
.legal-page p,.legal-page li{
  color:var(--muted);
  font-size:16px;
}
.legal-page ul{
  padding-left:22px;
}
.legal-page-card{
  border:1px solid var(--line);
  border-radius:24px;
  padding:34px;
  background:#fff;
  box-shadow:var(--shadow);
}
@media (max-width: 820px){
  .whatsapp-float{width:56px;height:56px;right:16px;bottom:16px}
}

.footer-brand p a{color:#596375;text-decoration:none;}

.trusted-logo-row{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  align-items:center;
  max-width:1120px;
  margin:0 auto;
}
.trusted-logo-row img{
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:18px;
}
@media (max-width: 1040px){
  .trusted-logo-row{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 560px){
  .trusted-logo-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
}

.trusted-logo-banner{
  width:min(1120px, 100%);
  height:auto;
  margin:0 auto;
  display:block;
  object-fit:contain;
  border-radius:18px;
}
.trusted-logo-row{display:none;}

/* v13 trusted logo banner fix: cropped, monochrome, no duplicate heading */
.trusted{
  padding:14px 0 22px;
}
.trusted p{
  margin-bottom:10px;
}
.trusted-logo-banner{
  display:block;
  width:min(1080px, 100%);
  height:auto;
  max-height:170px;
  margin:0 auto;
  object-fit:contain;
  object-position:center;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
}
.trusted-logo-row{display:none !important;}

@media (max-width: 820px){.testimonial-meta{align-items:flex-start}.testimonial-logo{width:84px}}

/* v16 testimonial logo layout fix */
.testimonials article{
  display:flex;
  flex-direction:column;
}
.testimonial-meta{
  order:-1;
  margin-top:0;
  margin-bottom:16px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.testimonial-logo{
  width:170px;
  max-width:100%;
  height:auto;
  max-height:72px;
  object-fit:contain;
  object-position:left center;
  flex:0 0 auto;
}
.testimonial-person{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.person-name{
  font-weight:800;
  color:#111827;
  line-height:1.2;
}
.testimonial-person strong{
  font-size:14px;
  color:#667085;
  font-weight:600;
  line-height:1.35;
}
@media (max-width: 820px){
  .testimonial-logo{width:150px; max-height:64px;}
}

/* v17 testimonial single-logo crop fix */
.testimonial-logo{
  width:150px !important;
  max-width:150px !important;
  height:auto !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
}
.testimonial-meta{
  overflow:visible !important;
}
.testimonials article{
  overflow:visible !important;
}

/* Final PriceBrain logo update */
.brand img{
  height:48px;
  max-width:250px;
  object-fit:contain;
}
.footer-brand img{
  width:72px;
  height:auto;
}

/* Mobile fix: ensure How It Works cards are visible and readable */
@media (max-width: 768px){
  #works .section-heading{
    margin-bottom:22px;
  }
  #works .works-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
  }
  #works .works-steps{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    width:100% !important;
  }
  #works .work-step{
    display:block !important;
    width:100% !important;
    min-height:auto !important;
    height:auto !important;
    padding:22px 18px 20px !important;
    overflow:visible !important;
    box-shadow:0 12px 34px rgba(16,24,40,.07) !important;
  }
  #works .work-step h3{
    font-size:21px !important;
    line-height:1.18 !important;
    margin:14px 54px 10px 0 !important;
  }
  #works .work-step p{
    display:block !important;
    font-size:15.5px !important;
    line-height:1.55 !important;
    margin:0 !important;
    color:var(--muted) !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  #works .work-step i[data-icon]{
    display:inline-flex !important;
    width:34px !important;
    height:34px !important;
    margin-bottom:6px !important;
  }
  #works .step-no{
    top:18px !important;
    right:18px !important;
    width:40px !important;
    height:40px !important;
    font-size:16px !important;
  }
  #works .works-visual{
    display:block !important;
    width:100% !important;
    min-height:220px !important;
    max-height:none !important;
    overflow:hidden !important;
  }
  #works .works-visual img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:220px !important;
    object-fit:cover !important;
  }
}

@media (max-width: 420px){
  #works .work-step h3{
    font-size:20px !important;
  }
  #works .work-step p{
    font-size:15px !important;
  }
}

/* Final mobile polish: header, hero, trusted logos and testimonial spacing */
html, body{
  max-width:100%;
  overflow-x:hidden;
}

img{
  max-width:100%;
  height:auto;
}

@media (max-width: 768px){
  .container{
    width:calc(100% - 32px) !important;
    max-width:100% !important;
  }

  .site-header{
    position:sticky;
    top:0;
  }

  .nav-shell{
    height:78px !important;
    padding:0 !important;
    gap:12px !important;
  }

  .brand{
    display:flex;
    align-items:center;
    min-width:0;
    flex:1 1 auto;
  }

  .brand img{
    height:46px !important;
    width:auto !important;
    max-width:calc(100vw - 120px) !important;
    object-fit:contain !important;
  }

  .nav-toggle{
    flex:0 0 auto;
    margin-left:auto;
  }

  .hero{
    padding-top:30px !important;
    padding-bottom:26px !important;
  }

  .hero-grid{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:24px !important;
    width:100% !important;
  }

  .hero-copy{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  .hero-copy .eyebrow{
    font-size:12px !important;
    line-height:1.45 !important;
    letter-spacing:.07em !important;
    margin-bottom:14px !important;
  }

  .hero h1{
    font-size:clamp(35px, 11vw, 46px) !important;
    line-height:1.02 !important;
    letter-spacing:-.04em !important;
    margin-bottom:20px !important;
    max-width:100% !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .lead{
    width:100% !important;
    max-width:100% !important;
    font-size:17px !important;
    line-height:1.55 !important;
    margin-bottom:22px !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
    max-width:360px !important;
  }

  .hero-actions .btn{
    width:100% !important;
    justify-content:center !important;
  }

  .signal-row{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:24px !important;
  }

  .signal-row div{
    min-height:86px !important;
    padding:13px 10px !important;
    justify-content:center !important;
    text-align:center !important;
    flex-direction:column !important;
    line-height:1.25 !important;
  }

  .hero-art{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
  }

  .hero-art img{
    width:100% !important;
    max-width:100% !important;
    border-radius:20px !important;
  }

  .trusted{
    padding:22px 0 30px !important;
  }

  .trusted p{
    margin-bottom:14px !important;
    font-size:20px !important;
    line-height:1.22 !important;
    padding:0 4px !important;
  }

  .trusted-logo-banner{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    margin:0 auto !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  .stats-row{
    gap:12px !important;
  }

  .testimonials{
    gap:18px !important;
  }

  .testimonials article{
    padding:24px 22px !important;
  }

  .testimonial-meta{
    align-items:flex-start !important;
    margin-bottom:16px !important;
  }

  .testimonial-logo{
    width:135px !important;
    max-width:135px !important;
    max-height:56px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }

  .testimonial-person strong{
    display:block !important;
    max-width:100% !important;
  }
}

@media (max-width: 420px){
  .brand img{
    height:42px !important;
    max-width:calc(100vw - 112px) !important;
  }

  .hero h1{
    font-size:37px !important;
  }

  .signal-row{
    grid-template-columns:1fr !important;
    max-width:260px !important;
  }

  .trusted p{
    font-size:19px !important;
  }
}

/* Final WhatsApp floating button polish */
.whatsapp-float{
  position:fixed !important;
  right:22px !important;
  bottom:22px !important;
  z-index:999 !important;
  width:64px !important;
  height:64px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#25D366 0%,#16B857 100%) !important;
  border:4px solid #ffffff !important;
  box-shadow:0 18px 36px rgba(18,140,80,.28), 0 4px 12px rgba(15,23,42,.12) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  font-size:0 !important;
  text-decoration:none !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}

.whatsapp-float::before{
  content:"" !important;
  width:34px !important;
  height:34px !important;
  display:block !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  background-color:transparent !important;
  mask:none !important;
  -webkit-mask:none !important;
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M32.1 10.2c-12 0-21.8 9.7-21.8 21.7 0 4.1 1.2 8.1 3.3 11.5L10 56l12.9-3.4c3.3 1.8 7 2.8 10.9 2.8 12 0 21.8-9.7 21.8-21.7S44.1 10.2 32.1 10.2zm0 4.4c9.5 0 17.3 7.7 17.3 17.2S41.6 49 32.1 49c-3.4 0-6.6-1-9.3-2.7l-.7-.4-7.6 2 2-7.4-.5-.8c-1.8-2.8-2.8-6.1-2.8-9.5 0-9.5 7.8-17.2 17.3-17.2z'/%3E%3Cpath fill='%23ffffff' d='M25.2 22.1c-.4-.9-.8-.9-1.2-.9h-1c-.4 0-1 .1-1.5.7-.5.6-2 2-2 4.8s2.1 5.6 2.4 6c.3.4 4.1 6.6 10.2 8.9 5 1.9 6 1.5 7.1 1.4 1.1-.1 3.5-1.4 4-2.8.5-1.4.5-2.6.4-2.8-.2-.3-.5-.4-1.1-.7l-3.5-1.7c-.5-.2-.9-.4-1.3.3-.4.6-1.5 1.7-1.9 2.1-.3.4-.7.4-1.3.1-.6-.3-2.5-.9-4.8-3-1.8-1.6-3-3.5-3.3-4.1-.3-.6 0-.9.3-1.2.3-.3.6-.7.9-1 .3-.3.4-.6.6-1 .2-.4.1-.8 0-1.1-.1-.3-1.1-2.9-1.6-4z'/%3E%3C/svg%3E") !important;
}

.whatsapp-float::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:999px;
  border:1px solid rgba(37,211,102,.28);
  animation:whatsappPulse 2.4s ease-out infinite;
  pointer-events:none;
}

.whatsapp-float:hover{
  transform:translateY(-3px) scale(1.03) !important;
  box-shadow:0 22px 44px rgba(18,140,80,.34), 0 6px 16px rgba(15,23,42,.14) !important;
}

@keyframes whatsappPulse{
  0%{transform:scale(.92);opacity:.8}
  70%{transform:scale(1.22);opacity:0}
  100%{transform:scale(1.22);opacity:0}
}

@media (max-width: 768px){
  .whatsapp-float{
    width:58px !important;
    height:58px !important;
    right:16px !important;
    bottom:18px !important;
    border-width:3px !important;
  }
  .whatsapp-float::before{
    width:31px !important;
    height:31px !important;
  }
}

/* Final mobile edge-padding fix */
@media (max-width: 768px){
  body{
    overflow-x:hidden !important;
  }

  .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:22px !important;
    padding-right:22px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  .nav-shell{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .hero{
    overflow:hidden !important;
  }

  .hero-grid,
  .hero-copy,
  .hero-art,
  .lead,
  .hero-actions,
  .signal-row{
    max-width:100% !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  .hero h1{
    max-width:100% !important;
    width:100% !important;
    box-sizing:border-box !important;
    font-size:clamp(34px, 9.6vw, 42px) !important;
    line-height:1.05 !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .hero-copy .eyebrow{
    max-width:100% !important;
    overflow-wrap:break-word !important;
  }

  .hero-art img{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-radius:22px !important;
  }

  .btn{
    max-width:100% !important;
  }

  .signal-row{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .signal-row div{
    min-width:0 !important;
  }
}

@media (max-width: 420px){
  .container{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .nav-shell{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .hero h1{
    font-size:34px !important;
  }

  .hero-actions{
    max-width:100% !important;
  }

  .signal-row{
    grid-template-columns:1fr !important;
    max-width:100% !important;
  }
}

/* Align testimonial logos to the right */
.testimonial-meta{
  align-items:flex-end !important;
  text-align:right !important;
}

.testimonial-logo{
  object-position:right center !important;
  margin-left:auto !important;
  margin-right:0 !important;
}

.testimonial-person{
  align-items:flex-end !important;
  text-align:right !important;
  width:100% !important;
}

@media (max-width: 820px){
  .testimonial-meta{
    align-items:flex-end !important;
    text-align:right !important;
  }

  .testimonial-person{
    align-items:flex-end !important;
    text-align:right !important;
  }
}

/* Final mobile CTA padding fix */
@media (max-width: 768px){
  .cta-band{
    padding:28px 20px 42px !important;
    overflow:hidden !important;
  }

  .cta-band .container{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .cta-inner{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    border-radius:28px !important;
    padding:34px 22px !important;
    box-sizing:border-box !important;
    text-align:center !important;
    display:flex !important;
    flex-direction:column !important;
    gap:24px !important;
    overflow:hidden !important;
  }

  .cta-inner h2{
    font-size:32px !important;
    line-height:1.12 !important;
    letter-spacing:-.03em !important;
    margin-bottom:12px !important;
  }

  .cta-inner p{
    font-size:18px !important;
    line-height:1.45 !important;
    max-width:100% !important;
    margin:0 auto !important;
  }

  .cta-actions{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }

  .cta-actions .btn{
    width:100% !important;
    max-width:100% !important;
    min-height:58px !important;
    box-sizing:border-box !important;
  }
}

@media (max-width: 420px){
  .cta-band{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .cta-inner{
    padding:30px 18px !important;
    border-radius:24px !important;
  }

  .cta-inner h2{
    font-size:29px !important;
  }

  .cta-inner p{
    font-size:17px !important;
  }
}

/* Final fix: keep CTA buttons inset inside orange mobile box */
@media (max-width: 768px){
  .cta-inner{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  .cta-actions{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  .cta-actions .btn{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    border-radius:16px !important;
    box-sizing:border-box !important;
  }
}

@media (max-width: 420px){
  .cta-inner{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .cta-actions .btn{
    min-height:56px !important;
  }
}

/* Final correction: testimonial names remain left; logo can sit separately */
.testimonial-meta{
  align-items:stretch !important;
  text-align:left !important;
}

.testimonial-logo{
  margin-left:auto !important;
  margin-right:0 !important;
  object-position:right center !important;
  display:block !important;
}

.testimonial-person{
  align-items:flex-start !important;
  text-align:left !important;
  width:100% !important;
}

.testimonial-person .person-name,
.testimonial-person strong{
  text-align:left !important;
}

/* Stronger mobile CTA inset fix */
@media (max-width: 768px){
  .cta-band{
    padding-left:20px !important;
    padding-right:20px !important;
    box-sizing:border-box !important;
  }

  .cta-band .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  .cta-inner{
    width:100% !important;
    max-width:100% !important;
    padding:34px 24px !important;
    box-sizing:border-box !important;
  }

  .cta-actions{
    width:100% !important;
    max-width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }

  .cta-actions .btn{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
    border-radius:16px !important;
  }
}

@media (max-width: 420px){
  .cta-band{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .cta-inner{
    padding:30px 18px !important;
  }

  .cta-actions{
    padding-left:10px !important;
    padding-right:10px !important;
  }
}