:root{--bg:#050607;--panel:#0d0f10;--panel2:#121516;--line:#24292d;--muted:#a8b0b7;--text:#f7f8f8;--lime:#bcff14;--lime2:#d8ff61;--blue:#5578ff;--red:#ff6b6b;--shadow:0 22px 70px rgba(0,0,0,.35);--radius:24px;--radius-sm:14px;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0%,rgba(188,255,20,.12),transparent 38%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--lime);color:#000;padding:10px 14px;border-radius:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,6,7,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:900}.brand img{width:142px;height:auto}.brand span{position:absolute;left:-9999px}.site-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.site-nav a{color:#d7dbe0;text-decoration:none;font-weight:800;font-size:15px}.site-nav a:hover{color:var(--lime)}.call-pill,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;border:1px solid var(--line);padding:14px 20px;text-decoration:none;font-weight:950;color:var(--text);background:#101213;box-shadow:0 8px 30px rgba(0,0,0,.18)}.call-pill{white-space:nowrap}.btn.lime{background:var(--lime);color:#050505;border-color:var(--lime);box-shadow:0 0 30px rgba(188,255,20,.20)}.btn.blue{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.dark{background:#0b0d0e;color:#fff}.btn.full{width:100%}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.94) 0%,rgba(5,6,7,.70) 42%,rgba(5,6,7,.18) 100%),url('/assets/img/tow-truck-brisbane-hero.jpg') center/cover no-repeat;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(188,255,20,.20),transparent 26%);z-index:-1}.hero-inner{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:80px 0}.eyebrow{color:var(--lime);font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin:0 0 10px}.hero h1,.page-hero h1{font-size:clamp(46px,7vw,86px);line-height:.96;margin:0 0 20px;letter-spacing:-.06em;max-width:880px}.hero p.lead,.page-hero p{font-size:clamp(18px,2vw,23px);color:#d8dfe4;max-width:760px;margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.trust-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.trust-row span{background:rgba(188,255,20,.09);border:1px solid rgba(188,255,20,.25);border-radius:999px;padding:9px 12px;color:#eaf8d4;font-weight:800}.hero-card{background:rgba(13,15,16,.84);border:1px solid rgba(255,255,255,.10);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;align-self:end}.hero-card h2{font-size:28px;margin:0 0 12px}.quick-list{display:grid;gap:10px;margin-top:18px}.quick-list a{display:flex;justify-content:space-between;gap:12px;color:#fff;text-decoration:none;background:#0b0d0e;border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-weight:850}.quick-list a:hover{border-color:var(--lime);color:var(--lime)}section{padding:76px 0}.section-intro{max-width:820px;margin-bottom:28px}.section-intro h2{font-size:clamp(32px,4vw,54px);line-height:1;margin:0 0 14px;letter-spacing:-.04em}.section-intro p{color:var(--muted);font-size:18px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card,.info-card,.area-card,.blog-card,.quote-panel,.legal-card{background:linear-gradient(180deg,#121516,#0c0e0f);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 12px 44px rgba(0,0,0,.18)}.service-card{display:flex;flex-direction:column;color:var(--text);text-decoration:none;min-height:100%}.service-card img,.blog-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;margin-bottom:18px;border:1px solid rgba(255,255,255,.09)}.service-card h3,.info-card h3,.area-card h3,.blog-card h3{font-size:23px;line-height:1.1;margin:0 0 10px}.service-card p,.info-card p,.area-card p,.blog-card p,.legal-card p,.legal-card li{color:var(--muted)}.learn{margin-top:auto;color:var(--lime);font-weight:950}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.image-panel img{width:100%;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.proof{background:#101314;border:1px solid var(--line);border-radius:20px;padding:20px}.proof strong{font-size:34px;display:block;color:var(--lime)}.page-hero{padding:72px 0 44px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 30%,rgba(188,255,20,.13),transparent 30%)}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;color:var(--muted);font-size:14px}.breadcrumbs a{color:var(--muted);text-decoration:none}.content-grid{display:grid;grid-template-columns:2fr .95fr;gap:24px;align-items:start}.toc{position:sticky;top:104px}.toc a{display:block;color:#dbe1e5;text-decoration:none;border-bottom:1px solid var(--line);padding:11px 0}.toc a:hover{color:var(--lime)}.body-copy h2{font-size:36px;line-height:1.05;margin:38px 0 12px;letter-spacing:-.03em}.body-copy h3{font-size:24px;margin:24px 0 8px}.body-copy p,.body-copy li{color:#c6cdd3;font-size:17px}.body-copy ul{padding-left:22px}.highlight-box{background:linear-gradient(135deg,rgba(188,255,20,.16),rgba(85,120,255,.07));border:1px solid rgba(188,255,20,.30);border-radius:var(--radius);padding:24px;margin:24px 0}.area-cloud{display:flex;gap:10px;flex-wrap:wrap}.area-cloud a{padding:10px 13px;border-radius:999px;background:#101314;border:1px solid var(--line);color:#e8edf0;text-decoration:none;font-weight:800}.area-cloud a:hover{border-color:var(--lime);color:var(--lime)}.quote-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{font-weight:900;color:#eaf0f4}input,select,textarea{width:100%;margin-top:7px;background:#080909;border:1px solid #30363b;border-radius:14px;color:#fff;padding:14px 15px;font:inherit}.hp{display:none}.faq{display:grid;gap:12px}.faq details{background:#101314;border:1px solid var(--line);border-radius:18px;padding:18px}.faq summary{font-weight:950;cursor:pointer}.faq p{color:var(--muted)}.cta-band{background:linear-gradient(135deg,rgba(188,255,20,.11),rgba(85,120,255,.08));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}.cta-grid h2{font-size:38px;line-height:1;margin:0 0 10px}.cta-grid p{color:#c5ccd2}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.site-footer{background:#030404;padding:56px 0 26px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}.footer-logo{width:150px}.site-footer a{display:block;color:#cbd2d7;text-decoration:none;margin:7px 0}.site-footer a:hover{color:var(--lime)}.copyright{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;color:#8f979f}.sticky-call{position:fixed;right:20px;bottom:18px;z-index:40;background:var(--lime);color:#050505;text-decoration:none;font-weight:950;padding:15px 20px;border-radius:999px;box-shadow:0 0 30px rgba(188,255,20,.28)}.notice{border:1px solid rgba(188,255,20,.24);background:rgba(188,255,20,.08);border-radius:16px;padding:16px;color:#e7f5d0}.map-placeholder{min-height:340px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#15191b,#070808);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:30px}.compact-list{display:grid;gap:12px}.compact-list a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:#fff;background:#101314;border:1px solid var(--line);padding:14px 16px;border-radius:16px}.compact-list span{color:var(--lime);font-weight:950}@media(max-width:980px){.wrap{width:min(100% - 26px,var(--max))}.nav-wrap{height:auto;min-height:72px;flex-wrap:wrap}.menu-toggle{display:inline-flex;margin-left:auto;background:#101314;border:1px solid var(--line);color:#fff;border-radius:14px;padding:10px 12px;font-weight:900}.site-nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0;margin:0}.site-nav.open{display:flex}.site-nav a{padding:14px;border-top:1px solid var(--line)}.call-pill{display:none}.hero-inner{grid-template-columns:1fr;min-height:auto;padding:58px 0}.hero-card{align-self:auto}.card-grid,.proof-grid,.footer-grid{grid-template-columns:1fr 1fr}.split,.content-grid,.cta-grid{grid-template-columns:1fr}.toc{position:static}.form-grid,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.sticky-call{left:14px;right:14px;text-align:center}}@media(max-width:620px){.brand img{width:116px}.hero h1,.page-hero h1{font-size:44px}.hero p.lead,.page-hero p{font-size:17px}.hero-actions,.cta-actions{flex-direction:column}.btn,.call-pill{width:100%}.card-grid,.proof-grid,.footer-grid{grid-template-columns:1fr}section{padding:52px 0}.service-card,.info-card,.area-card,.blog-card,.quote-panel,.legal-card{padding:20px;border-radius:20px}.body-copy h2{font-size:30px}.sticky-call{bottom:12px}}


/* =========================================================
   V2.1 POLISH FIX — header, hero sizing, link colours, sticky CTA
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden!important;}
*{box-sizing:border-box;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--lime);}
p a,.contact-card a,.legal-copy a,.content-card a{color:var(--lime)!important;text-decoration:none;font-weight:800;}
p a:hover,.contact-card a:hover,.legal-copy a:hover,.content-card a:hover{text-decoration:underline;}

.site-header{height:76px!important;min-height:76px!important;background:rgba(2,5,5,.96)!important;border-bottom:1px solid rgba(255,255,255,.08);}
.nav-wrap{min-height:76px!important;height:76px!important;padding:0 18px!important;display:flex;align-items:center;}
.brand{height:62px!important;width:170px!important;max-width:170px!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
.brand img{display:block!important;width:150px!important;max-width:150px!important;height:auto!important;max-height:54px!important;object-fit:contain!important;background:transparent!important;}
.nav{gap:24px!important;align-items:center;}
.nav a{color:var(--muted)!important;text-decoration:none!important;font-weight:900;letter-spacing:-.02em;}
.nav a:hover{color:var(--lime)!important;}
.header-call{height:52px!important;display:inline-flex;align-items:center;justify-content:center;color:var(--text)!important;text-decoration:none!important;white-space:nowrap;}
.mobile-toggle{border:1px solid var(--line);background:#0d1012;color:var(--text);border-radius:14px;min-width:46px;min-height:46px;display:none;}

.hero{min-height:calc(100vh - 76px)!important;padding:0!important;display:flex;align-items:center;overflow:hidden;background-position:center!important;}
.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  background:
    linear-gradient(90deg,rgba(2,5,4,.94) 0%,rgba(2,5,4,.78) 40%,rgba(2,5,4,.24) 100%),
    url('/assets/img/tow-truck-brisbane-hero.jpg') center right / cover no-repeat !important;
} 0%,rgba(2,5,4,.78) 40%,rgba(2,5,4,.24) 100%)!important;}
.hero .container,.hero-inner{width:100%;}
.hero-inner{padding:50px 0 64px!important;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr)!important;gap:44px!important;align-items:end!important;}
.hero-copy{padding-top:0!important;max-width:820px;}
.hero h1{font-size:clamp(3.4rem,6vw,6.5rem)!important;line-height:.96!important;letter-spacing:-.07em!important;margin:18px 0 22px!important;max-width:860px;}
.hero-copy>p{font-size:clamp(1.18rem,1.55vw,1.75rem)!important;line-height:1.42!important;max-width:780px;margin:0 0 22px;color:#dbe4e7!important;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.quote-panel{width:100%;max-width:580px!important;margin-left:auto!important;padding:30px!important;border-radius:26px!important;background:rgba(9,12,13,.76)!important;backdrop-filter:blur(18px);box-shadow:0 22px 70px rgba(0,0,0,.42)!important;}
.service-links{gap:12px!important;}
.service-links a{height:58px!important;color:var(--text)!important;text-decoration:none!important;background:rgba(3,7,8,.86)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:18px!important;}
.service-links a:hover{border-color:rgba(185,255,0,.45)!important;color:var(--lime)!important;}

.section{padding:78px 0!important;}
.section.tight{padding:48px 0!important;}
.section-intro{margin-bottom:28px!important;}
.section-intro h2{font-size:clamp(2rem,3.8vw,4.2rem)!important;line-height:1!important;letter-spacing:-.055em;margin:10px 0 16px;}
.page-hero{padding:72px 0 58px!important;background:linear-gradient(180deg,rgba(185,255,0,.10),rgba(5,7,7,0))!important;}
.page-hero h1{font-size:clamp(2.7rem,5.4vw,5.9rem)!important;line-height:.98!important;margin:18px 0!important;max-width:980px;}
.page-hero p{max-width:860px;font-size:clamp(1.05rem,1.4vw,1.45rem)!important;color:#d6e0e4!important;line-height:1.55;}
.grid-3,.grid-2{gap:24px!important;}

.service-card,.area-card,.blog-card,.contact-card,.content-card,.legal-card{background:linear-gradient(180deg,#121617,#0b0e0f)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:26px!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important;color:var(--text)!important;text-decoration:none!important;overflow:hidden;}
.service-card:hover,.area-card:hover,.blog-card:hover{border-color:rgba(185,255,0,.42)!important;transform:translateY(-2px);}
a.service-card,a.area-card,a.blog-card{display:block!important;color:var(--text)!important;text-decoration:none!important;}
a.service-card *,a.area-card *,a.blog-card *{text-decoration:none!important;}
a.service-card h3,a.area-card h3,a.blog-card h3,a.service-card h3 *,a.area-card h3 *,a.blog-card h3 *{color:var(--text)!important;text-decoration:none!important;}
a.service-card p,a.area-card p,a.blog-card p{color:var(--muted)!important;text-decoration:none!important;}
.service-card .learn,.area-card .learn,.blog-card .learn,.learn{color:var(--lime)!important;text-decoration:none!important;font-weight:950;}
.card-tag,.eyebrow{color:var(--lime)!important;letter-spacing:.12em;}
.card-media{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:20px;margin-bottom:22px;background:#050707;}
.card-media img{width:100%;height:100%;object-fit:cover;display:block;}

.contact-grid,.contact-band{gap:28px!important;align-items:stretch;}
.contact-card{padding:34px!important;}
.contact-card h2,.contact-card h3{color:var(--text)!important;}
.contact-card p{color:#dce5e8!important;}
.coverage-card{text-align:center;}
.coverage-card strong{display:block;color:#dce5e8!important;font-size:clamp(1.6rem,2.2vw,2.6rem);line-height:1.24;margin:20px auto;max-width:720px;}
.coverage-card .eyebrow{color:var(--lime)!important;}

.sticky-call{display:none!important;}
.sticky-actions{position:fixed;right:24px;bottom:22px;z-index:90;display:flex;gap:10px;align-items:center;max-width:calc(100vw - 34px);}
.sticky-actions a{height:56px;padding:0 24px;border-radius:999px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;box-shadow:0 18px 50px rgba(185,255,0,.16);white-space:nowrap;}
.sticky-actions .sticky-quote{background:var(--lime);color:#061000!important;}
.sticky-actions .sticky-phone{background:rgba(10,13,14,.88);border:1px solid rgba(255,255,255,.14);color:var(--text)!important;backdrop-filter:blur(14px);}

.site-footer a{color:#dbe4e7!important;text-decoration:none;}
.site-footer a:hover{color:var(--lime)!important;}

@media(max-width:1180px){
  .hero-inner{grid-template-columns:1fr!important;align-items:start!important;padding:46px 0 54px!important;}
  .quote-panel{margin:10px 0 0!important;max-width:680px!important;}
  .hero{min-height:auto!important;}
}
@media(max-width:860px){
  .site-header,.nav-wrap{height:70px!important;min-height:70px!important;}
  .brand{width:138px!important;height:52px!important;}
  .brand img{width:124px!important;max-width:124px!important;max-height:44px!important;}
  .nav{display:none!important;}
  .mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;}
  .header-call{height:44px!important;padding:0 14px!important;font-size:.9rem;}
  .hero-inner{padding:34px 0 42px!important;gap:24px!important;}
  .hero h1{font-size:clamp(2.65rem,12.4vw,4.4rem)!important;line-height:.98!important;}
  .hero-copy>p{font-size:1.05rem!important;}
  .quote-panel{padding:22px!important;border-radius:22px!important;}
  .grid-3,.grid-2{grid-template-columns:1fr!important;}
  .page-hero{padding:48px 0 40px!important;}
  .section{padding:54px 0!important;}
  .sticky-actions{left:12px;right:12px;bottom:12px;gap:8px;}
  .sticky-actions a{flex:1;height:54px;padding:0 12px;font-size:.95rem;}
}
@media(max-width:520px){
  .header-call{display:none!important;}
  .hero-actions .btn{width:100%;}
  .sticky-actions .sticky-phone{display:none;}
  .sticky-actions .sticky-quote{width:100%;}
}
/* =========================================================
   HERO + READABILITY QUICK FIX
   Paste at very bottom of assets/css/towfast-seo-v2.css
   ========================================================= */

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

/* Fix hero being too wide and pushed off screen */
.hero .wrap.hero-inner,
.hero-inner {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Make hero fit properly on desktop */
.hero {
  min-height: calc(100vh - 76px) !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
}

.hero-inner {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 500px) !important;
  gap: 52px !important;
  align-items: center !important;
  padding: 42px 0 58px !important;
}

/* Reduce oversized hero heading */
.hero h1 {
  font-size: clamp(52px, 5.1vw, 76px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
  max-width: 760px !important;
  margin: 12px 0 22px !important;
}

/* Make hero paragraph cleaner */
.hero p,
.hero-copy > p,
.hero p.lead {
  font-size: clamp(18px, 1.35vw, 22px) !important;
  line-height: 1.48 !important;
  max-width: 700px !important;
  color: #dbe3e7 !important;
}

/* Make right hero card fit nicely */
.hero-card,
.quote-panel {
  max-width: 500px !important;
  width: 100% !important;
  margin-left: auto !important;
  padding: 26px !important;
  border-radius: 24px !important;
}

/* Stop blue ugly browser links on service, area, blog and contact cards */
.card-grid a,
.service-card,
.area-card,
.blog-card,
.service-card *,
.area-card *,
.blog-card * {
  color: inherit !important;
  text-decoration: none !important;
}

.service-card h3,
.area-card h3,
.blog-card h3,
.service-card h3 a,
.area-card h3 a,
.blog-card h3 a {
  color: #ffffff !important;
  text-decoration: none !important;
}

.service-card p,
.area-card p,
.blog-card p {
  color: #b7c0c7 !important;
}

.learn,
.service-card .learn,
.area-card .learn,
.blog-card .learn,
.card-grid .learn {
  color: #bcff14 !important;
  text-decoration: none !important;
  font-weight: 950 !important;
}

/* Contact section readability */
.contact-card,
.coverage-card {
  color: #ffffff !important;
}

.contact-card p,
.coverage-card p {
  color: #cdd5da !important;
}

.contact-card a {
  color: #bcff14 !important;
  text-decoration: none !important;
}

/* Add clean sticky Get Quote button */
.sticky-actions {
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 999 !important;
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}

.sticky-actions a {
  height: 56px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

.sticky-actions .sticky-quote {
  background: #bcff14 !important;
  color: #061000 !important;
  box-shadow: 0 0 36px rgba(188, 255, 20, 0.32) !important;
}

.sticky-actions .sticky-phone {
  background: rgba(10, 13, 14, 0.9) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

/* Mobile / tablet hero */
@media (max-width: 1180px) {
  .hero {
    min-height: auto !important;
  }

  .hero-inner {
    grid-template-columns: 1fr !important;
    width: min(900px, calc(100% - 34px)) !important;
    padding: 42px 0 52px !important;
  }

  .hero-card,
  .quote-panel {
    max-width: 680px !important;
    margin-left: 0 !important;
  }

  .hero h1 {
    font-size: clamp(44px, 8vw, 68px) !important;
    max-width: 760px !important;
  }
}

@media (max-width: 640px) {
  .hero-inner {
    width: calc(100% - 28px) !important;
    padding: 30px 0 42px !important;
    gap: 24px !important;
  }

  .hero h1 {
    font-size: clamp(39px, 11vw, 52px) !important;
    line-height: 1 !important;
    letter-spacing: -0.045em !important;
  }

  .hero p,
  .hero-copy > p,
  .hero p.lead {
    font-size: 16.5px !important;
    line-height: 1.5 !important;
  }

  .hero-card,
  .quote-panel {
    padding: 20px !important;
    border-radius: 22px !important;
  }

  .sticky-actions {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
  }

  .sticky-actions .sticky-quote {
    width: 100% !important;
  }

  .sticky-actions .sticky-phone {
    display: none !important;
  }
}
/* =========================================================
   FINAL TOWFAST PUBLIC STICKY CTA FIX
   Active file: /assets/css/towfast-seo-v2.css
   Keeps both buttons visible, green, clean desktop + mobile
   ========================================================= */

.sticky-call {
  display: none !important;
}

.sticky-actions {
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  left: auto !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  max-width: calc(100vw - 44px) !important;
  pointer-events: none !important;
}

.sticky-actions a,
.sticky-actions .sticky-phone,
.sticky-actions .sticky-quote {
  pointer-events: auto !important;
  height: 56px !important;
  min-width: 150px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #bcff14 !important;
  color: #050505 !important;
  border: 1px solid rgba(188, 255, 20, 0.95) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.38), 0 10px 30px rgba(188, 255, 20, 0.22) !important;
  font-weight: 950 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  backdrop-filter: none !important;
}

.sticky-actions a:hover,
.sticky-actions a:active,
.sticky-actions a:visited {
  background: #bcff14 !important;
  color: #050505 !important;
}

/* Mobile: BOTH buttons side-by-side */
@media (max-width: 768px) {
  body {
    padding-bottom: 92px !important;
  }

  .sticky-actions {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    max-width: none !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  .sticky-actions a,
  .sticky-actions .sticky-phone,
  .sticky-actions .sticky-quote {
    display: inline-flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    padding: 0 8px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
  }
}

/* Override the old bad rule that hid the phone button under 520px */
@media (max-width: 520px) {
  .sticky-actions .sticky-phone,
  .sticky-actions .sticky-quote {
    display: inline-flex !important;
    width: 100% !important;
  }
}
/* =========================================================
   TOWFAST FINAL STICKY ACTIONS OVERRIDE
   Fixes mobile hidden call button + desktop black call button
   Must stay at VERY BOTTOM of /assets/css/towfast-seo-v2.css
   ========================================================= */

html body .sticky-actions {
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  left: auto !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  max-width: calc(100vw - 44px) !important;
  pointer-events: none !important;
}

html body .sticky-actions a,
html body .sticky-actions .sticky-phone,
html body .sticky-actions .sticky-quote {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  align-items: center !important;
  justify-content: center !important;
  height: 56px !important;
  min-width: 150px !important;
  width: auto !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  background: #bcff14 !important;
  color: #050505 !important;
  border: 1px solid rgba(188, 255, 20, 0.95) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.40), 0 10px 30px rgba(188, 255, 20, 0.24) !important;
  font-weight: 950 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  backdrop-filter: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body .sticky-actions a:hover,
html body .sticky-actions a:active,
html body .sticky-actions a:visited,
html body .sticky-actions .sticky-phone:hover,
html body .sticky-actions .sticky-phone:active,
html body .sticky-actions .sticky-phone:visited,
html body .sticky-actions .sticky-quote:hover,
html body .sticky-actions .sticky-quote:active,
html body .sticky-actions .sticky-quote:visited {
  background: #bcff14 !important;
  color: #050505 !important;
}

html body {
  padding-bottom: 92px !important;
}

/* Mobile: force Call Now + Get Quote side by side */
@media (max-width: 768px) {
  html body {
    padding-bottom: 98px !important;
  }

  html body .sticky-actions {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    max-width: none !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  html body .sticky-actions a,
  html body .sticky-actions .sticky-phone,
  html body .sticky-actions .sticky-quote {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 58px !important;
    padding: 0 8px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
  }
}

/* Extra force against old rule that hid phone below 520px */
@media (max-width: 520px) {
  html body .sticky-actions .sticky-phone,
  html body .sticky-actions .sticky-quote {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
  }
}
/* =========================================================
   TOWFAST FINAL HERO IMAGE RESTORE
   Fixes missing homepage hero background image
   Must stay at VERY BOTTOM of /assets/css/towfast-seo-v2.css
   ========================================================= */

html body .hero {
  position: relative !important;
  isolation: isolate !important;
  background: #050607 !important;
  overflow: hidden !important;
}

html body .hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  display: block !important;
  background-image:
    linear-gradient(
      90deg,
      rgba(2, 5, 4, 0.96) 0%,
      rgba(2, 5, 4, 0.82) 38%,
      rgba(2, 5, 4, 0.38) 68%,
      rgba(2, 5, 4, 0.16) 100%
    ),
    url("/assets/img/tow-truck-brisbane-hero.jpg") !important;
  background-size: cover !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
}

html body .hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  display: block !important;
  background:
    radial-gradient(circle at 22% 24%, rgba(188, 255, 20, 0.16), transparent 28%),
    linear-gradient(180deg, rgba(5, 6, 7, 0.05), rgba(5, 6, 7, 0.45)) !important;
  pointer-events: none !important;
}

@media (max-width: 768px) {
  html body .hero::before {
    background-image:
      linear-gradient(
        180deg,
        rgba(2, 5, 4, 0.92) 0%,
        rgba(2, 5, 4, 0.84) 45%,
        rgba(2, 5, 4, 0.68) 100%
      ),
      url("/assets/img/tow-truck-brisbane-hero.jpg") !important;
    background-position: center top !important;
  }
}
/* =========================================================
   MOBILE HERO CTA FIX
   Moves homepage Call + Quote buttons higher
   Makes both same TowFast lime/black
   ========================================================= */

@media (max-width: 768px) {
  /* Make hero text stack controllable */
  .hero-inner > div:first-child {
    display: flex !important;
    flex-direction: column !important;
  }

  .hero-inner > div:first-child .eyebrow {
    order: 1 !important;
  }

  .hero-inner > div:first-child h1 {
    order: 2 !important;
  }

  /* Move buttons directly under heading, before long paragraph */
  .hero-inner > div:first-child .hero-actions {
    order: 3 !important;
    margin-top: 10px !important;
    margin-bottom: 18px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .hero-inner > div:first-child .lead {
    order: 4 !important;
  }

  .hero-inner > div:first-child .trust-row {
    order: 5 !important;
  }

  /* Force both hero buttons to match sticky buttons */
  .hero-actions .btn,
  .hero-actions .btn.lime,
  .hero-actions .btn.blue {
    width: 100% !important;
    min-height: 54px !important;
    padding: 0 10px !important;
    border-radius: 16px !important;
    background: #bcff14 !important;
    color: #050505 !important;
    border: 1px solid rgba(188, 255, 20, 0.95) !important;
    box-shadow: 0 12px 28px rgba(188, 255, 20, 0.18) !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .hero-actions .btn:hover,
  .hero-actions .btn:active,
  .hero-actions .btn:visited {
    background: #bcff14 !important;
    color: #050505 !important;
  }

  /* Add breathing room so hero content never sits behind bottom sticky */
  .hero {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 390px) {
  .hero-inner > div:first-child .hero-actions {
    grid-template-columns: 1fr !important;
  }

  .hero-actions .btn,
  .hero-actions .btn.lime,
  .hero-actions .btn.blue {
    min-height: 50px !important;
    font-size: 13px !important;
  }
}
/* =========================================================
   TOWFAST MOBILE MENU FINAL FIX
   Fixes menu links floating over hero text on mobile
   Active file: /assets/css/towfast-seo-v2.css
   ========================================================= */

@media (max-width: 980px) {
  .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99998 !important;
    overflow: visible !important;
  }

  .nav-wrap {
    position: relative !important;
    height: 76px !important;
    min-height: 76px !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
  }

  .menu-toggle {
    display: inline-flex !important;
    margin-left: auto !important;
    align-items: center !important;
    justify-content: center !important;
    height: 52px !important;
    min-width: 96px !important;
    padding: 0 22px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    background: #101314 !important;
    color: #ffffff !important;
    font-weight: 950 !important;
    font-size: 17px !important;
    box-shadow: 0 12px 34px rgba(0,0,0,0.32) !important;
  }

  .site-nav {
    display: none !important;
  }

  .site-nav.open {
    position: fixed !important;
    top: 84px !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-width: none !important;
    z-index: 99999 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
    background: rgba(5, 7, 8, 0.98) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 22px !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.58) !important;
    backdrop-filter: blur(18px) !important;
  }

  .site-nav.open a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    background: transparent !important;
    color: #f7f8f8 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    letter-spacing: -0.01em !important;
  }

  .site-nav.open a:last-child {
    border-bottom: 0 !important;
    background: #bcff14 !important;
    color: #050505 !important;
    margin-top: 6px !important;
    justify-content: center !important;
  }

  .site-nav.open a:hover,
  .site-nav.open a:active {
    background: rgba(188,255,20,0.10) !important;
    color: #bcff14 !important;
  }

  .site-nav.open a:last-child:hover,
  .site-nav.open a:last-child:active {
    background: #bcff14 !important;
    color: #050505 !important;
  }
}

/* Small phone spacing */
@media (max-width: 520px) {
  .site-nav.open {
    top: 78px !important;
    left: 10px !important;
    right: 10px !important;
    border-radius: 20px !important;
  }

  .menu-toggle {
    min-width: 90px !important;
    height: 50px !important;
    font-size: 16px !important;
    border-radius: 17px !important;
  }
}
/* =========================================================
   HOMEPAGE REVIEWS / TRUST SECTION
   ========================================================= */

.reviews-section{
  padding-top: 18px;
}

.reviews-intro{
  max-width: 820px;
}

.review-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin-top:28px;
}

.review-card{
  background:linear-gradient(180deg,rgba(10,16,18,.96),rgba(5,10,12,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  padding:26px 24px;
  box-shadow:0 16px 50px rgba(0,0,0,.26);
}

.review-stars{
  color:#bcff14;
  font-size:24px;
  line-height:1;
  letter-spacing:3px;
  margin-bottom:18px;
}

.review-card h3{
  margin:0 0 14px;
  font-size:18px;
  line-height:1.2;
}

.review-text{
  margin:0;
  color:#d8e0e4;
  font-size:17px;
  line-height:1.75;
}

.review-meta{
  margin-top:18px;
  color:#9fb0b8;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.trust-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}

.trust-pill{
  background:linear-gradient(90deg,rgba(188,255,20,.12),rgba(10,18,14,.92));
  border:1px solid rgba(188,255,20,.24);
  border-radius:20px;
  padding:18px 18px;
}

.trust-pill strong{
  display:block;
  color:#ffffff;
  font-size:16px;
  margin-bottom:4px;
}

.trust-pill span{
  display:block;
  color:#c7d3d8;
  font-size:14px;
}

@media (max-width: 980px){
  .review-grid,
  .trust-strip{
    grid-template-columns:1fr;
  }
}
/* =========================================================
   HOMEPAGE CASH FOR CARS PROMO
   ========================================================= */

.cash-home-section {
  padding-top: 0;
}

.cash-home-box {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(260px, .7fr);
  gap: 28px;
  align-items: center;
  background:
    radial-gradient(circle at 12% 18%, rgba(188, 255, 20, .18), transparent 28%),
    linear-gradient(135deg, rgba(10, 18, 14, .98), rgba(4, 8, 9, .98));
  border: 1px solid rgba(188, 255, 20, .22);
  border-radius: 30px;
  padding: 32px;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .28);
}

.cash-home-box h2 {
  margin-bottom: 12px;
}

.cash-home-box p {
  margin: 0;
  max-width: 760px;
  color: #d8e0e4;
}

.cash-home-actions {
  display: grid;
  gap: 12px;
}

.cash-home-actions .btn {
  width: 100%;
}

@media (max-width: 860px) {
  .cash-home-box {
    grid-template-columns: 1fr;
    padding: 24px;
  }
}
/* =========================================================
   BLOG HUB / BLOG INDEX UPGRADE
   Removes duplicate image-card look and improves guide layout
   ========================================================= */

.blog-hub-section {
  padding-top: 28px;
}

.blog-hub-featured-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.blog-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 28px;
}

.blog-hub-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 14% 12%, rgba(188, 255, 20, .12), transparent 30%),
    linear-gradient(180deg, rgba(10, 16, 18, .98), rgba(5, 9, 11, .98));
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 18px 55px rgba(0, 0, 0, .25);
  color: #ffffff;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.blog-hub-card:hover {
  transform: translateY(-3px);
  border-color: rgba(188, 255, 20, .34);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .34);
}

