/* AxisFleet Group — shared design system */
:root{
  --af-bg:#071A2B; --af-bg2:#0b2236; --af-surface:rgba(255,255,255,.04);
  --af-text:#ECF2F8; --af-muted:#A7B0BA; --af-accent:#1565D8; --af-accent2:#4b9bff;
  --af-on-accent:#ffffff; --af-border:rgba(255,255,255,.10); --af-radius:14px;
}
[data-division="black"]{
  --af-bg:#090909; --af-bg2:#1A1A1A; --af-text:#F8F4E8; --af-muted:#c8c8d8;
  --af-accent:#D4AF37; --af-accent2:#e8c977; --af-on-accent:#0a0a0f;
  --af-border:rgba(212,175,55,.28);
}
[data-division="autocare"]{
  --af-bg:#1D2429; --af-bg2:#243036; --af-text:#F2F8F8; --af-muted:#A9BCC1;
  --af-accent:#1FA9A5; --af-accent2:#64D8D1; --af-on-accent:#06211f;
  --af-border:rgba(31,169,165,.28);
}
[data-division="fleet"]{ --af-accent:#1565D8; --af-accent2:#68a7ff; }

*,*::before,*::after{ box-sizing:border-box; }
html{ overflow-x:hidden; }
body.af{ background:var(--af-bg); color:var(--af-text); font-family:Manrope,Inter,system-ui,sans-serif; margin:0; overflow-x:hidden; }
.af-muted{ color:var(--af-muted); }
.af-accent{ color:var(--af-accent); }
.af-surface{ background:var(--af-surface); border:1px solid var(--af-border); border-radius:var(--af-radius); }
.af-btn{ display:inline-flex; align-items:center; gap:.5rem; justify-content:center; background:var(--af-accent); color:var(--af-on-accent); font-weight:700; border-radius:999px; padding:.8rem 1.5rem; border:0; cursor:pointer; text-decoration:none; transition:filter .2s, box-shadow .2s; min-height:44px; max-width:100%; text-align:center; line-height:1.2; white-space:normal; }
.af-btn:hover{ filter:brightness(1.08); box-shadow:0 12px 30px -12px var(--af-accent); }
.af-btn-ghost{ background:transparent; color:var(--af-text); border:1px solid var(--af-border); }
.af-chip{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; border:1px solid var(--af-border); border-radius:999px; padding:.25rem .7rem; display:inline-block; }
.af-card{ background:var(--af-surface); border:1px solid var(--af-border); border-radius:var(--af-radius); overflow:hidden; transition:transform .3s, border-color .3s; }
.af-card:hover{ transform:translateY(-4px); border-color:var(--af-accent); }
.af-input,.af-select,.af-textarea{ background:rgba(0,0,0,.28); border:1px solid var(--af-border); color:var(--af-text); border-radius:12px; padding:.7rem .8rem; width:100%; font-size:15px; min-height:44px; }
.af-input:focus,.af-select:focus,.af-textarea:focus{ outline:2px solid var(--af-accent); outline-offset:1px; border-color:var(--af-accent); }
.af-label{ display:block; font-size:12px; color:var(--af-muted); margin-bottom:6px; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{ outline:2px solid var(--af-accent2); outline-offset:2px; }

/* header */
.af-header{ position:sticky; top:0; z-index:50; background:color-mix(in srgb, var(--af-bg) 88%, transparent); backdrop-filter:blur(14px); border-bottom:1px solid var(--af-border); }
.af-header-in{ max-width:1200px; margin:0 auto; padding:.65rem 1rem; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.75rem; }
.af-logo{ display:flex; flex:0 0 auto; min-width:0; align-items:center; text-decoration:none; color:var(--af-text); }
.af-logo img{ display:block; width:64px; height:64px; aspect-ratio:1; border-radius:50%; object-fit:contain; object-position:center; }
.af-header-actions{ display:flex; flex:none; gap:.45rem; align-items:center; }
.af-header-actions .af-btn{ padding:.7rem 1rem; min-height:42px; font-size:13px; }
.af-nav{ display:none; gap:1.4rem; font-size:14px; }
.af-nav a{ color:var(--af-muted); text-decoration:none; }
.af-nav a:hover,.af-nav a[aria-current="page"]{ color:var(--af-accent); }
@media(min-width:1024px){ .af-header-in{ display:flex; gap:1.25rem; } .af-logo{ flex:none; } .af-nav{ display:flex; min-width:0; align-items:center; gap:clamp(.75rem,1.35vw,1.4rem); } .af-burger{ display:none; } }
.af-burger{ background:transparent; border:1px solid var(--af-border); color:var(--af-text); border-radius:12px; width:44px; height:44px; font-size:18px; }
@media(max-width:420px){ .af-header-in{ padding-inline:.75rem; gap:.45rem; } .af-logo img{ width:56px; height:56px; } .af-header-actions .af-btn{ max-width:104px; padding:.65rem .75rem; font-size:11px; } }

/* mobile menu */
.af-menu{ position:fixed; inset:0; z-index:80; background:var(--af-bg); overflow-y:auto; display:none; }
.af-menu.open{ display:block; }
.af-menu-in{ padding:1.1rem 1.2rem 6rem; max-width:560px; margin:0 auto; }
.af-menu h3{ font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--af-accent); margin:1.7rem 0 .6rem; }
.af-menu a.af-mi{ display:block; padding:.7rem .2rem; color:var(--af-text); text-decoration:none; border-bottom:1px solid var(--af-border); font-size:16px; }
.af-menu a.af-mi.sub{ padding-left:1rem; color:var(--af-muted); font-size:15px; }
.af-menu a.af-mi[aria-current="page"]{ color:var(--af-accent); }
.af-staff{ margin-top:2.2rem; font-size:12px; color:var(--af-muted); text-align:center; }
.af-staff a{ color:var(--af-muted); }

/* sticky mobile CTA */
.af-sticky{ position:fixed; left:0; right:0; bottom:0; z-index:60; display:flex; gap:.6rem; padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom)); background:color-mix(in srgb, var(--af-bg) 92%, transparent); border-top:1px solid var(--af-border); }
.af-sticky .af-btn{ flex:1; }
@media(min-width:1024px){ .af-sticky{ display:none; } }
body.af{ padding-bottom:76px; }
@media(min-width:1024px){ body.af{ padding-bottom:0; } }

