/* DriverLog AU V8.9.0 — Light Premium Responsive Refresh
   Public marketing site. Loaded after marketing.css. */
:root{
  --navy:#0B1F4D;
  --navy2:#163A70;
  --blue:#2563EB;
  --blue2:#3BA4FF;
  --ink:#102A43;
  --muted:#5E6B7A;
  --line:#DCE5EF;
  --bg:#F7FAFC;
  --card:#FFFFFF;
  --green:#16A34A;
  --amber:#F59E0B;
  --purple:#7C4DFF;
  --soft-blue:#EAF3FF;
  --soft-green:#EAF8EF;
  --soft-amber:#FFF6DD;
  --shadow:0 12px 34px rgba(15,35,70,.09);
  --r:22px;
}
html,body{width:100%;max-width:100%;overflow-x:hidden;background:var(--bg)}
body{color:var(--ink);background:linear-gradient(180deg,#fff 0,#f8fbff 36%,#f7fafc 100%)}
*,*::before,*::after{box-sizing:border-box;min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
h1,h2,h3,h4,p,a,button,summary,span,strong,b{overflow-wrap:anywhere}
.wrap{width:min(1240px,calc(100% - 48px))}
.section{padding:84px 0}
.alt{background:linear-gradient(180deg,#F8FBFF 0,#EEF5FF 100%)}
/* Keep only selected sections dark for rhythm; reduce visual heaviness. */
.dark{background:linear-gradient(135deg,#0B1F4D 0%,#163A70 65%,#205CA5 100%);color:#fff}
.problem-strip{background:linear-gradient(100deg,#0B1F4D,#14386B 62%,#1E5DA8);padding:25px 0}
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(220,229,239,.95);box-shadow:0 2px 14px rgba(15,35,70,.035)}
.nav-wrap{min-height:74px;height:auto;padding:10px 0}
.brand{min-width:auto;flex:0 1 auto}
.brand img{width:46px;height:46px;border-radius:14px;box-shadow:0 6px 18px rgba(37,99,235,.14)}
.brand strong,.brand b{font-size:20px;white-space:nowrap}
.brand b{position:static;margin-left:4px;color:var(--blue)}
.brand small{font-size:8px;letter-spacing:1.45px;white-space:nowrap}
.nav-links{gap:18px;flex-wrap:wrap;justify-content:flex-end}
.nav-links>a{white-space:nowrap}
.btn{border-radius:12px;box-shadow:none}
.btn.primary{background:linear-gradient(135deg,#2563EB,#258CF3);box-shadow:0 9px 24px rgba(37,99,235,.20)}
.btn.secondary,.btn.ghost{background:#fff;color:#17315f;border-color:#CBD8EA}
.hero{padding:72px 0 74px;background:
 radial-gradient(circle at 82% 14%,rgba(59,164,255,.18),transparent 25rem),
 radial-gradient(circle at 3% 55%,rgba(37,99,235,.08),transparent 22rem),
 linear-gradient(180deg,#FFFFFF,#F6FAFF)}
.hero-grid{gap:46px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.01;letter-spacing:-3px;margin:18px 0 20px}
.hero-lead{font-size:19px;line-height:1.58;color:#526785}
.product-window{border:1px solid #DCE5EF;border-radius:22px;box-shadow:0 20px 54px rgba(15,35,70,.11);transform:none;overflow:hidden}
.mock-main{background:#F7FAFC}
.mini-nav{background:#0B1F4D}
.kpi-grid>div,.mock-chart{box-shadow:0 2px 9px rgba(15,35,70,.035)}
.floating-card{right:10px;bottom:-24px}
.section-heading h2{color:var(--ink)}
.dark .section-heading h2{color:#fff}
.feature-tabs,.calculator-card,.vehicle-summary,.explain-panel,.security-card,.pricing-card,.faq details,.cta-card{box-shadow:var(--shadow);border-color:var(--line)}
.tab-list{background:#F4F8FD}
.tab.active{color:var(--blue);border-bottom-color:var(--blue)}
.calc-results>div,.info-card{background:#F8FBFF}
.calc-results .highlight,.info-card.active,.info-card:hover{background:#EAF3FF;border-color:#9BC9FF}
.notice{background:var(--soft-amber);border-color:#F5D88D;color:#75530F}
.pill{background:#EAF3FF;color:#145FBA}
.security-card{background:#fff}
/* Prevent text collisions in all grids/cards. */
.feature-grid,.security-grid,.pricing-grid,.footer-grid,.vehicle-kpis,.calc-results,.calc-form,.mock-bottom,.kpi-grid{align-items:stretch}
.feature-grid>* ,.security-grid>* ,.pricing-grid>* ,.footer-grid>* ,.vehicle-kpis>* ,.calc-results>* ,.calc-form>*{min-width:0}
/* Tablet / small laptop */
@media (max-width:1180px){
 .wrap{width:min(100% - 36px,1160px)}
 .nav-links{gap:13px;font-size:13px}
 .hero-grid{gap:32px}
 .hero h1{font-size:clamp(40px,5vw,58px)}
 .product-layout{grid-template-columns:112px minmax(0,1fr)}
 .section{padding:72px 0}
}
@media (max-width:980px){
 .wrap{width:min(100% - 30px,920px)}
 .site-header{position:sticky}
 .nav-links{left:15px;right:15px;top:68px;max-height:calc(100dvh - 86px);overflow-y:auto;z-index:1100}
 .hero{padding-top:54px}
 .hero-grid,.calculator-grid,.split-section,.pricing-grid,.faq-grid,.vehicle-demo{grid-template-columns:1fr!important}
 .hero-product{max-width:760px;width:100%;margin:12px auto 0}
 .floating-card{position:relative;right:auto;bottom:auto;margin-top:12px;max-width:none}
 .section-heading{max-width:720px}
 .security-grid{grid-template-columns:1fr 1fr}
 .vehicle-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* iPad portrait and large phones */
@media (max-width:820px){
 .wrap{width:min(100% - 28px,780px)}
 .section{padding:60px 0}
 .hero h1{font-size:clamp(38px,8vw,52px);letter-spacing:-2.2px}
 .hero-lead{font-size:17px}
 .product-layout{grid-template-columns:94px minmax(0,1fr);min-height:0}
 .mock-main{padding:16px}
 .kpi-grid{grid-template-columns:1fr 1fr}
 .mock-bottom{grid-template-columns:1fr 1fr}
 .tab-panels{padding:24px}
 .tab-panel.active{grid-template-columns:1fr}
 .tab-panel ul{grid-template-columns:1fr 1fr}
 .calc-form,.calc-results{grid-template-columns:1fr 1fr}
 .security-grid,.footer-grid{grid-template-columns:1fr 1fr}
 .cta-card{grid-template-columns:1fr;text-align:left}
}
@media (max-width:640px){
 .wrap{width:min(100% - 22px,620px)}
 .section{padding:52px 0}
 .hero{padding:42px 0 52px}
 .hero h1{font-size:clamp(36px,11vw,48px);letter-spacing:-2px}
 .hero-actions .btn{width:100%}
 .trust-row{gap:9px 14px}
 .product-window{border-radius:16px}
 .product-layout{grid-template-columns:76px minmax(0,1fr)}
 .mini-nav{padding:10px 6px}
 .mini-nav strong{font-size:18px}
 .mini-nav span{font-size:8px;padding:7px 4px}
 .mock-main{padding:12px}
 .kpi-grid,.mock-bottom,.calc-form,.calc-results,.security-grid,.footer-grid,.vehicle-kpis{grid-template-columns:1fr!important}
 .bars{gap:5px}
 .tab-list{grid-template-columns:1fr 1fr}
 .tab{padding:13px 9px;font-size:12px}
 .tab-panels{padding:18px}
 .tab-panel ul{grid-template-columns:1fr}
 .feature-icon{width:62px;height:62px;border-radius:18px;font-size:28px}
 .calculator-card,.vehicle-summary,.explain-panel{padding:18px}
 .vehicle-head{align-items:flex-start;gap:10px;flex-wrap:wrap}
 .footer-bottom{gap:8px}
}
@media (max-width:430px){
 .wrap{width:calc(100% - 18px)}
 .brand img{width:40px;height:40px}
 .brand strong,.brand b{font-size:17px}
 .hero h1{font-size:36px}
 .hero-lead{font-size:16px}
 .product-layout{display:block}
 .mini-nav{display:none}
 .tab-list{grid-template-columns:1fr}
 .strip-grid{display:block}
 .strip-stat{padding:10px 0;text-align:left;border:0;border-top:1px solid rgba(255,255,255,.12)}
}