.blog-hub-card.featured {
  min-height: 290px;
  border-color: rgba(188, 255, 20, .22);
}

.blog-hub-tag {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(188, 255, 20, .12);
  border: 1px solid rgba(188, 255, 20, .22);
  color: #bcff14;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.blog-hub-card h3 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 21px;
  line-height: 1.18;
  letter-spacing: -0.03em;
}

.blog-hub-card p {
  margin: 0;
  color: #c9d4d9;
  font-size: 15.5px;
  line-height: 1.65;
}

.blog-hub-card .learn {
  margin-top: auto;
  padding-top: 22px;
  color: #bcff14;
  font-weight: 950;
}

.more-guides {
  padding-top: 12px;
}

@media (max-width: 1180px) {
  .blog-hub-featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blog-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .blog-hub-featured-grid,
  .blog-hub-grid {
    grid-template-columns: 1fr;
  }

  .blog-hub-card,
  .blog-hub-card.featured {
    min-height: auto;
    padding: 22px;
  }
}
/* =========================================================
   SERVICES INDEX / SERVICE HUB UPGRADE
   ========================================================= */

.services-hub-section {
  padding-top: 42px;
  padding-bottom: 42px;
}

.services-hub-section.alt {
  background:
    radial-gradient(circle at 88% 12%, rgba(188, 255, 20, .08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.services-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 26px;
}

.services-hub-grid.core {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.services-hub-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  border-radius: 26px;
  background: linear-gradient(180deg, #121617, #080a0b);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 52px rgba(0,0,0,.28);
  color: #ffffff;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.services-hub-card:hover {
  transform: translateY(-3px);
  border-color: rgba(188, 255, 20, .36);
  box-shadow: 0 24px 70px rgba(0,0,0,.36);
}

.services-hub-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.services-hub-card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 22px;
}

.services-hub-tag {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(188, 255, 20, .12);
  border: 1px solid rgba(188, 255, 20, .22);
  color: #bcff14;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.services-hub-card h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 22px;
  line-height: 1.14;
  letter-spacing: -0.03em;
}

.services-hub-card p {
  margin: 0;
  color: #c7d0d6;
  font-size: 15.5px;
  line-height: 1.6;
}

.services-hub-card .learn {
  margin-top: auto;
  padding-top: 20px;
  color: #bcff14;
  font-weight: 950;
}

@media (max-width: 1180px) {
  .services-hub-grid,
  .services-hub-grid.core {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .services-hub-section {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .services-hub-grid,
  .services-hub-grid.core {
    grid-template-columns: 1fr;
  }

  .services-hub-card-body {
    padding: 20px;
  }

  .services-hub-card h3 {
    font-size: 21px;
  }
}
/* =========================================================
   FOOTER BUSINESS DETAILS / LOCAL SEO SUPPORT
   ========================================================= */

.footer-business-strip {
  width: min(1180px, calc(100% - 32px));
  margin: 28px auto 0;
  padding: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 10% 10%, rgba(188, 255, 20, .10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.10);
}

.footer-business-strip div {
  min-width: 0;
}

.footer-business-strip strong {
  display: block;
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.footer-business-strip span,
.footer-business-strip a {
  color: #cbd5d8;
  font-size: 14px;
  line-height: 1.5;
}

.footer-business-strip a {
  color: #bcff14;
  text-decoration: none;
  font-weight: 800;
}

.footer-business-strip a:hover {
  text-decoration: underline;
}

@media (max-width: 900px) {
  .footer-business-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .footer-business-strip {
    grid-template-columns: 1fr;
    width: min(100% - 24px, 1180px);
    margin-top: 22px;
    padding: 16px;
  }
}
/* =========================================================
   TOWING COST BLOG PRICE TABLE
   ========================================================= */

.price-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 22px 0 30px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.025);
}

.price-guide-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  color: #ffffff;
}

.price-guide-table th,
.price-guide-table td {
  padding: 16px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.price-guide-table th {
  background: rgba(188,255,20,.12);
  color: #bcff14;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.price-guide-table td {
  color: #cbd5d8;
  font-size: 15px;
  line-height: 1.55;
}

.price-guide-table td:first-child {
  color: #ffffff;
  font-weight: 900;
}

.price-guide-table tr:last-child td {
  border-bottom: 0;
}
/* =========================================================
   BLOG INDEX / BLOG HUB CLEANUP
   ========================================================= */

.blog-hub-section {
  padding-top: 44px;
  padding-bottom: 44px;
}

.blog-hub-section.slim {
  padding-top: 24px;
  padding-bottom: 24px;
}

.section-intro.small {
  margin-bottom: 18px;
}

.section-intro.small h2 {
  font-size: clamp(30px, 4vw, 54px);
}

.blog-hub-featured-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 26px;
}

.blog-hub-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.blog-hub-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, #121617, #080a0b);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 52px rgba(0,0,0,.24);
  color: #ffffff;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.blog-hub-card:hover {
  transform: translateY(-3px);
  border-color: rgba(188,255,20,.34);
  box-shadow: 0 24px 70px rgba(0,0,0,.36);
}

.blog-hub-card img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.blog-hub-card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
}

