/* 3L Deliver · home hero (job ticket), fleet, coverage, free waiting clock, delivery record, booking picker. */
body[data-area="home"] .top{background:var(--page)}
.eyebrow{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-ink)}
.eyebrow span+span::before{content:"·";margin-right:18px;color:var(--ink-3)}
/* ---------- hero: centred headline, then the ticket on their own yard photo ---------- */
.lt-hero{position:relative;padding-top:56px}
.lt-hero-head{text-align:center;display:flex;flex-direction:column;align-items:center}
.lt-hero h1{margin-top:18px;max-width:20ch;font-size:clamp(34px,5.2vw,64px);line-height:1.02;letter-spacing:-.035em}
.lt-lede{margin-top:20px;max-width:62ch;font-size:17px;line-height:1.55;color:var(--ink-2)}
.lt-trackf{margin-top:28px;width:100%;max-width:520px;text-align:left}
.lt-call{margin-top:10px;font-size:14px;color:var(--ink-2)}
.lt-call a{color:var(--brand-ink);font-weight:650}
.lt-ticket-band{position:relative;margin-top:44px;padding:0 0 72px}
.lt-band-img{position:absolute;left:0;right:0;bottom:0;width:100%;height:72%;object-fit:cover;object-position:50% 70%;z-index:0}
.lt-ticket-band::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72%;background:linear-gradient(180deg,var(--page) 0%,rgba(0,40,52,.25) 40%,rgba(0,40,52,.55) 100%);z-index:0}
.lt-ticket-band .wrap{position:relative;z-index:1}
.tkt{background:var(--raised);border-radius:var(--r-xl);box-shadow:var(--sh-pop);padding:10px;overflow:hidden}
.tkt-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 6px 12px}
.tkt-tabs button{border:0;background:var(--inset);border-radius:var(--r-m);padding:8px 12px;font-size:13px;font-weight:560;color:var(--ink-2)}
.tkt-tabs button .mono{margin-right:6px;color:var(--ink)}
.tkt-tabs button[aria-selected="true"]{background:var(--brand-ink);color:#fff}
.tkt-tabs button[aria-selected="true"] .mono{color:#fff}
.tkt-sample{margin-left:auto;font-size:12px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}
.tkt-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1.1fr);gap:10px}
.tkt-in>div{min-width:0}
.tkt-live{background:var(--card);border-radius:var(--r-l);padding:20px;display:flex;flex-direction:column;gap:12px}
.tkt-k{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink)}
.tkt-ref{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}
.tkt-live h3{font-size:24px;line-height:1.1;letter-spacing:-.02em}
.tkt-rt{font-size:13.5px;color:var(--ink-2)}
.tkt-live .btn{align-self:flex-start;margin-top:auto}
.tkt-scale{overflow:hidden}
.tkt-wait .tk-card,.tkt-rec .tk-card{height:100%;margin:0}
/* ---------- free waiting clock ---------- */
.fw{display:flex;flex-direction:column;gap:10px}
.fw-h,.rc-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.fw-h h2,.rc-h h2{font-size:16px;font-weight:650}
.fw-clock{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.fw-t{font-size:48px;line-height:1;font-weight:560;letter-spacing:-.04em;color:var(--ok)}
.fw.is-over .fw-t{color:var(--late)}
.fw-clock.is-idle .fw-t,.fw-clock.is-done .fw-t{color:var(--ink);font-size:34px}
.fw-of{font-size:13.5px;color:var(--ink-2)}
.fw-bar{height:8px;border-radius:4px;background:var(--inset);overflow:hidden}
.fw-bar i{display:block;height:100%;background:var(--brand);border-radius:4px;transition:width .9s linear}
.fw.is-over .fw-bar i{background:var(--late)}
.fw-l{font-size:13.5px;color:var(--ink-2)}
.fw-rule{font-size:12.5px;color:var(--ink-3);border-top:1px solid var(--line-2);padding-top:10px;margin-top:auto}
/* ---------- delivery record ---------- */
.rc{display:flex;flex-direction:column;gap:12px}
.rc-coll{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--ink-2)}
.rc-coll img{width:96px;height:64px;object-fit:cover;border-radius:var(--r-s);flex:none}
.rc-coll b{display:block;color:var(--ink);font-weight:620}
.rc-ev{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13px}
.rc-ev li{display:flex;gap:10px}
.rc-t{width:44px;flex:none;color:var(--ink-3)}
.rc-s{color:var(--ink-2);min-width:0}
.rc-s b{color:var(--ink);font-weight:600}
.rc-pod{border:1px solid var(--line);border-radius:var(--r-m);padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--raised)}
.rc-pod.is-pending{border-style:dashed;background:transparent;font-size:13.5px;color:var(--ink-2)}
.rc-pod-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:600}
.rc-pod-h .mark{font-size:15px}
.rc-pod-h .mono{margin-left:auto;color:var(--ink-2)}
.rc-pod-m{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:start}
.rc-pod-m figure img{width:132px;height:98px;object-fit:cover;border-radius:var(--r-s)}
.rc-pod-m figcaption{font-size:12px;color:var(--ink-3);margin-top:4px}
.rc-sig{display:flex;flex-direction:column;gap:4px;min-width:0}
.rc-sig .sig{width:100%;max-width:220px;height:74px;color:var(--ink)}
.rc-who{font-size:12.5px;color:var(--ink-2);border-top:1px dashed var(--line);padding-top:4px}
.rc-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;font-size:13px}
.rc-kv dt{color:var(--ink-3)}
.tk-col-h{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink);margin-bottom:-4px}
/* ---------- fleet ---------- */
.fl-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:32px}
.fl-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--r-l);background:var(--raised);box-shadow:var(--sh-2);text-decoration:none;color:var(--ink);min-width:0}
.fl-img{height:96px;display:flex;align-items:flex-end;justify-content:center;background:#fff;border-radius:var(--r-m);padding:6px;margin-bottom:6px}
.fl-img img{max-height:84px;width:auto;object-fit:contain}
.fl-card b{font-size:16px}
.fl-spec{font-size:13px;color:var(--ink-2)}
.fl-wait{font-size:12px;font-weight:600;color:var(--ok);background:var(--ok-bg);border-radius:6px;padding:3px 7px;align-self:flex-start}
.fl-wait.is-hgv{color:var(--brand-ink);background:var(--brand-50)}
.fl-go{margin-top:auto;display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;color:var(--brand-ink);padding-top:6px}
.fl-note{margin-top:16px;font-size:13px;color:var(--ink-3)}
/* ---------- coverage ---------- */
.cv-wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:start}
.cv-base{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:center;margin-top:24px;background:var(--raised);border-radius:var(--r-l);padding:12px;box-shadow:var(--sh-1)}
.cv-base img{width:200px;height:120px;object-fit:cover;border-radius:var(--r-m)}
.cv-base div{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--ink-2)}
.cv-base b{color:var(--ink);font-size:16px}
.cv-base a,.cv-card a{color:var(--brand-ink);font-weight:600}
.cv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.cv-card{background:var(--card);border-radius:var(--r-l);padding:16px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-2)}
.cv-card h3{font-size:17px;color:var(--ink)}
.cv-map{background:#E2E2E2;border-radius:var(--r-xl);padding:20px}
.cv-map img{width:100%;height:auto}
/* ---------- proof ---------- */
.proof .pf-stage{padding:18px}
.pf-mail .btn{margin-top:12px}
/* ---------- the moment, now a band lower down ---------- */
.hero.hero-band{margin-top:0;padding-top:0;border-top:1px solid var(--line-2)}
.hero.hero-band .lede h2{font-size:clamp(30px,3.4vw,48px);line-height:1.05;letter-spacing:-.03em;margin-top:14px}
.hero.hero-band .eyebrow{justify-content:flex-start}
/* ---------- closing ---------- */
.cl.cl-3l{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;text-align:left}
.cl.cl-3l img{width:100%;height:auto;border-radius:var(--r-xl)}
.cl.cl-3l p{margin-top:12px;color:var(--ink-2)}
.cl-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
/* ---------- booking vehicle picker ---------- */
.pt-opts.v6{grid-template-columns:repeat(3,minmax(0,1fr))}
.pt-veh img{height:44px;width:auto;max-width:100%;object-fit:contain;margin:2px 0 4px}
.pt-fw{font-size:12px;font-weight:600;color:var(--ok)}
.pt-fw.is-hgv{color:var(--brand-ink)}
.pt-wait{margin-top:10px;font-size:13.5px;color:var(--ink-2)}
@media (max-width:1240px){.fl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){
  .tkt-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tkt-live{grid-column:1/-1}
  .cv-wrap{grid-template-columns:minmax(0,1fr)}
  .cv-map{max-width:420px}
  .hero.hero-band .lede h2{order:1;margin-top:20px}
  .hero.hero-band .eyebrow{order:0;margin-top:24px}
}
@media (max-width:760px){
  .lt-hero{padding-top:28px}
  .lt-lede{font-size:16px}
  .tkt-in{grid-template-columns:minmax(0,1fr)}
  .tkt-tabs button{flex:1 1 auto}
  .tkt-sample{display:none}
  .fl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cv-grid{grid-template-columns:minmax(0,1fr)}
  .cv-base{grid-template-columns:minmax(0,1fr)}
  .cv-base img{width:100%;height:160px}
  .cl.cl-3l{grid-template-columns:minmax(0,1fr)}
  .pt-opts.v6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rc-pod-m{grid-template-columns:110px minmax(0,1fr)}
  .rc-pod-m figure img{width:110px;height:82px}
  .eyebrow span+span::before{display:none}
}
/* home ops surface: keep inside the column at 1280 */
.surf>*{min-width:0}
.surf .ops{max-width:100%;overflow:hidden}
.surf .ops-h{flex-wrap:wrap;row-gap:8px}
.surf .tbl-wrap{overflow-x:auto}
.tkt .ro.g .t, .tkt .ro.g{color:var(--g-ink)}
/* contrast fixes (QA probes) */
.tkt-tabs button[aria-selected="true"],.tkt-tabs button[aria-selected="true"] .mono{background:var(--btn-ink);color:var(--on-btn-ink)}
.fl-wait{color:#1D6A41}
:root[data-theme="dark"] .fl-wait{color:var(--ok)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fl-wait{color:var(--ok)}}
.fl-note{color:var(--ink-2)}