.about-hero{min-height:460px;background:linear-gradient(90deg,#001829 4%,rgba(0,24,41,.94) 43%,rgba(0,24,41,.32) 100%),url("../img/city_headlights.png") center/cover no-repeat}
.about-intro{max-width:1050px}.about-intro h2,.about-feature h2{font:700 clamp(30px,3.4vw,46px)/1.17 Dosis,Arial,sans-serif;margin:12px 0 24px}.about-intro>p:not(.eyebrow){font-size:17px;line-height:1.85;color:#d3e1eb}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.about-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-panel{border:1px solid #31516b;border-radius:15px;padding:30px;background:#08283e}.about-icon{display:inline-block;color:#ffce0d;font:700 29px Dosis,Arial,sans-serif;letter-spacing:2px}.about-panel h3{font:700 28px Dosis,Arial,sans-serif;margin:14px 0}.about-panel p,.about-feature p:not(.eyebrow){font-size:15px;line-height:1.75;color:#c8d9e5}.about-panel a{color:#ffce0d;text-decoration:none;font-weight:700}
.about-feature{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center;background:linear-gradient(115deg,#0b344f,#062338);border:1px solid #31516b;border-radius:18px;padding:clamp(26px,4vw,55px)}.about-car-visual{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;min-height:210px}.about-car-visual span{border:1px solid #4b7790;border-radius:100px;padding:13px 20px;color:#ffce0d;font:700 20px Dosis,Arial,sans-serif;letter-spacing:2px}
@media(max-width:900px){.about-grid{grid-template-columns:1fr}.about-two{grid-template-columns:1fr}.about-feature{grid-template-columns:1fr}.about-hero{min-height:400px}}
@media(max-width:600px){.about-hero{min-height:380px;padding:55px 22px}.about-panel{padding:24px}.about-intro>p:not(.eyebrow){font-size:15px}.about-car-visual{min-height:90px}}