/* Bernabe Towing PPI: 2026 responsive visual refresh */
:root{--orange:#f47a20;--deep:#151a1d;--paper:#f7f7f5;--ink:#1b2023;--line:rgba(27,32,35,.12);--shadow:0 18px 44px rgba(15,20,22,.10)}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{font-family:Inter,"Segoe UI",Arial,sans-serif!important;background:var(--paper)!important;color:var(--ink)!important;line-height:1.65}
h1,h2,h3{font-family:Inter,"Segoe UI",Arial,sans-serif!important;text-transform:none!important;letter-spacing:-.035em!important;font-weight:800!important;line-height:1.08!important;color:inherit}
h1{font-size:clamp(2.6rem,6vw,5.4rem)!important;max-width:960px}
h2{font-size:clamp(2rem,4vw,3.65rem)!important}
h3{font-size:clamp(1.2rem,2vw,1.6rem)!important}
p{line-height:1.75!important}
.container{width:min(1200px,calc(100% - 40px))}
.toprail{background:#101518!important;color:#fff!important;border-bottom:2px solid var(--orange);letter-spacing:.045em}
.site-header,.site-header.scrolled{background:rgba(17,23,26,.97)!important;backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(0,0,0,.14)}
.site-header{top:38px!important;border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:86px!important}.logo{max-height:59px;object-fit:contain}.navlinks{gap:clamp(12px,1.55vw,24px)!important;font-size:13px!important}.navlinks>a:not(.btn){opacity:.92}.navlinks>a:hover{color:#ffb174!important}
.btn{border-radius:10px!important;min-height:50px;padding:0 19px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.15)}
.btn-primary{background:var(--orange)!important;color:#171717!important;border-color:var(--orange)!important}.btn-primary:hover{background:#ff9b4e!important}.btn-line{background:rgba(14,18,20,.34);border-color:rgba(255,255,255,.56)!important}.eyebrow,.mini-label{color:#bd5917!important;letter-spacing:.105em!important;font-size:12px;font-weight:800}
.executive-hero{min-height:690px!important;padding:175px 0 85px!important;background:linear-gradient(90deg,rgba(11,16,19,.88),rgba(11,16,19,.53) 58%,rgba(11,16,19,.20)),url("assets/images/hero-fleet.webp") center 52%/cover no-repeat!important;border:0!important;align-items:center!important}.executive-hero:after{display:none!important}.executive-hero .wrap{max-width:900px!important}.executive-hero h1{font-size:clamp(2.7rem,6.4vw,5.25rem)!important;max-width:830px!important;color:#fff!important;text-transform:none!important}.executive-hero p{max-width:700px!important;color:#f0f2f2!important;font-size:clamp(1rem,1.5vw,1.2rem)!important}.executive-metrics{margin-top:36px!important}.executive-metrics strong{font-family:Inter,Arial,sans-serif!important;font-weight:800!important}.executive-intro{padding:78px 0 52px!important}.executive-intro .lead{font-size:clamp(1.65rem,3.3vw,2.75rem)!important;line-height:1.2!important}.executive-services{padding-bottom:82px!important}.service-editorial{gap:22px!important}.service-editorial article{border-radius:20px!important;box-shadow:var(--shadow)!important}.service-editorial article img{object-fit:cover}.service-editorial .shade{background:linear-gradient(transparent 18%,rgba(7,11,13,.88))!important}.service-editorial h2{font-size:clamp(1.85rem,3.6vw,3.2rem)!important}.executive-standard{background:linear-gradient(130deg,#172126,#26363c)!important;padding:82px 0!important}.executive-standard .display{font-family:Inter,Arial,sans-serif!important;font-size:clamp(3rem,7vw,6rem)!important;line-height:.98!important}.operating-model,.coverage-section{padding:82px 0!important}.operating-head{margin-bottom:38px!important}.operating-row{padding:26px 0!important}.pagehero{padding:174px 0 70px!important;background:radial-gradient(circle at 84% 10%,rgba(244,122,32,.2),transparent 30%),linear-gradient(135deg,#151b1e,#28363b)!important;border-bottom:0!important}.pagehero h1{max-width:940px!important}.pagehero .lead{font-size:17px!important}.section-shell,.formcard,.card,.home-guide-cta{border-radius:18px!important;box-shadow:var(--shadow)}.section-shell{background:#fff!important;padding:clamp(24px,4vw,44px)!important;border:1px solid var(--line)}
footer{background:#111719!important}footer a:hover{color:#ffb174!important}.mobilecall{background:var(--orange)!important;color:#171717!important;border-radius:12px!important}
.real-work-section{padding:75px 0 85px;background:#fff}.real-work-heading{display:grid;grid-template-columns:1fr .65fr;gap:45px;align-items:end;margin-bottom:30px}.real-work-heading h2{margin-top:9px}.real-work-grid,.new-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 30px}.real-work-grid figure,.new-photo-grid figure{position:relative;margin:0;overflow:hidden;border-radius:15px;background:#e7e8e7;min-height:190px;box-shadow:0 8px 22px rgba(20,25,27,.08)}.real-work-grid img,.new-photo-grid img{width:100%;height:100%;min-height:220px;object-fit:cover;transition:transform .35s}.real-work-grid figure:hover img,.new-photo-grid figure:hover img{transform:scale(1.035)}.real-work-grid figcaption,.new-photo-grid figcaption{position:absolute;inset:auto 0 0;padding:35px 15px 13px;color:#fff;font-size:13px;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.78))}.home-faq-section{padding:78px 0 90px;background:#f0f2f1}.home-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.home-faq-layout>div:first-child>p{margin:18px 0 24px}.home-faq-list{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px 24px;box-shadow:var(--shadow)}.home-faq-list details{border-bottom:1px solid var(--line);padding:0}.home-faq-list details:last-child{border-bottom:0}.home-faq-list summary{cursor:pointer;list-style:none;padding:19px 40px 19px 0;font-weight:750;position:relative}.home-faq-list summary::-webkit-details-marker{display:none}.home-faq-list summary:after{content:'+';position:absolute;right:3px;top:13px;color:#bd5917;font-size:24px;font-weight:500}.home-faq-list details[open] summary:after{content:'−'}.home-faq-list details p{padding:0 22px 19px 0;margin:0;color:#525d62}.new-photo-shell{margin-top:42px}.new-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.new-photo-grid figure{min-height:260px}
:focus-visible{outline:3px solid #f47a20!important;outline-offset:3px!important}
@media(max-width:980px){.navlinks{top:86px!important;max-height:calc(100vh - 100px);overflow:auto;background:#151b1e!important}.navlinks>a:not(.btn){padding:5px 0}.real-work-heading,.home-faq-layout{grid-template-columns:1fr;gap:24px}.real-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-hero{min-height:670px!important}.service-editorial article{min-height:480px!important}}
@media(max-width:640px){.container{width:calc(100% - 30px)!important}.toprail .container{height:36px!important}.site-header{top:36px!important}.nav{height:74px!important}.logo{width:142px!important}.navlinks{top:74px!important;left:12px!important;right:12px!important;border:1px solid rgba(255,255,255,.12);border-radius:12px!important}.executive-hero{min-height:700px!important;padding:145px 0 58px!important;background-position:58% center!important}.executive-hero h1{font-size:clamp(2.55rem,12vw,3.8rem)!important}.executive-metrics{grid-template-columns:repeat(3,1fr)!important;gap:8px}.executive-metrics div{padding:16px 8px 0 0!important}.executive-metrics strong{font-size:20px!important}.executive-metrics span{font-size:9px!important;line-height:1.35}.hero-actions .btn{width:100%}.pagehero{padding:142px 0 56px!important}.executive-intro,.operating-model,.coverage-section,.real-work-section,.home-faq-section{padding:58px 0!important}.real-work-grid{gap:10px}.real-work-grid figure{min-height:145px}.real-work-grid img{min-height:150px}.new-photo-grid{gap:10px}.new-photo-grid figure{min-height:155px}.new-photo-grid img{min-height:155px}.new-photo-grid figcaption{font-size:11px;padding:30px 10px 10px}.home-faq-list{padding:5px 16px}.home-faq-list summary{font-size:15px;padding:17px 35px 17px 0}.service-editorial .side{grid-template-columns:1fr!important}.service-editorial article{min-height:390px!important}.executive-standard{padding:62px 0!important}.footergrid{gap:30px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Consistent crops for the new real-world photo cards */
.real-work-grid img{height:240px;min-height:0}
.new-photo-grid img{height:260px;min-height:0}
@media(max-width:640px){.real-work-grid img{height:155px;min-height:0}.new-photo-grid img{height:155px;min-height:0}}


/* Visual correction: loaded hero image, steady navigation, and softer typography */
html{scroll-padding-top:92px}
body{font-family:Manrope,"Segoe UI",Arial,sans-serif!important;font-weight:400}
h1,h2,h3{font-family:Manrope,"Segoe UI",Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.025em!important}
h1{font-size:clamp(2.7rem,5.2vw,4.8rem)!important;line-height:1.08!important}
h2{font-size:clamp(2rem,3.6vw,3.15rem)!important;line-height:1.14!important}
h3{font-weight:700!important;line-height:1.22!important}
.site-header,.site-header.scrolled{position:sticky!important;top:0!important;z-index:1000!important;margin:0!important;background:#141a1d!important;backdrop-filter:none!important;box-shadow:0 6px 22px rgba(0,0,0,.16)!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
.nav{height:82px!important}
.navlinks{font-size:13px!important;font-weight:650!important;gap:clamp(10px,1.3vw,19px)!important}
.executive-hero{min-height:650px!important;padding:80px 0 70px!important;background-image:linear-gradient(90deg,rgba(8,13,16,.82) 0%,rgba(8,13,16,.66) 46%,rgba(8,13,16,.18) 100%),url("../images/hero-fleet.webp")!important;background-position:center 53%!important;background-size:cover!important;background-repeat:no-repeat!important;align-items:center!important}
.executive-hero .wrap{max-width:900px!important}
.executive-hero h1{max-width:810px!important;font-size:clamp(2.7rem,5.4vw,4.75rem)!important;font-weight:750!important;line-height:1.04!important;letter-spacing:-.035em!important;text-wrap:balance}
.executive-hero p{font-size:clamp(1rem,1.35vw,1.12rem)!important;line-height:1.72!important;max-width:660px!important}
.executive-hero .eyebrow{color:#ffb174!important}
.pagehero{padding:76px 0 62px!important}
@media(max-width:980px){.site-header{position:sticky!important;top:0!important}.nav{height:76px!important}.navlinks{top:76px!important}.executive-hero{min-height:610px!important;padding:64px 0!important}}
@media(max-width:640px){.site-header{top:0!important}.nav{height:68px!important}.navlinks{top:68px!important}.executive-hero{min-height:630px!important;padding:56px 0 48px!important;background-image:linear-gradient(90deg,rgba(8,13,16,.75),rgba(8,13,16,.43)),url("../images/hero-fleet.webp")!important;background-position:56% center!important}.executive-hero h1{font-size:clamp(2.45rem,10vw,3.35rem)!important;line-height:1.06!important}.pagehero{padding:57px 0 48px!important}}


/* Trust and response details */
.executive-metrics div strong{font-size:clamp(1rem,2vw,1.55rem)!important;white-space:nowrap}
.executive-metrics div span{display:block;margin-top:5px}
.executive-hero .eta-note{font-size:12px!important;color:rgba(255,255,255,.78)!important;margin:12px 0 0;max-width:760px}
.executive-intro .trust-proof{font-size:16px!important;line-height:1.7!important;font-weight:500!important;color:#5c666b!important;margin-top:20px}
.eta-contact{border-radius:12px;background:#fff;padding:16px;border:1px solid rgba(27,32,35,.10)}
@media(max-width:640px){.executive-metrics div strong{font-size:14px!important;white-space:normal}.executive-metrics div span{font-size:9px!important}.executive-hero .eta-note{font-size:11px!important}}
