/* MrPro Premium Rent V5 — black, graphite and sea teal. */
:root{--bg:#080909;--surface:#121414;--raised:#1b1e1e;--text:#fafafa;--muted:#a4adad;--line:#ffffff1c;--blue:#72c5bb;--gold:#b3d7d2;--mint:#72c5bb;--lilac:#a7c7c3;--nav:#111414d9;--accent:#2e9389;--accent-hover:#4da39b;--on-accent:#061c19}
[data-theme=light]{--bg:#f2f5f4;--surface:#ffffff;--raised:#e7eeec;--text:#152220;--muted:#526965;--line:#15352e24;--blue:#1c7067;--gold:#476f68;--mint:#1c7067;--lilac:#476f68;--nav:#f8fcfbdc;--accent:#237a71;--accent-hover:#1c695f;--on-accent:#ffffff}
body{background:var(--bg)}::selection{background:#72c5bb;color:#071a17}
.header{border-color:var(--line);background:var(--nav);box-shadow:0 10px 45px #0002}.nav-cta{background:var(--accent);color:var(--on-accent)}
.btn.primary,.btn.small{background:var(--accent);color:var(--on-accent);border-color:#7cc8bf40;box-shadow:inset 0 1px #ffffff1a;font-weight:600}.btn.primary:hover,.btn.small:hover,.nav-cta:hover{background:var(--accent-hover);box-shadow:0 10px 35px #2e93891c}.btn.secondary{background:var(--raised);color:var(--text);border-color:var(--line)}.btn:before{background:linear-gradient(115deg,transparent,#ffffff20,transparent)}.btn:hover{box-shadow:0 12px 30px #0002}
.home-hero{background:#111717}.hero-shade{background:linear-gradient(90deg,#060c0bed 0%,#0b1614b0 48%,#09121040),linear-gradient(0deg,#060d0de8,transparent 55%)}.hero-copy{color:#fafafa}.hero-copy h1 span{color:#8cd5cb}.hero-copy .eyebrow{color:#e0eeeb}.hero-copy .lead{color:#d0dcda}.eyebrow i{background:var(--blue);box-shadow:0 0 0 5px #72c5bb12}.hero-copy .btn.secondary{color:#fff;background:#ffffff0b;border-color:#ffffff40}.hero-tabs{border-color:#ffffff2e}.hero-tabs button{color:#c3cecc}.hero-tabs button[aria-pressed=true]{color:#8cd5cb;border-color:#72c5bb}.hero-meta{border-color:#e7f3f02b;color:#d3dfdc}.hero-meta svg{color:#8cd5cb}
.hero-showcase{background:linear-gradient(140deg,#e5ecebf5,#a5bab7f0);border-color:#eafff54d;box-shadow:0 30px 90px #0005}.showcase-top .eyebrow{color:#395c56}.showcase-word{color:#446e6728}.showcase-bottom{background:#edf5f2a8;color:#142c27;border-color:#ffffff70}.showcase-bottom p,.showcase-bottom span,.showcase-note{color:#3f5f59}.circle-link{background:#173e37;color:#d7f3ec}.circle-link:hover{background:#21695e}
.journey-bar,.car-card,.comparison,.booking-form,.booking-summary{background:var(--surface);border-color:var(--line)}.car-image.gle,.detail-photo,.booking-summary .summary-image{background:linear-gradient(140deg,#e6ebea,#b9c9c5)}.car-image.q5{background:#d6dcd9}.image-tags span{background:#f1f7f5d9;color:#29423b}.image-arrow{background:#153b32e6}.car-card:hover{border-color:#72c5bb55}.detail-photo .fine-print{background:#dce7e2;color:#425e54}.chips span{border-color:var(--line)}
.trip-photo:after,.trips-cover:after{background:linear-gradient(transparent 15%,#071614df)}.experience-steps article{background:linear-gradient(140deg,#2e938908,transparent),var(--surface);border-color:var(--line)}.cta-banner{background:linear-gradient(115deg,#071a18ed,#133e37a8),url('/assets/coast.webp') center 60%/cover;color:#f6fcfa}.cta-banner .eyebrow{color:#c4ded7}.cta-banner h2 span{color:#8cd5cb}.cta-banner .btn{background:var(--accent);color:var(--on-accent);border-color:#7cc8bf40}
.detail-booking{background:linear-gradient(145deg,#2e93890a,transparent),var(--surface)}.drive-story{background:#132522}.drive-story:after{background:linear-gradient(transparent,#081d18ed)}.drive-story .eyebrow{color:#c6ded8}.drive-story .btn{background:#ffffff12;border-color:#ffffff4f;color:#fff}.trip-visual:after{background:linear-gradient(transparent,#081c189c)}.trip-card>.trip-icon{background:#0a241e80}.trip-card{--accent:var(--blue)}.trip-card.mint,.trip-card.gold,.trip-card.lilac{--accent:var(--blue)}.price-note{background:#2e93890c}.menu-dialog{background:radial-gradient(ellipse at 100% 100%,#2e938914,transparent 65%),var(--surface)}dialog::backdrop{background:#020b0bd9}.progress{background:var(--blue)}
[data-theme=light] .hero-copy .btn.primary,[data-theme=light] .cta-banner .btn{color:#fff}[data-theme=light] .hero-copy .eyebrow i{background:#8cd5cb}
@media(max-width:800px){.hero-shade{background:linear-gradient(90deg,#071310e3,#07131065),linear-gradient(0deg,#06120feb,transparent)}}