/* Graphite / ice: the same services and authentic photos, a sharper visual system. */
/* Booking-only additions; existing sections retain their styles. */
.booking-form { max-width:850px; margin:0 0 64px; padding:32px; background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.booking-fields { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:26px 0; }
.booking-fields label { display:flex; flex-direction:column; gap:8px; min-width:0; font-size:.92rem; color:var(--paper); }
.booking-fields label span { color:var(--muted); }
.booking-fields input,.booking-fields select,.booking-fields textarea { width:100%; min-width:0; padding:13px 14px; border:1px solid #38505e; border-radius:8px; background:var(--ink); color:var(--paper); font:inherit; font-size:1rem; color-scheme:dark; }
.booking-fields textarea { resize:vertical; }
.booking-fields :is(input,select,textarea):focus-visible { outline:2px solid var(--copper); outline-offset:2px; }
.booking-wide { grid-column:1 / -1; }
.booking-form button { font:inherit; font-weight:700; cursor:pointer; }
.booking-form button:disabled { cursor:wait; opacity:.65; }
.booking-privacy { font-size:.85rem; }
.booking-status { margin:20px 0 0; }
.booking-status[data-state="error"] { color:#ffb6b6; }
.booking-status[data-state="success"] { color:var(--copper-light); }
.booking-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media (max-width:520px) { .booking-form { padding:22px 16px; }.booking-fields { grid-template-columns:1fr; gap:18px; } }
:root {
  --ink:#080d13; --surface:#101923; --surface-2:#14212d;
  --paper:#eff6fa; --muted:#a8b8c6; --copper:#77e6ff;
  --copper-light:#77e6ff; --line:rgba(168,184,198,.2);
}
html { scroll-behavior:auto; }
body { background:var(--ink); }
h1,h2,h3,.price,.brand { font-family:"Space Grotesk",Arial,sans-serif; font-weight:700; }
h1 { font-size:clamp(3.75rem,6.9vw,6.2rem); line-height:1.02; letter-spacing:-.065em; }
h2 { font-size:clamp(2.3rem,4.3vw,4rem); line-height:1.1; letter-spacing:-.045em; }
h3 { line-height:1.2; letter-spacing:-.03em; }
h1 em,h2 em { font-style:normal; }
.site-header { background:rgba(8,13,19,.96); border-bottom-color:rgba(119,230,255,.18); }
.brand { letter-spacing:.07em; font-size:1.05rem; }
.brand span { color:var(--copper); font-weight:600; }
.main-nav { gap:22px; }
.main-nav>a:not(.nav-book) { color:#c2ced8; }
.nav-book,.button { border-radius:9px; }
.nav-book { color:#071319; font-weight:700; }
.nav-book:hover { color:var(--copper); }
.hero { background:radial-gradient(ellipse at 10% 20%,#112330 0,transparent 58%),var(--ink); }
.hero-copy { padding:85px 38px 64px 0; }
.hero-lead { line-height:1.65; color:#bccbd6; }
.hero-photo { position:relative; border-left:1px solid var(--line); }
.hero-photo img { filter:none; }
.hero-photo::after { content:""; position:absolute; bottom:0; left:0; right:0; height:3px; background:var(--copper); }
.location { color:var(--muted); }
.button-solid { color:#071319; box-shadow:0 6px 28px rgba(119,230,255,.13); }
.button-solid:hover { background:#abf0ff; box-shadow:0 8px 32px rgba(119,230,255,.22); }
.button-outline { border-color:#627888; }
.trust-list li { color:#a8b8c6; }
.image-frame,.ceramic-image,.gallery figure { border-radius:12px; border:1px solid var(--line); }
.wash-section,.ceramic-section { background:var(--surface); }
.recon,.vehicle-care { background:#0c141d; }
.package-card { border:1px solid #2b404f; border-radius:12px; background:#0b141d; padding:32px; position:relative; transition:border-color .2s,transform .2s; }
.package-card:hover { border-color:#6f9cad; transform:translateY(-3px); }
.package-card.featured { background:#12212c; border-color:#77e6ff; box-shadow:inset 0 3px 0 #77e6ff; }
.package-top h3 { font-size:1.65rem; }
.price { color:var(--copper); font-size:2.7rem; letter-spacing:-.045em; }
.package-card li,.recon-card li,.extras-list div,.vehicle-prices span { color:#c6d2dc; }
.package-card .text-link { display:flex; justify-content:center; align-items:center; width:100%; min-height:46px; padding:11px; margin-top:28px; border:1px solid #38505e; border-radius:8px; font-size:.9rem; }
.package-card .text-link:hover { background:#16313f; border-color:var(--copper); }
.package-card.featured .text-link { background:var(--copper); color:var(--ink); border-color:var(--copper); }
.recon-grid { gap:36px; }
.recon-card { border-top-color:#527585; }
.recon-card .price { font-size:2rem; }
.side-note,.booking-note { background:#132632; border-radius:0 8px 8px 0; padding:16px 20px; color:#d6e8f0; }
.before-after { background:#0d1720; color:var(--paper); border-block:1px solid var(--line); }
.before-after p { color:var(--muted); }
.before-after .section-tag { color:var(--copper); }
.result-images figure { border:1px solid #2b404f; border-radius:9px; overflow:hidden; background:#090f16; }
.result-images img { filter:none; }
.result-images figcaption { background:#172530; color:#d4e0e8; }
.result-images figure:last-child figcaption { background:#173542; color:#9eeeff; }
.result-images a:focus-visible { outline-color:var(--copper); outline-offset:-3px; }
.gallery figcaption { background:rgba(8,13,19,.9); border-top:1px solid #38505e; border-right:1px solid #38505e; border-radius:0 8px 0 0; }
.reason-grid>div { border-top-color:#385b6c; }
.contact { background:radial-gradient(ellipse at 90% 0%,#102c39 0,transparent 55%),#080d13; }
.contact-details address,.contact-details span,.contact-details a { color:#d4e0e8; }
a:focus-visible,button:focus-visible { outline:2px solid var(--copper); outline-offset:5px; }
@media (max-width:1000px) and (min-width:851px) { .main-nav { gap:14px; font-size:.8rem; }.nav-book { padding:12px 15px; }.brand { font-size:.9rem; }.header-inner { gap:16px; } }
@media (max-width:850px) {
  .main-nav { background:#101923; }
  .hero-copy { padding:62px 0 42px; }
  .hero-photo { border:1px solid var(--line); border-radius:12px; margin-bottom:28px; }
  .hero h1 { max-width:650px; }
  .recon-grid { gap:22px; }
  .section { padding:76px 0; }
}
@media (max-width:520px) {
  h1 { font-size:clamp(3.2rem,14vw,4.4rem); }
  h2 { font-size:clamp(2.1rem,9.5vw,2.9rem); overflow-wrap:break-word; }
  .hero-copy { padding-top:42px; }
  .hero-lead { font-size:1.04rem; margin:24px 0 28px; }
  .hero-photo { min-height:0; height:370px; }
  .hero-actions { gap:10px; }
  .trust-list { display:flex; flex-wrap:wrap; column-gap:16px; row-gap:8px; margin-top:28px; }
  .package-card { padding:26px; }
  .result-pair h3 { font-size:1.55rem; }
  .result-images { gap:8px; }
  .result-images figcaption { padding:8px 10px; }
  .brand { font-size:.95rem; }
}
@media (prefers-reduced-motion:reduce) { .package-card { transition:none; }.package-card:hover { transform:none; } }