/* whatsapp float */
.af-wa{ position:fixed; right:16px; bottom:86px; z-index:60; background:#25d366; color:#fff; border-radius:999px; width:52px; height:52px; display:flex; align-items:center; justify-content:center; font-size:24px; text-decoration:none; box-shadow:0 14px 34px -12px rgba(37,211,102,.7); }
@media(min-width:1024px){ .af-wa{ bottom:22px; } }

/* footer */
.af-footer{ border-top:1px solid var(--af-border); margin-top:4rem; background:var(--af-bg2); }
.af-footer-in{ max-width:1200px; margin:0 auto; padding:2.6rem 1.2rem; display:grid; gap:1.8rem; grid-template-columns:1fr; }
@media(min-width:768px){ .af-footer-in{ grid-template-columns:1.4fr 1fr 1fr 1fr; } }
.af-footer h4{ font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--af-accent); margin:0 0 .7rem; }
.af-footer a{ display:block; color:var(--af-muted); text-decoration:none; font-size:14px; padding:.22rem 0; overflow-wrap:anywhere; }
.af-footer .af-logo img{ width:88px; height:88px; }
.af-footer a:hover{ color:var(--af-text); }
.af-legal{ border-top:1px solid var(--af-border); padding:1rem 1.2rem; text-align:center; color:var(--af-muted); font-size:12px; }

/* sections */
.af-wrap{ max-width:1200px; margin:0 auto; padding:0 1.2rem; }
.af-section{ padding:3.4rem 0; }
.af-h1{ font-size:clamp(2rem,6vw,3.6rem); line-height:1.06; font-weight:800; margin:0 0 1rem; }
.af-h2{ font-size:clamp(1.5rem,4vw,2.4rem); font-weight:800; margin:0 0 .6rem; }
.af-lead{ color:var(--af-muted); font-size:1.05rem; max-width:52ch; }
.af-grid{ display:grid; gap:1.1rem; grid-template-columns:1fr; }
@media(min-width:640px){ .af-grid.cols-2,.af-grid.cols-3,.af-grid.cols-4{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1024px){ .af-grid.cols-3{ grid-template-columns:repeat(3,1fr); } .af-grid.cols-4{ grid-template-columns:repeat(4,1fr); } }
.af-acc{ border-bottom:1px solid var(--af-border); }
.af-acc summary{ cursor:pointer; padding:1rem 0; font-weight:600; list-style:none; }
.af-acc summary::-webkit-details-marker{ display:none; }
.af-acc p{ color:var(--af-muted); margin:0 0 1rem; }
.af-note{ font-size:12px; color:var(--af-muted); }
.af-status{ display:inline-flex; align-items:center; gap:.4rem; font-size:12px; border-radius:999px; padding:.2rem .7rem; border:1px solid var(--af-border); }
.af-skel{ background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05)); background-size:200% 100%; animation:afsk 1.2s infinite; border-radius:12px; }
@keyframes afsk{ to{ background-position:-200% 0; } }
img{ max-width:100%; }
form{ min-width:0; }
.af-input,.af-select,.af-textarea{ display:block; max-width:100%; }
.af-textarea{ resize:vertical; }
@media(max-width:639px){
  .af-section{ padding:2.6rem 0; }
  .af-wrap{ padding-inline:1rem; }
  .af-grid>*{ min-width:0; }
  .af-sticky .af-btn{ padding:.7rem .85rem; font-size:13px; }
}
@media(min-width:640px) and (max-width:900px){
  .af-grid.cols-2{ grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{ scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
}