/* UNDERSEAL NATIONAL — industrial automotive UI; extended from the existing theme. */
:root{--us-accent:#d6f44a;--us-ink:#0d1b24;--us-cream:#f4f1e8;--us-steel:#90a5ab}
body{font-family:"Underseal Sans",Arial,sans-serif;overflow-x:hidden}
/* Clearer contrast for essential help text and small form labels. */
.form-progress span{color:#46564e}
.quote-form .optional{color:#47594f}
.quote-form .field-help{color:#46544d}
.quote-form .checkbox{color:#243830}
.footer-bottom{color:#c5d4d6}
.coverage-small{color:#d1dfe2}
.hero-note{color:#cfdee1}
.step-number{color:#465d53}
.price-footnote{color:#3e515c}
.form-error{color:#682018}

.hero h1,.quote-intro h2,.location-mark,.us-proof h2,.us-section-top h2,.us-footer-action h3{font-family:"Underseal Display",Impact,"Arial Narrow",sans-serif;letter-spacing:-.03em}
img{max-width:100%;height:auto}
.topbar{background:var(--us-accent);color:var(--us-ink);font-weight:800;font-size:10px;letter-spacing:.045em}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0}
.topbar .status-dot{background:var(--us-ink);margin:0 7px 1px 0}
.header{position:relative;z-index:25}
.nav{min-height:85px;height:auto;gap:18px}
.nav-links{gap:19px;align-items:center}
.nav-links>a:not(.button),.nav-menu>summary{font-size:12px;font-weight:750;white-space:nowrap}
.nav-menu{position:relative;list-style:none}
.nav-menu>summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;padding:13px 0}
.nav-menu>summary::-webkit-details-marker{display:none}
.nav-menu>summary span{color:var(--us-accent);font-size:16px}
.nav-menu[open]>summary{color:var(--us-accent)}
.nav-popover{position:absolute;left:-15px;top:100%;min-width:246px;max-width:min(350px,90vw);display:grid;gap:1px;background:#203844;padding:10px;border:1px solid #37515e;box-shadow:0 25px 55px rgba(0,0,0,.32);z-index:80}
.nav-popover a{display:block;padding:12px;color:#f4f1e8;line-height:1.4;font-size:12px;border-radius:2px}
.nav-popover a:hover,.nav-popover a:focus-visible{background:var(--us-accent);color:var(--us-ink)}
.nav-cta{min-height:45px;padding:10px 14px;font-size:12px;gap:8px}
.hero{background:radial-gradient(circle at 72% 14%,rgba(64,95,104,.24),transparent 40%),var(--us-ink)}
.hero h1{letter-spacing:-.02em;line-height:.9;font-weight:800;font-size:clamp(75px,8vw,123px)}
.hero-intro{max-width:540px;font-size:17px}
.hero-note{max-width:485px;border-left:2px solid var(--us-accent);padding-left:14px}
.hero-photo{position:relative;isolation:isolate;max-height:580px;overflow:hidden}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,27,36,.4),transparent 55%);pointer-events:none}
.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center}
.imagery-caption{position:absolute;bottom:12px;right:15px;z-index:2;color:#eaf0ea;font-size:10px;opacity:.85}
.us-vehicle-hub{background:#122631;color:var(--us-cream);position:relative}
.us-section-top{display:grid;grid-template-columns:1.3fr .8fr;gap:70px;align-items:end;margin-bottom:35px}
.us-section-top h2{font-size:clamp(51px,6vw,87px);font-weight:800;line-height:.94;letter-spacing:-1px}
.us-section-top h2 em,.us-proof h2 em{font-style:normal;color:var(--us-accent)}
.us-section-top>p{font-size:15px;color:#a9bdc4;max-width:430px;margin:0}
.us-vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.us-vehicle-card{display:block;position:relative;overflow:hidden;background:#0a1921;border:1px solid #4b6773;color:var(--us-cream);transition:transform .2s,border-color .2s}
.us-vehicle-card:hover{transform:translateY(-5px);border-color:var(--us-accent)}
.us-vehicle-card figure{height:210px;margin:0;overflow:hidden}
.us-vehicle-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.us-vehicle-card:hover img{transform:scale(1.045)}
.us-vehicle-card>div{padding:20px;position:relative;min-height:145px}
.us-vehicle-card span,.us-advice-card span{color:var(--us-accent);font-size:10px;letter-spacing:.09em;font-weight:800}
.us-vehicle-card h3{font-size:26px;margin:10px 0 8px;font-weight:800}
.us-vehicle-card p{font-size:12px;color:#b2c4c8;margin:0}
.us-vehicle-card b{position:absolute;right:18px;bottom:19px;color:var(--us-accent)}
.us-editorial-note{font-size:11px;line-height:1.6;color:#9dafb5;margin:14px 0 0}
.us-proof{background:#e6ebdf;color:var(--us-ink)}
.us-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.us-proof-photo{position:relative;overflow:hidden;background:#121e23}
.us-proof-photo figure{margin:0;aspect-ratio:4/3}
.us-proof-photo img{height:100%;width:100%;object-fit:cover}
.us-proof-photo>span{position:absolute;bottom:0;left:0;width:100%;padding:18px;background:#0d1b24df;color:var(--us-cream);font-size:10px;letter-spacing:.1em;font-weight:700}
.us-proof h2{font-size:clamp(50px,6vw,86px);line-height:.95;letter-spacing:-1px}
.us-proof p{color:#42525b;font-size:15px;margin:24px 0}
.us-proof h2 em{color:#517124}
.us-proof ul{padding:0;margin:0 0 28px;list-style:none}
.us-proof li{font-size:13px;position:relative;padding:12px 10px 12px 30px;border-bottom:1px solid #c6cfbd}
.us-proof li:before{content:"✓";position:absolute;left:3px;font-weight:900;color:#5a7c2d}
.us-advice{background:var(--us-ink);color:var(--us-cream)}
.us-advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.us-advice-card{background:#172b35;border:1px solid #405661;display:block;overflow:hidden;transition:transform .2s}
.us-advice-card:hover{transform:translateY(-4px)}
.us-advice-card figure{margin:0;aspect-ratio:16/9}
.us-advice-card img{width:100%;height:100%;object-fit:cover}
.us-advice-card>div{padding:25px}
.us-advice-card h3{font-size:25px;margin:10px 0 14px;color:var(--us-cream)}
.us-advice-card p{color:#c0cdd1;font-size:13px;line-height:1.6}
.us-advice-card b{color:var(--us-accent);font-size:12px;display:block;margin-top:24px}
.us-plain-link{display:inline-block;margin-top:32px;border-bottom:1px solid var(--us-accent);padding-bottom:8px;color:var(--us-accent);font-size:14px;font-weight:750}
.us-footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.4fr;gap:30px}
.us-footer-brand p{color:#b2c4cc;font-size:13px;max-width:340px}
.us-footer-links{display:grid;align-content:start;gap:13px}
.us-footer-links .eyebrow{color:var(--us-accent);margin-bottom:8px}
.us-footer-links a{font-size:12px;color:#bec9cc;line-height:1.4}
.us-footer-links a:hover{color:var(--us-accent)}
.us-footer-action{background:#1c3540;padding:25px;align-self:start}
.us-footer-action .eyebrow{color:var(--us-accent);margin:0 0 15px}
.us-footer-action h3{font-size:42px;line-height:1;margin:0 0 18px}
.us-footer-action p{font-size:12px;line-height:1.7;color:#becbd1}
.us-footer-action .button{margin-top:10px;min-height:43px;padding:10px 13px;font-size:12px}
.footer-mail{color:var(--us-accent);font-weight:700;font-size:13px}
.us-mobile-cta{display:none}
.us-page-main{padding-top:0}
.us-content-shell{max-width:1250px;margin:0 auto}
.us-content-shell>h1{font-family:"Underseal Display",Impact,sans-serif;text-transform:uppercase;font-size:clamp(56px,7vw,103px);line-height:.94;color:var(--us-accent);background:var(--us-ink);letter-spacing:-.025em;padding:56px max(20px,calc((100vw - 1240px)/2));margin:0 calc(50% - 50vw);max-width:none}
.us-breadcrumb{margin:0;padding:20px 0;background:var(--us-ink);color:#b4c4c9;letter-spacing:.05em}
.us-breadcrumb span{color:var(--us-accent);margin:0 7px}
.us-page-main .legal-content{max-width:1250px}
.us-page-main section{scroll-margin-top:120px}
.us-page-main .us-page-hero{padding-top:65px}
.us-page-main .us-page-hero img,.us-page-main .us-visual img{border-radius:2px;max-width:100%}
.us-page-main .us-page-hero h2{font-family:"Underseal Display",Impact,sans-serif;line-height:.96;letter-spacing:-.015em;font-size:clamp(45px,5.5vw,76px)}
.us-page-main .us-page-hero .page-lead{max-width:740px}
.us-page-main .cta-band{margin-bottom:75px}
.us-page-main .us-subnav a:hover{background:var(--us-accent);color:var(--us-ink)}
@media(max-width:1160px){.nav-links{gap:13px}.nav-links>a:not(.button),.nav-menu>summary{font-size:11px}.brand{width:230px}.nav-cta{padding:10px}}
@media(max-width:1000px){.us-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.us-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.us-footer-action{grid-column:1/-1}}
@media(max-width:800px){
.topbar-inner{font-size:9px;justify-content:center;text-align:center;padding:9px 0}.topbar-inner>span:last-child{display:none}
.nav{min-height:82px}.nav-links.open{z-index:90;align-items:stretch;max-height:75vh;overflow-y:auto}.nav-menu{width:100%}.nav-menu>summary{padding:10px 0;font-size:13px;justify-content:space-between}.nav-popover{position:static;box-shadow:none;min-width:0;max-width:none;background:#102833;border:0;border-left:2px solid var(--us-accent);margin-bottom:7px;gap:0}
.nav-links>a:not(.button){font-size:13px}.nav-popover a{font-size:12px;padding:11px}
.us-section-top{grid-template-columns:1fr;gap:18px}.us-section-top h2{font-size:clamp(52px,9vw,72px)}.us-proof-grid{grid-template-columns:1fr;gap:30px}
.us-advice-grid{grid-template-columns:1fr}.us-advice-card{display:grid;grid-template-columns:40% 60%}.us-advice-card figure{height:100%;aspect-ratio:auto}.us-advice-card img{height:100%}
.us-footer-grid{grid-template-columns:1fr 1fr;gap:35px}.us-footer-brand{grid-column:1/-1}.us-footer-action{grid-column:1/-1}
.us-mobile-cta{position:fixed;z-index:200;bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--us-accent);color:var(--us-ink);font-weight:800;box-shadow:0 8px 30px rgba(0,0,0,.3);border-radius:3px;font-size:13px;min-height:55px}
body{padding-bottom:68px}.us-content-shell>h1{padding:42px 20px 46px;font-size:clamp(50px,10vw,72px)}
}
@media(max-width:520px){.us-vehicle-grid{grid-template-columns:1fr 1fr;gap:8px}.us-vehicle-card figure{height:145px}.us-vehicle-card>div{padding:13px;min-height:134px}.us-vehicle-card h3{font-size:19px}.us-vehicle-card span{font-size:8px}.us-vehicle-card p{font-size:10px}.us-vehicle-card b{bottom:13px;right:11px}.us-advice-card{display:block}.us-advice-card figure{aspect-ratio:16/9}.us-footer-grid{gap:26px}.us-proof h2{font-size:60px}}
@media(prefers-reduced-motion:reduce){.us-vehicle-card,.us-advice-card,.us-vehicle-card img{transition:none!important}html{scroll-behavior:auto}}
