/* The apex's house look (direction C, the founder's pick of 15/11/2026): the main site's light tokens (truckaurbus-web
   ui/tokens.css), its faces byte for byte (ui/fontfiles), the wordmark at 26px, the header, and the house footer (the road
   strip, then the depot). Shared by the home and the five pages; the home's body has its own home.css, the five pages their layout inline. */
@font-face { font-family:"Anek Latin"; src:url(/fonts/anek-latin.woff2) format("woff2"); font-weight:100 800; font-stretch:100%; font-display:swap; unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+20B9; }
@font-face { font-family:"TAB Wordmark"; src:url(/fonts/anek-wordmark-700.woff2) format("woff2"); font-weight:700; font-display:block; }
@font-face { font-family:"IBM Plex Sans"; src:url(/fonts/ibm-plex-sans-latin.woff2) format("woff2"); font-weight:100 700; font-display:swap; unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Anek Devanagari"; src:url(/fonts/anek-devanagari.woff2) format("woff2"); font-weight:400 800; font-display:swap; unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF; }
@font-face { font-family:"Anek Tamil"; src:url(/fonts/anek-tamil.woff2) format("woff2"); font-weight:400 800; font-display:swap; unicode-range:U+0964-0965, U+0B82-0BFA, U+200C-200D, U+25CC; }
/* each script's face only for its own letters (the rupee sign comes from Anek Latin), so a page fetches only the scripts it prints */
/* the language names alone ("हिंदी", "हिन्दी", "தமிழ்"), a few kilobytes each, so an English page never fetches a whole script */
@font-face { font-family:"Anek Devanagari Lang"; src:url(/fonts/anek-devanagari-lang.woff2) format("woff2"); font-weight:400 800; font-display:swap; unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF; }
@font-face { font-family:"Anek Tamil Lang"; src:url(/fonts/anek-tamil-lang.woff2) format("woff2"); font-weight:400 800; font-display:swap; unicode-range:U+0964-0965, U+0B82-0BFA, U+200C-200D, U+25CC; }

:root {
  --paper:#ffffff; --panel:#f3f2ee; --ink:#141414; --chassis:#6b6860; --hairline:rgba(107,104,96,.3);
  --plate:#f2c318; --well:#141414; --well-ink:#f5f4f0; --well-soft:#bdb9ae;
  --display:"Anek Latin","Anek Devanagari","Anek Tamil","Arial Narrow",sans-serif;
  --body:"IBM Plex Sans","Anek Latin","Anek Devanagari","Anek Tamil",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gutter:clamp(16px,4vw,40px);
  color-scheme:light;
}
* { box-sizing:border-box; }
html { background:var(--paper); -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--body); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-wrap:break-word; }
a { color:inherit; }
img { display:block; max-width:100%; }
.wrap { max-width:1280px; margin:0 auto; padding:0 var(--gutter); }
.display { font-family:var(--display); font-weight:600; font-stretch:100%; letter-spacing:-0.015em; text-wrap:balance; }
.langword.dev { font-family:"Anek Devanagari Lang","Anek Devanagari",var(--display); }
.langword.ta { font-family:"Anek Tamil Lang","Anek Tamil",var(--display); }
.ul { text-decoration:underline; text-decoration-color:var(--plate); text-decoration-thickness:2px; text-underline-offset:5px; }
.ul:hover { text-decoration-color:currentColor; }
:focus-visible { outline:3px solid var(--plate); outline-offset:3px; border-radius:4px; }

/* the wordmark (brand rule, 12/09 and 14/09/2026): truck + aur in plate yellow + bus + the plate dot, 26px, never stretched */
.wm { font-family:"TAB Wordmark","Anek Latin",sans-serif; font-weight:700; font-stretch:100%; font-size:26px; line-height:1; letter-spacing:-0.02em; color:var(--ink); white-space:nowrap; text-decoration:none; }
.wm .aur, .wm .dot { color:var(--plate); }
.wm .dot { font-size:1.15em; line-height:0; }

header.top .wrap { display:flex; align-items:center; justify-content:space-between; gap:24px; height:80px; }
header.top nav { display:flex; align-items:center; gap:28px; font-size:15px; }
header.top nav a { text-decoration:none; }
header.top nav a:hover { text-decoration:underline; text-decoration-color:var(--plate); text-decoration-thickness:2px; text-underline-offset:5px; }
.chip { display:inline-flex; align-items:center; gap:9px; background:var(--panel); border-radius:999px; padding:7px 15px 7px 13px; font-size:14px; font-weight:500; white-space:nowrap; }
.chip i { width:8px; height:8px; border-radius:50%; background:var(--plate); }
@media (max-width:860px) { header.top nav a { display:none; } }

/* the house footer: the road strip, then the depot (truckaurbus-web ui/footer.module.css) */
footer.house { margin-top:120px; }
.road { height:14px; background:#141414; position:relative; overflow:hidden; }
.road::after { content:""; position:absolute; left:0; right:0; top:6px; height:2px; background:repeating-linear-gradient(90deg,#f2c318 0 34px,transparent 34px 58px); }
.depot { background:var(--panel); }
.depot .wrap { padding-top:44px; padding-bottom:40px; }
.f-top { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:24px 48px; }
.wmrow { display:flex; align-items:flex-start; }
/* the ™ in footers only (hub #801): its own element after the plate dot, the footer's ink, the sentence as its title */
.tm { font-family:var(--display); font-weight:600; font-size:11px; line-height:1; margin:3px 0 0 2px; color:var(--ink); cursor:help; }
.slogan { margin:12px 0 0; font-size:14px; color:var(--chassis); }
.links { display:flex; flex-wrap:wrap; gap:10px 28px; font-size:15px; }
.links a { text-decoration:none; }
.links a:hover, .links a[aria-current="page"] { text-decoration:underline; text-decoration-color:var(--plate); text-decoration-thickness:2px; text-underline-offset:5px; }
.f-base { margin-top:36px; display:flex; flex-direction:column; gap:8px; font-size:13px; line-height:1.6; color:var(--chassis); }
@media (max-width:1000px) { footer.house { margin-top:88px; } }