/* ================================================================
   AQUAFREE CAR CARE — DESIGN TOKENS & GLOBAL STYLES
   css/tokens.css
================================================================ */
:root{
  --ink:#0d1117; --ink2:#1c2333; --ink3:#2d3748;
  --teal:#00b4a6; --teal-d:#00897b; --teal-l:#e0f7f5; --teal-xl:#f0fdfb;
  --orange:#ff6b35; --orange-d:#e55a25; --orange-l:#fff3ee;
  --gold:#f0b429; --white:#ffffff; --paper:#f7f8fa; --paper2:#eef0f4;
  --border:rgba(0,0,0,0.09); --text:#334155; --muted:#7c8fa6;
  --sh:0 2px 16px rgba(0,0,0,0.08); --sh-lg:0 8px 48px rgba(0,0,0,0.14); --sh-xl:0 20px 80px rgba(0,0,0,0.18);
  --r:6px; --r-lg:12px;
  --font-head:'Raleway',sans-serif; --font-body:'DM Sans',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--white);color:var(--ink);overflow-x:hidden;line-height:1.6;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);line-height:1.15;}
a{text-decoration:none;color:inherit;}ul{list-style:none;}img{display:block;max-width:100%;}
button,input,select,textarea{font-family:var(--font-body);outline:none;}
.container{max-width:1200px;margin:0 auto;padding:0 5%;}
.sec{padding:90px 5%;}.sec-hd{text-align:center;max-width:640px;margin:0 auto 60px;}
.sec-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);border-bottom:2px solid var(--teal);padding-bottom:3px;margin-bottom:14px;}
.sec-hd h2{font-size:clamp(28px,3.5vw,42px);font-weight:900;letter-spacing:-.02em;margin-bottom:14px;}
.sec-hd p{font-size:16px;color:var(--text);font-weight:300;line-height:1.75;}
.btn-orange{background:linear-gradient(135deg,var(--orange),var(--orange-d));color:#fff;padding:14px 30px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:var(--r);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .2s;box-shadow:0 6px 20px rgba(255,107,53,.4);}
.btn-orange:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,107,53,.5);}
.btn-teal{background:linear-gradient(135deg,var(--teal-d),var(--teal));color:#fff;padding:14px 30px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:var(--r);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:opacity .2s,transform .15s;box-shadow:0 4px 16px rgba(0,180,166,.3);}
.btn-teal:hover{opacity:.92;transform:translateY(-1px);}
.btn-outline-white{background:transparent;color:#fff;padding:14px 30px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:2px solid rgba(255,255,255,.5);border-radius:var(--r);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;}
.btn-outline-white:hover{background:rgba(255,255,255,.15);border-color:#fff;}
.fg{display:flex;flex-direction:column;gap:5px;}
.fg label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.fg label span{color:var(--orange);}
.fg input,.fg select,.fg textarea{padding:11px 13px;border:1.5px solid var(--border);border-radius:var(--r);font-size:14px;color:var(--ink);background:var(--white);transition:border-color .2s;appearance:none;-webkit-appearance:none;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--teal);}
.pill{display:inline-block;padding:3px 10px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.pill-teal{background:var(--teal-l);color:var(--teal-d);}.pill-muted{background:var(--paper2);color:var(--muted);}
.pill-orange{background:var(--orange-l);color:var(--orange-d);}.pill-red{background:#fde8e8;color:#c00;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(1.5);}}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
@keyframes wabounce{0%,35%,100%{transform:scale(1);}40%{transform:scale(1.12);}45%{transform:scale(1);}50%{transform:scale(1.07);}}