:root{--auto-navy:#06142f;--auto-blue:#103c70;--auto-red:#ed1b3a;--auto-gold:#d8a84d;--auto-soft:#f4f7fb}
.auto-dashboard-hero{position:relative;overflow:hidden;padding:86px 0 70px!important;background:linear-gradient(90deg,rgba(3,12,29,.98) 0%,rgba(6,25,55,.91) 48%,rgba(6,24,50,.42) 100%),url('/assets/auto/photos/tesla-model-y-2025.jpg') center 58%/cover no-repeat!important}
.auto-dashboard-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--auto-gold),transparent)}
.auto-dashboard-hero .travel-shell{position:relative;z-index:1}.auto-dashboard-hero h1{max-width:760px;font-size:clamp(2.35rem,5vw,4.6rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 18px;text-shadow:0 8px 28px #0008}.auto-dashboard-hero>div>p{max-width:620px;font-size:1.13rem;line-height:1.75;color:#dbe7f5}.auto-dashboard-hero h2{margin:36px 0 13px;font-size:1.1rem;color:#f3d188;text-transform:uppercase;letter-spacing:.08em}
.auto-dashboard-hero .auto-finder{grid-template-columns:2fr repeat(3,1fr) auto;max-width:1180px;padding:9px!important;border:1px solid #ffffff55;border-radius:18px!important;box-shadow:0 20px 55px #0007;backdrop-filter:blur(12px)}.auto-dashboard-hero .auto-finder input,.auto-dashboard-hero .auto-finder select{height:54px;border:0!important;background:#f7f9fc!important}.auto-dashboard-hero .auto-finder button{min-width:122px;background:linear-gradient(135deg,#ff3152,#d90f2d)!important;box-shadow:0 8px 20px #cf123955;transition:.2s}.auto-dashboard-hero .auto-finder button:hover{transform:translateY(-2px)}.auto-quick{gap:10px!important}.auto-quick a{padding:9px 14px;border:1px solid #ffffff38;border-radius:999px;text-decoration:none;background:#ffffff12;backdrop-filter:blur(8px)}
.auto-page main>.travel-shell{padding-top:16px;padding-bottom:70px}.auto-section{margin:54px 0!important}.auto-section-head{margin-bottom:18px}.auto-section-head h2,.auto-section>h2{font-size:1.8rem;letter-spacing:-.025em}.auto-section-head>a{color:#40546e;text-decoration:none;border-bottom:1px solid #aeb9c7;padding-bottom:3px}
.auto-home-grid{gap:18px!important}.auto-home-card{position:relative;overflow:hidden;min-height:128px;padding:24px!important;border:1px solid #dbe4ef!important;border-radius:18px!important;text-decoration:none;color:var(--auto-navy);box-shadow:0 10px 30px rgba(7,30,62,.06);transition:transform .2s,box-shadow .2s,border-color .2s;background:linear-gradient(145deg,#fff,#f9fbfd)!important}.auto-home-card:after{content:"→";position:absolute;right:20px;bottom:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#edf3fa;color:#234365}.auto-home-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(7,30,62,.13);border-color:#b8c9dc!important}.auto-home-card strong{font-size:1.22rem!important;line-height:1.3;max-width:82%}.auto-home-card span{display:block;margin:8px 0;color:#64748a}.auto-price-red{display:block;color:var(--auto-red)!important;font-size:1.55rem!important}
.auto-section:first-child .auto-home-grid{grid-template-columns:repeat(2,1fr)!important}.auto-section:first-child .auto-home-card{min-height:245px;padding:155px 25px 24px!important;background:#fff!important}.auto-section:first-child .auto-home-card:before{content:"";position:absolute;left:0;right:0;top:0;height:138px;background:center/cover no-repeat}.auto-section:first-child .auto-home-card:nth-child(1):before{background-image:linear-gradient(0deg,#06142f33,transparent),url('/assets/auto/photos/tesla-model-y-2025.jpg')}.auto-section:first-child .auto-home-card:nth-child(2):before{background-image:linear-gradient(0deg,#06142f33,transparent),url('/assets/auto/photos/toyota-yaris.webp')}
.auto-section:nth-child(2) .auto-home-card{border-left:4px solid var(--auto-gold)!important}.auto-section:nth-child(3) .auto-home-card{min-height:145px;border-top:3px solid var(--auto-red)!important}.auto-brand-pills{display:grid!important;grid-template-columns:repeat(6,1fr);gap:14px!important}.auto-brand-pills a{display:grid;place-items:center;min-height:82px;border-radius:16px!important;font-size:1.08rem;font-weight:800;text-decoration:none;color:#132943;box-shadow:0 8px 22px rgba(7,30,62,.05);transition:.2s}.auto-brand-pills a:hover{background:var(--auto-navy);color:#fff;transform:translateY(-3px)}
@media(max-width:900px){.auto-dashboard-hero{padding:58px 0 48px!important;background-position:65% center!important}.auto-dashboard-hero .auto-finder{grid-template-columns:1fr 1fr!important}.auto-dashboard-hero .auto-finder button{height:52px}.auto-brand-pills{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.auto-dashboard-hero{padding:48px 0 38px!important;background-position:62% center!important}.auto-dashboard-hero h1{font-size:2.45rem}.auto-dashboard-hero>div>p{font-size:1rem}.auto-dashboard-hero .auto-finder{grid-template-columns:1fr!important}.auto-quick{flex-wrap:wrap}.auto-section:first-child .auto-home-grid,.auto-home-grid{grid-template-columns:1fr!important}.auto-brand-pills{grid-template-columns:repeat(2,1fr)}.auto-section{margin:38px 0!important}}
