:root{--gold:#f0b429;--dark:#1c1408;--panel:#2a1f08;--text:#2d2416;--muted:#7a6a4a}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Open Sans',sans-serif;background:#f8f5f0;color:var(--text);font-size:15px;line-height:1.7}
.hero{background:linear-gradient(135deg,#1c1408 0%,#2a1f08 60%,#1c1408 100%);padding:50px 20px 40px;text-align:center}
.badge{display:inline-flex;align-items:center;gap:6px;background:rgba(240,180,41,.15);border:1px solid rgba(240,180,41,.4);border-radius:20px;padding:6px 14px;color:#f0b429;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:.5px;margin-bottom:16px}
.hero h1{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(22px,5vw,38px);color:#fff;line-height:1.2;margin-bottom:14px;max-width:740px;margin-left:auto;margin-right:auto}
.hero h1 span{color:var(--gold)}
.hero p{color:rgba(255,255,255,.75);font-size:16px;max-width:600px;margin:0 auto 24px;line-height:1.7}
.hero-btns{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:0 auto 28px}
.btn-gold{display:block;background:var(--gold);color:#1c1408;font-family:'Montserrat',sans-serif;font-weight:900;font-size:15px;padding:15px;border-radius:8px;text-decoration:none;text-align:center}
.btn-wa{display:block;background:#25D366;color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;padding:13px;border-radius:8px;text-decoration:none;text-align:center}
.proof-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:12px 16px;background:rgba(28,20,8,.85);border-radius:10px;margin:18px 0}
.proof-item{color:rgba(255,255,255,.88)!important;font-size:12px;display:flex;align-items:center;gap:5px}
.wrap{max-width:800px;margin:0 auto;padding:40px 20px}
.intro-box{background:#fff;border-radius:12px;padding:28px;margin-bottom:32px;border-left:4px solid var(--gold);box-shadow:0 2px 12px rgba(0,0,0,.06)}
.intro-box h2{font-family:'Montserrat',sans-serif;font-weight:900;font-size:18px;color:var(--dark);margin-bottom:12px}
.intro-box p{color:#4a3d28;line-height:1.85;margin-bottom:10px}
.section-h{font-family:'Montserrat',sans-serif;font-weight:900;font-size:20px;color:var(--dark);margin:36px 0 16px;display:flex;align-items:center;gap:8px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:32px}
.card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.card-icon{font-size:26px;margin-bottom:8px}
.card-title{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:var(--dark);margin-bottom:4px}
.card p{color:#3d3127;font-size:13px;line-height:1.65}
.card-text{font-size:12px;color:#3d3127;line-height:1.6}
.faq-item{background:#fff;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden}
.faq-q{padding:18px 20px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;color:var(--dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;user-select:none}
.faq-q:hover{background:#fdf9f0}
.faq-chevron{font-size:18px;color:var(--gold);flex-shrink:0;transition:transform .2s}
.faq-a{display:none;padding:0 20px 18px;font-size:14px;color:#4a3d28;line-height:1.85}
.faq-a.open{display:block}
.faq-chevron.open{transform:rotate(90deg)}
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:32px}
.review{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.review-stars{color:var(--gold);font-size:13px;margin-bottom:6px}
.review-text{font-size:13px;color:#4a3d28;line-height:1.7;font-style:italic;margin-bottom:8px}
.review-name{font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;color:var(--dark)}
.cta-final{background:linear-gradient(135deg,var(--dark),var(--panel));border-radius:12px;padding:36px;text-align:center;margin-top:40px}
.cta-final h2{font-family:'Montserrat',sans-serif;font-weight:900;font-size:22px;color:#fff;margin-bottom:8px}
.cta-final p{color:rgba(255,255,255,.7);margin-bottom:24px;font-size:15px}
.cta-final-btns{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:0 auto 20px}
.sp{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;margin-top:16px}
.sp span{color:rgba(255,255,255,.75);font-size:12px;font-family:'Montserrat',sans-serif;font-weight:700}
.form-section{background:#fff;border-radius:12px;padding:28px;margin-bottom:32px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.form-section h2{font-family:'Montserrat',sans-serif;font-weight:900;font-size:18px;color:var(--dark);margin-bottom:6px}
.form-section p{font-size:13px;color:var(--muted);margin-bottom:20px}
.ef-form{display:flex;flex-direction:column;gap:10px}
.ef-input{width:100%;padding:12px 14px;border:1.5px solid #e0d5c0;border-radius:7px;font-size:15px;font-family:'Open Sans',sans-serif;color:var(--dark);outline:none}
.ef-input:focus{border-color:var(--gold)}
.ef-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ef-submit{background:var(--gold);color:var(--dark);font-family:'Montserrat',sans-serif;font-weight:900;font-size:14px;padding:14px;border:none;border-radius:8px;cursor:pointer;width:100%}
.ef-thanks{display:none;text-align:center;padding:20px;background:#f0faf0;border-radius:8px;color:#2a7a2a;font-family:'Montserrat',sans-serif;font-weight:700}
.ef-row{grid-template-columns:1fr 1fr}}

/* ── PAGE GUARANTEE STRIP ── */




.pg-text strong{color:var(--gold3)}

@media(max-width:480px){}

/* ══ MOBILE FIXES ══════════════════════════════════════════════ */
@media(max-width:768px){

  /* FIX 1: Sticky CTA — show on mobile but with proper sizing */
  
  
  
  .sticky-wa,
  

  /* FIX 2: Push Tawk.to ABOVE sticky CTA bar (80px = bar height) */
  #tawkchat-container,
  .tawk-min-container,
  [class*="tawk"]{
    bottom:72px !important;
  }

  /* FIX 3: Push cookie banner ABOVE sticky CTA bar */
  .cookieBanner,
  .cookie-banner,
  #cookieBanner,
  #cookie-banner{
    bottom:70px !important;
  }

  }
  /* FIX 5: Guarantee strip stacks cleanly */
  
  

  /* FIX 6: how-steps connector */
  .how-connector{
    transform:rotate(90deg);
    padding:4px 0;
    margin:0 auto;
  }
}

@media(max-width:380px){
  /* Very small phones — 360px iPhone SE etc */
  .sticky-wa,
  
  .step-title{
    font-size:14px;
  }
}
/* ══ END MOBILE FIXES ═══════════════════════════════════════════ */

/* ── FCA DISCLAIMER ── */
.fca-note{background:#1c1408;border-radius:10px;padding:12px 20px 20px;margin-top:0}
.fca-note p{font-size:11px;color:rgba(255,255,255,.3);line-height:1.7;margin:0;max-width:900px}
.fca-note p strong{color:rgba(255,255,255,.4)}




.tawk-button,
.tawk-button-circle,
[class*="tawk"] .tawk-min-container,
#tawkchat-minified-wrapper,
.tawk-icon-svg,
iframe[src*="tawk"] { }
/* Override Tawk button colour to blue via CSS filter on the iframe */













/* Floating WhatsApp */
@media(max-width:480px){}
50%{box-shadow:0 4px 28px rgba(37,211,102,.8),0 0 0 8px rgba(37,211,102,.15);}
}




/* Push body down when sticky header visible */


/* ── Tawk.to grey/silver override ── */
#tawkchat-container,
.tawk-min-container,
[id*="tawkchat"],
[class*="tawk-"] {
  filter: grayscale(100%) brightness(1.4) !important;
  -webkit-filter: grayscale(100%) brightness(1.4) !important;
}


@media(max-width:600px){
  
@media(max-width:767px){}
  
  
  
}
/* Mobile slide-out menu */
#tmg-mob-menu{
  display:none;
  position:fixed;top:0;left:0;right:0;bottom:0;
  background:#1c1408;
  z-index:99999;
  overflow-y:auto;
  padding:70px 24px 40px;
  flex-direction:column;
}
#tmg-mob-menu.open{display:flex;}
.tmg-mob-close{
  position:absolute;top:14px;right:16px;
  background:none;border:none;color:#f0b429;
  font-size:28px;cursor:pointer;line-height:1;
  font-weight:300;
}
.tmg-mob-link{
  display:block;
  color:rgba(255,255,255,.85);
  text-decoration:none;
  font-family:'Montserrat',sans-serif;
  font-weight:700;font-size:16px;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.tmg-mob-link:last-child{border-bottom:none;}
.tmg-mob-link:active{color:#f0b429;}
.tmg-mob-ctas{
  display:flex;flex-direction:column;gap:12px;
  margin-top:28px;
}
.tmg-mob-wa{
  background:#25D366;color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:800;
  font-size:15px;padding:14px;border-radius:10px;
  text-decoration:none;text-align:center;
}
.tmg-mob-assess{
  background:#f0b429;color:#1c1408;
  font-family:'Montserrat',sans-serif;font-weight:800;
  font-size:15px;padding:14px;border-radius:10px;
  text-decoration:none;text-align:center;
}
/* ── END HAMBURGER + MOBILE MENU ── */

/* ══ STICKY HEADER — ALWAYS ON ══ */


@media(max-width:767px){}


@media(max-width:767px){}



/* Hamburger */


/* Push page content below fixed header */
body{padding-top:52px !important;}
/* Ensure nav below doesn't cover header */
nav,.sn{z-index:100 !important;}
/* Mobile */
@media(max-width:600px){
  
  
  
  
  .tmg-sh-wa,
  
  body{padding-top:52px !important;}
}
@media(max-width:380px){
  .tmg-sh-wa,
}
/* ══ END STICKY HEADER ══ */

/* ── CTA button differentiation ── */
.btn-outline-gold{
  display:block;
  background:transparent;
  color:#f0b429;
  border:2px solid #f0b429;
  font-family:'Montserrat',sans-serif;
  font-weight:900;
  font-size:15px;
  padding:13px;
  border-radius:8px;
  text-decoration:none;
  text-align:center;
  transition:background .2s,color .2s;
}
.btn-outline-gold:hover{
  background:#f0b429;
  color:#1c1408;
}

/* ══ STICKY CTA BAR — DEFINITIVE ══ */









@media(max-width:600px){}
@media(min-width:900px){}
/* ══ END STICKY CTA BAR ══ */

/* ══ STICKY CTA BAR — DEFINITIVE ══ */









@media(max-width:600px){}
@media(min-width:900px){}
/* ══ END STICKY CTA BAR ══ */

/* STICKYCTA-DEF */









@media(max-width:600px){}
@media(min-width:900px){}

/* ── GEEZER GUARANTEE CTA — FLASHING GOLD ── */

@keyframes pg-flash{
  0%,100%{
    background:#f0b429;
    box-shadow:0 0 0 0 rgba(240,180,41,0);
    color:#fff;
  }
  50%{
    background:#ffc93c;
    box-shadow:0 0 18px 4px rgba(240,180,41,.6);
    color:#fff;
  }
}
.pg-cta:hover{
  background:#ffd45e !important;
  color:#fff !important;
  animation:none;
  box-shadow:0 4px 20px rgba(240,180,41,.7);
  transform:translateY(-1px);
}
/* ── END GUARANTEE CTA ── */

.btn-outline{display:inline-block;background:transparent;color:#f0b429;border:2px solid #f0b429;font-family:'Montserrat',sans-serif;font-weight:900;font-size:14px;padding:10px 20px;border-radius:8px;text-decoration:none;text-align:center;cursor:pointer;transition:background .2s,color .2s;}.btn-outline:hover{background:#f0b429;color:#1c1408;}

/* ══ DESIGN IMPROVEMENTS — 20260715193408 ══ */

/* 1. WhatsApp pulse on mobile sticky header */
@media(max-width:600px){{
  }
  @keyframes wa-heartbeat{{
    0%,100%{{box-shadow:0 0 0 0 rgba(37,211,102,0);background:#25D366;}}
    50%{{box-shadow:0 0 12px 3px rgba(37,211,102,.5);background:#2ecc71;}}
  }}
}}

/* 2. Increased section spacing on content pages */
.section,section,.content-section,.page-section{{
  padding-top:48px !important;
  padding-bottom:48px !important;
}}
.cs-section{{
  margin-bottom:40px !important;
}}

/* 3. Alternating light section backgrounds */
.section-light{{
  background:#f5f0e8 !important;
  color:#1c1408 !important;
  border-radius:var(--radius,12px);
  padding:32px 24px !important;
  margin:24px 0;
}}
.section-light h2,.section-light h3{{color:#1c1408 !important;}}
.section-light p{{color:#2a1f08 !important;}}

/* 4. Gold section dividers */
.section-divider{{
  width:60px;height:3px;
  background:var(--gold,#f0b429);
  border-radius:2px;
  margin:32px 0;
}}

/* 5. Static trust block on mobile (replaces scrolling strip) */
.tmg-trust-static{{
  display:none;
}}
@media(max-width:600px){{
  .tmg-trust-strip{{display:none !important;}}
  .tmg-trust-static{{
    display:flex !important;
    justify-content:space-around;
    align-items:center;
    background:rgba(240,180,41,.08);
    border:1px solid rgba(240,180,41,.2);
    border-radius:10px;
    padding:12px 16px;
    margin:16px 0;
    gap:8px;
  }}
  .tmg-trust-static-item{{
    display:flex;flex-direction:column;align-items:center;gap:3px;
    font-family:'Montserrat',sans-serif;font-weight:700;
    font-size:10px;color:rgba(255,255,255,.85);text-align:center;
  }}
  .tmg-trust-static-item span:first-child{{
    font-size:18px;
  }}
}}

/* 6. Reduce CTA visual noise — secondary buttons less prominent */
.btn-secondary{{
  opacity:.85;
  font-size:13px !important;
  padding:11px 18px !important;
}}

/* 7. Better card hover states */
.svc-card:hover{{
  transform:translateY(-3px);
  box-shadow:0 8px 32px rgba(240,180,41,.15);
  transition:all .2s ease;
}}

/* 8. Case study link callout styling */
.cs-callout{{
  background:rgba(240,180,41,.06);
  border:1px solid rgba(240,180,41,.2);
  border-left:4px solid #f0b429;
  border-radius:0 10px 10px 0;
  padding:14px 18px;
  margin:24px 0;
}}
.cs-callout a{{
  color:#f0b429;
  font-family:'Montserrat',sans-serif;
  font-weight:800;font-size:13px;
  text-decoration:none;
}}
.cs-callout a:hover{{opacity:.8;}}

/* 9. Better mobile font sizing */
@media(max-width:480px){{
  h1{{font-size:clamp(20px,6vw,28px) !important;}}
  h2{{font-size:clamp(17px,5vw,22px) !important;}}
  .hero-title,.hero h1{{font-size:clamp(22px,6.5vw,32px) !important;}}
}}

/* 10. Smooth scroll */
html{{scroll-behavior:smooth;}}

/* 11. Better focus states for accessibility */
a:focus,button:focus{{
  outline:2px solid #f0b429;
  outline-offset:2px;
}}

/* ══ END DESIGN IMPROVEMENTS ══ */

/* ══ MOBILE UX IMPROVEMENTS — 20260724103225 ══ */

/* 1. Bigger sticky CTA tap targets */
@media(max-width:900px){
  
}

/* 2. Hero button order swap on mobile — WA first */
@media(max-width:600px){
  .hero-btns,
  .cta-btns,
  .btn-group{
    display:flex;
    flex-direction:column;
  }
  .hero-btns .btn-wa,
  .cta-btns .btn-wa,
  .btn-group .btn-wa{
    order:-1;
  }
  .hero-btns .btn-gold,
  .cta-btns .btn-gold,
  .btn-group .btn-gold{
    order:0;
  }
}

/* 3. Jump to FAQ anchor — mobile only */
.jump-to-faq{
  display:none;
}
@media(max-width:900px){
  .jump-to-faq{
    display:block !important;
    text-align:center;
    margin:12px 0 0;
    font-family:'Montserrat',sans-serif;
    font-weight:700;
    font-size:12px;
  }
  .jump-to-faq a{
    color:rgba(240,180,41,.8);
    text-decoration:none;
    padding:8px 16px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:20px;
    display:inline-block;
  }
}

/* 4. Ensure all phone numbers look tappable on mobile */


/* 5. Better touch targets for FAQ toggles */
@media(max-width:900px){
  .faq-q,
  .faq-question{
    min-height:48px;
    display:flex;
    align-items:center;
    cursor:pointer;
  }
}

/* ══ END MOBILE UX IMPROVEMENTS ══ */

/* tel: link button fix */
a[href^="tel:"]a[href^="tel:"].btn-outline-gold,
a[href^="tel:"].btn-gold,
a[href^="tel:"].mob-btn-call,
a[href^="tel:"].nav-phone{
  text-decoration:none !important;
  color:inherit !important;
}

.h1-cta-strip{display:flex;gap:10px;margin:16px 0 24px;flex-wrap:wrap}
.h1-cta-wa{flex:1;min-width:140px;background:#25D366;color:#fff !important;font-family:Montserrat,sans-serif;font-weight:900;font-size:13px;padding:12px 14px;border-radius:9px;text-decoration:none;text-align:center;display:block}
.h1-cta-assess{flex:1;min-width:140px;background:#f0b429;color:#1c1408 !important;font-family:Montserrat,sans-serif;font-weight:900;font-size:13px;padding:12px 14px;border-radius:9px;text-decoration:none;text-align:center;display:block}



/* ── STICKY HEADER ── */









/* MOBILE: hide action buttons, show hamburger — sticky bar handles CTAs */
@media(max-width:767px){
  
  
  
}
/* DESKTOP: show action buttons, hide hamburger */
@media(min-width:768px){
  
  
}

/* ── STICKY BOTTOM CTA ── */








/* Desktop: hide sticky bar — header handles CTAs */
@media(min-width:768px){}
@media(max-width:767px){}


/* ── STICKY BOTTOM BUTTONS — all class variants ── */
.sticky-wa,
.sticky-assess,


/* ── STICKY HEADER ── */
#tmg-sticky-header{position:fixed!important;top:0!important;left:0;right:0;z-index:99999!important;background:#1c1408!important;border-bottom:2px solid #f0b429;height:52px;display:flex!important;align-items:center;justify-content:space-between;padding:0 14px;gap:10px}
.tmg-sh-brand{font-family:'Montserrat',sans-serif;font-weight:900;font-size:14px;color:#f0b429;white-space:nowrap;flex-shrink:0;text-decoration:none}
.tmg-sh-brand span{color:rgba(255,255,255,.55);font-weight:700}
.tmg-sh-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.tmg-sh-phone{color:rgba(255,255,255,.7);font-size:12px;text-decoration:none;font-family:'Montserrat',sans-serif;font-weight:700}
.tmg-sh-wa{background:#25D366;color:#fff!important;font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;padding:7px 12px;border-radius:6px;text-decoration:none}
.tmg-sh-cta{background:#f0b429;color:#1c1408!important;font-family:'Montserrat',sans-serif;font-weight:900;font-size:12px;padding:7px 12px;border-radius:6px;text-decoration:none}
.tmg-hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:6px;flex-shrink:0;margin-left:4px}
.tmg-hamburger span{display:block;width:22px;height:2px;background:#f0b429;border-radius:2px}
@media(max-width:767px){.tmg-sh-actions{display:none!important}.tmg-hamburger{display:flex!important}.tmg-sh-brand{font-size:15px}}
@media(min-width:768px){.tmg-sh-actions{display:flex!important}.tmg-hamburger{display:none!important}}

/* ── STICKY BOTTOM ── */








@media(max-width:767px){}
@media(min-width:768px){}


/* Hide hero buttons on mobile - sticky bar handles CTAs */
@media(max-width:767px){
  .hero-btns{display:none!important}
}
/* Guarantee box - always dark panel, always white text */
.page-guarantee{background:#2a1f08!important;border:1.5px solid rgba(240,180,41,.35)!important;border-radius:12px;padding:16px 20px;margin:0 0 28px}
.pg-inner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#fff!important}
.pg-text{color:#fff!important;flex:1;font-size:13px;line-height:1.5;min-width:200px}
.pg-icon{font-size:22px;flex-shrink:0}
.pg-cta{background:#f0b429!important;color:#1c1408!important;font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;padding:10px 18px;border-radius:8px;text-decoration:none;white-space:nowrap;display:inline-block}
/* Sticky bar buttons always visible and styled */





/* ── STICKY BOTTOM BAR ── */
.stickyCTA{
  display:none;
  position:fixed!important;
  bottom:0!important;
  left:0;right:0;
  z-index:8000!important;
  background:#1c1408!important;
  border-top:2px solid #f0b429;
  padding:8px 12px;
}
.sticky-btns{
  display:flex;
  gap:8px;
  width:100%;
  max-width:600px;
  margin:0 auto;
}
.sticky-wa{
  flex:1;
  background:#25D366!important;
  color:#fff!important;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  font-size:14px;
  padding:13px 8px;
  border-radius:8px;
  text-decoration:none!important;
  text-align:center;
  display:block;
}
.sticky-assess{
  flex:1;
  background:#f0b429!important;
  color:#1c1408!important;
  font-family:'Montserrat',sans-serif;
  font-weight:900;
  font-size:14px;
  padding:13px 8px;
  border-radius:8px;
  text-decoration:none!important;
  text-align:center;
  display:block;
}
@media(max-width:767px){.stickyCTA{display:block!important}}
@media(min-width:768px){.stickyCTA{display:none!important}}

header.sh{display:none!important;}.sn{display:none!important;}