.market-toggle{display:none}
.site-relaunch-notice{display:flex;align-items:center;justify-content:center;min-height:30px;padding:.3rem 1rem;background:#173747;color:#eef9fd;border-bottom:1px solid #ffffff25;text-align:center;font:700 .72rem/1.25 Inter,system-ui,sans-serif;letter-spacing:.015em}
@media(max-width:640px){.site-relaunch-notice{min-height:32px;padding:.38rem .8rem;font-size:.67rem}}
.utility-links{background:#111d27;color:#d7e1e8;border-top:1px solid #ffffff10}
.utility-links .wrap{min-height:30px;display:flex;align-items:center;justify-content:center;gap:.35rem 1rem;flex-wrap:wrap;padding-top:.25rem;padding-bottom:.25rem}
.utility-links a{color:inherit;text-decoration:none;font-size:.68rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}
.utility-links a:hover{color:#fff}
.brand-logo{display:flex;align-items:center;width:220px;height:46px;flex:0 0 auto}
.brand-logo img{display:block;width:100%;height:auto;max-height:46px;object-fit:contain;object-position:left center}
.footer .brand-logo{background:#fff;border-radius:7px}
.brand-lockup{width:320px;min-width:320px;height:auto;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;gap:0!important;line-height:1;text-decoration:none}
.brand-word-real{display:block;width:320px;aspect-ratio:988/64;background:var(--logo-color,var(--accent,var(--blue,#00b7ff)));mask:url('/assets/drivesoft-wordmark-mask-v1.png') center/contain no-repeat;-webkit-mask:url('/assets/drivesoft-wordmark-mask-v1.png') center/contain no-repeat}
.brand-tagline{display:block;width:100%;margin-top:.38rem;color:#42535f;font-size:.67rem;font-weight:800;letter-spacing:.055em;line-height:1;text-align:center;white-space:nowrap;text-transform:uppercase}
.brand-since{display:block;width:100%;margin-top:.25rem;color:var(--logo-color,var(--accent,var(--blue,#00b7ff)));font-size:.53rem;font-weight:950;letter-spacing:.24em;line-height:1;text-align:center;text-transform:uppercase}
body.law .brand-word-real{background:linear-gradient(90deg,#0b63ce 0 49%,#e32832 51% 100%)}
body.limo{--logo-color:#b8872f}
body.mobility{--logo-color:#1d67b1}
body.rv{--logo-color:#5f9138}
body.utility{--logo-color:#cf8610}
body.audio{--logo-color:#cf272f}
body.powersports{--logo-color:#ef4b24}
body.gear{--logo-color:#a88422}
.platforms{padding:6rem 0;background:#fff}
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.platform-card{padding:1.4rem;border:1px solid #d5e0e6;border-radius:15px;background:#f4f7f9;min-height:180px;display:flex;flex-direction:column}
.platform-card small{color:#70818c;text-transform:uppercase;letter-spacing:.1em}
.platform-card h3{font-size:1.35rem;margin:auto 0 .45rem}
.platform-card p{color:#61727e;margin:0}
.platform-card:last-child:nth-child(3n+1){grid-column:2}
.dev-offer{padding:6rem 0;background:#08131d;color:#fff}
.dev-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:start}
.dev-grid h2{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95;letter-spacing:-.05em;margin:.5rem 0 1rem}
.dev-grid>div>p{color:#afbec8}
.dev-cards{display:grid;gap:1rem}
.dev-card{padding:1.4rem;border:1px solid #ffffff20;border-radius:14px;background:#ffffff08}
.dev-card strong{display:block;font-size:1.2rem}
.dev-card b{display:block;color:#75d8ff;margin:.5rem 0}
.dev-card p{color:#afbec8;margin:0}
.product-family{padding:5rem 0;background:#fff}
.product-family-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}
.family-card{padding:1.5rem;border:1px solid #d5e0e6;border-radius:15px;background:#f4f7f9}
.family-card small{color:#70818c;text-transform:uppercase;letter-spacing:.1em}
.family-card h3{font-size:1.35rem;margin:1.8rem 0 .5rem}
.family-card p{color:#61727e;margin:0}
.vehicle-ai{padding:5rem 0;background:radial-gradient(circle at 85% 15%,#1a688253,transparent 38%),#081924;color:#edf8fc}
.vehicle-ai-heading{max-width:850px}
.vehicle-ai-heading h2{font-size:clamp(2.5rem,5vw,4.7rem);letter-spacing:-.05em;line-height:.98;margin:.55rem 0 1rem}
.vehicle-ai-heading>p:last-child{max-width:760px;color:#b7cbd6;font-size:1.08rem}
.vehicle-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.3rem}
.vehicle-ai-grid article{padding:1.5rem;border:1px solid #8fd9f13b;border-radius:15px;background:#ffffff0c}
.vehicle-ai-grid span{color:#70d8f8;font-size:.75rem;font-weight:900;letter-spacing:.15em}
.vehicle-ai-grid h3{font-size:1.25rem;margin:1.5rem 0 .55rem}
.vehicle-ai-grid p{margin:0;color:#b7cbd6;font-size:.92rem}
.vehicle-ai-status{margin:1.5rem 0 0;color:#8da9b8;font-size:.78rem}
@media(max-width:720px){.vehicle-ai-grid{grid-template-columns:1fr}.vehicle-ai{padding:4rem 0}}
@media(min-width:961px){
  .tabs nav,.concept-tabs nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;white-space:normal;overflow:visible;padding-top:.25rem;padding-bottom:.25rem}
  .tabs nav a,.concept-tabs nav a{display:flex;align-items:center;justify-content:center;min-height:30px;padding:.3rem .45rem;text-align:center;line-height:1.1;font-size:.72rem}
  .gateway-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:960px){
  .platform-grid,.product-family-grid{grid-template-columns:1fr 1fr}.dev-grid{grid-template-columns:1fr}
  .platform-card:last-child:nth-child(3n+1){grid-column:auto}
  .tabs nav,.concept-tabs nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;white-space:normal;overflow:visible;padding-top:.25rem;padding-bottom:.25rem}
  .tabs nav a,.concept-tabs nav a{display:flex;align-items:center;justify-content:center;min-height:32px;padding:.3rem .4rem;text-align:center;line-height:1.1;font-size:.7rem}
  .utility-links .wrap{justify-content:center}
}
@media(max-width:640px){
  .tabs,.concept-tabs{overflow:visible}
  .market-toggle{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;padding:.65rem 1rem;border:0;background:#06101a;color:#fff;font:800 .9rem/1.2 Inter,system-ui,sans-serif;text-align:left}
  .market-toggle span:last-child{font-size:1.15rem;transition:transform .2s ease}
  .tabs.open .market-toggle span:last-child,.concept-tabs.open .market-toggle span:last-child{transform:rotate(180deg)}
  .tabs nav,.concept-tabs nav{display:none;padding:.65rem 1rem 1rem;grid-template-columns:1fr 1fr;gap:.45rem;white-space:normal;background:#06101a}
  .tabs.open nav,.concept-tabs.open nav{display:grid}
  .tabs nav a,.concept-tabs nav a{display:flex;align-items:center;min-height:44px;padding:.65rem .75rem;border:1px solid #ffffff16;border-radius:8px;font-size:.78rem;line-height:1.2}
  .tabs nav a.active,.concept-tabs nav a.active{background:#fff;color:#07111a}
  .utility-links .wrap{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem;padding:.65rem 1rem}
  .utility-links a{display:flex;align-items:center;min-height:30px;font-size:.66rem}
  .brand-logo{width:182px;height:40px}
  .brand-logo img{max-height:40px}
  .brand-lockup{min-width:215px;width:215px;height:auto}
  .brand-word-real{width:215px}
  .brand-tagline{margin-top:.3rem;font-size:.5rem;letter-spacing:.025em}
  .brand-since{margin-top:.2rem;font-size:.43rem;letter-spacing:.18em}
  .platform-grid,.product-family-grid{grid-template-columns:1fr}
  .platform-card{min-height:150px}
}
/* Small market and product cards share a soft slate surface. */
body:not(.manufacturing) .cards .card,
body:not(.manufacturing) .family-card,
body .product-card,
body.limo .technology-card,
body.audio .build-card {
  background:#e9f0f4;
  color:#172c39;
  border-color:#c6d5df;
  box-shadow:0 10px 26px #102b3c12;
}
body:not(.manufacturing) .cards .card p,
body:not(.manufacturing) .family-card p,
body .product-card-copy p,
body.limo .technology-card p,
body.audio .build-card p { color:#435967; }
body:not(.manufacturing) .cards .card small,
body:not(.manufacturing) .family-card small,
body .product-card-copy small,
body.audio .build-card small { color:#08678b; }
body.limo .technology-card small { color:#805511; }
body:not(.manufacturing) .cards .card a,
body .product-card-copy a { color:#006d95; }
body .product-card figure,
body .product-card figure.floating-product,
body.limo .technology-card figure,
body.limo .technology-card figure.floating-product,
body.audio .build-card img {
  background:linear-gradient(145deg,#e1eaf0,#c7d7e1);
}
.mobile-company-menu{display:none}
@media(max-width:1020px){
  .head .menu,.header .menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;border:0;background:transparent;color:#122b38;font-size:1.5rem;cursor:pointer}
  .head.company-menu-open .mobile-company-menu,.header.company-menu-open .mobile-company-menu{display:block;position:absolute;top:100%;left:0;right:0;z-index:30;max-height:calc(100dvh - 68px);overflow:auto;background:#071722;color:#eaf4f8;border-top:1px solid #ffffff22;box-shadow:0 18px 35px #020b13a8;padding:1rem clamp(1rem,4vw,2rem) 1.4rem}
  .mobile-menu-group+.mobile-menu-group{margin-top:1rem;padding-top:1rem;border-top:1px solid #ffffff25}
  .mobile-menu-group>strong{display:block;margin-bottom:.6rem;color:#77d5f5;font-size:.77rem;letter-spacing:.1em;text-transform:uppercase}
  .mobile-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
  .mobile-menu-links a{display:flex;align-items:center;min-height:42px;padding:.55rem .7rem;border:1px solid #ffffff20;border-radius:7px;color:#eaf4f8;font-size:.8rem;font-weight:700;line-height:1.25;text-decoration:none}
  .mobile-menu-links a:hover,.mobile-menu-links a:focus-visible{background:#173a4f}
}
@media(max-width:640px), (max-width:900px) and (max-height:500px){
  .utility-links.menu-available{display:none}
  .header .store{display:none}
}
@media(min-width:961px) and (max-width:1020px){.header .menu{display:none}}
/* Short phone screens need the road and page content, not a tall navigation stack. */
@media (orientation:landscape) and (max-width:900px) and (max-height:500px){
  .head .wrap,.header .wrap{height:48px;gap:.75rem}
  .head .menu,.header .menu{width:40px;height:40px;font-size:1.35rem}
  .head .shop,.header .store{display:none}
  .brand-lockup{width:195px;min-width:195px}
  .brand-word-real{width:195px}
  .brand-tagline{margin-top:.2rem;font-size:.45rem;letter-spacing:.02em}
  .brand-since{margin-top:.15rem;font-size:.39rem}
  .tabs,.concept-tabs{overflow:visible}
  .market-toggle{display:flex;width:100%;min-height:36px;align-items:center;justify-content:space-between;padding:.35rem 1rem;border:0;background:#06101a;color:#fff;font:800 .78rem/1.2 Inter,system-ui,sans-serif;text-align:left}
  .market-toggle span:last-child{font-size:1rem;transition:transform .2s ease}
  .tabs.open .market-toggle span:last-child,.concept-tabs.open .market-toggle span:last-child{transform:rotate(180deg)}
  .tabs nav,.concept-tabs nav{display:none;padding:.55rem 1rem .75rem;grid-template-columns:1fr 1fr;gap:.4rem;white-space:normal;background:#06101a}
  .tabs.open nav,.concept-tabs.open nav{display:grid}
  .tabs nav a,.concept-tabs nav a{display:flex;align-items:center;min-height:40px;padding:.5rem .7rem;border:1px solid #ffffff16;border-radius:8px;font-size:.75rem;line-height:1.2}
  .tabs nav a.active,.concept-tabs nav a.active{background:#fff;color:#07111a}
  .head.company-menu-open .mobile-company-menu,.header.company-menu-open .mobile-company-menu{max-height:calc(100dvh - 48px)}
}
/* Homepage: brand first, then markets. Secondary links live in the hamburger on compact screens. */
@media(max-width:1200px){
  body.home .head .nav{display:none}
  body.home .head .menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;border:0;background:transparent;color:#122b38;font-size:1.5rem;cursor:pointer}
  body.home .utility-links{display:none}
  body.home .head.company-menu-open .mobile-company-menu{display:block;position:absolute;top:100%;left:auto;right:1rem;z-index:30;width:min(420px,calc(100vw - 2rem));max-height:calc(100dvh - 68px);overflow:auto;background:#071722;color:#eaf4f8;border:1px solid #ffffff22;border-radius:0 0 12px 12px;box-shadow:0 18px 35px #020b13a8;padding:1rem 1.2rem 1.4rem}
  body.home .mobile-menu-group+.mobile-menu-group{margin-top:1rem;padding-top:1rem;border-top:1px solid #ffffff25}
  body.home .mobile-menu-group>strong{display:block;margin-bottom:.6rem;color:#77d5f5;font-size:.77rem;letter-spacing:.1em;text-transform:uppercase}
  body.home .mobile-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
  body.home .mobile-menu-links a{display:flex;align-items:center;min-height:42px;padding:.55rem .7rem;border:1px solid #ffffff20;border-radius:7px;color:#eaf4f8;font-size:.8rem;font-weight:700;line-height:1.25;text-decoration:none}
  body.home .mobile-menu-links a:hover,body.home .mobile-menu-links a:focus-visible{background:#173a4f}
}
@media(max-width:640px){
  body.home .head.company-menu-open .mobile-company-menu{left:auto;right:0;width:min(340px,calc(100vw - 1rem));border-radius:0 0 0 12px;padding-inline:1rem}
  body.home .mobile-menu-links{grid-template-columns:1fr}
}
/* Homepage: markets and support share one line; the market list overlays the sky. */
body.home .utility-links{display:block!important;position:relative;z-index:19;height:32px;overflow:visible;scrollbar-width:none}
body.home .utility-row{display:flex;align-items:center;max-width:1240px;height:32px;margin:auto;padding-inline:clamp(1rem,3vw,2rem)}
body.home .concept-tabs{position:static;z-index:auto;flex:none;height:32px;overflow:visible;background:transparent}
body.home .concept-tabs .market-toggle{display:flex;width:auto;height:32px;min-height:32px;margin:0;padding:.2rem .65rem .2rem 0;align-items:center;gap:.45rem;border:0;background:transparent;color:#e6f4fa;font:800 .7rem/1 Inter,system-ui,sans-serif;text-transform:uppercase;cursor:pointer}
body.home .concept-tabs .market-toggle span:last-child{font-size:1rem;transition:transform .2s ease}
body.home .concept-tabs.open .market-toggle span:last-child{transform:rotate(180deg)}
body.home .concept-tabs nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:25;max-width:none;max-height:min(55vh,360px);overflow:auto;margin:0;padding:.6rem max(1rem,calc((100vw - 1240px)/2 + 2rem)) .8rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;background:#06101af2;box-shadow:0 18px 32px #020b13a0;white-space:normal}
body.home .concept-tabs.open nav{display:grid}
body.home .concept-tabs nav a{display:flex;align-items:center;justify-content:center;min-height:32px;padding:.4rem .5rem;border-radius:7px;text-align:center;line-height:1.2;font-size:.72rem}
body.home .concept-tabs nav a:hover,body.home .concept-tabs nav a:focus-visible{background:#224050;color:#fff}
body.home .concept-tabs nav a.active{background:#fff;color:#07111a}
body.home .utility-row .wrap{min-width:0;max-width:none;min-height:32px;flex:1;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
body.home .utility-row .wrap::-webkit-scrollbar{display:none}
body.home .utility-row .wrap a{flex:none;white-space:nowrap}
@media(max-width:960px){
  body.home .concept-tabs nav{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  body.home .concept-tabs nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:55vh}
  body.home .concept-tabs nav a{min-height:40px;justify-content:flex-start;text-align:left}
  body.home .utility-row .wrap{display:flex;grid-template-columns:none;padding:0}
}
/* Keep the company hamburger available on wide tablets and desktops too. */
body.home .head .menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;margin-left:0;border:0;background:transparent;color:#122b38;font-size:1.5rem;cursor:pointer}
body.home .head .wrap{gap:1rem}
body.home .head .nav{gap:.85rem;font-size:.8rem}
body.home .head.company-menu-open .mobile-company-menu{display:block;position:absolute;top:100%;right:1rem;left:auto;z-index:30;width:min(420px,calc(100vw - 2rem));max-height:calc(100dvh - 68px);overflow:auto;padding:1rem 1.2rem 1.4rem;border:1px solid #ffffff22;border-radius:0 0 12px 12px;background:#071722;color:#eaf4f8;box-shadow:0 18px 35px #020b13a8}
body.home .mobile-menu-group+.mobile-menu-group{margin-top:1rem;padding-top:1rem;border-top:1px solid #ffffff25}
body.home .mobile-menu-group>strong{display:block;margin-bottom:.6rem;color:#77d5f5;font-size:.77rem;letter-spacing:.1em;text-transform:uppercase}
body.home .mobile-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
body.home .mobile-menu-links a{display:flex;align-items:center;min-height:42px;padding:.55rem .7rem;border:1px solid #ffffff20;border-radius:7px;color:#eaf4f8;font-size:.8rem;font-weight:700;line-height:1.25;text-decoration:none}
body.home .mobile-menu-links a:hover,body.home .mobile-menu-links a:focus-visible{background:#173a4f}
@media(max-width:1360px){body.home .head .nav{display:none}body.home .head .menu{margin-left:auto}}
@media(max-width:640px){body.home .head.company-menu-open .mobile-company-menu{right:0;width:min(340px,calc(100vw - 1rem));border-radius:0 0 0 12px;padding-inline:1rem}body.home .mobile-menu-links{grid-template-columns:1fr}}
.audio-affiliate{background:#f1f5f7}
.audio-affiliate-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem clamp(1.3rem,3vw,2.5rem);border:1px solid #c7d5de;border-radius:16px;background:#fff;box-shadow:0 12px 32px #102b3c12}
.audio-affiliate-card h2{margin:.3rem 0 .6rem;line-height:1.1}
.audio-affiliate-card p:last-child{max-width:700px;margin:0;color:#435967}
.audio-affiliate-link{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:.75rem 1rem;border-radius:8px;background:#0b1b28;color:#fff;font-weight:800;text-align:center}
.audio-affiliate-link:hover,.audio-affiliate-link:focus-visible{background:#24516a}
@media(max-width:720px){.audio-affiliate-card{display:block}.audio-affiliate-link{margin-top:1.3rem}}
.head .social-trigger,.header .social-trigger{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:40px;padding:.4rem .65rem;border:1px solid #b9cbd5;border-radius:7px;background:#f5f9fb;color:#173342;font:800 .76rem/1 Inter,system-ui,sans-serif;cursor:pointer}
.head .social-trigger:hover,.header .social-trigger:hover,.head .social-trigger:focus-visible,.header .social-trigger:focus-visible{background:#dceaf1}
.social-menu{display:none}
.head.social-menu-open .social-menu,.header.social-menu-open .social-menu{display:grid;position:absolute;top:100%;right:1rem;z-index:31;width:min(360px,calc(100vw - 2rem));gap:.7rem;padding:1rem;border:1px solid #ffffff22;border-radius:0 0 12px 12px;background:#071722;color:#eaf4f8;box-shadow:0 18px 35px #020b13a8}
.social-menu strong{color:#77d5f5;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.social-menu a{display:block;padding:.75rem;border:1px solid #ffffff25;border-radius:7px;color:#fff;font-size:.86rem;font-weight:750;text-decoration:none}
.social-menu a:hover,.social-menu a:focus-visible{background:#173a4f}
.social-menu p{margin:.2rem 0 0;color:#b9cad4;font-size:.75rem;line-height:1.4}
@media(max-width:640px){.head .social-trigger,.header .social-trigger{min-height:36px;padding:.35rem .55rem;font-size:.7rem}}

/* Interior pages use the same compact Drivesoft header and markets row as home. */
body.unified-chrome .header{position:sticky;top:0;z-index:20;background:#f9fbfce8;backdrop-filter:blur(15px);border-bottom:1px solid #cbd8df;color:#0b1720}
body.unified-chrome .header>.wrap{height:76px;min-height:76px;display:flex;align-items:center;justify-content:initial;gap:1rem;max-width:1240px}
body.unified-chrome .header .brand-lockup{width:260px;min-width:260px;flex:none}
body.unified-chrome .header .brand-word-real{width:260px;background:linear-gradient(180deg,#273b49 2%,#8a9aa5 44%,#2c4351 90%);filter:none}
body.unified-chrome .header .brand-tagline{color:#42535f}
body.unified-chrome .header .brand-since{color:#638093}
body.unified-chrome .header .nav{display:flex;align-items:center;margin-left:auto;gap:.85rem;font-size:.8rem;font-weight:750;white-space:nowrap}
body.unified-chrome .header .nav a:hover{color:#0078a5}
body.unified-chrome .header .menu{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin:0;border:0;background:transparent;color:#122b38;font-size:1.5rem;cursor:pointer}
body.unified-chrome .header .shop{flex:none;background:#07111a;color:#fff;padding:.72rem 1rem;border-radius:8px;font-weight:850;font-size:.85rem}
body.unified-chrome .utility-links{display:block!important;position:relative;z-index:19;height:32px;overflow:visible;background:#111d27;color:#e6f4fa}
body.unified-chrome .utility-row{display:flex;align-items:center;max-width:1240px;height:32px;margin:auto;padding-inline:clamp(1rem,3vw,2rem)}
body.unified-chrome .concept-tabs{position:static;flex:none;height:32px;overflow:visible;background:transparent}
body.unified-chrome .concept-tabs .market-toggle{display:flex;width:auto;height:32px;min-height:32px;align-items:center;gap:.45rem;padding:.2rem .65rem .2rem 0;border:0;background:transparent;color:#e6f4fa;font:800 .7rem/1 Inter,system-ui,sans-serif;text-transform:uppercase;cursor:pointer}
body.unified-chrome .concept-tabs nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:25;max-height:min(55vh,360px);overflow:auto;margin:0;padding:.6rem max(1rem,calc((100vw - 1240px)/2 + 2rem)) .8rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;background:#06101af2;box-shadow:0 18px 32px #020b13a0}
body.unified-chrome .concept-tabs.open nav{display:grid}
body.unified-chrome .concept-tabs nav a{display:flex;align-items:center;justify-content:center;min-height:32px;padding:.4rem .5rem;border-radius:7px;text-align:center;line-height:1.2;font-size:.72rem;color:#e6f4fa}
body.unified-chrome .concept-tabs nav a.active{background:#fff;color:#07111a}
body.unified-chrome .utility-row>.wrap{min-width:0;max-width:none;min-height:32px;flex:1;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
body.unified-chrome .utility-row>.wrap a{flex:none;white-space:nowrap}
body.unified-chrome .header.company-menu-open .mobile-company-menu{left:auto;right:1rem;width:min(420px,calc(100vw - 2rem));border-radius:0 0 12px 12px}
@media(max-width:1360px){body.unified-chrome .header .nav{display:none}body.unified-chrome .header .menu{margin-left:auto}}
@media(max-width:900px){body.unified-chrome .concept-tabs nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){body.unified-chrome .header>.wrap{height:64px;min-height:64px}body.unified-chrome .header .brand-lockup,body.unified-chrome .header .brand-word-real{width:215px;min-width:215px}body.unified-chrome .header .shop{display:none}body.unified-chrome .utility-row>.wrap{display:flex;grid-template-columns:none;padding:0}body.unified-chrome .concept-tabs nav{grid-template-columns:repeat(2,minmax(0,1fr))}body.unified-chrome .concept-tabs nav a{min-height:40px;justify-content:flex-start;text-align:left}body.unified-chrome .header.company-menu-open .mobile-company-menu{right:0;width:min(340px,calc(100vw - 1rem))}}

/* =========================================================
   v88 GLOBAL HEADER FIX
   - Hidden company/social flyouts stay hidden until clicked.
   - Prevents generic .header nav rules from forcing flyouts visible.
   - Locks Drivesoft wordmark to chrome/silver across all pages.
   ========================================================= */

/* Chrome Drivesoft wordmark everywhere; page accents remain page-specific. */
.brand-word-real,
body.law .brand-word-real,
body.unified-chrome .header .brand-word-real,
body.home .brand-word-real,
body.manufacturing .brand-word-real {
  background:linear-gradient(180deg,#253945 0%,#9aa7af 43%,#dbe2e6 52%,#657985 67%,#263b47 100%) !important;
  filter:none !important;
}
.brand-since,
body.law .brand-since,
body.unified-chrome .header .brand-since {
  color:#667d89 !important;
}

/* Company menu: hidden means hidden, regardless of generic header nav rules. */
.head > .mobile-company-menu,
.header > .mobile-company-menu {
  display:none !important;
  position:absolute !important;
  margin:0 !important;
  font-size:initial !important;
  font-weight:initial !important;
  white-space:normal !important;
}

/* Only reveal after the hamburger is intentionally opened. */
.head.company-menu-open > .mobile-company-menu,
.header.company-menu-open > .mobile-company-menu {
  display:block !important;
  top:100% !important;
  right:1rem !important;
  left:auto !important;
  z-index:60 !important;
  width:min(440px,calc(100vw - 2rem)) !important;
  max-height:calc(100dvh - 76px) !important;
  overflow:auto !important;
  padding:1rem 1.2rem 1.35rem !important;
  border:1px solid #ffffff22 !important;
  border-radius:0 0 12px 12px !important;
  background:#071722 !important;
  color:#eaf4f8 !important;
  box-shadow:0 18px 35px #020b13a8 !important;
}

/* Reset nav styling inherited from .header nav. */
.head > .mobile-company-menu .mobile-menu-group,
.header > .mobile-company-menu .mobile-menu-group {
  display:block !important;
}
.head > .mobile-company-menu .mobile-menu-links,
.header > .mobile-company-menu .mobile-menu-links {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:.4rem !important;
}
.head > .mobile-company-menu .mobile-menu-links a,
.header > .mobile-company-menu .mobile-menu-links a {
  display:flex !important;
  align-items:center !important;
  min-height:42px !important;
  padding:.55rem .7rem !important;
  border:1px solid #ffffff20 !important;
  border-radius:7px !important;
  color:#eaf4f8 !important;
  font-size:.8rem !important;
  font-weight:700 !important;
  line-height:1.25 !important;
}

/* Social flyout has the same specificity problem; fix it too. */
.head > .social-menu,
.header > .social-menu {
  display:none !important;
  position:absolute !important;
  margin:0 !important;
}
.head.social-menu-open > .social-menu,
.header.social-menu-open > .social-menu {
  display:grid !important;
  top:100% !important;
  right:1rem !important;
  left:auto !important;
  z-index:61 !important;
  width:min(360px,calc(100vw - 2rem)) !important;
  gap:.7rem !important;
  padding:1rem !important;
  border:1px solid #ffffff22 !important;
  border-radius:0 0 12px 12px !important;
  background:#071722 !important;
  color:#eaf4f8 !important;
  box-shadow:0 18px 35px #020b13a8 !important;
}

@media(max-width:640px){
  .head.company-menu-open > .mobile-company-menu,
  .header.company-menu-open > .mobile-company-menu {
    right:0 !important;
    width:min(340px,calc(100vw - 1rem)) !important;
  }
  .head > .mobile-company-menu .mobile-menu-links,
  .header > .mobile-company-menu .mobile-menu-links {
    grid-template-columns:1fr !important;
  }
}

/* v93 — locked silver Drivesoft wordmark treatment.
   Smooth metallic silver only; no white stripe/band through the lettering.
   Page-specific accent colors remain available elsewhere in the page. */
.brand-word-real,
body.law .brand-word-real,
body.limo .brand-word-real,
body.mobility .brand-word-real,
body.rv .brand-word-real,
body.utility .brand-word-real,
body.audio .brand-word-real,
body.powersports .brand-word-real,
body.gear .brand-word-real,
body.manufacturing .brand-word-real,
body.unified-chrome .brand-word-real,
body.home .brand-word-real {
  background:linear-gradient(
    180deg,
    #53616a 0%,
    #73808a 28%,
    #929ca3 52%,
    #7b878f 72%,
    #56636c 100%
  ) !important;
  filter:none !important;
}
.brand-since,
body.law .brand-since,
body.limo .brand-since,
body.mobility .brand-since,
body.rv .brand-since,
body.utility .brand-since,
body.audio .brand-since,
body.powersports .brand-since,
body.gear .brand-since,
body.manufacturing .brand-since,
body.unified-chrome .brand-since {
  color:#6f7d86 !important;
}

/* v95 FINAL WORDMARK LOCK — smooth silver on every page, no white stripe. */
.brand-word-real,
[class*="brand-word-real"],
body[class] .brand-word-real,
.header .brand-word-real,
.head .brand-word-real,
body.unified-chrome .header .brand-word-real,
body.unified-chrome .head .brand-word-real {
  background:#7f8b93 !important;
  background-image:linear-gradient(
    180deg,
    #68747d 0%,
    #849098 32%,
    #929ca3 55%,
    #7d8991 76%,
    #64717a 100%
  ) !important;
  filter:none !important;
  opacity:1 !important;
}


/* v99 compact interior header polish
   Keep page-specific actions inside the page/support navigation instead of
   showing a second full-size action button in the global header. */
body.unified-chrome .header .store{
  display:none !important;
}
body.unified-chrome .header .nav{
  gap:.62rem;
  font-size:.74rem;
}
body.unified-chrome .header .shop{
  padding:.52rem .72rem;
  border-radius:7px;
  font-size:.75rem;
  line-height:1.15;
}
body.unified-chrome .header .menu{
  width:38px;
  height:38px;
  font-size:1.25rem;
}
body.unified-chrome .header>.wrap{
  gap:.72rem;
}

/* Compact header: keep Social directly before the right-edge hamburger. */
@media(max-width:1360px){
  .head .social-trigger,.header .social-trigger{margin-left:auto}
  .head .menu,.header .menu{margin-left:0}
  body.home .head .menu,body.unified-chrome .header .menu{margin-left:0}
}

/* Lock the shared action order across every header template and viewport. */
.head > .wrap > .social-trigger,.header > .wrap > .social-trigger{order:998;margin-left:auto!important}
.head > .wrap > .menu,.header > .wrap > .menu{order:999;margin-left:0!important}
@media (max-width:1180px){
  body.unified-chrome .header .nav{gap:.48rem;font-size:.7rem}
  body.unified-chrome .header .shop{padding:.48rem .62rem;font-size:.71rem}
}