:root{--bg:#07090c;--panel:#0e1218;--text:#f6f8fb;--muted:#aab4c2;--blue:#1778e8;--blue2:#43a0ff;--line:#25303d;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px max(5vw,24px);background:rgba(7,9,12,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none}.brand span{color:var(--blue2);font-size:.72em;margin-left:6px}.nav nav{display:flex;gap:24px;align-items:center}.nav nav a{color:#d9e0e8;text-decoration:none;font-size:14px}.nav-cta{border:1px solid var(--blue);padding:8px 14px;border-radius:8px}.hero{min-height:78vh;display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;padding:80px max(6vw,28px);background:radial-gradient(circle at 80% 40%,rgba(23,120,232,.15),transparent 35%)}.hero-logo img{width:min(100%,620px);display:block;margin:auto}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.18em;color:var(--blue2);margin:0 0 14px}.hero h1,.section h2{line-height:1.06;letter-spacing:-.035em;margin:0}.hero h1{font-size:clamp(42px,6vw,78px);max-width:900px}.hero h1 span{color:#8fc5ff}.lead{font-size:clamp(18px,2vw,23px);color:var(--muted);max-width:720px;margin:24px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 19px;border-radius:9px;text-decoration:none;font-weight:800;font-size:14px}.primary{background:linear-gradient(135deg,var(--blue),#0862c5);color:#fff}.secondary{border:1px solid #405064;color:#fff;background:#111720}.trust{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:30px;color:#8f9bab;font-size:13px}.trust span:before{content:'✓';color:var(--blue2);margin-right:7px}.section{padding:92px max(7vw,28px)}.section h2{font-size:clamp(34px,4.5vw,58px);max-width:900px}.section-intro,.about-copy{max-width:820px;color:var(--muted);font-size:18px}.cards,.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.cards article,.pricing article,.start-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.cards h3{font-size:22px;margin-top:0}.cards p{color:var(--muted)}.alt{background:#0a0e13}.pricing article{display:flex;flex-direction:column}.pricing .featured{border-color:var(--blue);box-shadow:0 0 40px rgba(23,120,232,.12);transform:translateY(-10px)}.tier{font-size:13px;font-weight:900;letter-spacing:.15em;color:#9bcaff}.pricing h3{font-size:40px;margin:5px 0}.pricing h3 span{font-size:15px;color:var(--muted);font-weight:600}.pricing ul{padding-left:20px;color:#c7d0db;flex:1}.pricing li{margin:8px 0}.badge{align-self:flex-start;margin:-43px 0 14px;background:var(--blue);padding:5px 10px;border-radius:99px;font-size:11px;font-weight:900}.note{text-align:center;color:#7f8a98;font-size:12px;margin-top:22px}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.split p:not(.eyebrow){color:var(--muted);font-size:18px}.start-card strong{font-size:56px;color:#9bcaff}.start-card span{display:block;color:#d5dce5;margin-bottom:22px}.dark{background:linear-gradient(135deg,#101722,#07101a)}.about-copy{font-size:20px}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin-top:42px}.facts div{display:flex;flex-direction:column}.facts strong{font-size:28px}.facts span{color:var(--muted)}.contact{text-align:center}.contact h2{margin-left:auto;margin-right:auto}.contact>p:not(.eyebrow){max-width:700px;margin:20px auto 30px;color:var(--muted);font-size:18px}.big{font-size:17px;padding:16px 24px}.contact-details{font-size:14px!important;line-height:1.8;margin-top:18px!important}.contact-details a{color:#9bcaff;text-decoration:none}.contact-details a:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:20px;padding:28px max(6vw,28px);border-top:1px solid var(--line);color:#7f8a98;font-size:13px}@media(max-width:850px){.nav nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-logo{display:none}.cards,.pricing,.split{grid-template-columns:1fr}.pricing .featured{transform:none;margin-top:16px}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}footer{flex-direction:column}.section{padding-top:70px;padding-bottom:70px}}@media(max-width:480px){.brand span{display:none}.hero{padding-left:22px;padding-right:22px}.section{padding-left:22px;padding-right:22px}.hero h1{font-size:42px}}
@media(max-width:480px){.facts{grid-template-columns:1fr}}

/* Final mobile refinements */
@media(max-width:850px){.hero{min-height:auto;padding-bottom:64px}.hero-copy{max-width:680px}.lead{margin-top:20px}.actions .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.start-card{margin-top:4px}.pricing article{padding:24px}.contact .big{width:min(100%,320px)}}
@media(max-width:560px){.nav{padding:14px 20px}.nav-cta{padding:8px 12px}.hero{padding-top:48px}.hero h1{font-size:clamp(39px,11vw,48px)}.lead{font-size:18px}.actions{display:grid;grid-template-columns:1fr}.actions .btn{text-align:center}.trust{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.section{padding-top:62px;padding-bottom:62px}.section h2{font-size:clamp(32px,9vw,42px)}.cards{margin-top:30px}.facts{grid-template-columns:1fr 1fr;gap:24px 18px}.facts strong{font-size:23px}.start-card strong{font-size:50px}}
@media(max-width:390px){.trust,.facts{grid-template-columns:1fr}.brand{font-size:14px}}

/* Consolidated launch refinements */
.capabilities{margin-top:34px;padding:22px 26px 24px;border:1px solid var(--line);border-radius:14px;background:rgba(10,14,19,.78)}
.cap-title{margin:0 0 15px;font-size:14px;font-weight:850;letter-spacing:.04em;color:#eaf3ff}
.cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 26px}
.cap-grid span{font-size:14px;color:#c7d5e6;font-weight:650}
.cap-grid span:before{content:'✓';color:var(--blue2);margin-right:9px;font-weight:900}
.ppe{background:linear-gradient(135deg,#09111b,#0d1722)}
.ppe-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;border:1px solid #28405a;border-radius:18px;padding:38px;background:rgba(14,22,32,.72)}
.ppe-wrap h2{font-size:clamp(34px,4vw,52px)}
.ppe-wrap p{color:var(--muted);font-size:17px}
.ppe-items{color:#b9d9fb!important;font-weight:700;font-size:14px!important;letter-spacing:.01em}
.ppe-action{border-left:1px solid #2a3a4c;padding-left:34px}
.ppe-action strong{color:#fff}
.facts{gap:18px}
.facts div{text-align:center;align-items:center;padding:0 14px}
.facts strong{font-size:clamp(22px,2vw,28px);line-height:1.15}
.facts span{margin-top:8px;font-size:15px;line-height:1.4}
@media(max-width:850px){.cap-grid{grid-template-columns:1fr 1fr}.ppe-wrap{grid-template-columns:1fr;gap:28px;padding:30px}.ppe-action{border-left:0;border-top:1px solid #2a3a4c;padding-left:0;padding-top:24px}}
@media(max-width:480px){.capabilities{padding:20px}.cap-grid{grid-template-columns:1fr;gap:12px}.facts div{padding:0 6px}.ppe-wrap{padding:24px}}

/* Desktop hero logo optical alignment */
@media (min-width:851px){
  .hero-logo{transform:translateY(-55px)}
}


/* v5 mobile branding */
.mobile-brand-logo{display:none}
.footer-logo{display:none}
.footer-copy{display:flex;justify-content:space-between;gap:20px;width:100%}
@media(max-width:850px){
  .brand{display:flex;align-items:center}
  .mobile-brand-logo{display:block;width:118px;height:auto}
  .brand-text{display:none}
  footer{align-items:center;text-align:center;gap:16px}
  .footer-logo{display:block;width:min(230px,68vw);height:auto;margin:0 auto 2px}
  .footer-copy{flex-direction:column;align-items:center;gap:4px;width:auto}
}


/* ===== v6 industrial hero + service icon strip ===== */
.hero{
  position:relative;
  isolation:isolate;
  min-height:690px;
  background-image:
    linear-gradient(90deg,rgba(3,10,17,.97) 0%,rgba(3,10,17,.82) 38%,rgba(3,10,17,.42) 66%,rgba(3,10,17,.62) 100%),
    url("assets/industrial-hero.jpg");
  background-size:cover;
  background-position:center;
}
.hero:after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22));
}
.hero-copy{position:relative;z-index:1}
.hero .eyebrow{color:#eef5ff;letter-spacing:.22em}
.hero h1 span{color:#1687ff}
.hero-logo{position:relative;z-index:1}
.hero-logo img{filter:drop-shadow(0 12px 28px rgba(0,0,0,.45))}
.capabilities{
  margin:0;padding:27px max(5vw,24px);
  border:0;border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  border-radius:0;background:#061522;
}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1500px;margin:auto}
.cap-item{min-height:88px;display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 28px;border-right:1px solid #304354}
.cap-item:last-child{border-right:0}
.cap-item svg{width:50px;height:50px;flex:0 0 50px;fill:none;stroke:#1687ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cap-item span{font-size:14px;line-height:1.35;font-weight:850;letter-spacing:.015em;color:#f7fbff;text-transform:uppercase}
.mobile-brand-logo{object-fit:contain}

@media(max-width:850px){
  .nav{min-height:78px}
  .mobile-brand-logo{width:190px;max-height:56px;object-fit:cover;object-position:top}
  .hero{
    min-height:auto;
    grid-template-columns:1fr;
    padding:72px 28px 56px;
    background-image:
      linear-gradient(90deg,rgba(3,10,17,.94),rgba(3,10,17,.68)),
      url("assets/industrial-hero.jpg");
    background-position:58% center;
  }
  .hero-logo{display:none}
  .hero .eyebrow{font-size:12px;line-height:1.55;margin-bottom:18px}
  .capabilities{padding:26px 22px 30px}
  .cap-grid{grid-template-columns:1fr 1fr}
  .cap-item{min-height:138px;flex-direction:column;text-align:center;gap:12px;padding:18px 12px}
  .cap-item:nth-child(2){border-right:0}
  .cap-item:nth-child(-n+2){border-bottom:1px solid #304354}
  .cap-item:nth-child(3),.cap-item:nth-child(4){border-bottom:0}
  .cap-item svg{width:52px;height:52px}
  .cap-item span{font-size:12px}
}
@media(max-width:560px){
  .nav{padding:12px 18px}
  .mobile-brand-logo{width:174px}
  .hero{padding:62px 24px 48px;background-position:56% center}
  .hero h1{font-size:clamp(40px,11vw,51px);line-height:1.03}
  .hero .lead{font-size:18px;line-height:1.55}
  .capabilities{padding-left:16px;padding-right:16px}
}


/* ===== v6.1 mobile header correction ===== */
@media(max-width:850px){
  .nav{
    min-height:76px;
    padding:10px 18px;
    align-items:center;
  }
  .mobile-brand{
    display:flex;
    align-items:center;
    width:min(58vw,230px);
    height:54px;
    overflow:visible;
  }
  .mobile-brand-logo{
    display:block;
    width:100%;
    height:auto;
    max-height:54px;
    object-fit:contain !important;
    object-position:left center !important;
  }
  .nav nav{
    align-items:center;
  }
  .nav-cta{
    padding:10px 15px;
    font-size:14px;
  }
}
@media(max-width:560px){
  .mobile-brand{width:min(58vw,220px)}
  .mobile-brand-logo{width:100%;max-height:50px}
}


/* ===== v6.2 final header + capability cleanup ===== */

/* Desktop wordmark contrast */
@media(min-width:851px){
  .brand,
  .brand strong{
    color:#ffffff !important;
  }
  .brand span{
    color:#1687ff !important;
  }
}

/* The new service icons replace the old checkmarks */
.capabilities .cap-item::before,
.capabilities .cap-item span::before,
.capabilities .cap-grid > *::before{
  content:none !important;
  display:none !important;
}
.capabilities .cap-item{
  list-style:none !important;
}


/* ===== v6.3 desktop wordmark definitive override ===== */
@media screen and (min-width:851px){
  header.nav a.brand,
  header.nav a.brand:link,
  header.nav a.brand:visited,
  header.nav a.brand:hover{
    color:#ffffff !important;
  }
  header.nav a.brand strong{
    color:#ffffff !important;
  }
  header.nav a.brand span{
    color:#1687ff !important;
  }
}


/* ===== v6.4 desktop wordmark fix: target nested spans correctly ===== */
@media screen and (min-width:851px){
  header.nav a.brand > .brand-text{
    color:#ffffff !important;
    font-size:1em !important;
    margin-left:0 !important;
  }
  header.nav a.brand > .brand-text > span{
    color:#1687ff !important;
    font-size:.72em !important;
    margin-left:6px !important;
  }
}


/* ===== v6.5 mobile wordmark separation ===== */
@media screen and (max-width:850px){
  .mobile-brand{
    height:58px !important;
    overflow:visible !important;
  }
  .mobile-brand-logo{
    width:100% !important;
    height:58px !important;
    max-height:58px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
}


/* ===== v6.6 mobile contrast sections ===== */
.why-hardhat{display:none}

@media screen and (max-width:850px){
  .start-here{
    background:linear-gradient(180deg,#ffffff 0%,#f4f7fa 100%) !important;
    color:#0a1420 !important;
    border-top:1px solid #e3e8ee;
    border-bottom:1px solid #e3e8ee;
  }
  .start-here h2{color:#08131f !important}
  .start-here .eyebrow{color:#1778e8 !important}
  .start-here .split p:not(.eyebrow){color:#465565 !important}
  .start-here .start-card{
    background:#ffffff !important;
    border:1px solid #dbe3eb !important;
    box-shadow:0 16px 38px rgba(8,24,40,.09);
  }
  .start-here .start-card strong{color:#126fd7 !important}
  .start-here .start-card span{color:#1e2b38 !important}

  .why-brunson{
    background:linear-gradient(180deg,#ffffff 0%,#f5f7fa 100%) !important;
    color:#08131f !important;
    border-top:1px solid #e3e8ee;
    border-bottom:1px solid #e3e8ee;
  }
  .why-brunson h2{color:#08131f !important}
  .why-brunson .eyebrow{color:#1778e8 !important}
  .why-brunson .about-copy{color:#40505f !important}

  .why-hardhat{
    display:block;
    margin:30px 0 34px;
    border-radius:18px;
    overflow:hidden;
    border:1px solid #dfe5eb;
    box-shadow:0 14px 34px rgba(8,24,40,.10);
    background:#eef2f6;
  }
  .why-hardhat img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1.52/1;
    object-fit:cover;
    object-position:center;
  }
  .why-brunson .facts{margin-top:0}
  .why-brunson .facts strong{color:#0a1420 !important}
  .why-brunson .facts span{color:#536171 !important}
}

@media screen and (max-width:560px){
  .start-here,.why-brunson{
    padding-top:68px !important;
    padding-bottom:68px !important;
  }
  .why-hardhat{
    margin-top:28px;
    margin-bottom:32px;
    border-radius:16px;
  }
}


/* ===== v6.6b black hardhat + exact approved logo overlay ===== */
@media screen and (max-width:850px){
  .why-hardhat{position:relative}
  .why-hardhat .why-hardhat-photo{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1.52/1;
    object-fit:cover;
    object-position:center;
  }
  .why-hardhat .why-hardhat-logo{
    position:absolute;
    width:25%;
    height:auto;
    max-height:none;
    object-fit:contain;
    left:59%;
    top:43%;
    transform:translate(-50%,-50%);
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.22));
    pointer-events:none;
  }
}


/* ===== v6.6c clean mobile hardhat correction ===== */
/* One logo only: the logo visible in the hardhat photo itself. */
@media screen and (max-width:850px){
  .why-hardhat .why-hardhat-logo{
    display:none !important;
  }
  .why-hardhat .why-hardhat-photo{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1.52/1;
    object-fit:cover;
    object-position:center;
  }
}


/* ===== v6.6d mobile hardhat proportion correction ===== */
@media screen and (max-width:850px){
  .why-hardhat{
    background:#eef2f6 !important;
  }
  .why-hardhat .why-hardhat-photo{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1.54/1 !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}


/* ===== v6.6e FINAL mobile Why Brunson image =====
   Approved Central Kentucky sunrise + black hardhat.
   Single image only: no inset image, blur frame, or logo overlay.
*/
@media screen and (max-width:850px){
  .why-hardhat{
    overflow:hidden !important;
    background:transparent !important;
    border-radius:18px !important;
  }

  .why-hardhat .why-hardhat-photo{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:3/2 !important;
    object-fit:cover !important;
    object-position:center center !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-shadow:none !important;
  }

  .why-hardhat .why-hardhat-logo{
    display:none !important;
  }
}
