:root{
  --blue:#0c77b6;
  --blue2:#062e63;
  --navy:#071321;
  --black:#07090d;
  --white:#ffffff;
  --soft:#eef7ff;
  --muted:#637587;
  --line:rgba(255,255,255,.16);
  --shadow:0 24px 80px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--navy);background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}.nav{position:sticky;top:0;z-index:50;height:88px;display:flex;align-items:center;gap:28px;padding:0 clamp(18px,4vw,68px);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,19,33,.08)}.brand img{width:210px;height:88px;object-fit:contain;object-position:center;background:transparent;border-radius:0;box-shadow:none;filter:drop-shadow(0 6px 16px rgba(0,0,0,.28));}.links{display:flex;align-items:center;gap:28px;margin-left:auto}.links a{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#1d2d3c}.links a:hover{color:var(--blue)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;transition:.24s ease}.nav-cta{padding:14px 22px;background:var(--navy);color:#fff;box-shadow:0 12px 30px rgba(7,19,33,.18);font-size:12px}.menu{display:none;background:var(--navy);color:white;border:0;border-radius:12px;padding:12px 14px;font-size:22px}.hero{min-height:760px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,470px);align-items:center;gap:44px;padding:92px clamp(22px,5vw,82px) 64px;overflow:hidden;background:#071321}.hero-bg{position:absolute;inset:0;background:linear-gradient(115deg,rgba(3,12,22,.92) 0%,rgba(4,39,68,.88) 43%,rgba(3,12,22,.5) 100%),url('assets/haulstar-logo.jpeg') center/cover no-repeat;filter:saturate(1.18) contrast(1.05);transform:scale(1.05);opacity:.95}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(27,151,220,.55),transparent 35%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.16),transparent 30%),linear-gradient(180deg,transparent 50%,rgba(7,19,33,.92) 100%)}.hero-content,.quote-card{position:relative;z-index:2}.eyebrow{margin:0 0 14px;color:#36a6ea;font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:13px}.hero h1{font-family:Anton,Impact,sans-serif;color:#fff;font-size:clamp(52px,7.2vw,104px);line-height:.86;letter-spacing:.02em;margin:0 0 24px;text-transform:uppercase;text-shadow:0 14px 46px rgba(0,0,0,.42)}.hero h1 span{color:#7ed0ff}.hero-sub{font-size:clamp(18px,2vw,23px);line-height:1.55;color:#dbefff;max-width:700px;margin:0 0 32px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{border:0;padding:17px 28px;font-size:13px}.btn.primary{background:linear-gradient(135deg,#159fe6,#0759a6);color:#fff;box-shadow:0 18px 45px rgba(17,139,212,.34)}.btn.primary:hover,.nav-cta:hover{transform:translateY(-3px)}.btn.secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);color:#fff}.btn.full{width:100%}.trust-row{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.trust-row div{min-width:140px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid var(--line);color:white;backdrop-filter:blur(10px)}.trust-row strong{display:block;font-size:24px}.trust-row span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#bfddf2}.quote-card{background:rgba(255,255,255,.94);padding:34px;border-radius:28px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.5)}.card-label{display:inline-flex;margin:0 0 16px;border-radius:999px;background:#e6f6ff;color:#0759a6;padding:9px 14px;font-weight:900;text-transform:uppercase;font-size:12px}.quote-card h2{font-size:34px;line-height:1.05;margin:0 0 14px}.quote-card p:not(.card-label){color:var(--muted);line-height:1.6;margin-bottom:24px}.logos-strip{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap;padding:22px;background:var(--navy);color:white}.logos-strip span{padding:10px 18px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#c7e5f8;font-weight:800;font-size:13px}.services,.reviews,.quote{padding:92px clamp(22px,5vw,82px)}.section-head{text-align:center;max-width:820px;margin:0 auto 44px}.section-head h2,.why h2,.about h2,.quote h2{font-size:clamp(34px,4vw,58px);line-height:1.03;margin:0 0 16px;letter-spacing:-.04em}.section-head p:last-child,.why-copy p,.about p,.quote-copy p{font-size:18px;line-height:1.7;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{padding:34px;border-radius:28px;background:linear-gradient(180deg,#fff,#f2f9ff);border:1px solid rgba(7,19,33,.08);box-shadow:0 18px 55px rgba(8,72,116,.1);transition:.24s}.service-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(8,72,116,.16)}.service-card span{display:inline-flex;width:48px;height:48px;border-radius:14px;background:#071321;color:white;align-items:center;justify-content:center;font-weight:900}.service-card h3{font-size:23px;margin:24px 0 10px}.service-card p{color:var(--muted);line-height:1.65}.why{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;padding:86px clamp(22px,5vw,82px);background:linear-gradient(135deg,#f5fbff,#e8f6ff)}.why-list{display:grid;gap:16px}.why-list div{display:flex;gap:18px;align-items:center;background:white;border-radius:22px;padding:22px 24px;box-shadow:0 14px 42px rgba(7,19,33,.08)}.why-list strong{font-size:14px;background:#e5f5ff;color:#0759a6;padding:12px;border-radius:14px}.why-list span{font-size:18px;font-weight:800}.reviews{background:var(--navy);color:#fff}.section-head.light p:last-child{color:#cde6f5}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.review-grid article{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:28px;box-shadow:0 20px 55px rgba(0,0,0,.16)}.stars{color:#7ed0ff;letter-spacing:.1em;margin-bottom:18px}.review-grid p{color:#e7f5ff;line-height:1.65}.review-grid strong{display:block;margin-top:18px}.about{display:grid;grid-template-columns:1fr .85fr;gap:34px;padding:92px clamp(22px,5vw,82px);align-items:stretch}.about-card{padding:44px;border-radius:32px;background:#fff;box-shadow:0 24px 80px rgba(8,72,116,.12);border:1px solid rgba(7,19,33,.08)}.stats{display:grid;gap:18px}.stats div{border-radius:28px;background:linear-gradient(135deg,#0d7fbe,#062e63);color:white;padding:34px;box-shadow:0 20px 60px rgba(7,89,166,.18)}.stats strong{display:block;font-size:42px;letter-spacing:-.05em}.stats span{color:#d9f1ff;font-weight:700}.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:start;background:linear-gradient(180deg,#f5fbff,#fff)}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:white;border-radius:30px;padding:28px;box-shadow:var(--shadow);border:1px solid rgba(7,19,33,.08)}label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#243343}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid rgba(7,19,33,.14);background:#f7fbff;border-radius:16px;padding:16px 15px;font:inherit;color:#071321;outline:none}textarea{resize:vertical}.wide,.lead-form button{grid-column:1/-1}footer{padding:46px 24px;text-align:center;background:#071321;color:white}footer img{width:180px;height:70px;object-fit:cover;border-radius:12px}footer p{color:#cde6f5}footer a{color:#7ed0ff;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:1050px){.links{display:none}.menu{display:block;margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.quote-card{max-width:520px}.service-grid,.review-grid{grid-template-columns:1fr 1fr}.why,.about,.quote{grid-template-columns:1fr}.brand img{width:144px}}
@media(max-width:650px){.nav{height:auto;padding:14px 16px}.nav-cta{display:none}.hero{padding:54px 18px}.hero h1{font-size:58px}.hero-actions .btn{width:100%}.trust-row div{flex:1;min-width:110px}.services,.reviews,.quote,.about,.why{padding:58px 18px}.service-grid,.review-grid,.lead-form{grid-template-columns:1fr}.quote-card{padding:24px}.section-head h2,.why h2,.about h2,.quote h2{font-size:36px}}

.hero-form-card{align-self:center;max-height:none}
.hero-form-card h2{font-size:30px}
.hero-form-card p:not(.card-label){margin-bottom:18px}
.hero-lead-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}
.hero-lead-form label{color:#1b2b3c;font-size:11px}
.hero-lead-form input,.hero-lead-form textarea{background:#f7fbff;border-radius:13px;padding:13px 12px;margin-top:6px}
.hero-lead-form .wide,.hero-lead-form button{grid-column:1/-1}
.bottom-cta-card{background:white;border:1px solid rgba(7,19,33,.08);border-radius:30px;padding:34px;box-shadow:var(--shadow)}
.bottom-cta-card h3{font-size:34px;line-height:1.05;margin:0 0 12px;letter-spacing:-.03em}.bottom-cta-card p{color:var(--muted);line-height:1.65;margin:0 0 22px}
@media(max-width:1050px){.hero-form-card{max-width:560px}.hero-lead-form{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.hero h1{font-size:52px}.hero-lead-form{grid-template-columns:1fr}.hero-lead-form .wide,.hero-lead-form button{grid-column:auto}.bottom-cta-card{padding:24px}}


/* Haul Star update: real truck photos in About section */
.about-photos{
  display:grid;
  gap:18px;
  align-content:stretch;
}
.about-photo.main,
.about-photos img{
  width:100%;
  height:100%;
  min-height:230px;
  object-fit:cover;
  border-radius:28px;
  box-shadow:0 24px 70px rgba(7,19,33,.18);
  border:1px solid rgba(255,255,255,.55);
}
.about-photo.main{
  min-height:330px;
}
.photo-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.photo-pair img{
  min-height:215px;
}
.review-proof{
  color:#fff;
  font-size:clamp(42px,5vw,74px) !important;
  letter-spacing:-.05em;
  margin-bottom:12px !important;
}
.section-head.light h3{
  font-size:clamp(26px,3vw,42px);
  line-height:1.1;
  margin:0;
  color:#d9f1ff;
  letter-spacing:-.035em;
}
@media(max-width:650px){
  .photo-pair{grid-template-columns:1fr}
  .about-photo.main,.about-photos img{min-height:220px}
}


/* --- About section photo fit update --- */
.about,
.about-section,
#about {
  overflow: hidden;
}

.about-grid,
.about-content,
.about-wrapper {
  align-items: center;
}

.about-text,
.about-copy,
.about-card,
.about-left {
  max-width: 560px;
  padding: clamp(22px, 3vw, 38px) !important;
}

.about-text p,
.about-copy p,
.about-card p,
.about-left p {
  max-width: 48ch;
}

.about-photos,
.about-gallery,
.about-images,
.photo-grid,
.truck-gallery {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  width: 100%;
  max-width: 640px;
  align-self: center;
}

.about-photos img,
.about-gallery img,
.about-images img,
.photo-grid img,
.truck-gallery img {
  width: 100% !important;
  height: 210px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 18px !important;
  display: block;
}

.about-photos img:first-child,
.about-gallery img:first-child,
.about-images img:first-child,
.photo-grid img:first-child,
.truck-gallery img:first-child {
  grid-column: span 2;
  height: 260px !important;
}

@media (max-width: 900px) {
  .about-photos,
  .about-gallery,
  .about-images,
  .photo-grid,
  .truck-gallery {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .about-photos img,
  .about-gallery img,
  .about-images img,
  .photo-grid img,
  .truck-gallery img,
  .about-photos img:first-child,
  .about-gallery img:first-child,
  .about-images img:first-child,
  .photo-grid img:first-child,
  .truck-gallery img:first-child {
    grid-column: auto;
    height: 230px !important;
  }
}


/* FINAL ABOUT SECTION FIX */
.about-section,
.about,
#about {
  padding-top: 80px;
  padding-bottom: 80px;
}

.about-grid,
.about-wrapper,
.about-content {
  display: grid !important;
  grid-template-columns: 0.9fr 1.1fr !important;
  gap: 42px !important;
  align-items: center !important;
}

.about-text,
.about-copy,
.about-left,
.about-card {
  max-width: 500px !important;
  width: 100%;
  margin: 0 auto;
}

.about-text h2,
.about-copy h2,
.about-left h2 {
  margin-bottom: 18px;
}

.about-text p,
.about-copy p,
.about-left p {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

.about-photos,
.about-images,
.about-gallery,
.photo-grid,
.truck-gallery {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}

.about-photos img,
.about-images img,
.about-gallery img,
.photo-grid img,
.truck-gallery img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  display: block !important;
  background: transparent !important;
}

.about-photos img:first-child,
.about-images img:first-child,
.about-gallery img:first-child,
.photo-grid img:first-child,
.truck-gallery img:first-child {
  grid-column: span 2;
  height: 300px !important;
}

/* REMOVE WEIRD EMPTY IMAGE/WHITE BLOCKS */
.empty-image,
.blank-image,
.white-block,
.placeholder,
.placeholder-image,
.image-placeholder,
.gallery-placeholder,
.about-placeholder,
img[src=""],
img:not([src]) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
}

section:has(.empty-image),
section:has(.placeholder),
div:has(.white-block) {
  display:none !important;
}

@media(max-width:900px){
  .about-grid,
  .about-wrapper,
  .about-content{
    grid-template-columns:1fr !important;
  }

  .about-photos,
  .about-images,
  .about-gallery,
  .photo-grid,
  .truck-gallery{
    grid-template-columns:1fr !important;
  }

  .about-photos img:first-child,
  .about-images img:first-child,
  .about-gallery img:first-child,
  .photo-grid img:first-child,
  .truck-gallery img:first-child{
    grid-column:auto;
    height:240px !important;
  }
}


/* CLEAN SINGLE IMAGE ABOUT SECTION */
.about-grid,
.about-wrapper,
.about-content {
    display:grid !important;
    grid-template-columns: 0.9fr 1.1fr !important;
    align-items:center !important;
    gap:48px !important;
}

.about-text,
.about-copy,
.about-left {
    max-width:520px !important;
}

.about-single-image {
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.about-single-image img {
    width:100%;
    max-width:720px;
    height:460px;
    object-fit:cover;
    border-radius:24px;
    display:block;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}

/* REMOVE ALL EXTRA PHOTO SECTIONS */
.about-photos,
.about-gallery,
.about-images,
.photo-grid,
.truck-gallery,
.gallery-section,
.extra-photos {
    display:none !important;
}

@media(max-width:900px){
    .about-grid,
    .about-wrapper,
    .about-content {
        grid-template-columns:1fr !important;
    }

    .about-single-image img {
        height:300px;
    }
}


/* LUXURY ABOUT SECTION */
.about-grid,
.about-wrapper,
.about-content{
    display:grid !important;
    grid-template-columns:0.95fr 1.05fr !important;
    align-items:center !important;
    gap:60px !important;
}

.luxury-about{
    max-width:520px;
}

.about-kicker{
    color:#0ea5ff;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    display:block;
    margin-bottom:16px;
}

.luxury-about h2{
    font-size:48px;
    line-height:1.1;
    margin-bottom:24px;
    font-weight:800;
    color:#fff;
}

.luxury-about p{
    font-size:18px;
    line-height:1.8;
    color:#cfd6dd;
    margin-bottom:28px;
}

.about-highlights{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    font-weight:600;
    color:#fff;
}

.about-single-image{
    width:100%;
    display:flex;
    justify-content:center;
}

.about-single-image img{
    width:100%;
    max-width:760px;
    height:520px;
    object-fit:cover;
    border-radius:26px;
    box-shadow:0 25px 60px rgba(0,0,0,.35);
}

@media(max-width:900px){
.about-grid,
.about-wrapper,
.about-content{
grid-template-columns:1fr !important;
}

.luxury-about h2{
font-size:38px;
}

.about-single-image img{
height:320px;
}
}


/* TRUST BUBBLES */
.trust-bubbles{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:28px;
}

.bubble{
    background:linear-gradient(135deg,#0ea5ff,#2563eb);
    color:white;
    padding:14px 22px;
    border-radius:999px;
    font-weight:700;
    font-size:15px;
    box-shadow:0 10px 25px rgba(14,165,255,.25);
}

.reviews-title{
    font-size:42px;
    font-weight:800;
    margin-bottom:40px;
    text-align:center;
    color:#fff;
}


/* ACTUAL FINAL UPDATE: ABOUT BUBBLES + REVIEW HEADING */
.haulstar-proof-bubbles{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-top:28px !important;
  margin-bottom:8px !important;
}

.haulstar-proof-bubble{
  background:linear-gradient(135deg,#0ea5ff,#0954c9) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:14px 22px !important;
  font-weight:800 !important;
  font-size:15px !important;
  letter-spacing:.2px !important;
  box-shadow:0 12px 28px rgba(14,165,255,.28) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.haulstar-review-heading{
  text-align:center !important;
  font-size:clamp(32px,4vw,52px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  margin:0 auto 42px !important;
  color:#fff !important;
  max-width:900px !important;
}

@media(max-width:700px){
  .haulstar-proof-bubbles{
    flex-direction:column !important;
  }
  .haulstar-proof-bubble{
    width:100% !important;
    text-align:center !important;
  }
}


/* MOVE ABOUT BUBBLES TO RIGHT SIDE */
.haulstar-proof-bubbles,
.about-bubble-row.restored-bubbles {
  display:none !important;
}

.about-single-image,
.about-visual,
.about-right,
.about-image {
  position:relative !important;
}

.about-bubbles-right {
  position:absolute !important;
  right:22px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:10 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  width:260px !important;
  pointer-events:none;
}

.about-bubble {
  background:linear-gradient(135deg,#0ea5ff,#0756c8) !important;
  color:#fff !important;
  padding:16px 22px !important;
  border-radius:999px !important;
  font-weight:900 !important;
  font-size:15px !important;
  text-align:center !important;
  box-shadow:0 14px 32px rgba(14,165,255,.35) !important;
  border:1px solid rgba(255,255,255,.22) !important;
}

@media(max-width:900px){
  .about-bubbles-right{
    position:static !important;
    transform:none !important;
    width:100% !important;
    margin:20px 0 0 !important;
    pointer-events:auto;
  }
}


/* ABOUT SECTION REFERENCE STYLE UPDATE */
.about-grid,
.about-wrapper,
.about-content{
    display:grid !important;
    grid-template-columns:1.1fr .9fr !important;
    gap:42px !important;
    align-items:stretch !important;
}

.about-text,
.luxury-about{
    background:#ffffff !important;
    border-radius:32px !important;
    padding:56px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.06) !important;
    max-width:100% !important;
}

.about-text h2,
.luxury-about h2{
    font-size:72px !important;
    line-height:.98 !important;
    font-weight:900 !important;
    letter-spacing:-2px !important;
    color:#071426 !important;
    margin-bottom:28px !important;
}

.about-text p,
.luxury-about p{
    font-size:20px !important;
    line-height:1.7 !important;
    color:#607086 !important;
    margin-bottom:32px !important;
}

.about-single-image,
.about-visual,
.about-right,
.about-image{
    display:flex !important;
    flex-direction:column !important;
    gap:22px !important;
    position:relative !important;
}

.about-single-image img,
.about-visual img,
.about-right img,
.about-image img{
    width:100% !important;
    height:100% !important;
    min-height:320px !important;
    max-height:420px !important;
    object-fit:cover !important;
    border-radius:28px !important;
}

.about-bubbles-right{
    position:static !important;
    transform:none !important;
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:22px !important;
    margin-top:0 !important;
}

.about-bubble{
    min-height:140px !important;
    border-radius:28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:28px !important;
    font-size:32px !important;
    font-weight:900 !important;
    background:linear-gradient(135deg,#18a0fb,#0a4fa8) !important;
    color:#fff !important;
    box-shadow:0 14px 30px rgba(14,165,255,.22) !important;
}

@media(max-width:950px){
.about-grid,
.about-wrapper,
.about-content{
grid-template-columns:1fr !important;
}

.about-text h2,
.luxury-about h2{
font-size:48px !important;
}

.about-bubble{
font-size:24px !important;
min-height:110px !important;
}
}


/* REDONE CLEAN ABOUT SECTION */
.about-redone{
  background:#f7f9fc !important;
  color:#071426 !important;
  padding:96px 6vw !important;
  overflow:hidden !important;
}

.about-shell{
  max-width:1280px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1.05fr .95fr !important;
  gap:44px !important;
  align-items:stretch !important;
}

.about-copy-card{
  background:#fff !important;
  border:1px solid rgba(7,20,38,.08) !important;
  border-radius:32px !important;
  padding:58px !important;
  box-shadow:0 18px 55px rgba(7,20,38,.08) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.about-copy-card .section-kicker{
  margin:0 0 18px !important;
  color:#6b7f96 !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:4px !important;
  text-transform:uppercase !important;
}

.about-copy-card h2{
  margin:0 0 24px !important;
  color:#071426 !important;
  font-size:clamp(42px,5vw,72px) !important;
  line-height:.98 !important;
  letter-spacing:-2.5px !important;
  font-weight:900 !important;
}

.about-copy-card p:not(.section-kicker){
  margin:0 0 34px !important;
  color:#5e6f82 !important;
  font-size:20px !important;
  line-height:1.72 !important;
  max-width:680px !important;
}

.about-cta{
  width:max-content !important;
  background:linear-gradient(135deg,#0da4ef,#064783) !important;
  color:#fff !important;
  text-decoration:none !important;
  border-radius:999px !important;
  padding:16px 30px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.8px !important;
  box-shadow:0 15px 32px rgba(13,164,239,.24) !important;
}

.about-proof-card{
  display:grid !important;
  gap:22px !important;
}

.proof-bubble{
  min-height:178px !important;
  border-radius:30px !important;
  background:linear-gradient(135deg,#129ee5 0%,#06427d 100%) !important;
  color:#fff !important;
  padding:34px 40px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  box-shadow:0 18px 45px rgba(6,66,125,.22) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.proof-bubble strong{
  display:block !important;
  font-size:clamp(34px,4vw,58px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-1.5px !important;
}

.proof-bubble span{
  margin-top:8px !important;
  display:block !important;
  font-size:19px !important;
  font-weight:800 !important;
  color:rgba(255,255,255,.9) !important;
}

/* Hide old about leftovers */
.about-bubbles-right,
.haulstar-proof-bubbles,
.about-single-image,
.about-photos,
.about-images,
.about-gallery,
.photo-grid,
.truck-gallery{
  display:none !important;
}

@media(max-width:950px){
  .about-redone{
    padding:64px 20px !important;
  }
  .about-shell{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .about-copy-card{
    padding:36px 28px !important;
  }
  .about-copy-card p:not(.section-kicker){
    font-size:17px !important;
  }
  .proof-bubble{
    min-height:132px !important;
    padding:26px 28px !important;
  }
}


/* SOCIAL ICONS + FOOTER */
.haulstar-socials{
    display:flex;
    align-items:center;
    gap:12px;
    margin-left:24px;
}

.social-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#071426;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:20px;
    font-weight:900;
    transition:all .25s ease;
    box-shadow:0 10px 24px rgba(0,0,0,.15);
}

.social-icon:hover{
    transform:translateY(-2px);
    background:#0f5fd7;
}

.haulstar-footer-extra{
    padding:48px 20px 60px;
    text-align:center;
    background:#071426;
}

.footer-socials{
    justify-content:center;
    margin:0 0 20px;
}

.haulstar-location{
    color:#ffffff;
    font-size:18px;
    font-weight:700;
    letter-spacing:.5px;
    margin:0;
}

@media(max-width:768px){
    .haulstar-socials{
        justify-content:center;
        margin-top:16px;
    }
}


/* REAL SOCIAL ICON COLORS */
.facebook-icon{
    background:#1877F2 !important;
}

.instagram-icon{
    background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4) !important;
}

.nav-phone{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#36a6ea,#0759a6);color:#ffffff!important;
  font-weight:900;
  letter-spacing:.04em;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(17,139,212,.28);
  transition:.22s ease;
}

.nav-phone:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(17,139,212,.38);
}

@media(max-width:680px){
  .nav-phone{
    font-size:12px;
    padding:10px 12px;
  }
}

.call-now-text{
  font-weight:900;
  margin-right:8px;
  letter-spacing:.08em;
  color:#dff6ff;
  text-shadow:0 0 12px rgba(255,255,255,.35);
}

.nav-phone{
  font-size:15px!important;
  gap:6px;
  border:2px solid rgba(255,255,255,.16);
}

.nav-phone:hover{
  transform:translateY(-2px) scale(1.03);
}

@media(max-width:680px){
  .brand img{
    width:140px;
    height:58px;
  }
}

@media(max-width:768px){
  .brand img{
    width:155px;
    height:64px;
  }
}