.blog-hub-card.featured .blog-hub-card-body {
  padding: 24px;
}

.blog-hub-tag {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  margin-bottom: 13px;
  border-radius: 999px;
  background: rgba(188,255,20,.12);
  border: 1px solid rgba(188,255,20,.22);
  color: #bcff14;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.blog-hub-card h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.16;
  letter-spacing: -0.03em;
}

.blog-hub-card.featured h3 {
  font-size: 25px;
}

.blog-hub-card p {
  margin: 0;
  color: #c7d0d6;
  font-size: 15px;
  line-height: 1.6;
}

.blog-hub-card .learn {
  margin-top: auto;
  padding-top: 18px;
  color: #bcff14;
  font-weight: 950;
}

@media (max-width: 1180px) {
  .blog-hub-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .blog-hub-featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .blog-hub-grid,
  .blog-hub-featured-grid {
    grid-template-columns: 1fr;
  }

  .blog-hub-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .blog-hub-section.slim {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .blog-hub-card.featured h3 {
    font-size: 22px;
  }
}
/* =========================================================
   404 PAGE
   ========================================================= */

.notfound-hero h1 {
  max-width: 920px;
}

.notfound-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.notfound-card {
  display: block;
  padding: 28px;
  min-height: 100%;
  border-radius: 26px;
  background:
    radial-gradient(circle at 20% 10%, rgba(188,255,20,.10), transparent 34%),
    linear-gradient(180deg, #121617, #080a0b);
  border: 1px solid rgba(255,255,255,.10);
  color: #ffffff;
  text-decoration: none;
  box-shadow: 0 18px 52px rgba(0,0,0,.24);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.notfound-card:hover {
  transform: translateY(-3px);
  border-color: rgba(188,255,20,.34);
  box-shadow: 0 24px 70px rgba(0,0,0,.36);
}

.notfound-card h2 {
  margin: 10px 0 12px;
  color: #ffffff;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.notfound-card p {
  margin: 0 0 18px;
  color: #c7d0d6;
  font-size: 16px;
  line-height: 1.65;
}

.notfound-card strong {
  color: #bcff14;
  font-weight: 950;
}

@media (max-width: 900px) {
  .notfound-grid {
    grid-template-columns: 1fr;
  }

  .notfound-card {
    padding: 22px;
  }
}
/* =========================================================
   STRONGER URGENT CALL CTA
   ========================================================= */

.btn.primary-call {
  font-size: 18px;
  padding: 18px 28px;
  box-shadow: 0 18px 44px rgba(188, 255, 20, .22);
}

@media (max-width: 760px) {
  .btn.primary-call {
    width: 100%;
    font-size: 17px;
  }
}
/* =========================================================
   Contact Page Google Map + Local Details
   ========================================================= */

.contact-map-section {
  padding: 72px 0;
  background:
    radial-gradient(circle at top left, rgba(188, 255, 20, 0.08), transparent 34%),
    #050706;
}

.contact-map-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 32px;
  align-items: stretch;
}

.contact-map-copy,
.contact-map-box {
  background: rgba(15, 20, 18, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
}

.contact-map-copy {
  padding: 34px;
}

.contact-map-copy h2 {
  margin: 0 0 16px;
}

.contact-map-copy p {
  color: rgba(255, 255, 255, 0.78);
}

.contact-local-details {
  margin-top: 26px;
  display: grid;
  gap: 12px;
}

.contact-local-details p {
  margin: 0;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-local-details strong {
  color: #ffffff;
}

.contact-local-details a {
  color: #bcff14;
  text-decoration: none;
  font-weight: 800;
}

.contact-local-details a:hover {
  text-decoration: underline;
}

.contact-map-box iframe {
  width: 100%;
  height: 100%;
  min-height: 430px;
  border: 0;
  display: block;
  filter: grayscale(12%) contrast(1.05);
}

@media (max-width: 860px) {
  .contact-map-section {
    padding: 48px 0;
  }

  .contact-map-grid {
    grid-template-columns: 1fr;
  }

  .contact-map-copy {
    padding: 24px;
  }

  .contact-map-box iframe {
    min-height: 360px;
  }
}
/* Quote form polish */
.quote-form {
  display: grid;
  gap: 16px;
}

.quote-form label {
  display: block;
  min-width: 0;
}

.quote-form input,
.quote-form select,
.quote-form textarea {
  width: 100%;
  min-height: 56px;
  font-size: 15px;
}

.quote-form textarea {
  min-height: 130px;
  resize: vertical;
}

.quote-form select {
  cursor: pointer;
}

.quote-form .form-grid {
  align-items: start;
}

.quote-form .form-help {
  margin: -4px 0 2px;
  color: #aeb6bd;
  font-size: 14px;
  line-height: 1.45;
}

.quote-form button[type="submit"] {
  min-height: 58px;
  font-size: 16px;
}

.pac-container {
  z-index: 999999 !important;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #30363b;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

@media (max-width: 760px) {
  .quote-form input,
  .quote-form select,
  .quote-form textarea {
    font-size: 16px;
  }
}

/* Service card image sizing fix */
.service-card img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 18px;
    background: #111;
}
.reviews-section {
  padding: 80px 0;
  background:
    radial-gradient(circle at top left, rgba(188, 251, 18, 0.08), transparent 34%),
    #050805;
}

.reviews-intro {
  max-width: 760px;
}

.review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 34px;
}

.review-card {
  background: linear-gradient(180deg, #101516, #070909);
  border: 1px solid rgba(188, 251, 18, 0.18);
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}

.review-stars {
  color: #bcfb12;
  font-size: 21px;
  letter-spacing: 2px;
  margin-bottom: 14px;
}

.review-card h3 {
  color: #ffffff;
  font-size: 20px;
  margin: 0 0 12px;
}

.review-text {
  color: #e8e8e8;
  line-height: 1.7;
  margin: 0 0 18px;
}

.review-meta {
  color: #9ca3af;
  font-size: 14px;
}

.trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.trust-pill {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(188, 251, 18, 0.14);
  border-radius: 18px;
  padding: 18px;
}

.trust-pill strong {
  display: block;
  color: #ffffff;
  margin-bottom: 5px;
}

.trust-pill span {
  color: #b8c0c2;
  font-size: 14px;
}

@media (max-width: 800px) {
  .review-grid,
  .trust-strip {
    grid-template-columns: 1fr;
  }

  .reviews-section {
    padding: 56px 0;
  }
}
/* =========================================================
   FINAL HOMEPAGE REVIEWS FORCE FIX
   Must stay at very bottom of towfast-seo-v2.css
   ========================================================= */

html body .reviews-section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2 !important;
  padding: 76px 0 !important;
  background:
    radial-gradient(circle at 15% 10%, rgba(188, 255, 20, 0.10), transparent 34%),
    linear-gradient(180deg, #050607, #070b0c) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html body .reviews-section .wrap {
  width: min(1220px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
}

html body .reviews-intro {
  max-width: 820px !important;
  margin-bottom: 28px !important;
}

html body .reviews-intro .eyebrow {
  color: #bcff14 !important;
}

html body .reviews-intro h2 {
  color: #ffffff !important;
  font-size: clamp(32px, 4vw, 54px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
  margin: 0 0 14px !important;
}

html body .reviews-intro p {
  color: #b8c2c8 !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

html body .review-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin-top: 28px !important;
}

html body .review-card {
  display: block !important;
  background: linear-gradient(180deg, #111718, #080b0c) !important;
  border: 1px solid rgba(188, 255, 20, 0.18) !important;
  border-radius: 26px !important;
  padding: 28px !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;
}

html body .review-stars {
  display: block !important;
  color: #bcff14 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: 3px !important;
  margin-bottom: 18px !important;
}

html body .review-card h3 {
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  margin: 0 0 12px !important;
}

html body .review-text {
  color: #d8e0e4 !important;
  font-size: 16.5px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

html body .review-meta {
  color: #9fb0b8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-top: 18px !important;
}

html body .trust-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

html body .trust-pill {
  display: block !important;
  background: linear-gradient(90deg, rgba(188, 255, 20, 0.12), rgba(10, 18, 14, 0.92)) !important;
  border: 1px solid rgba(188, 255, 20, 0.22) !important;
  border-radius: 20px !important;
  padding: 18px !important;
}

html body .trust-pill strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 16px !important;
  margin-bottom: 4px !important;
}

html body .trust-pill span {
  display: block !important;
  color: #c7d3d8 !important;
  font-size: 14px !important;
}

@media (max-width: 900px) {
  html body .reviews-section {
    padding: 56px 0 !important;
  }

  html body .review-grid,
  html body .trust-strip {
    grid-template-columns: 1fr !important;
  }
}
/* Wider Get Quote page form layout */
@media (min-width: 900px) {
    body:has(form[action*="quote-submit"]) .section,
    body:has(form[action*="quote-submit"]) .tf-section,
    body:has(form[action*="quote-submit"]) .page-section,
    body:has(form[action*="quote-submit"]) .container,
    body:has(form[action*="quote-submit"]) .wrap {
        max-width: 1180px;
    }

    body:has(form[action*="quote-submit"]) form {
        max-width: 100%;
    }

    body:has(form[action*="quote-submit"]) .form-grid,
    body:has(form[action*="quote-submit"]) .quote-form-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body:has(form[action*="quote-submit"]) textarea,
    body:has(form[action*="quote-submit"]) .full,
    body:has(form[action*="quote-submit"]) .form-full {
        grid-column: 1 / -1;
    }
}

@media (max-width: 899px) {
    body:has(form[action*="quote-submit"]) .form-grid,
    body:has(form[action*="quote-submit"]) .quote-form-grid {
        grid-template-columns: 1fr;
    }
}