@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{
  --navy:#071a2e;--navy-2:#0c2b4a;--blue:#0b63ce;--blue-2:#1684ee;
  --cyan:#57d6ec;--lime:#b7e34a;--gold:#f5c451;--ink:#102033;
  --muted:#64748b;--line:#dce5ee;--paper:#f3f7fb;--white:#fff;
  --success:#10a36d;--radius-sm:12px;--radius:20px;--radius-lg:30px;
  --shadow-sm:0 8px 24px rgba(7,26,46,.07);--shadow:0 22px 60px rgba(7,26,46,.13);
  --max:1280px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 85% 0,rgba(87,214,236,.12),transparent 28%),radial-gradient(circle at 10% 40%,rgba(11,99,206,.06),transparent 30%)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
:focus-visible{outline:3px solid rgba(22,132,238,.42);outline-offset:3px}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.91);border-bottom:1px solid rgba(220,229,238,.86);backdrop-filter:blur(18px);box-shadow:0 5px 24px rgba(7,26,46,.04)}
.nav{max-width:var(--max);min-height:78px;margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-family:'Manrope',sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:-.04em;color:var(--navy)}
.brand span{color:var(--blue)}
.brand:after{content:"DEALERSPORTAL";display:block;font:700 .52rem/1 'DM Sans',sans-serif;letter-spacing:.19em;color:#7a8ba0;margin-top:4px}
.nav-links{display:flex;align-items:center;gap:7px;font-weight:700;color:#33465b}
.nav-links>a{padding:11px 12px;border-radius:10px;transition:.18s ease}
.nav-links>a:not(.login-link):hover{background:#edf5fd;color:var(--blue)}
.login-link,.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff!important;padding:13px 20px;font-weight:800;box-shadow:0 9px 24px rgba(11,99,206,.23);transition:transform .18s ease,box-shadow .18s ease}
.login-link:hover,.cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(11,99,206,.3)}
.login-menu{position:relative}
.login-toggle{font:800 .95rem 'DM Sans',sans-serif;cursor:pointer}
.login-toggle span{font-size:1.05rem;line-height:1;transition:transform .18s ease}
.login-menu.open .login-toggle span{transform:rotate(180deg)}
.login-submenu{position:absolute;top:calc(100% + 12px);right:0;width:280px;padding:9px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 55px rgba(7,26,46,.2);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;backdrop-filter:blur(16px)}
.login-submenu:before{content:"";position:absolute;right:25px;top:-7px;width:12px;height:12px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.login-menu.open .login-submenu,.login-menu:focus-within .login-submenu{opacity:1;visibility:visible;transform:translateY(0)}
.login-submenu a{position:relative;z-index:1;display:block;padding:14px;border-radius:11px;color:var(--navy);transition:.16s ease}
.login-submenu a:hover,.login-submenu a:focus{background:#edf5fd;color:var(--blue);outline:0}
.login-submenu strong,.login-submenu small{display:block}
.login-submenu strong{font:800 .96rem 'Manrope',sans-serif}
.login-submenu small{margin-top:4px;color:#718399;font-size:.76rem;font-weight:600}
.menu-button{display:none;border:0;background:#edf4fb;color:var(--navy);border-radius:10px;padding:9px 12px;font-size:1.4rem}

.hero{position:relative;overflow:hidden;padding:88px 26px 106px;color:#fff;background:linear-gradient(118deg,#06182a 0%,#0b2f53 48%,#0b63ce 100%)}
.hero:before{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-180px;top:-310px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(180deg,transparent,rgba(2,14,26,.22));pointer-events:none}
.hero-inner{position:relative;z-index:2;max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:70px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-weight:800;font-size:.76rem}
.eyebrow:before{content:"";width:23px;height:2px;background:currentColor;border-radius:2px}
.eyebrow.blue{color:var(--blue)}
.hero h1,.tools-hero h1,.page-intro h1{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.055em}
.hero h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;margin:18px 0 22px;max-width:850px}
.hero p{max-width:720px;color:#d7e7f6;font-size:1.17rem;line-height:1.75;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.cta.secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);box-shadow:none;backdrop-filter:blur(8px)}
.cta.secondary:hover{background:rgba(255,255,255,.17)}
.cta.secondary-light{background:#fff;color:var(--navy)!important;box-shadow:none}
.cta.secondary-dark{background:#edf4fb;color:var(--navy)!important;border:1px solid #cbdceb;box-shadow:none}
.trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;color:#dcebf8;font-size:.9rem;font-weight:600}
.hero-stat{position:relative;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:inset 0 1px rgba(255,255,255,.18),0 24px 70px rgba(0,0,0,.18);backdrop-filter:blur(18px)}
.hero-stat:before{content:"LIVE INVENTORY";display:inline-block;background:rgba(16,163,109,.2);color:#7cf0bd;border:1px solid rgba(124,240,189,.25);padding:7px 10px;border-radius:999px;font-size:.69rem;font-weight:800;letter-spacing:.1em}
.hero-stat strong{display:block;font:800 4.5rem/1 'Manrope',sans-serif;margin:20px 0 8px}
.hero-stat span{color:#dce8f5}
.stat-link{display:block;color:var(--gold);font-weight:800;margin-top:24px}

.discovery-band{position:relative;z-index:5;max-width:1220px;margin:-52px auto 20px;padding:0 22px}
.discovery-band form{display:grid;grid-template-columns:1fr 1fr 1fr auto;background:#fff;border:1px solid rgba(220,229,238,.9);border-radius:22px;box-shadow:var(--shadow);padding:12px;gap:5px}
.discovery-band form>div{padding:7px 17px;border-right:1px solid var(--line)}
.discovery-band small{display:block;color:#8190a3;font-weight:700;font-size:.72rem;margin-bottom:5px}
.discovery-band select{width:100%;border:0;outline:0;background:#fff;color:var(--navy);font-weight:800;padding:4px 0}
.discovery-band button,.filter button,.compare-bar button{border:0;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;padding:14px 22px;font-weight:800;cursor:pointer;box-shadow:0 9px 22px rgba(11,99,206,.2)}

.section{max-width:var(--max);margin:auto;padding:68px 26px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.section h2{font:800 clamp(1.8rem,3vw,2.55rem)/1.15 'Manrope',sans-serif;letter-spacing:-.035em;color:var(--navy);margin:0}
.section-sub{color:var(--muted);margin:9px 0 0;line-height:1.7}
.text-link{color:var(--blue);font-weight:800}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info-card,.content-card,.legal-content,.about-copy,.tool-card{background:rgba(255,255,255,.93);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.info-card{padding:28px;transition:.2s ease}
.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.info-card>span,.tool-heading>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#e7f3ff,#dff9fc);color:var(--blue);font-weight:900}
.info-card h3{font:800 1.22rem/1.3 'Manrope',sans-serif;color:var(--navy);margin:18px 0 9px}
.info-card p{color:var(--muted);line-height:1.7}

.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.vehicle-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.vehicle-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(7,26,46,.16);border-color:#b8d4ef}
.vehicle-image{position:relative;height:270px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#dbe7f2,#f7fafc)}
.vehicle-image:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(7,26,46,.32));pointer-events:none}
.vehicle-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.vehicle-card:hover .vehicle-image img{transform:scale(1.035)}
.placeholder{color:#74869a;font-weight:800}
.live-badge{position:absolute;top:14px;left:14px;z-index:2;background:rgba(5,38,30,.88);color:#7ff0bc;border:1px solid rgba(127,240,188,.32);border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:900;backdrop-filter:blur(8px)}
.vehicle-body{padding:22px}
.stock-pill{display:inline-flex;padding:6px 10px;background:#eaf4ff;color:var(--blue);border-radius:8px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.vehicle-card h3{font:800 1.28rem/1.25 'Manrope',sans-serif;margin:14px 0 6px;color:var(--navy)}
.derivative{color:var(--muted);min-height:22px}
.facts{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
.facts span{background:#f1f5f9;color:#40546a;border-radius:8px;padding:7px 9px;font-size:.8rem;font-weight:600}
.price-row{display:flex;align-items:end;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:17px;margin-top:5px}
.price{font:800 1.42rem/1.2 'Manrope',sans-serif;color:var(--navy)}
.price-row small{display:block;color:#7b8999;margin-top:5px;font-size:.72rem}
.view-link{color:var(--blue);font-weight:900;white-space:nowrap}
.compare-check{display:flex;align-items:center;gap:9px;padding:14px 22px;border-top:1px solid var(--line);font-weight:800;color:#40546a;cursor:pointer;background:#fbfdff}
.compare-check input{width:18px;height:18px;accent-color:var(--blue)}
.compare-bar{position:sticky;bottom:15px;z-index:20;max-width:680px;margin:24px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px 13px 21px;background:rgba(7,26,46,.95);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 45px rgba(7,26,46,.3);backdrop-filter:blur(16px)}
.finance-disclaimer{text-align:center;color:#7a899b;font-size:.78rem;line-height:1.6}
.empty{grid-column:1/-1;background:#fff;border:1px dashed #b8c8d8;border-radius:20px;padding:56px 28px;text-align:center;color:var(--muted)}
.empty h1,.empty h2,.empty h3{color:var(--navy)}

.filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:30px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
.smart-filter{grid-template-columns:2fr repeat(5,1fr) auto auto}
.filter input,.filter select{width:100%;min-height:48px;padding:12px 13px;border:1px solid #cad6e2;border-radius:11px;background:#fbfdff;color:var(--ink)}
.filter input:hover,.filter select:hover{border-color:#91bce5}
.reset-link{align-self:center;color:var(--blue);font-weight:800;padding:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.journey-grid a{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm);transition:.2s ease}
.journey-grid a:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-28px;bottom:-30px;background:rgba(87,214,236,.15)}
.journey-grid a:hover{transform:translateY(-4px);border-color:#a9cbea;box-shadow:var(--shadow)}
.journey-grid b{color:var(--blue);font-size:.75rem;letter-spacing:.08em}
.journey-grid h3{font:800 1.08rem 'Manrope',sans-serif;color:var(--navy);margin:16px 0 7px}
.journey-grid p{color:var(--muted);line-height:1.55;margin:0;font-size:.9rem}

.home-cta{max-width:1228px;margin:12px auto 68px;padding:42px;border-radius:26px;background:linear-gradient(120deg,var(--navy),#0d467b);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow)}
.home-cta h2{font:800 2.15rem 'Manrope',sans-serif;margin:0}
.home-cta p{color:#d6e6f4;margin-bottom:0}

.detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:32px;align-items:start}
.gallery-main{height:560px;background:#e3ebf3;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}
.gallery-main img{width:100%;height:100%;object-fit:cover}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}
.thumbs img{width:100%;height:78px;object-fit:cover;border-radius:9px}
.detail-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow-sm)}
.detail>aside{position:sticky;top:102px}
.detail-panel h1{font:800 clamp(2rem,4vw,3rem)/1.06 'Manrope',sans-serif;letter-spacing:-.045em;color:var(--navy);margin:15px 0 8px}
.detail-price{font:800 2.1rem 'Manrope',sans-serif;color:var(--navy);margin:25px 0}
.specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-bottom:18px}
.spec{padding:14px 4px;border-bottom:1px solid var(--line)}
.spec small{display:block;color:var(--muted);margin-bottom:4px}
.description{margin-top:30px;line-height:1.8}
.back{display:inline-flex;margin-bottom:22px;color:var(--blue);font-weight:800}
.secondary-action{display:block;text-align:center;color:var(--blue);font-weight:800;margin-top:17px}

.tools-hero{position:relative;overflow:hidden;padding:78px 26px;color:#fff;background:linear-gradient(120deg,#06182a,#0b63ce)}
.tools-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:-270px;background:radial-gradient(circle,rgba(87,214,236,.35),transparent 65%)}
.tools-hero>div{position:relative;z-index:2;max-width:var(--max);margin:auto}
.tools-hero h1{font-size:clamp(2.8rem,5vw,5rem);margin:16px 0 12px;line-height:1}
.tools-hero p{font-size:1.15rem;line-height:1.7;color:#dce8f5;max-width:690px}
.tools-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tool-card{padding:30px}
.tool-card-wide{grid-column:1/-1}
.tool-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}
.tool-heading h2{font-size:1.55rem}
.tool-heading p{margin:6px 0 0;color:var(--muted)}
.wizard-grid,.next-step-form{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.wizard-grid label,.next-step-form label,.calculator label{font-size:.84rem;font-weight:800;color:var(--navy)}
.wizard-grid select,.next-step-form select,.next-step-form input,.next-step-form textarea,.calculator input,.calculator select{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #c9d6e3;border-radius:11px;background:#fbfdff;color:var(--ink)}
.wizard-grid select:focus,.next-step-form input:focus,.next-step-form textarea:focus,.calculator input:focus,.calculator select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,99,206,.1);outline:0}
.next-step-form{grid-template-columns:1fr 1fr}
.next-step-form .full{grid-column:1/-1}
.calculator{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.estimate-output{grid-column:1/-1;border-radius:18px;padding:25px;background:linear-gradient(135deg,var(--navy),#0c467c);color:#fff}
.estimate-output small,.estimate-output span{display:block;color:#cbdced}
.estimate-output strong{display:block;font:800 2.6rem 'Manrope',sans-serif;margin:5px 0}
.enquiry-actions{margin-top:20px;padding:20px;border-radius:16px;background:#edf6ff;border:1px solid #cce2f6}
.enquiry-actions .cta{margin:5px 8px 5px 0}
.cta.whatsapp{background:linear-gradient(135deg,#128c7e,#20b69f)}
.progress-preview{display:flex;align-items:center;margin:32px 0 10px}
.progress-preview i{display:block;width:18px;height:18px;border-radius:50%;background:#d5e0ea;border:4px solid #fff;box-shadow:0 0 0 2px #d5e0ea}
.progress-preview i.done{background:var(--blue);box-shadow:0 0 0 2px var(--blue)}
.progress-preview i:not(:last-child):after{content:"";display:block;width:74px;height:3px;background:#d5e0ea;margin:4px 0 0 14px}
.progress-labels{display:flex;justify-content:space-between;padding:0;margin:0 0 28px;list-style:none;color:var(--muted);font-size:.72rem}

.comparison-table{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm)}
.comparison-row{min-width:780px;display:grid;grid-template-columns:150px repeat(3,1fr);border-bottom:1px solid var(--line)}
.comparison-row:has(>div:nth-child(3):last-child){grid-template-columns:150px repeat(2,1fr)}
.comparison-row>b,.comparison-row>div{padding:19px}
.comparison-row>b{background:#f5f8fb;color:var(--navy)}
.comparison-head img{width:100%;height:170px;object-fit:cover;border-radius:13px}
.comparison-head h2{font-size:1.15rem;margin:12px 0 4px}
.comparison-row .cta{display:inline-flex}

.about-copy{padding:34px;line-height:1.8}
.footer{background:#06182a;color:#bdcede;padding:45px 26px}
.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}
.footer strong{color:#fff;font:800 1.15rem 'Manrope',sans-serif}
.footer-links{display:flex;flex-direction:column;gap:9px}
.footer-links a:hover{color:#fff}
.mobile-actions{display:none}
.small-note{color:var(--muted);font-size:.84rem;line-height:1.65}

@media(max-width:1120px){
  .nav-links{gap:2px;font-size:.9rem}.nav-links>a{padding:10px 8px}
  .smart-filter{grid-template-columns:repeat(4,1fr)}
  .journey-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:900px){
  .hero{padding-top:70px}.hero-inner,.detail{grid-template-columns:1fr}.hero-stat{display:none}
  .discovery-band{margin:-40px auto 0}.discovery-band form{grid-template-columns:1fr 1fr}
  .discovery-band form>div:nth-child(2){border-right:0}
  .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-grid{grid-template-columns:1fr}.filter,.smart-filter{grid-template-columns:1fr 1fr}
  .tools-layout{grid-template-columns:1fr}.tool-card-wide{grid-column:auto}.wizard-grid{grid-template-columns:1fr}
  .detail>aside{position:static}.gallery-main{height:430px}
  .footer-inner{grid-template-columns:1fr 1fr}.home-cta{margin-left:22px;margin-right:22px}
}

@media(max-width:720px){
  .menu-button{display:block}.nav{min-height:70px;padding:0 18px}
  .nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:rgba(255,255,255,.98);padding:15px 18px 22px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
  .nav-links.open{display:flex}.nav-links>a{padding:12px}.nav-links .login-link{margin-top:5px}
  .login-menu{width:100%}.login-toggle{width:100%;justify-content:space-between;margin-top:5px}.login-submenu{position:static;width:100%;margin-top:8px;padding:6px;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#f4f8fc}.login-submenu:before{display:none}.login-menu.open .login-submenu{display:block}.login-submenu a{padding:13px}
  .hero{padding:56px 20px 76px}.hero h1{font-size:clamp(2.55rem,13vw,4rem)}
  .discovery-band{margin:0;padding:14px}.discovery-band form{grid-template-columns:1fr;padding:10px}
  .discovery-band form>div{border-right:0;border-bottom:1px solid var(--line);padding:11px}
  .section{padding:48px 18px}.section-head{align-items:flex-start;flex-direction:column}
  .vehicle-grid,.journey-grid,.filter,.smart-filter,.next-step-form,.calculator{grid-template-columns:1fr}
  .vehicle-image{height:250px}.home-cta{margin:0 14px 70px;padding:30px;align-items:flex-start;flex-direction:column}
  .hero-actions .cta{width:100%}.compare-bar{bottom:72px;margin:18px 2px 0;flex-direction:column;align-items:stretch}.compare-bar button{width:100%}
  .tools-hero{padding:55px 20px}.tool-card{padding:22px}.gallery-main{height:320px}.specs{grid-template-columns:1fr}
  .footer{padding-bottom:90px}.footer-inner{grid-template-columns:1fr}
  body{padding-bottom:62px}.mobile-actions{position:fixed;display:flex;z-index:60;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(7,26,46,.12)}
  .mobile-actions a{flex:1;text-align:center;padding:16px;color:var(--navy);font-weight:900}.mobile-actions a+a{background:var(--blue);color:#fff}
  .progress-preview i:not(:last-child):after{width:34px}.progress-labels{font-size:.6rem}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}