/* CarRanking economy-first visual refresh — responsive and illustrative, without invented figures */
:root{--cr-blue:#1554f5;--cr-cyan:#08bcd3;--cr-purple:#7850ed;--cr-green:#04b78c}
body{background:radial-gradient(circle at 90% 0%,#dcf4ff 0,transparent 28%),linear-gradient(180deg,#f0f6ff,#fff 45%,#f8fbff)!important}
.topbar{background:rgba(255,255,255,.9)!important;backdrop-filter:blur(18px);border-bottom:1px solid #ddeafe}
.topbar .brand{font-weight:950;letter-spacing:-1.2px;color:#083caa!important}
.topbar nav a{border-radius:999px;padding:9px 13px;transition:background .2s,color .2s}
.topbar nav a[href="/economy.html"]{background:#eaf1ff;color:#1554f5;font-weight:800}
.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;margin-top:24px;padding:clamp(26px,5vw,56px)!important;background:linear-gradient(116deg,#fff 0%,#eaf5ff 45%,#d8eeff 74%,#e7dcff 100%);box-shadow:0 24px 60px rgba(30,84,174,.12);gap:24px}
.hero:before{content:"";position:absolute;width:380px;height:380px;right:-110px;top:-170px;background:radial-gradient(circle,#8bdffe 0%,#6b8ffd 36%,transparent 70%);opacity:.35;z-index:-1}
.hero h1{font-size:clamp(36px,5.9vw,64px)!important;line-height:1.16!important;letter-spacing:-.055em}
.hero h1 .cr-headline-highlight{display:block;background:linear-gradient(95deg,#1054f5,#03aeb2,#7554ed);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .eyebrow{display:inline-block;border-radius:999px;padding:8px 12px;background:#fff;color:#1751df!important;font-weight:900;letter-spacing:.02em}
.hero .sub{max-width:600px;color:#384a68!important;line-height:1.76}
.hero .actions{display:flex;flex-wrap:wrap;gap:10px}
.hero .actions .btn{border-radius:16px!important;padding:16px 20px!important;box-shadow:0 9px 23px rgba(44,86,173,.1);font-size:15px}
.hero .actions .btn.primary{background:linear-gradient(120deg,#1762f8,#1345df)!important;box-shadow:0 13px 22px rgba(23,91,228,.23)}
#economyHeroCard{border:0!important;border-radius:26px!important;background:linear-gradient(145deg,#1155ed 0%,#2594f8 58%,#22d6ce 100%)!important;color:#fff!important;box-shadow:0 22px 34px rgba(26,97,214,.25)!important}
#economyHeroCard .metric-label,#economyHeroCard .car-name,#economyHeroCard .muted{color:#fff!important}
#economyHeroCard .big{font-weight:950;color:#fff!important}
#economyHeroCard .btn{background:#fff!important;color:#144edb!important;border:0!important}
.cr-service-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0 46px}
.cr-service-card{display:flex;flex-direction:column;gap:12px;min-height:175px;padding:22px 18px;border:1px solid #e2eafa;border-radius:24px;text-decoration:none!important;box-shadow:0 13px 28px rgba(35,79,151,.09);transition:transform .2s,box-shadow .2s;color:#11213f!important}
.cr-service-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(35,79,151,.17)}
.cr-service-card strong{font-size:18px;line-height:1.3}.cr-service-card small{color:#48617f;line-height:1.6}
.cr-service-card .cr-service-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;color:#fff;font-size:27px}
.cr-service-card:nth-child(1){background:linear-gradient(140deg,#e7f2ff,#f8fcff)}.cr-service-card:nth-child(1) .cr-service-icon{background:linear-gradient(135deg,#1378f9,#45c2ff)}
.cr-service-card:nth-child(2){background:linear-gradient(140deg,#e1fcf3,#f7fffc)}.cr-service-card:nth-child(2) .cr-service-icon{background:linear-gradient(135deg,#00a884,#49d8ad)}
.cr-service-card:nth-child(3){background:linear-gradient(140deg,#f0e8ff,#faf7ff)}.cr-service-card:nth-child(3) .cr-service-icon{background:linear-gradient(135deg,#7340e8,#b16cff)}
.cr-service-card:nth-child(4){background:linear-gradient(140deg,#defafa,#f6ffff)}.cr-service-card:nth-child(4) .cr-service-icon{background:linear-gradient(135deg,#00a9be,#45d5db)}
.cr-cost-explainer{border-radius:25px;background:linear-gradient(110deg,#1655ef,#3299ec 65%,#36d5c5);padding:24px;margin:32px 0 14px;color:#fff}
.cr-cost-explainer h2{color:#fff;margin:0 0 8px}.cr-cost-explainer p{color:#fff;margin:0;opacity:.92}
.cr-cost-explainer a{display:inline-block;margin-top:15px;border-radius:12px;padding:12px 17px;background:#fff;color:#1254d5;font-weight:850;text-decoration:none}
.section{scroll-margin-top:85px}
@media(max-width:950px){.cr-service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.hero{border-radius:23px;padding:24px 20px!important;margin:10px 12px 0}.hero h1{font-size:clamp(31px,8vw,42px)!important}.hero .actions .btn{flex:1 1 43%;font-size:14px;padding:14px 12px!important;text-align:center}.hero .actions .btn.primary{flex-basis:100%}.cr-service-cards{gap:11px;margin:18px 13px 32px}.cr-service-card{min-height:172px;padding:18px 13px;border-radius:19px}.cr-service-card strong{font-size:16px}.cr-service-card small{font-size:12px}.cr-service-icon{width:44px!important;height:44px!important;font-size:22px!important}.cr-cost-explainer{margin:18px 13px;padding:21px}}