:root {
  --navy: #0f2c59;
  --navy-deep: #071a36;
  --blue: #0075ff;
  --cyan: #06a4d8;
  --sky: #eaf5ff;
  --slate: #f8fafc;
  --ink: #1e293b;
  --muted: #64748b;
  --line: #dce5f0;
  --white: #fff;
  --radius: 1.25rem;
  --shadow: 0 18px 55px rgba(15, 44, 89, 0.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 5.5rem; }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--slate); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin: 0; }
::selection { color: var(--white); background: var(--blue); }
.skip-link { position: fixed; top: 0.75rem; left: 0.75rem; z-index: 100; padding: 0.75rem 1rem; color: var(--navy); background: white; transform: translateY(-150%); border-radius: 0.4rem; font-weight: 700; }
.skip-link:focus { transform: translateY(0); }
.shell { width: min(1160px, calc(100% - 3rem)); margin-inline: auto; }
.section { padding: 7.5rem 0; }

/* Header */
.site-header { position: fixed; z-index: 20; top: 0; left: 0; width: 100%; color: var(--white); transition: background 250ms ease, box-shadow 250ms ease, color 250ms ease; }
.site-header.scrolled { color: var(--ink); background: rgba(255,255,255,.97); box-shadow: 0 4px 24px rgba(15,44,89,.1); backdrop-filter: blur(18px); }
.header-inner { display: flex; align-items: center; min-height: 5.25rem; gap: 1.35rem; }
.brand { display: inline-flex; align-items: center; min-width: 14.6rem; gap: .65rem; }
.brand img { width: 3.25rem; height: 3.25rem; object-fit: contain; }
.brand-copy { display: grid; line-height: 1.15; }
.brand-copy strong { font-size: .8rem; letter-spacing: -.01em; }
.brand-copy span { margin-top: .23rem; color: inherit; opacity: .72; font-size: .56rem; letter-spacing: .02em; }
.desktop-nav { display: flex; align-items: center; justify-content: center; flex: 1; gap: 1.15rem; }
.desktop-nav a { position: relative; padding: .35rem 0; color: inherit; opacity: .86; font-size: .75rem; font-weight: 700; letter-spacing: -.01em; }
.desktop-nav a::after { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; content: ""; background: var(--blue); transition: width 180ms ease; }
.desktop-nav a:hover, .desktop-nav a.active { opacity: 1; }
.desktop-nav a:hover::after, .desktop-nav a.active::after { width: 100%; }
.header-actions { display: flex; align-items: center; gap: .65rem; }
.iba-badge { display: inline-flex; align-items: center; gap: .33rem; padding: .42rem .58rem; border: 1px solid rgba(255,255,255,.24); border-radius: 99px; color: inherit; font-size: .62rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.scrolled .iba-badge { border-color: #cbd5e1; }
.badge-dot, .status-dot, .pulse { display: inline-block; width: .44rem; height: .44rem; border-radius: 50%; background: #28d18b; box-shadow: 0 0 0 3px rgba(40,209,139,.15); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 2.65rem; padding: .6rem 1rem; border: 1px solid transparent; border-radius: .5rem; font-size: .75rem; font-weight: 800; letter-spacing: -.01em; cursor: pointer; transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease, border 180ms ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, .menu-toggle:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .filter-reset:focus-visible { outline: 3px solid rgba(0,117,255,.38); outline-offset: 3px; }
.button-primary { color: white; background: var(--blue); box-shadow: 0 8px 20px rgba(0,117,255,.22); }
.button-primary:hover { background: #126fe8; box-shadow: 0 11px 26px rgba(0,117,255,.32); }
.button-small { min-height: 2.3rem; padding-inline: .75rem; white-space: nowrap; font-size: .69rem; }
.menu-toggle { display: none; width: 2.6rem; height: 2.6rem; padding: .55rem; border: 0; border-radius: .45rem; color: inherit; background: transparent; cursor: pointer; }
.menu-toggle span { display: block; width: 100%; height: 2px; margin: .26rem 0; background: currentColor; transition: transform 180ms ease, opacity 180ms ease; }
.menu-toggle.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }.menu-toggle.open span:nth-child(2) { opacity: 0; }.menu-toggle.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.mobile-menu { padding: 1.1rem max(1.5rem, calc((100% - 1160px) / 2)); color: var(--ink); background: white; border-top: 1px solid var(--line); box-shadow: 0 16px 20px rgba(15,44,89,.1); }
.mobile-menu nav { display: grid; gap: .15rem; }.mobile-menu nav a { padding: .65rem 0; border-bottom: 1px solid #edf2f7; font-size: .9rem; font-weight: 750; }.mobile-quote { width: 100%; margin-top: 1rem; }

/* Hero */
.hero { position: relative; overflow: hidden; min-height: 43rem; padding: 9.8rem 0 2.3rem; color: white; background: radial-gradient(circle at 78% 24%, #164d96 0, var(--navy) 35%, var(--navy-deep) 100%); }
.hero::before { position: absolute; inset: 0; content: ""; background-image: linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.hero-noise { position: absolute; top: -50%; right: -10%; width: 52rem; height: 52rem; border: 1px solid rgba(129, 196, 255, .1); border-radius: 50%; box-shadow: 0 0 0 5rem rgba(129,196,255,.025), 0 0 0 11rem rgba(129,196,255,.02); }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.07fr .93fr; align-items: center; gap: 2rem; min-height: 27rem; }
.eyebrow { display: flex; align-items: center; gap: .65rem; color: var(--blue); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }.eyebrow-light { color: #7fc2ff; }.eyebrow-line { display: inline-block; width: 1.85rem; height: 2px; background: currentColor; }
h1, h2 { color: var(--navy); font-size: clamp(2.35rem, 4.1vw, 4.3rem); letter-spacing: -.065em; line-height: .99; }.hero h1 { max-width: 44rem; margin-top: 1.25rem; color: white; }
h1 em, h2 em { color: var(--blue); font-style: normal; } .hero h1 em { color: #51c6ff; }
.hero-lead { max-width: 34rem; margin-top: 1.45rem; color: #c8d8ed; font-size: 1.02rem; line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }.button-large { min-height: 3.15rem; padding-inline: 1.2rem; font-size: .84rem; }.button-ghost { color: white; border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.05); }.button-ghost:hover { border-color: rgba(255,255,255,.75); background: rgba(255,255,255,.12); }
.hero-assurance { display: flex; align-items: center; gap: .75rem; margin-top: 2rem; color: #b8cbe2; font-size: .72rem; }.hero-assurance strong { color: white; font-size: .75rem; }.assurance-avatars { display: flex; }.assurance-avatars span { display: grid; width: 1.85rem; height: 1.85rem; margin-right: -.35rem; place-items: center; border: 2px solid var(--navy); border-radius: 50%; color: white; background: #197ac5; font-size: .48rem; font-weight: 900; }.assurance-avatars span:nth-child(2) { background: #4070d7; }.assurance-avatars span:nth-child(3) { background: #11a0d2; }
.hero-art { position: relative; height: 27rem; }.route { position: absolute; border: 1px dashed rgba(123,201,255,.5); border-radius: 50%; transform: rotate(-22deg); }.route-one { top: 14%; right: 8%; width: 16rem; height: 11rem; }.route-two { top: 28%; left: 4%; width: 22rem; height: 12rem; transform: rotate(24deg); }.route-three { right: -5%; bottom: 2%; width: 22rem; height: 10rem; transform: rotate(10deg); }.route::after { position: absolute; width: .4rem; height: .4rem; content: ""; border-radius: 50%; background: #4ed1ff; box-shadow: 0 0 12px #4ed1ff; }
.route-one::after { top: 25%; left: 4%; }.route-two::after { top: 16%; right: 4%; }.route-three::after { top: 8%; left: 16%; }
.map-pin { position: absolute; z-index: 2; display: flex; align-items: center; gap: .35rem; color: #bedff6; font-size: .57rem; font-weight: 700; }.map-pin span { width: .6rem; height: .6rem; border: 2px solid #bce9ff; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 .23rem rgba(0,117,255,.22); }.pin-one { top: 14%; left: 16%; }.pin-two { top: 17%; right: 6%; }.pin-three { right: 17%; bottom: 22%; }
.freight-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: .55rem; padding: .7rem .8rem; border: 1px solid rgba(255,255,255,.18); border-radius: .6rem; background: rgba(8,31,65,.77); box-shadow: 0 15px 35px rgba(0,0,0,.16); backdrop-filter: blur(12px); }.freight-card strong, .freight-card small { display: block; }.freight-card strong { font-size: .63rem; }.freight-card small { margin-top: .12rem; color: #a9c4df; font-size: .54rem; }.card-top { top: 0; right: 0; }.card-bottom { bottom: 17%; left: 2%; }.mini-icon { display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: .4rem; color: #003c84; background: #60d3ff; font-size: .85rem; font-weight: 900; }
.truck-scene { position: absolute; z-index: 1; right: 3%; bottom: 8%; width: min(29rem, 95%); height: 16rem; }.truck-shadow { position: absolute; right: 0; bottom: 0; width: 90%; height: 1rem; border-radius: 50%; background: rgba(0,0,0,.3); filter: blur(7px); }.truck-box { position: absolute; right: 21%; bottom: 3.3rem; width: 70%; height: 9.2rem; padding: 1.2rem; overflow: hidden; border: .38rem solid #c6e0f3; border-radius: .5rem .25rem .25rem .5rem; color: #0c58a6; background: linear-gradient(130deg, #f7fcff, #dbeeff); box-shadow: inset -1.2rem 0 rgba(33,111,176,.08); font-size: clamp(1.45rem, 4vw, 2.7rem); font-weight: 950; letter-spacing: -.12em; }.truck-box::after { position: absolute; right: 1rem; bottom: 1rem; width: 1.3rem; height: 1.3rem; content: ""; border: 2px solid #0c58a6; border-radius: 50%; }.truck-box i { position: absolute; bottom: .8rem; left: 1.2rem; width: 43%; height: .22rem; background: #08a3da; }.truck-box b { position: absolute; right: 3rem; bottom: 3.2rem; width: 2.5rem; height: .25rem; background: #0d5dae; transform: rotate(-44deg); }.truck-cab { position: absolute; right: 3%; bottom: 3.3rem; width: 27%; height: 7.2rem; border: .38rem solid #0d74d1; border-radius: .45rem .9rem .3rem .1rem; background: linear-gradient(135deg, #148df3, #0057aa); }.truck-cab::before { position: absolute; top: 1.1rem; left: .65rem; width: 57%; height: 1.8rem; content: ""; border-radius: .2rem .55rem .15rem .15rem; background: #b9e7ff; transform: skewY(-10deg); }.truck-cab::after { position: absolute; right: -.38rem; bottom: .95rem; width: .48rem; height: .85rem; content: ""; border-radius: 0 .2rem .2rem 0; background: #ffcf31; }.truck-cab i { position: absolute; bottom: 1.1rem; left: .5rem; width: 1rem; height: .18rem; background: #d9f1ff; }.truck-cab b { position: absolute; bottom: -1rem; left: -.65rem; width: calc(100% + 1rem); height: 1.2rem; border-radius: 0 0 .2rem .2rem; background: #063b7c; }.truck-cab em { position: absolute; right: -.55rem; bottom: 0; width: .45rem; height: .2rem; background: #e2eff7; }.wheel { position: absolute; z-index: 2; bottom: 1.85rem; width: 2.65rem; height: 2.65rem; border: .7rem solid #142a48; border-radius: 50%; background: #bcd2e4; box-shadow: inset 0 0 0 .25rem #526a85, 0 .12rem 0 #05152e; }.wheel-back { left: 20%; }.wheel-front { right: 10%; }.road-mark { position: absolute; bottom: .45rem; left: 0; width: 90%; height: .22rem; background: repeating-linear-gradient(90deg, #2b79c6 0 2.8rem, transparent 2.8rem 4rem); opacity: .65; }
.stats-wrap { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 2rem; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: .7rem; background: rgba(255,255,255,.08); backdrop-filter: blur(10px); }.stat { position: relative; padding: 1.15rem 1.35rem; }.stat + .stat::before { position: absolute; top: 18%; bottom: 18%; left: 0; width: 1px; content: ""; background: rgba(255,255,255,.16); }.stat strong { display: block; color: #69cbff; font-size: 1.6rem; letter-spacing: -.07em; line-height: 1; }.stat strong span { font-size: 1rem; }.stat p { margin-top: .35rem; color: #d0def0; font-size: .62rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.ticker { overflow: hidden; padding: .85rem 0; color: #d8e6f5; background: #0b2347; white-space: nowrap; }.ticker-track { display: inline-flex; align-items: center; gap: 1.65rem; min-width: max-content; animation: ticker 25s linear infinite; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.ticker-track b { color: #35bcf1; font-size: .8rem; }@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* About */
.about { background: white; }.about-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 5rem; align-items: center; }.about-intro h2 { max-width: 38rem; margin-top: 1.15rem; }.about-intro .body-large { max-width: 35rem; margin-top: 1.7rem; color: var(--muted); font-size: 1rem; line-height: 1.8; }.text-link { display: inline-flex; align-items: center; gap: .5rem; margin-top: 1.6rem; color: var(--blue); font-size: .8rem; font-weight: 850; }.text-link span { transition: transform 180ms ease; }.text-link:hover span { transform: translateX(.25rem); }
.about-panel { overflow: hidden; border-radius: var(--radius); color: white; background: linear-gradient(130deg, #153e77, #0a254d); box-shadow: var(--shadow); }.panel-head, .panel-footer { display: flex; justify-content: space-between; padding: 1.1rem 1.2rem; color: #c9daf0; font-size: .59rem; font-weight: 800; letter-spacing: .09em; }.panel-head { border-bottom: 1px solid rgba(255,255,255,.12); }.status-dot { margin-right: .35rem; }.operating-items { padding: .7rem 1.2rem; }.operating-items > div { display: grid; grid-template-columns: 2.7rem 1fr; gap: .7rem; align-items: center; padding: 1.15rem 0; border-bottom: 1px solid rgba(255,255,255,.1); }.operating-items > div:last-child { border: 0; }.number { color: #64c9ff; font-size: .65rem; font-weight: 850; }.operating-items strong, .operating-items small { display: block; }.operating-items strong { font-size: .92rem; }.operating-items small { margin-top: .18rem; color: #bbd1e9; font-size: .67rem; }.panel-footer { border-top: 1px solid rgba(255,255,255,.12); }.panel-footer b { color: #47c7ff; }.values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 5.5rem; }.value-card { min-height: 13rem; padding: 1.35rem; border: 1px solid var(--line); border-radius: .7rem; background: var(--slate); transition: transform 180ms ease, border 180ms ease, box-shadow 180ms ease; }.value-card:hover { border-color: #b9d6f5; transform: translateY(-4px); box-shadow: 0 14px 30px rgba(15,44,89,.08); }.value-icon { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; border-radius: .4rem; color: var(--blue); background: #e0f0ff; font-size: 1.2rem; font-weight: 900; }.value-card h3 { margin-top: 1.35rem; font-size: .97rem; letter-spacing: -.025em; }.value-card p { margin-top: .55rem; color: var(--muted); font-size: .75rem; line-height: 1.65; }

/* Fleet */
.fleet-section { background: var(--slate); }.section-heading { max-width: 43rem; }.section-heading h2 { margin-top: 1.05rem; }.section-heading > p:last-child { margin-top: 1.35rem; color: var(--muted); font-size: .95rem; line-height: 1.75; }.heading-split { display: grid; grid-template-columns: 1fr .56fr; gap: 3rem; align-items: end; max-width: none; }.heading-split > p { max-width: 24rem; margin: 0 0 .2rem auto; }.fleet-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; margin-top: 3.3rem; }.fleet-card { position: relative; display: flex; flex-direction: column; min-height: 17rem; padding: 1.35rem; overflow: hidden; border: 1px solid var(--line); border-radius: .8rem; background: white; transition: transform 200ms ease, box-shadow 200ms ease; }.fleet-card:hover { z-index: 1; transform: translateY(-5px); box-shadow: var(--shadow); }.fleet-card:nth-child(1) { grid-column: span 3; }.fleet-card:nth-child(2) { grid-column: span 3; }.fleet-card:nth-child(3), .fleet-card:nth-child(4), .fleet-card:nth-child(5) { grid-column: span 2; }.fleet-card-top { display: flex; justify-content: space-between; color: #7b8ba0; font-size: .59rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.fleet-symbol { color: var(--blue); font-size: 1rem; line-height: .7; }.fleet-card h3 { margin-top: 2.1rem; color: var(--navy); font-size: 1.34rem; letter-spacing: -.045em; }.fleet-card p { max-width: 25rem; margin-top: .55rem; color: var(--muted); font-size: .74rem; line-height: 1.65; }.fleet-card ul { display: flex; flex-wrap: wrap; gap: .35rem .85rem; padding: 0; margin: auto 0 0; list-style: none; }.fleet-card li { color: var(--navy); font-size: .67rem; font-weight: 780; }.fleet-card li::before { margin-right: .3rem; color: var(--blue); content: "•"; }.fleet-featured { color: white; background: linear-gradient(125deg, #0e4f99, #09366e); }.fleet-featured h3, .fleet-featured li { color: white; }.fleet-featured p { color: #d1e7fa; }.fleet-featured li::before { color: #63d2ff; }.container-truck { position: absolute; right: -1.5rem; bottom: -1.1rem; width: 15rem; height: 4.2rem; border: .23rem solid rgba(255,255,255,.65); border-radius: .25rem .55rem .2rem .15rem; opacity: .55; }.container-truck::before, .container-truck::after { position: absolute; bottom: -.9rem; width: 1.7rem; height: 1.7rem; content: ""; border: .5rem solid #bce9ff; border-radius: 50%; background: #103f78; }.container-truck::before { left: 3rem; }.container-truck::after { right: 1.4rem; }.container-truck i { position: absolute; right: 0; top: 1rem; width: 2.8rem; height: 3rem; border: .22rem solid #e5f6ff; border-radius: .25rem .55rem .1rem .1rem; }.container-truck b { position: absolute; top: .45rem; left: .7rem; width: 5rem; height: .15rem; background: #d9f5ff; }.container-truck em { position: absolute; top: 1rem; left: .7rem; width: 2rem; height: .15rem; background: #d9f5ff; }.load-meter { height: .42rem; margin-top: auto; overflow: hidden; border-radius: 99px; background: #e7edf5; }.load-meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--cyan), var(--blue)); }.load-meter + small { display: block; margin-top: .5rem; color: #7b8ba0; font-size: .6rem; }.capacity-tags { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: auto; }.capacity-tags span { padding: .3rem .47rem; border: 1px solid #cfe0f4; border-radius: .25rem; color: var(--navy); background: #f2f8ff; font-size: .62rem; font-weight: 850; }.fleet-blue { background: var(--blue); }.fleet-blue .fleet-card-top, .fleet-blue p { color: #cde9ff; }.fleet-blue h3 { color: white; }.text-link-light { color: white; }

/* Branches */
.branch-section { background: white; }.branch-tools { display: flex; gap: .8rem; margin-top: 2.2rem; }.search-field, .select-field { display: flex; align-items: center; min-height: 3.15rem; border: 1px solid var(--line); border-radius: .5rem; background: white; transition: border 180ms ease, box-shadow 180ms ease; }.search-field:focus-within, .select-field:focus-within { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(0,117,255,.1); }.search-field { flex: 1; max-width: 36rem; padding: 0 .85rem; color: var(--muted); }.search-field span { font-size: 1.35rem; line-height: 0; transform: rotate(-15deg); }.search-field input { width: 100%; padding: .7rem; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: .8rem; }.select-field { padding-left: .7rem; }.select-field span { color: var(--muted); font-size: .63rem; font-weight: 750; }.select-field select { min-width: 8.5rem; padding: .65rem .6rem; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: .75rem; font-weight: 750; cursor: pointer; }.filter-reset { padding: .2rem .45rem; border: 0; color: var(--blue); background: transparent; font-size: .7rem; font-weight: 800; cursor: pointer; }.branch-layout { display: grid; grid-template-columns: 17rem 1fr; gap: 1.2rem; align-items: start; margin-top: 1.3rem; }.network-panel { position: sticky; top: 6.4rem; padding: 1.45rem; overflow: hidden; border-radius: .8rem; color: white; background: var(--navy); }.panel-kicker { color: #68caff; font-size: .58rem; font-weight: 850; letter-spacing: .12em; }.network-panel > strong { display: block; margin-top: .45rem; color: white; font-size: 1.7rem; letter-spacing: -.06em; }.network-panel > strong span { color: #6bceff; }.network-panel > p { position: relative; z-index: 1; margin-top: .75rem; color: #bed3eb; font-size: .72rem; line-height: 1.65; }.coverage-lines { position: relative; height: 9rem; margin-top: 1rem; }.coverage-lines::before { position: absolute; top: 1rem; left: 50%; width: 6rem; height: 6rem; content: ""; border: 1px solid rgba(130,203,255,.23); border-radius: 45% 55% 57% 43%; transform: translateX(-50%) rotate(32deg); }.coverage-lines span { position: absolute; width: .4rem; height: .4rem; border-radius: 50%; background: #51c7ff; box-shadow: 0 0 0 .25rem rgba(81,199,255,.14); }.coverage-lines span:nth-child(1) { top: 1.5rem; left: 31%; }.coverage-lines span:nth-child(2) { top: 3.1rem; right: 20%; }.coverage-lines span:nth-child(3) { top: 5.2rem; left: 38%; }.coverage-lines span:nth-child(4) { top: 6.7rem; right: 27%; }.coverage-lines span:nth-child(5) { top: 3.6rem; left: 16%; }.coverage-lines i { position: absolute; height: 1px; background: rgba(109,205,255,.45); transform-origin: left; }.coverage-lines i:nth-of-type(1) { top: 1.7rem; left: 33%; width: 5rem; transform: rotate(18deg); }.coverage-lines i:nth-of-type(2) { top: 3.2rem; left: 19%; width: 4rem; transform: rotate(-11deg); }.coverage-lines i:nth-of-type(3) { top: 3.4rem; left: 42%; width: 3.3rem; transform: rotate(61deg); }.coverage-lines i:nth-of-type(4) { top: 5.5rem; left: 41%; width: 3.3rem; transform: rotate(23deg); }.coverage-lines i:nth-of-type(5) { top: 5.3rem; left: 40%; width: 2.3rem; transform: rotate(94deg); }.network-note { display: flex; align-items: center; gap: .5rem; padding-top: .85rem; border-top: 1px solid rgba(255,255,255,.14); color: #e1effb; font-size: .62rem; font-weight: 700; }.branch-results { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .8rem; }.branch-card { min-height: 13.3rem; padding: 1.1rem; border: 1px solid var(--line); border-radius: .65rem; background: var(--slate); transition: transform 180ms ease, border 180ms ease, box-shadow 180ms ease; }.branch-card:hover { border-color: #a8cfef; transform: translateY(-3px); box-shadow: 0 12px 24px rgba(15,44,89,.07); }.branch-card.head-office { border-color: #8fc8f7; background: linear-gradient(135deg, #f3faff, #e6f3fe); }.branch-card-top { display: flex; align-items: start; justify-content: space-between; gap: .7rem; }.branch-location { display: flex; align-items: center; gap: .42rem; color: var(--blue); font-size: .58rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.branch-location span { display: grid; width: 1.15rem; height: 1.15rem; place-items: center; border-radius: 50%; color: #fff; background: var(--blue); font-size: .55rem; }.branch-card h3 { margin-top: .55rem; color: var(--navy); font-size: 1.05rem; letter-spacing: -.035em; }.head-office h3::after { margin-left: .4rem; padding: .16rem .3rem; vertical-align: middle; border-radius: .2rem; color: white; background: var(--blue); content: "HQ"; font-size: .47rem; letter-spacing: .05em; }.branch-address { margin-top: .5rem; color: var(--muted); font-size: .67rem; line-height: 1.5; }.branch-person { margin-top: .55rem; color: var(--navy); font-size: .65rem; font-weight: 750; }.branch-contact { display: flex; flex-wrap: wrap; gap: .4rem .7rem; margin-top: .6rem; }.branch-contact a { color: var(--blue); font-size: .64rem; font-weight: 800; }.branch-contact a:hover { text-decoration: underline; }.no-results { margin: 1rem 0 0 18.2rem; color: var(--muted); font-size: .8rem; }

/* Clients */
.clients-section { color: white; background: linear-gradient(125deg, #08224a, #123c75); }.clients-grid-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 5rem; align-items: center; }.clients-section h2 { margin-top: 1rem; color: white; }.clients-section h2 em { color: #65d1ff; }.clients-intro > p:last-of-type { max-width: 23rem; margin-top: 1.3rem; color: #bed2e8; font-size: .9rem; line-height: 1.7; }.button-outline-light { margin-top: 1.8rem; border-color: rgba(255,255,255,.35); color: white; }.button-outline-light:hover { border-color: white; background: rgba(255,255,255,.09); }.client-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; }.client-chip { display: flex; align-items: center; gap: .65rem; min-height: 4.35rem; padding: .65rem; border: 1px solid rgba(255,255,255,.14); border-radius: .55rem; background: rgba(255,255,255,.06); transition: background 180ms ease, transform 180ms ease; }.client-chip:hover { transform: translateY(-2px); background: rgba(255,255,255,.12); }.client-mark { display: grid; flex: 0 0 2.25rem; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .4rem; color: #fff; background: #297fde; font-size: .76rem; font-weight: 950; letter-spacing: -.06em; }.client-chip strong, .client-chip small { display: block; }.client-chip strong { font-size: .7rem; letter-spacing: -.02em; }.client-chip small { margin-top: .14rem; color: #bed2e8; font-size: .55rem; }.polycab { background:#e23b2f; }.bajaj { background:#d31e2d; }.doms { background:#23a4cc; }.jindal { background:#cb8c35; }.parksons { background:#7c5cb5; }.kei { background:#d62c42; }.ramco { background:#43a46d; }

/* Quote and footer */
.quote-section { background: white; }.quote-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 5rem; align-items: start; }.contact-copy h2 { margin-top: 1rem; }.contact-copy > p:last-of-type { max-width: 28rem; margin-top: 1.3rem; color: var(--muted); font-size: .9rem; line-height: 1.75; }.direct-contact { display: grid; gap: .75rem; margin-top: 1.75rem; }.direct-contact a { display: flex; align-items: center; gap: .65rem; width: fit-content; }.contact-icon { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .45rem; color: var(--blue); background: #e7f3ff; font-weight: 900; }.direct-contact small, .direct-contact strong { display: block; }.direct-contact small { color: var(--muted); font-size: .61rem; }.direct-contact strong { margin-top: .12rem; color: var(--navy); font-size: .78rem; }.address-card { max-width: 29rem; padding-top: 1.25rem; margin-top: 1.6rem; border-top: 1px solid var(--line); }.address-card span { color: var(--blue); font-size: .58rem; font-weight: 850; letter-spacing: .09em; }.address-card p { margin-top: .35rem; color: var(--muted); font-size: .7rem; line-height: 1.7; }.quote-form { padding: 1.45rem; border: 1px solid var(--line); border-radius: .85rem; background: var(--slate); box-shadow: 0 15px 36px rgba(15,44,89,.07); }.form-top { display: flex; justify-content: space-between; padding-bottom: .9rem; border-bottom: 1px solid var(--line); color: var(--navy); font-size: .61rem; font-weight: 850; letter-spacing: .09em; }.form-required { color: var(--muted); font-weight: 650; letter-spacing: 0; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; margin-top: 1rem; }.quote-form label { display: grid; gap: .36rem; color: var(--navy); font-size: .63rem; font-weight: 780; }.quote-form input, .quote-form select, .quote-form textarea { width: 100%; padding: .65rem .72rem; border: 1px solid #cfdae7; border-radius: .38rem; outline: 0; color: var(--ink); background: white; font-size: .74rem; transition: border 180ms ease, box-shadow 180ms ease; }.quote-form input:focus, .quote-form select:focus, .quote-form textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(0,117,255,.12); }.quote-form textarea { resize: vertical; }.form-note { margin-top: .85rem; }.field-error { min-height: .7rem; color: #cf2735; font-size: .56rem; font-weight: 700; }.quote-form label.invalid input, .quote-form label.invalid select { border-color: #e04452; }.button-full { width: 100%; margin-top: 1rem; }.form-disclaimer { margin-top: .65rem; color: #7c8b9d; font-size: .58rem; line-height: 1.55; }
.site-footer { padding-top: 4rem; color: white; background: #06172e; }.footer-main { display: grid; grid-template-columns: 1.5fr .7fr .9fr 1fr; gap: 2rem; padding-bottom: 3rem; }.footer-brand { align-self: start; }.footer-brand img { width: 4rem; height: 4rem; border-radius: .2rem; background: white; }.footer-brand .brand-copy strong { font-size: .92rem; }.footer-brand .brand-copy span { font-size: .63rem; }.footer-links { display: grid; align-content: start; gap: .5rem; }.footer-links > span { margin-bottom: .5rem; color: #62c6fa; font-size: .56rem; font-weight: 850; letter-spacing: .1em; }.footer-links a { color: #cbd9e9; font-size: .69rem; }.footer-links a:hover { color: white; }.footer-iba { display: flex; align-items: center; gap: .65rem; }.iba-stamp { display: grid; width: 3rem; height: 3rem; place-items: center; border: 2px solid #5ecbff; border-radius: 50%; color: #75d4ff; font-size: .72rem; font-weight: 950; }.footer-iba strong, .footer-iba small { display: block; }.footer-iba strong { font-size: .7rem; line-height: 1.3; }.footer-iba small { max-width: 8rem; margin-top: .25rem; color: #a5bed8; font-size: .55rem; line-height: 1.4; }.footer-bottom { display: flex; justify-content: space-between; padding: 1.1rem 0; border-top: 1px solid rgba(255,255,255,.1); color: #93abc6; font-size: .6rem; }.footer-bottom a { color: #61c8fa; font-weight: 750; }
.toast { position: fixed; z-index: 50; right: 1.25rem; bottom: 1.25rem; display: flex; align-items: flex-start; gap: .65rem; width: min(24rem, calc(100% - 2.5rem)); padding: .9rem; border: 1px solid #a7e0c5; border-radius: .55rem; color: #155231; background: white; box-shadow: 0 16px 40px rgba(8,42,24,.16); animation: toast-in 260ms ease both; }.toast > span { display: grid; width: 1.5rem; height: 1.5rem; flex: 0 0 auto; place-items: center; border-radius: 50%; color: white; background: #20a663; font-size: .8rem; font-weight: 900; }.toast strong { display: block; font-size: .76rem; }.toast p { margin-top: .12rem; color: #41775a; font-size: .66rem; }.toast button { margin-left: auto; padding: 0; border: 0; color: #41775a; background: transparent; font-size: 1.2rem; line-height: 1; cursor: pointer; }@keyframes toast-in { from { opacity: 0; transform: translateY(1rem); } to { opacity: 1; transform: translateY(0); } }
.toast[hidden] { display: none; }

/* Motion */
.reveal { opacity: 0; transform: translateY(1.3rem); transition: opacity 650ms ease, transform 650ms cubic-bezier(.2,.8,.2,1); }.reveal.in-view { opacity: 1; transform: none; }.delay-1 { transition-delay: 100ms; }.delay-2 { transition-delay: 200ms; }.delay-3 { transition-delay: 300ms; }

@media (max-width: 1040px) { .desktop-nav { gap: .75rem; }.desktop-nav a { font-size: .68rem; }.brand { min-width: 12.5rem; }.brand-copy strong { font-size: .69rem; }.brand-copy span { font-size: .5rem; }.iba-badge { display: none; }.hero-art { transform: scale(.91); transform-origin: right center; }.about-grid, .quote-layout { gap: 3rem; } }
@media (max-width: 820px) { .section { padding: 5.4rem 0; }.desktop-nav, .header-actions { display: none; }.header-inner { justify-content: space-between; }.brand { min-width: 0; }.brand-copy strong { font-size: .78rem; }.brand-copy span { max-width: 12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.menu-toggle { display: block; }.hero { min-height: 0; padding-top: 8rem; }.hero-grid { grid-template-columns: 1fr; }.hero-art { height: 22rem; margin-top: -1rem; transform: none; }.stats-wrap { grid-template-columns: repeat(2,1fr); margin-top: 0; }.stat:nth-child(3)::before { display: none; }.stat:nth-child(3) { border-top: 1px solid rgba(255,255,255,.16); }.stat:nth-child(4) { border-top: 1px solid rgba(255,255,255,.16); }.about-grid, .clients-grid-layout, .quote-layout { grid-template-columns: 1fr; }.about-grid { gap: 2.5rem; }.values-grid { grid-template-columns: repeat(2,1fr); margin-top: 3rem; }.heading-split { grid-template-columns: 1fr; gap: 1rem; }.heading-split > p { margin-left: 0; }.fleet-card:nth-child(1), .fleet-card:nth-child(2), .fleet-card:nth-child(3), .fleet-card:nth-child(4), .fleet-card:nth-child(5) { grid-column: span 3; }.branch-layout { grid-template-columns: 1fr; }.network-panel { position: relative; top: auto; }.coverage-lines { display: none; }.network-note { margin-top: .9rem; }.branch-results { grid-template-columns: repeat(2,1fr); }.no-results { margin-left: 0; }.clients-grid-layout { gap: 2.7rem; }.footer-main { grid-template-columns: repeat(2,1fr); }.footer-brand { grid-column: span 2; } }
@media (max-width: 560px) { .shell { width: min(100% - 2rem, 1160px); }.section { padding: 4.2rem 0; }.brand img { width: 2.8rem; height: 2.8rem; }.brand-copy strong { font-size: .69rem; }.brand-copy span { font-size: .47rem; }.hero { padding-top: 7.2rem; }.hero h1, h2 { font-size: clamp(2.35rem, 11vw, 3.2rem); }.hero-lead { font-size: .9rem; }.hero-actions { display: grid; }.button-large { width: 100%; }.hero-assurance { margin-top: 1.5rem; }.hero-art { height: 17.5rem; transform: scale(.79); transform-origin: center bottom; margin: -1.4rem 0 -1rem; }.card-top { right: -1rem; }.card-bottom { left: -1rem; }.stats-wrap { margin-top: 0; }.stat { padding: 1rem; }.stat strong { font-size: 1.4rem; }.stat p { font-size: .53rem; }.about-panel { margin-inline: -0.1rem; }.values-grid { grid-template-columns: 1fr; gap: .75rem; }.value-card { min-height: 0; }.fleet-grid { grid-template-columns: 1fr; margin-top: 2.3rem; }.fleet-card:nth-child(1), .fleet-card:nth-child(2), .fleet-card:nth-child(3), .fleet-card:nth-child(4), .fleet-card:nth-child(5) { grid-column: auto; min-height: 14rem; }.branch-tools { display: grid; }.search-field { max-width: none; }.select-field { width: 100%; }.select-field select { flex: 1; }.filter-reset { justify-self: start; margin-left: -.45rem; }.branch-results { grid-template-columns: 1fr; }.client-list { grid-template-columns: 1fr; }.quote-layout { gap: 2.5rem; }.quote-form { padding: 1rem; }.form-grid { grid-template-columns: 1fr; gap: .5rem; }.footer-main { grid-template-columns: 1fr; gap: 1.6rem; }.footer-brand { grid-column: auto; }.footer-bottom { display: grid; gap: .65rem; }.toast { right: 1rem; bottom: 1rem; width: calc(100% - 2rem); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } .reveal { opacity: 1; transform: none; } }