:root{--navy:#0b1e34;--blue:#0ea5e9;--light:#e6f6ff;--white:#ffffff;--ring:color-mix(in oklab,var(--blue) 55%,white 0%);--shadow-1:0 12px 30px rgba(0,0,0,0.28);--shadow-2:0 20px 50px rgba(0,0,0,0.45)}.services{padding:6rem 2rem;background:radial-gradient(1100px 280px at 60% -8%,rgba(14,165,233,.28),transparent 60%),linear-gradient(135deg,#071726 0,var(--navy) 55%,#124a73 100%);color:var(--white);font-family:Poppins,sans-serif;overflow:hidden}.services-container{max-width:1200px;margin:auto;text-align:center}.services-title{font-size:2.8rem;font-weight:800;margin-bottom:3rem;background:linear-gradient(135deg,var(--light),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 6px 28px #34e5ff33}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2.2rem;gap:2.2rem}.service-card{position:relative;background:linear-gradient(180deg,rgba(8,18,30,.66),rgba(8,18,30,.48));border-radius:24px;overflow:hidden;cursor:pointer;border:1px solid var(--ring);box-shadow:var(--shadow-1),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.service-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-2);border-color:color-mix(in oklab,var(--blue) 72%,white 0%)}.image-wrapper{position:relative;width:100%;height:260px;overflow:hidden;border-radius:24px 24px 0 0}.service-image{object-fit:cover;width:100%;height:100%;transition:transform .5s ease}.service-card:hover .service-image{transform:scale(1.08)}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(11,30,52,.28));opacity:.6;transition:opacity .3s ease}.service-card:hover .image-overlay{opacity:.35}.service-icon{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--light),var(--blue));color:#062033;padding:.5rem;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(14,165,233,.35);border:1px solid rgba(255,255,255,.18)}.service-card h3{font-size:1.25rem;font-weight:800;margin:1rem 0;color:var(--light);text-shadow:0 2px 10px rgba(52,229,255,.25)}.service-card p{color:#bfeaff;font-size:.95rem;margin:0 1.2rem 1.2rem}@media (max-width:900px){.services-title{font-size:2.2rem}.services-grid{gap:1.8rem}}:root{--emerald:#2fb1c2;--teal:#12c4b4;--aqua:#0b6d7c;--sunset:#ff7a1a;--mid:#0b2a22;--ink:#0f172a;--sand:#21474a;--slate:#4b5563;--ring:color-mix(in oklab,var(--emerald) 60%,white 0%);--shadow-1:0 14px 36px rgba(0,0,0,0.22);--shadow-2:0 24px 56px rgba(0,0,0,0.35)}.vehicle-info{padding:clamp(3.2rem,6vw,5rem) 2rem;font-family:Poppins,sans-serif;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.vehicle-title{text-align:center;font-size:clamp(2rem,4vw,2.6rem);font-weight:800;letter-spacing:.2px;margin:0 0 2.2rem;color:var(--sand);background:linear-gradient(135deg,var(--aqua),var(--emerald));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 6px 28px #34e4ffb6}.vehicle-container{max-width:1200px;margin:auto}.vehicle-grid{display:grid;grid-gap:clamp(1.2rem,2.5vw,2rem);gap:clamp(1.2rem,2.5vw,2rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.vehicle-card{background:linear-gradient(180deg,rgba(7,20,16,.7),rgba(7,20,16,.5));border:1px solid var(--ring);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-1),inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.vehicle-card:hover{box-shadow:var(--shadow-2);border-color:color-mix(in oklab,var(--emerald) 78%,white 0%)}.vehicle-media{position:relative;height:200px;overflow:hidden}.vehicle-image{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .45s ease}.vehicle-card:hover .vehicle-image{transform:scale(1.08)}.vehicle-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 60% at 20% 10%,rgba(52,229,255,.35),transparent 60%),radial-gradient(50% 60% at 80% 70%,rgba(19,163,81,.35),transparent 60%);mix-blend-mode:screen;opacity:.75}.vehicle-ribbon{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--aqua),var(--teal));color:#06221b;font-weight:800;font-size:.85rem;padding:.35rem .6rem;border-radius:10px;box-shadow:0 8px 20px rgba(52,229,255,.35)}.vehicle-details{padding:1rem 1.2rem 1.2rem;background:rgba(0,0,0,.18)}.vehicle-details h3{font-size:1.25rem;color:var(--sand);margin:0 0 .45rem;font-weight:800}.feat-list{list-style:none;padding:0;margin:.1rem 0 1rem;display:flex;flex-wrap:wrap;gap:.45rem .7rem}.feat-list li{color:#eaffff;font-size:.9rem;font-weight:700;background:rgba(255,255,255,.08);border:1px solid color-mix(in oklab,var(--aqua) 45%,transparent);border-radius:999px;padding:.32rem .6rem}.card-cta{display:flex;gap:.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:12px;font-weight:800;text-decoration:none;padding:.6rem .9rem;transition:.22s ease}.btn-primary{color:#0b1210;background:linear-gradient(135deg,var(--sunset),#ff9e49);border:1px solid rgba(0,0,0,.12);box-shadow:0 12px 26px #ff7a1a44}.btn-primary:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 16px 34px #ff7a1a66}.btn-ghost{color:#eaffff;border:1px solid color-mix(in oklab,var(--aqua) 40%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06))}.btn-ghost:hover{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.1));text-shadow:0 0 10px #34e5ff66}@media (max-width:540px){.vehicle-media{height:180px}.card-cta .btn{flex:1 1}}