/* Arun Packers & Movers — single stylesheet (mobile-first). Inlined & minified by includes/head.php.
   Brand colours: PROJECT.md §5.1 — do not change without client approval. Font: Bricolage Grotesque (OFL). */

/* ---------- Font (self-hosted, 3 weights) ---------- */
@font-face{font-family:"Bricolage";src:url(../fonts/bricolage-grotesque-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage";src:url(../fonts/bricolage-grotesque-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage";src:url(../fonts/bricolage-grotesque-latin-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
/* font-display:swap + a metric-matched fallback: text paints at once in Arial sized to Bricolage's width (measured in
   Chromium, 5 Nov: 400 ÷ Arial 1.049, 600 ÷ Arial Bold 1.008, 800 ÷ Arial Bold 1.033; asc .93 / desc .27 ÷ size-adjust),
   so the swap does not move lines. 600 (menu, buttons) maps to Arial Bold — semi-bold next to regular Arial jumped visibly.
   (Was font-display:optional: on a cold cache the 600 file missed the ~100 ms window and the menu stayed in the fallback
   until a reload.) The three weights are preloaded in includes/head.php; these rules are also in critical.css. */
@font-face{font-family:"Bricolage Fallback";src:local("Arial");font-weight:100 549;size-adjust:104.5%;ascent-override:89%;descent-override:25.8%;line-gap-override:0%}
@font-face{font-family:"Bricolage Fallback";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:550 699;size-adjust:100.8%;ascent-override:92.3%;descent-override:26.8%;line-gap-override:0%}
@font-face{font-family:"Bricolage Fallback";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:700 900;size-adjust:103.5%;ascent-override:89.9%;descent-override:26.1%;line-gap-override:0%}

/* ---------- Tokens ---------- */
:root{
  --brand:#142895;          /* live site --main-color / logo blue */
  --brand-dark:#0D1B66;     /* derived */
  --brand-900:#0A1450;      /* derived — deep navy for dark sections */
  --brand-50:#F3F5FC;
  --brand-100:#E3E8F8;
  --accent:#FF5643;         /* live site accent — decorative */
  --accent-strong:#D9262A;  /* logo/site red — CTAs (AA with white) */
  --logo-blue:#0338A2;      /* wordmark "Arun" — sampled from the 10 Nov 2026 logo (10.0:1 on white) */
  --logo-red:#EB0805;       /* wordmark "Packers and Movers" — logo red #F00805 is 4.43:1, 2 % darker = 4.6:1 on white */
  --accent-strong-dark:#B51E22;
  --yellow:#FFEB3E;         /* logo yellow — small accents only (session 18) */
  --coral:#FF7A6B;          /* light red for accents on navy (derived from --accent) */
  --sky:#A9C1FF;            /* light blue for accents on navy (derived from --brand) */
  --star:#F5B800;
  --green:#199D4F;          /* logo green — icons/decoration only (3.5:1 on white) */
  --green-text:#157F40;     /* darker logo green for TEXT on white (5.1:1, WCAG AA) */
  --wa:#157F40;             /* WhatsApp (AA) */
  --ink:#0E1538;
  --text:#2C3352;
  --muted:#5B6282;
  --line:#E2E6F2;
  --white:#fff;
  --radius:24px;
  --radius-md:18px;
  --radius-sm:12px;
  --shadow-sm:0 1px 2px rgba(14,21,56,.06),0 2px 8px rgba(14,21,56,.05);
  --shadow:0 2px 4px rgba(20,40,149,.04),0 12px 32px rgba(20,40,149,.09);
  --shadow-lg:0 24px 60px rgba(10,20,80,.22);
  --font:"Bricolage","Bricolage Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --header-h:72px;
  --gutter:16px;
  --container:1350px;
  --arrow-ur:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10M7 17 17 7'/%3E%3C/svg%3E");
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-live,var(--header-h)) + 12px)}  /* --hdr-live = real sticky header height, set by main.js */
body{margin:0;font-family:var(--font);font-size:16.5px;line-height:1.65;color:var(--text);background:var(--white);overflow-x:hidden;padding-bottom:64px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-underline-offset:3px}
a:hover{color:var(--accent-strong)}
h1,h2,h3{color:var(--ink);line-height:1.12;margin:0 0 .5em;font-weight:800;letter-spacing:-.025em}
h1{font-size:clamp(2.35rem,6.2vw,4.5rem)}
h2{font-size:clamp(1.75rem,4vw,3rem)}
h3{font-size:1.18rem;letter-spacing:-.01em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
address{font-style:normal}
button{font:inherit;cursor:pointer}
small{font-size:.82em}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:8px;top:-60px;z-index:100;background:var(--brand);color:#fff;padding:10px 14px;border-radius:8px}
.skip-link:focus{top:8px;color:#fff}
.container{width:100%;max-width:calc(var(--container) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.icon{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
.icon-sm{width:.9em;height:.9em}
.stars{display:inline-block;color:var(--star);font-family:Arial,sans-serif;letter-spacing:1px;line-height:1;font-size:15px}
.hl-text{color:var(--accent-strong)}
.hl-yellow{color:var(--coral)}


/* ---------- Eyebrow (pill + icon) ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand);font-size:.84rem;font-weight:600;letter-spacing:.01em;margin-bottom:1rem}
.eyebrow .icon{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--accent-strong);color:#fff}
.eyebrow-light,.eyebrow-glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.eyebrow-light .icon,.eyebrow-glass .icon{background:var(--accent-strong);color:#fff}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:46px;padding:.7em 1.35em;border-radius:999px;border:1.5px solid transparent;font-weight:600;font-size:.97rem;line-height:1.2;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn .icon{width:1.1em;height:1.1em}
.btn-lg{min-height:54px;padding:.85em 1.7em;font-size:1.02rem}
.btn-sm{min-height:40px;padding:.5em 1.05em;font-size:.88rem}
.btn-block{width:100%}
.btn-accent{background:var(--accent-strong);color:#fff;box-shadow:0 10px 24px -6px rgba(217,38,42,.55)}
.btn-accent:hover{background:var(--accent-strong-dark);color:#fff;box-shadow:0 14px 28px -6px rgba(217,38,42,.6)}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px -8px rgba(20,40,149,.5)}
.btn-primary:hover{background:var(--brand-dark);color:#fff}
.btn-outline{border-color:var(--brand);color:var(--brand);background:transparent}
.btn-outline:hover{background:var(--brand);color:#fff}
.btn-soft{background:var(--brand-50);color:var(--brand);border-color:var(--brand-100)}
.btn-soft:hover{background:var(--brand-100);color:var(--brand)}
.btn-light{background:#fff;color:var(--brand)}
.btn-light:hover{background:var(--brand-100);color:var(--brand-900)}
.btn-glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn-glass:hover{background:#fff;color:var(--brand)}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:#0F6633;color:#fff}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:0}

/* ---------- Top bar ---------- */
.topbar{background:var(--brand-900);color:#C9D0EE;font-size:.84rem}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px}
.topbar ul{list-style:none;display:flex;align-items:center;gap:22px}
.topbar li{display:flex;align-items:center;gap:7px;white-space:nowrap}
.topbar .icon{width:15px;height:15px;color:var(--yellow)}
.topbar strong{color:#fff}
.topbar a{color:#E6E9F7;text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.topbar a:hover{color:var(--sky)}
.topbar-social{gap:12px!important}
.topbar-social .icon{color:#E6E9F7}
.live-dot{width:8px;height:8px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:livePulse 2s infinite}
@keyframes livePulse{70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.track-pill{background:var(--yellow);color:var(--brand-900)!important;font-weight:600;padding:5px 12px;border-radius:999px}
.track-pill .icon{color:var(--brand-900)}
.track-pill:hover{background:#fff}
@media (max-width:1399px){.hide-lg{display:none!important}}
@media (max-width:1099px){.hide-md{display:none!important}}
@media (max-width:899px){.tb-long{display:none}}   /* top bar overflowed 700–879 px (10 Nov 2026) */
@media (max-width:699px){.hide-sm{display:none!important}.topbar-facts li:first-child{font-size:.78rem}.topbar ul{gap:12px}}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);height:var(--header-h);transition:box-shadow .3s}
.site-header.is-scrolled{box-shadow:0 8px 30px rgba(14,21,56,.08)}
.header-inner{display:flex;align-items:center;gap:20px;height:100%}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto;min-width:0}
.brand img{width:46px;height:46px}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-text strong{font-size:1.3rem;font-weight:800;color:var(--logo-blue);letter-spacing:-.02em}
.brand-text span{font-size:.72rem;font-weight:700;color:var(--logo-red);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
/* footer (dark navy): the blue/red wordmark sits on a white plate so both colours keep >= 4.5:1 */
.brand-light{background:#fff;border-radius:16px;padding:8px 16px 8px 8px;margin-right:0;align-self:flex-start;display:inline-flex}
.site-nav{display:none}
.nav-list{list-style:none}
.nav-list>li>a{display:flex;align-items:center;gap:5px;font-weight:600;color:var(--ink);text-decoration:none;padding:12px 2px}
.nav-list>li>a:hover,.nav-list>li>a[aria-current]{color:var(--accent-strong)}
.sub-menu ul{list-style:none}
.sub-menu a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;text-decoration:none;color:var(--ink)}
.sub-menu a:hover{background:var(--brand-50);color:var(--ink)}
.sub-menu strong{display:block;font-weight:600;font-size:.95rem}
.sub-menu small{display:block;color:var(--muted);font-size:.8rem}
.sub-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--brand-50);color:var(--brand);flex:none}
.sub-menu a:hover .sub-icon{background:var(--brand);color:#fff}
.nav-mobile-extra{display:grid;gap:10px;margin-top:16px}
.header-actions{display:flex;align-items:center;gap:10px}
.header-call{display:none;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.header-call-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand-50);color:var(--brand);transition:background-color .2s,color .2s}
.header-call:hover .header-call-icon{background:var(--brand);color:#fff}
.header-call-text{display:flex;flex-direction:column;line-height:1.2}
.header-call-text small{color:var(--muted);font-size:.75rem}
.header-call-text strong{font-size:1rem;color:var(--ink)}
.btn-kyp{min-height:42px;padding:.55em 1.05em;font-size:.88rem}
.nav-toggle{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center}
.nav-toggle-bars,.nav-toggle-bars::before,.nav-toggle-bars::after{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;position:relative;transition:transform .2s,background-color .2s}
.nav-toggle-bars::before,.nav-toggle-bars::after{content:"";position:absolute;left:0}
.nav-toggle-bars::before{top:-6px}
.nav-toggle-bars::after{top:6px}
.nav-open .nav-toggle-bars{background:transparent}
.nav-open .nav-toggle-bars::before{transform:translateY(6px) rotate(45deg)}
.nav-open .nav-toggle-bars::after{transform:translateY(-6px) rotate(-45deg)}
.nav-open .site-nav{display:block;position:absolute;left:0;right:0;top:var(--header-h);max-height:calc(100vh - var(--header-h));overflow:auto;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);padding:8px var(--gutter) 20px}
.nav-open .nav-list>li>a{border-bottom:1px solid var(--line);padding:14px 2px}
.nav-open .sub-menu ul{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px 0}
.nav-open .sub-menu small{display:none}
.nav-open .sub-icon{width:32px;height:32px;border-radius:10px}
/* Mobile header (10 Nov 2026): logo, wordmark, button and menu never touch, at any phone text size. The wordmark is a
   logo, so on phones it is sized in px (it does not grow with the phone's font-size setting, which pushed it into the
   button); two lines "Arun" / "Packers and Movers"; the button shortens to "Get price"; below 380 px it hides (the
   sticky bottom bar has "Free quote"). CSS only — no layout shift. */
.kyp-short{display:none}
@media (max-width:767px){
  .header-inner{gap:12px}
  .header-actions{gap:8px;flex:none}
  .brand{gap:8px;flex:1 1 auto;overflow:hidden}
  .brand img{flex:none}
  .brand-text strong{font-size:20px;line-height:1.05}
  .brand-text span{font-size:9.5px;letter-spacing:.06em;line-height:1.25;white-space:nowrap;margin-top:2px}
}
@media (max-width:479px){
  .btn-kyp{padding:.5em .95em;font-size:14px;min-height:40px}
  .btn-kyp .icon,.kyp-long{display:none}
  .kyp-short{display:inline}
  .brand img{width:40px;height:40px}
  .brand-text strong{font-size:18px}
  .brand-text span{font-size:8.5px;letter-spacing:.04em}
}
@media (max-width:379px){.btn-kyp{display:none}}

/* ---------- Sections ---------- */
.section{padding:64px 0;position:relative}
.section-head{max-width:780px;margin:0 0 36px}
.section-head-center{text-align:center;margin-left:auto;margin-right:auto}
.section-head-split{max-width:none;display:grid;gap:8px 48px;align-items:end}
.section-head-split h2{margin:0}
.section-head-split .lead{margin:0}
.lead{font-size:1.1rem;color:var(--muted)}
.lead strong{color:var(--ink)}

/* ---------- Hero ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-900);color:#fff}
.hero-bg{position:absolute;inset:0;z-index:-1}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.hero-slide.is-active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 8s ease-out}
.hero-slide.is-active img{transform:scale(1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,80,.55) 0%,rgba(10,20,80,.86) 45%,rgba(10,20,80,.97) 100%)}
.hero-inner{display:grid;gap:28px;padding-top:44px;padding-bottom:40px}
.hero .hero-title{color:#fff;margin:.15em 0 .4em;max-width:15ch;font-size:clamp(2.2rem,5.6vw,4.2rem);line-height:1.08;font-weight:800;letter-spacing:-.025em}
.hero-title .hl{color:var(--yellow);position:relative;white-space:nowrap}
.hero-title .hl::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.14em;border-radius:99px;background:var(--accent-strong);z-index:-1;opacity:.9}
.hero-captions{display:grid}
.hero-caption{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .6s,transform .6s,visibility .6s}
.hero-caption.is-active{opacity:1;visibility:visible;transform:none}
.hero-caption{display:flex;flex-direction:column;align-items:flex-start}.hero-tag{order:1}.hero-sub{order:2}.hero-ctas{order:3}   /* HTML: H1 → answer → tag; screen: H1 → tag → answer */
.hero-tag{display:flex;align-items:center;gap:10px;font-size:1.08rem;font-weight:600;color:#fff;margin-bottom:.4em;line-height:1.3}
.hero-tag .icon{width:34px;height:34px;padding:7px;border-radius:10px;background:rgba(255,255,255,.12);color:var(--coral);flex:none}
.hero-sub{color:rgba(255,255,255,.82);max-width:54ch;font-size:1.05rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.hero-trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.hero-trust>li{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-trust strong{display:block;font-size:.98rem;line-height:1.1;color:#fff}
.hero-trust small{display:block;color:rgba(255,255,255,.72);font-size:.76rem}
.trust-g,.trust-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex:none}
.trust-g{background:#fff;color:#4285F4}
.trust-ic{background:rgba(255,255,255,.12);color:var(--coral)}
.trust-google strong{display:inline;margin-right:4px}
.trust-google .stars{font-size:13px}
.hero-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.hero-tab{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;text-align:left;background:none;border:0;color:rgba(255,255,255,.6);padding:0 0 4px;min-height:44px}
.hero-tab-num{font-weight:800;font-size:.85rem}
.hero-tab-label{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-tab-bar{grid-column:1/-1;height:3px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden;margin-top:6px}
.hero-tab-bar span{display:block;height:100%;width:100%;background:var(--coral);border-radius:3px;transform:scaleX(0);transform-origin:left center}
.hero-tab.is-active{color:#fff}
.hero-tab.is-active .hero-tab-bar span{animation:heroProgress 6.5s linear forwards}
.hero:hover .hero-tab-bar span,.hero:focus-within .hero-tab-bar span{animation-play-state:paused}
@keyframes heroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-card{background:#fff;color:var(--text);border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow-lg);position:relative}
.hero-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--sky),transparent 40%,transparent 60%,var(--accent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hero-card-kicker{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--wa);background:#E8F6EE;border-radius:999px;padding:4px 10px;margin-bottom:12px}
.hero-card-title{font-size:1.55rem;margin:0 0 .2em}
.hero-card-sub{color:var(--muted);font-size:.92rem;margin-bottom:16px}

/* ---------- Marquee ---------- */
.marquee-band{overflow:hidden}
.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.marquee-track{list-style:none;display:flex;align-items:center;flex-shrink:0;gap:44px;padding-right:44px;min-width:100%;justify-content:space-around;animation:marquee 45s linear infinite}
.marquee-reverse .marquee-track{animation-direction:reverse;animation-duration:60s}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-100%)}}
.marquee li{display:flex;align-items:center;gap:10px;white-space:nowrap}
.marquee-promises{background:var(--accent-strong);color:#fff;padding:16px 0;font-weight:600;font-size:1.02rem}
.marquee-promises .icon{width:22px;height:22px;color:var(--coral)}
.marquee-promises li::after{content:"✦";margin-left:34px;color:rgba(255,255,255,.55);font-size:.8rem}
.marquee-routes{background:var(--brand-50);color:var(--ink);padding:13px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.route-arrow{color:var(--accent-strong);font-weight:800}
.marquee-routes .route-from{color:var(--muted)}
.marquee-routes strong{font-weight:600}

/* ---------- Stats ---------- */
.stats{padding:56px 0 8px}
.stats-grid{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stat{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 18px;box-shadow:var(--shadow-sm);overflow:hidden}
.stat::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--brand-50)}
.stat>*{position:relative;z-index:1}
.stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--brand);color:#fff;margin-bottom:14px}
.stat:first-child .stat-icon{background:var(--star);color:#fff}
.stat-icon .icon{width:20px;height:20px}
.stat:first-child .stat-icon .icon{fill:currentColor}
.stat-num{display:block;font-size:clamp(1.9rem,6vw,3.1rem);font-weight:800;line-height:1;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stat-label{display:block;font-weight:600;color:var(--ink);margin-top:8px}
.stat-note{display:block;font-size:.8rem;color:var(--muted)}

/* ---------- About ---------- */
.about-grid{display:grid;gap:48px;align-items:center}
.about-media{position:relative;padding:0 0 56px}
.about-photo-main img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}
.about-photo-small{position:absolute;right:-4px;bottom:0;width:40%;max-width:230px}
.about-photo-small img{border-radius:20px;border:6px solid #fff;box-shadow:var(--shadow-lg);aspect-ratio:4/5;object-fit:cover}
.about-badge{position:absolute;left:14px;bottom:20px;display:flex;align-items:center;gap:10px;background:var(--accent-strong);color:#fff;border-radius:20px;padding:14px 18px;box-shadow:0 18px 40px -10px rgba(217,38,42,.6)}
.about-badge strong{font-size:2.3rem;line-height:1;font-weight:800}
.about-badge span{font-size:.82rem;line-height:1.25;font-weight:600}
.about-points{list-style:none;display:grid;gap:14px;margin:26px 0 30px}
.about-points li{display:flex;gap:12px;align-items:flex-start}
.point-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--brand-50);color:var(--brand);flex:none}
.about-points strong{display:block;color:var(--ink);font-weight:600}
.about-points small{display:block;color:var(--muted);font-size:.86rem}
.link-call{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.link-call-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px dashed var(--accent-strong);color:var(--accent-strong)}
.link-call small{display:block;color:var(--muted);font-size:.78rem}
.link-call strong{display:block;font-size:1.05rem}

/* ---------- Services (bento) ---------- */
.services{background:var(--brand-50)}
.bento{list-style:none;display:grid;gap:18px;grid-template-columns:1fr}
.bento-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;min-height:220px;display:flex}
.bento-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--brand-100)}
.bento-body{position:relative;z-index:1;padding:26px 24px;display:flex;flex-direction:column;width:100%}
.card-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--brand-50);color:var(--brand);margin-bottom:18px;transition:background-color .3s,color .3s}
.card-icon .icon{width:24px;height:24px}
.bento-card:hover .card-icon{background:var(--accent-strong);color:#fff}
.bento-card h3{margin-bottom:.35em}
.card-link{color:var(--ink);text-decoration:none}
.card-link::after{content:"";position:absolute;inset:0;z-index:2}
.bento-card p{color:var(--muted);font-size:.95rem;margin:0}
.card-more{position:absolute;top:22px;right:22px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);color:var(--brand);transition:all .3s}
.bento-card:hover .card-more{background:var(--brand);border-color:var(--brand);color:#fff;transform:rotate(45deg)}
.bento-photo{min-height:340px;color:#fff;border:0}
.bento-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.bento-photo:hover .bento-img{transform:scale(1.05)}
.bento-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,20,80,0) 25%,rgba(10,20,80,.9) 100%)}
.bento-photo .bento-body{justify-content:flex-end;z-index:3}
.bento-photo .card-link,.bento-photo h3{color:#fff}
.bento-photo p{color:rgba(255,255,255,.85)}
.bento-photo .card-icon{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bento-photo .card-more{border-color:rgba(255,255,255,.4);color:#fff;z-index:3}

/* ---------- Compare (VS) ---------- */
.vs-grid{display:grid;gap:18px;align-items:stretch;position:relative}
.vs-card{border-radius:var(--radius);padding:26px 22px}
.vs-us{background:linear-gradient(150deg,var(--brand) 0%,var(--brand-900) 100%);color:#fff;box-shadow:var(--shadow-lg)}
.vs-them{background:#fff;border:1px solid var(--line)}
.vs-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.vs-us .vs-head{border-color:rgba(255,255,255,.16)}
.vs-head img{width:48px;height:48px;border-radius:50%;background:#fff;padding:2px}
.vs-head-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#EEF0F6;color:var(--muted)}
.vs-head h3{margin:0;font-size:1.2rem}
.vs-us h3{color:#fff}
.vs-head p{margin:0;font-size:.86rem;color:var(--muted)}
.vs-us .vs-head p{color:rgba(255,255,255,.7)}
.vs-list{list-style:none;display:grid;gap:10px}
.vs-list li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06)}
.vs-them .vs-list li{background:#F7F8FC}
.vs-list small{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;opacity:.7}
.vs-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.12);color:var(--coral)}
.vs-them .vs-ic{background:#EEF0F6;color:#9AA0B8}
.vs-them .vs-list li{color:var(--muted)}
.vs-tick,.vs-cross{display:grid;place-items:center;width:26px;height:26px;border-radius:50%}
.vs-tick{background:var(--green);color:#fff}
.vs-cross{background:#FCE8E8;color:var(--accent-strong)}
.vs-tick .icon,.vs-cross .icon{width:14px;height:14px}
.vs-badge{justify-self:center;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent-strong);color:#fff;font-weight:800;font-size:1.2rem;box-shadow:0 0 0 8px #fff,0 12px 30px rgba(217,38,42,.4);margin:-40px 0;z-index:2}

/* ---------- Fleet ---------- */
.section.fleet{background:var(--brand-900);color:#C9D0EE;overflow:hidden}
.fleet::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 85% 10%,rgba(255,86,67,.18),transparent 60%),radial-gradient(500px 400px at 0% 100%,rgba(169,193,255,.1),transparent 60%);pointer-events:none}
.fleet-grid{display:grid;gap:40px;align-items:center;position:relative}
.fleet h2{color:#fff}
.fleet .lead{color:#C9D0EE}
.fleet-points{list-style:none;display:grid;gap:12px;margin:24px 0}
.fleet-points li{display:flex;gap:10px;align-items:center;color:#fff}
.fleet-points .icon{width:24px;height:24px;padding:4px;border-radius:50%;background:var(--accent-strong);color:#fff}
.fleet-sizes{list-style:none;display:grid;gap:10px}
.fleet-mosaic{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fleet-tile-1{grid-column:1/-1}
.fleet-tile figure{position:relative;margin:0;border-radius:20px;overflow:hidden;height:100%}
.fleet-tile img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform .8s}
.fleet-tile-1 img{aspect-ratio:16/9}
.fleet-tile:hover img{transform:scale(1.05)}
.fleet-tile figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:10px 14px;border-radius:14px;background:rgba(10,20,80,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}
.fleet-tile figcaption strong{display:block;font-size:.95rem}
.fleet-tile figcaption span{display:block;font-size:.78rem;color:#D9DEF5}

/* ---------- Steps (timeline) ---------- */
.timeline{position:relative}
.route{position:absolute;left:12.5%;right:12.5%;top:0;height:64px;display:none;overflow:hidden}
.route-line{position:absolute;left:0;right:0;top:31px;border-top:2.5px dashed #C9D0EE}
.route-truck{position:absolute;top:2px;left:0;width:100%;display:flex;justify-content:flex-end;color:var(--accent-strong);animation:drive 10s linear infinite;will-change:transform}
.route-truck .icon{width:30px;height:30px}
@keyframes drive{0%{transform:translateX(calc(30px - 100%));opacity:0}5%{opacity:1}95%{opacity:1}100%{transform:translateX(0);opacity:0}}
.steps-list{list-style:none;display:grid;gap:28px;position:relative}
.step{text-align:center;padding:0 8px}
.step-dot{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#fff;color:var(--brand);border:2px solid var(--brand-100);box-shadow:0 0 0 8px #fff,var(--shadow)}
.step-dot .icon{width:26px;height:26px}
.step:hover .step-dot{background:var(--brand);color:#fff;border-color:var(--brand)}
.step-num{display:inline-block;font-size:.75rem;font-weight:600;color:var(--accent-strong-dark);background:#FDECEC;border-radius:999px;padding:3px 10px;margin-bottom:10px;letter-spacing:.06em;text-transform:uppercase}
.step p{color:var(--muted);font-size:.96rem;max-width:30ch;margin:0 auto}

/* ---------- Price band + forms ---------- */
.section.price-band{background:var(--brand);color:#fff;overflow:hidden}
.price-band::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 500px at 0% 0%,rgba(255,255,255,.08),transparent 60%),radial-gradient(600px 500px at 100% 100%,rgba(10,20,80,.6),transparent 60%);pointer-events:none}
.price-grid{display:grid;gap:36px;align-items:center;position:relative}
.price-band h2{color:#fff}
.price-band .lead{color:#D9DEF5}
.price-steps{list-style:none;display:grid;gap:16px;margin:28px 0}
.price-steps li{display:flex;gap:14px;align-items:flex-start}
.price-steps li>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent-strong);color:#fff;font-weight:800;flex:none}
.price-steps strong{display:block;color:#fff;font-weight:600}
.price-steps small{display:block;color:#C9D0EE}
.price-help{display:inline-flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:.9rem}
.price-help-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-strong);color:#fff}
.price-help a{color:#fff;font-weight:800;font-size:1.1rem;text-decoration:none}
.price-form{background:#fff;color:var(--text);border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow-lg)}
.price-form-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.price-form-head h3{margin:0;font-size:1.3rem}
.price-form-head p{margin:0;font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:6px}
.icon-g{color:#4285F4}
.form-grid{display:grid;gap:14px;grid-template-columns:1fr}
.field label{display:block;font-weight:600;font-size:.84rem;color:var(--ink);margin-bottom:5px}
.field input,.field select{width:100%;min-height:50px;padding:11px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-size:16px;color:var(--ink);background:#F9FAFD;transition:border-color .2s,box-shadow .2s,background-color .2s}
.field input:focus,.field select:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(20,40,149,.12)}
.field [aria-invalid="true"]{border-color:var(--accent-strong);background:#FFF6F6}
.lead-form .btn-block{margin-top:18px}
.form-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:var(--muted);margin:12px 0 0;text-align:center}
.form-note .icon{color:var(--green)}
.form-note.form-callback{color:var(--ink,inherit);font-weight:600;margin-top:10px}
.form-note.form-callback+.form-note{margin-top:4px}
.form-errors{background:#FFF1F0;border:1px solid #F5C2BE;color:#8E1B1F;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:14px;font-size:.9rem}
.form-errors ul{padding-left:18px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
/* Submit feedback (10 Nov 2026): disabled + spinner while sending, green "received" state before the redirect */
.lead-form button[type=submit][disabled]{cursor:progress;opacity:1}
.lead-form button[type=submit].is-sending{opacity:.85}
.lead-form button[type=submit].is-done{background:var(--success,#157F40);border-color:transparent;color:#fff;white-space:normal;text-align:center;font-size:.92rem;line-height:1.2;padding-top:.35em;padding-bottom:.35em}   /* wraps on phones inside the same 54px height — no layout shift */
.btn-spin{display:inline-block;width:1em;height:1em;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btnSpin .7s linear infinite;vertical-align:-.15em}
@keyframes btnSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.btn-spin{animation-duration:2s}}
.form-fallback{margin:8px 0 0!important;color:var(--ink)}
.form-fallback a{font-weight:700;color:var(--brand)}
.is-quick .form-grid{grid-template-columns:1fr 1fr;gap:12px}
.is-quick .field-full{grid-column:1/-1}
.is-quick .field input,.is-quick .field select{min-height:46px}

/* ---------- Areas ---------- */
.areas-grid{display:grid;gap:28px;align-items:start}
.route-map{background:radial-gradient(circle at 80% 40%,#1B3399 0%,var(--brand-900) 70%);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow);overflow:hidden}
.route-map svg{width:100%;height:auto;display:block}
.map-line{fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.6;stroke-dasharray:4 7;animation:dash 3s linear infinite}
@keyframes dash{to{stroke-dashoffset:-44}}
.map-city circle{fill:#fff;stroke:rgba(255,255,255,.25);stroke-width:6}
.map-city.is-branch circle{fill:var(--yellow);stroke:rgba(255,235,62,.3)}
.map-city text,.map-hub text{fill:#D9DEF5;font:600 12px var(--font)}
.map-city.is-branch text{fill:var(--yellow)}
.map-hub circle{fill:var(--accent);stroke:#fff;stroke-width:3}
.map-hub text{fill:#fff;font-size:15px;font-weight:800}
.map-pulse{transform-origin:center;transform-box:fill-box;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.4);opacity:0}}
.map-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;color:#C9D0EE;font-size:.8rem;margin-top:8px}
.map-legend li{display:flex;align-items:center;gap:7px}
.map-legend span{width:10px;height:10px;border-radius:50%;background:#fff}
.map-legend .lg-hub{background:var(--accent)}
.map-legend .lg-branch{background:var(--yellow)}
.tab-buttons{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:18px;background:var(--brand-50);border:1px solid var(--brand-100);margin-bottom:22px}
.tab-btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 14px;border:0;border-radius:14px;background:transparent;color:var(--ink);font-weight:600;font-size:.92rem}
.tab-btn .icon{width:18px;height:18px;color:var(--brand)}
.tab-btn.is-active{background:var(--brand);color:#fff;box-shadow:var(--shadow-sm)}
.tab-btn.is-active .icon{color:var(--coral)}
.tab-count{font-size:.72rem;padding:2px 7px;border-radius:999px;background:rgba(20,40,149,.1)}
.tab-btn.is-active .tab-count{background:rgba(255,255,255,.2)}
.area-panel{margin-bottom:24px}
.area-panel h3{display:flex;align-items:center;gap:8px;font-size:1.05rem;color:var(--brand)}
.tabs-ready .area-panel{display:none}
.tabs-ready .area-panel.is-active{display:block;animation:fadeIn .4s ease}
.tabs-ready .area-panel h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.area-links{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.area-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem;transition:all .25s}
.area-links a::after{content:"";flex:none;width:14px;height:14px;background:var(--muted);-webkit-mask:var(--arrow-ur) center/contain no-repeat;mask:var(--arrow-ur) center/contain no-repeat;transition:transform .25s,background-color .25s}
.area-links a:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow)}
.area-links a:hover::after{background:var(--accent);transform:rotate(45deg)}
.area-links .area-soon{display:flex;align-items:center;min-height:46px;padding:10px 14px;border-radius:14px;border:1px dashed var(--line);color:var(--muted);font-weight:600;font-size:.92rem}

/* ---------- Reviews ---------- */
.reviews{background:var(--brand-50)}
.reviews-grid{display:grid;gap:20px;align-items:start}
.rating-card{background:#fff;border-radius:var(--radius);padding:26px 22px;border:1px solid var(--line);box-shadow:var(--shadow)}
.rating-top{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.rating-g{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--brand-50);color:#4285F4}
.rating-g .icon{width:28px;height:28px}
.rating-big{display:block;font-size:3.1rem;line-height:1;font-weight:800;color:var(--ink);letter-spacing:-.03em}
.rating-top small{display:block;color:var(--muted)}
.rating-branches{list-style:none;display:grid;gap:12px;margin-bottom:14px}
.rating-branches li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:.88rem}
.rb-name{font-weight:600;color:var(--ink)}
.rb-val{color:var(--ink);font-weight:600}
.rb-val small{color:var(--muted);font-weight:400}
.rb-bar{grid-column:1/-1;grid-row:2;height:6px;border-radius:6px;background:var(--brand-100);overflow:hidden}
.rb-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--star),#FFCE3D);border-radius:6px}
.rating-note{font-size:.8rem;color:var(--muted)}
.review-list{list-style:none;display:grid;gap:18px}
.review-card{position:relative;background:#fff;border-radius:var(--radius);padding:26px 22px;border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}

.review-quote{position:absolute;right:20px;top:18px;color:var(--brand-100)}
.review-quote .icon{width:42px;height:42px}
.review-stars{margin-bottom:12px;color:var(--star);font-family:Arial,sans-serif;font-size:18px;letter-spacing:2px;line-height:1}
.review-card blockquote{margin:0 0 18px;flex:1}
.review-card blockquote p{margin:0;color:var(--text);font-size:.97rem}
.review-author{display:flex;align-items:center;gap:12px;margin:0;padding-top:16px;border-top:1px solid var(--line)}
.review-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800}
.review-author strong{display:block;color:var(--ink);line-height:1.2}
.review-author small{display:block;color:var(--muted)}
.review-g{margin-left:auto;color:#4285F4}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;gap:32px;align-items:start}
.help-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:18px;border-radius:var(--radius-md);background:var(--brand-900);color:#fff;margin-top:8px}
.help-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent-strong)}
.help-card strong{display:block;font-weight:600}
.help-card a:not(.btn){color:#fff;font-weight:800;font-size:1.15rem;text-decoration:none}
.help-card .btn{margin-left:auto}
.faq-list{display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .25s,box-shadow .25s}
.faq-item[open]{border-color:var(--brand-100);box-shadow:var(--shadow)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-n{font-size:.8rem;font-weight:800;color:var(--accent-strong-dark);background:#FDECEC;border-radius:10px;padding:6px 8px;flex:none}
.faq-item summary h3{margin:0;font-size:1.03rem;flex:1;letter-spacing:-.005em}
.faq-toggle{position:relative;width:32px;height:32px;border-radius:50%;background:var(--brand-50);flex:none;transition:background-color .25s}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--brand);transform:translate(-50%,-50%);transition:transform .25s}
.faq-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-toggle{background:var(--brand)}
.faq-item[open] .faq-toggle::before,.faq-item[open] .faq-toggle::after{background:#fff}
.faq-item[open] .faq-toggle::after{transform:translate(-50%,-50%) rotate(0)}
.faq-answer{padding:0 18px 4px 18px}
.faq-answer p{color:var(--text)}

/* ---------- Branches ---------- */
.branches{background:var(--brand-50)}
.branch-grid{list-style:none;display:grid;gap:18px}
.branch-card{background:#fff;border-radius:var(--radius);padding:24px 22px;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.branch-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.branch-card.is-main{border-top:4px solid var(--accent-strong)}
.branch-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.branch-pin{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand);color:#fff;flex:none}
.branch-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong-dark);background:#FDECEC;border-radius:999px;padding:2px 9px;margin-bottom:4px}
.branch-top h3{margin:0 0 2px;font-size:1.25rem}
.branch-rating{margin:0;font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:6px}
.branch-rating .stars{font-size:13px}
.branch-card address{color:var(--text);font-size:.95rem;margin-bottom:14px}
.branch-meta{list-style:none;display:grid;gap:6px;margin-bottom:16px;font-size:.93rem;color:var(--muted)}
.branch-meta li{display:flex;align-items:center;gap:8px}
.branch-meta .icon{color:var(--brand)}
.branch-meta a{font-weight:600;text-decoration:none}
.branch-actions{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 0}
.map-slot iframe{width:100%;height:220px;border:0;border-radius:var(--radius-sm);margin-bottom:12px}

/* ---------- CTA ---------- */
.cta-band{padding:64px 0}
.cta-box{position:relative;display:grid;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,var(--accent-strong) 0%,#B71D21 100%);color:#fff;box-shadow:var(--shadow-lg)}
.cta-copy{padding:36px 24px;position:relative;z-index:1}
.cta-box h2{color:#fff}
.cta-box p{color:#fff}
.cta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.cta-box .btn-accent{background:var(--brand-900);box-shadow:none}
.cta-box .btn-accent:hover{background:var(--brand)}
.cta-media{position:relative;min-height:220px}
.cta-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------- Footer ---------- */
.site-footer{background:var(--brand-900);color:#B9C1E6;padding:0 0 0;font-size:.93rem}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{color:var(--sky)}
.footer-strip{display:grid;gap:14px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.fs-item{display:flex;align-items:center;gap:12px}
.fs-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.08);color:var(--coral);flex:none}
.fs-wa{color:#3DDC84}
.fs-item small{display:block;color:#9AA3D0;font-size:.76rem}
.fs-item a{font-weight:600;font-size:1rem;word-break:break-word}
.footer-grid{display:grid;gap:32px;padding:44px 0 32px}
.footer-title{color:#fff;font-weight:800;margin-bottom:14px;font-size:1.05rem}
.footer-col ul{list-style:none;display:grid;gap:4px}
.footer-col ul a{display:inline-block;padding:4px 0;color:#C9D0EE}
.footer-col ul a:hover{color:var(--sky)}
.footer-about p{margin-top:16px}
.footer-rating{display:flex;align-items:center;gap:8px;color:#fff}
.footer-rating .icon{color:#fff}
.social,.footer-col ul.social{list-style:none;display:flex;gap:10px;margin-top:6px}
.social a{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);transition:background-color .2s}
.social a:hover{background:var(--accent-strong);color:#fff}
.footer-branches{display:grid;gap:18px;padding:26px 0;border-top:1px solid rgba(255,255,255,.1)}
.footer-nap{display:grid;gap:4px;font-size:.88rem}
.footer-nap strong{color:#fff;display:flex;align-items:center;gap:6px}
.footer-nap .icon{color:var(--accent)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);font-size:.84rem;padding:16px 0}
.footer-bottom-inner{text-align:center}
.footer-bottom p{margin:0}

/* ---------- Floating + sticky contact ---------- */
.float-actions{position:fixed;right:22px;bottom:24px;z-index:60;display:none;flex-direction:column;gap:12px}
.float-btn{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff;box-shadow:0 12px 28px rgba(10,20,80,.3);transition:transform .25s}
.float-btn:hover{transform:scale(1.08);color:#fff}
.float-btn .icon{width:26px;height:26px}
.float-wa{background:#25D366}
.float-wa::before{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;z-index:-1;animation:ring 2.2s ease-out infinite}
@keyframes ring{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}
.float-call{background:var(--brand)}
.float-quote{background:var(--accent-strong)}
.float-label{position:absolute;right:70px;top:50%;transform:translateY(-50%) translateX(8px);background:var(--ink);color:#fff;font-size:.82rem;font-weight:600;white-space:nowrap;padding:6px 12px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.float-btn:hover .float-label,.float-btn:focus-visible .float-label{opacity:1;transform:translateY(-50%)}
.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr 1.4fr;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(14,21,56,.1);padding-bottom:env(safe-area-inset-bottom)}
.sticky-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;font-size:.78rem;font-weight:600;color:var(--brand);text-decoration:none}
.sticky-bar .icon{width:22px;height:22px}
.sticky-bar .sb-wa{color:var(--wa)}
.sticky-bar .sb-kyp{background:var(--accent-strong);color:#fff}

/* ---------- Breadcrumb (inner pages) ---------- */
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:.88rem;padding:12px 0;color:var(--muted)}
.breadcrumb li+li::before{content:"›";margin-right:6px}

/* ---------- Reveal on scroll ---------- */
.reveal{transition:opacity .7s ease,transform .7s ease}
.rv-wait .reveal{opacity:0;transform:translateY(22px)}

/* =================== ≥ 600px =================== */
@media (min-width:600px){
  :root{--gutter:24px}
  .stats-grid{gap:18px}
  .form-grid{grid-template-columns:1fr 1fr}
  .bento{grid-template-columns:1fr 1fr}
  .bento-house,.bento-bike{grid-column:1/-1}
  .steps-list{grid-template-columns:1fr 1fr}
  .area-links{grid-template-columns:repeat(3,1fr)}
  .review-list{grid-template-columns:1fr 1fr}
  .branch-grid{grid-template-columns:1fr 1fr}
  .footer-strip{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-branches{grid-template-columns:repeat(3,1fr)}
  .about-points{grid-template-columns:1fr 1fr}
  .hero-card,.price-form{padding:30px}
}

/* =================== ≥ 900px =================== */
@media (min-width:900px){
  :root{--header-h:84px}
  body{padding-bottom:0}
  .sticky-bar{display:none}
  .float-actions{display:flex}
  .section{padding:104px 0}
  .section-head{margin-bottom:52px}
  .section-head-split{grid-template-columns:1.1fr .9fr}
  .brand img{width:54px;height:54px}
  .stats{padding:72px 0 0}
  .stats-grid{grid-template-columns:repeat(4,1fr);gap:20px}
  .stat{padding:26px 24px}
  .hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:56px;min-height:min(760px,calc(100vh - 126px));padding-top:72px;padding-bottom:64px}
  .hero-overlay{background:linear-gradient(90deg,rgba(10,20,80,.96) 0%,rgba(10,20,80,.86) 42%,rgba(10,20,80,.45) 75%,rgba(10,20,80,.3) 100%),linear-gradient(0deg,rgba(10,20,80,.75) 0%,transparent 40%)}
  .hero-card{padding:32px}
  .about-grid{grid-template-columns:1fr 1fr;gap:80px}
  .about-media{padding:0 40px 60px 0}
  .about-photo-small{right:0;width:44%}
  .about-badge{left:-20px;bottom:auto;top:28px}
  .bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(240px,auto);gap:20px}
  .bento-house{grid-column:1/3;grid-row:1/3}
  .bento-office{grid-column:3/5}
  .bento-corporate{grid-column:3/4}
  .bento-bike{grid-column:4/5}
  .bento-photo{min-height:0}
  .vs-grid{grid-template-columns:1fr auto 1fr;gap:0 28px;align-items:center}
  .vs-badge{margin:0 -60px;position:relative}
  .vs-card{padding:34px 32px}
  .fleet-grid{grid-template-columns:.85fr 1.15fr;gap:64px}
  .route{display:block}
  .steps-list{grid-template-columns:repeat(4,1fr);gap:24px}
  .price-grid{grid-template-columns:.95fr 1.05fr;gap:72px}
  .price-form{padding:36px}
  .areas-grid{grid-template-columns:.85fr 1.15fr;gap:48px}
  .reviews-grid{grid-template-columns:360px 1fr;gap:24px}
  .reviews-grid.no-cards{grid-template-columns:minmax(0,460px);justify-content:center}
  .rating-card{position:sticky;top:110px}
  .faq-grid{grid-template-columns:.8fr 1.2fr;gap:64px}
  .faq-side{position:sticky;top:110px}
  .faq-item summary{padding:20px 22px}
  .faq-answer{padding:0 22px 6px 66px}
  .branch-grid{grid-template-columns:repeat(3,1fr);gap:22px}
  .cta-box{grid-template-columns:1.15fr .85fr}
  .cta-copy{padding:60px 56px}
  .cta-media{min-height:100%}
  .cta-media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#C42024 0%,rgba(196,32,36,0) 35%)}
  .footer-strip{grid-template-columns:1fr 1fr 1.45fr 1fr;padding:34px 0}
  .footer-grid{grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:48px;padding:56px 0 40px}
}

/* =================== ≥ 1100px: full desktop header =================== */
@media (min-width:1100px){
  .nav-toggle{display:none}
  .site-nav{display:block;margin:0 auto}
  .nav-list{display:flex;gap:30px}
  .nav-list>li{position:relative}
  .nav-list>li>a{padding:28px 0;position:relative}
  .nav-list>li>a::after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;border-radius:2px;background:var(--accent-strong);transform:scaleX(0);transition:transform .25s}
  .nav-list>li>a:hover::after,.nav-list>li>a[aria-current]::after{transform:scaleX(1)}
  .sub-menu{position:absolute;left:50%;top:100%;width:560px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:opacity .2s,transform .2s,visibility .2s}
  .sub-menu ul{display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .has-sub:hover .sub-menu,.has-sub:focus-within .sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
  .nav-mobile-extra{display:none}
  .brand{margin-right:0}
}
@media (min-width:1240px){
  .header-call{display:flex}
}

/* ---------- Footer fixes (2026-11-02, session 3) ---------- */
.footer-col ul.social a{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;transition:background-color .2s,border-color .2s,transform .2s}
.footer-col ul.social a:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;transform:translateY(-2px)}
.footer-col ul.social .icon{width:18px;height:18px;display:block}
.footer-col ul.social{margin-top:18px;gap:10px}
.fs-item a{word-break:normal;overflow-wrap:break-word}
.fs-item a[href^="mailto:"]{font-size:.9rem}
/* "Designed by Antsy" — small and quiet; the name gets a soft underline that grows on hover/focus */
.footer-sep{opacity:.5}
.footer-credit{color:inherit;text-decoration:none;font-size:.78rem;letter-spacing:.02em;opacity:.8;white-space:nowrap;transition:opacity .2s}
.footer-credit span{font-weight:700;color:var(--sky);background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;padding-bottom:1px;transition:background-size .3s ease}
.footer-credit:hover,.footer-credit:focus-visible{opacity:1;color:#fff}
.footer-credit:hover span,.footer-credit:focus-visible span{background-size:100% 1px}
@media (prefers-reduced-motion:reduce){.footer-credit,.footer-credit span{transition:none}}
@media (max-width:699px){.footer-sep{display:none}.footer-credit{display:block;margin-top:4px}}   /* phones: credit on its own centred line, no dangling dot */

/* ---------- Gallery ---------- */
.gallery-grid{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:150px;grid-auto-flow:dense;gap:12px}
.g-tile{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--brand-50)}
.g-tile>a{display:block;height:100%;color:#fff;text-decoration:none}
.g-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.g-tile:hover img{transform:scale(1.06)}
.g-big{grid-column:span 2;grid-row:span 2}
.g-tall{grid-row:span 2}
.g-wide{grid-column:span 2}
.g-cap{position:absolute;inset:auto 0 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:40px 14px 12px;background:linear-gradient(0deg,rgba(10,20,80,.88),transparent);font-weight:600;font-size:.9rem}
.g-zoom{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--brand);transform:scale(.6);opacity:0;transition:transform .3s,opacity .3s}
.g-tile:hover .g-zoom,.g-tile a:focus-visible .g-zoom{transform:none;opacity:1}
.g-cta>a{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:20px;background:linear-gradient(135deg,var(--accent-strong),#9E1B2B 60%,var(--brand) 140%)}
.g-cta strong{font-size:1.1rem;line-height:1.2}
.g-cta small{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.85)}
.g-cta-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.16);margin-bottom:8px}
.g-cta:hover>a{filter:brightness(1.08)}
.lightbox{border:0;padding:0;background:transparent;max-width:min(1100px,94vw);max-height:92vh;overflow:visible;margin:auto}
.lightbox::backdrop{background:rgba(6,12,48,.88)}
.lightbox img{display:block;max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}
.lightbox p{color:#fff;text-align:center;margin:12px 0 0;font-weight:600}
.lightbox-close{position:absolute;top:-16px;right:-12px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--ink);box-shadow:var(--shadow);cursor:pointer}

/* ---------- Video testimonials ---------- */

/* ---------- 404 ---------- */
.nf{position:relative;overflow:hidden;background:radial-gradient(800px 500px at 85% 20%,#1B3399 0%,transparent 70%),var(--brand-900);color:#C9D0EE;padding:56px 0 64px}
.nf-inner{display:grid;gap:40px;align-items:center}
.nf h1{color:#fff;font-size:clamp(2rem,5vw,3.4rem);max-width:16ch}
.nf-code{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:clamp(5rem,16vw,9rem);font-weight:800;line-height:1;color:#fff;letter-spacing:-.04em}
.nf-code span{background:linear-gradient(180deg,#fff 30%,#9AA8F0);-webkit-background-clip:text;background-clip:text;color:transparent}
.nf-box{width:.92em;height:.92em;animation:nfBob 2.6s ease-in-out infinite}
.nf-lead{font-size:1.08rem;max-width:56ch;color:#C9D0EE}
.nf .btn-row{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}
.nf-call a{display:inline-flex;align-items:center;gap:8px;color:var(--sky);font-weight:600;text-decoration:none}
.nf-call a:hover{text-decoration:underline}
.nf-scene{position:relative;height:260px;max-width:520px;width:100%;justify-self:center}
.nf-truck{position:absolute;left:50%;bottom:28px;width:min(400px,90%);height:auto;transform:translateX(-50%);animation:nfDrive 1.1s ease-in-out infinite;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}
.nf-road{position:absolute;left:0;right:0;bottom:20px;height:12px;border-radius:12px;background:#24306E;overflow:hidden}
.nf-road span{position:absolute;top:5px;left:0;width:200%;height:2px;background:repeating-linear-gradient(90deg,var(--yellow) 0 28px,transparent 28px 56px);animation:nfRoad .8s linear infinite}
.nf-pin{position:absolute;right:6%;top:0;display:grid;place-items:center;width:62px;height:62px;color:var(--accent);animation:nfBob 2.2s ease-in-out infinite}
.nf-pin .icon{width:62px;height:62px}
.nf-pin b{position:absolute;top:12px;color:#fff;font-size:1.1rem}
.nf-cloud{position:absolute;height:14px;border-radius:14px;background:rgba(255,255,255,.12)}
.nf-cloud-1{width:90px;top:40px;left:4%}
.nf-cloud-2{width:60px;top:90px;left:30%}
@keyframes nfBob{50%{transform:translateY(-8px)}}
@keyframes nfDrive{50%{transform:translateX(-50%) translateY(-3px)}}
@keyframes nfRoad{to{transform:translateX(-56px)}}
.nf-links{background:var(--brand-50)}
.nf-grid{list-style:none;display:grid;gap:14px}
.nf-grid a{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}
.nf-grid a:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--brand-100)}
.nf-ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--brand-50);color:var(--brand)}
.nf-grid strong{display:block}
.nf-grid small{display:block;color:var(--muted);font-size:.86rem}
.nf-arrow{margin-left:auto;color:var(--muted);transition:transform .25s,color .25s}
.nf-grid a:hover .nf-arrow{transform:translateX(4px);color:var(--accent-strong)}

@media (min-width:600px){
  .gallery-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:180px}
    .nf-grid{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:16px}
    .nf{padding:88px 0 96px}
  .nf-inner{grid-template-columns:1.1fr .9fr;gap:56px}
  .nf-scene{height:340px}
  .nf-grid{grid-template-columns:repeat(3,1fr)}
}

/* =================== Inner pages (session 4: About, Locations, Contact) =================== */
/* Page hero */
.page-hero{position:relative;overflow:hidden;background:radial-gradient(700px 420px at 90% 0%,rgba(255,86,67,.2),transparent 60%),radial-gradient(800px 500px at 0% 100%,#1B3399 0%,transparent 70%),var(--brand-900);color:#C9D0EE;padding:28px 0 56px}
.page-hero-inner{display:grid;gap:36px;align-items:center}
.page-hero h1{color:#fff;font-size:clamp(2.1rem,5.2vw,3.7rem);line-height:1.08;margin:.2em 0 .4em;max-width:18ch}
.page-hero-lead{font-size:1.1rem;color:#C9D0EE;max-width:60ch}
.page-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.page-hero-chips{margin-top:26px}
.page-hero-media{position:relative}
.page-hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-lg);border:6px solid rgba(255,255,255,.08)}
.page-hero-badge{position:absolute;left:-10px;bottom:-18px;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:16px;padding:10px 16px 10px 10px;box-shadow:var(--shadow-lg)}
.page-hero-badge strong{display:block;line-height:1.1}
.page-hero-badge small{display:block;color:var(--muted);font-size:.78rem}
.page-hero-badge .trust-g{background:var(--brand-50)}
.page-hero-badge .stars{font-size:13px}
.breadcrumb-light ol{padding:0 0 18px;color:#9AA3D0}
.breadcrumb-light a{color:#E6E9F7;text-decoration:none}
.breadcrumb-light a:hover{color:#fff}
.breadcrumb-light [aria-current]{color:var(--sky)}

/* Locations */
.loc-toolbar{display:grid;gap:16px;align-items:end;margin-bottom:22px}
.loc-toolbar h2{margin:0 0 .2em}
.loc-toolbar .lead{margin:0}
.loc-search{position:relative}
.loc-search>.icon{position:absolute;left:18px;top:17px;width:20px;height:20px;color:var(--muted);pointer-events:none}
.loc-search input{width:100%;min-height:56px;padding:12px 18px 12px 50px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:inherit;font-size:1rem;color:var(--ink);box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s}
.loc-search input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(20,40,149,.12)}
.loc-empty{margin:12px 6px 0;color:var(--muted);font-size:.92rem}
.loc-jump{display:flex;gap:10px;overflow-x:auto;padding:4px 0 14px;margin-bottom:22px;scrollbar-width:thin}
.loc-jump a{display:inline-flex;align-items:center;gap:8px;flex:none;padding:9px 14px;border-radius:999px;background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand);font-weight:600;font-size:.9rem;text-decoration:none;transition:background-color .2s,color .2s}
.loc-jump a:hover{background:var(--brand);color:#fff}
.loc-jump span{font-size:.75rem;padding:1px 7px;border-radius:999px;background:rgba(20,40,149,.1)}
.loc-jump a:hover span{background:rgba(255,255,255,.2)}
.loc-group{padding:30px 0;border-top:1px solid var(--line);scroll-margin-top:110px}
.loc-group-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}
.loc-group-ic{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:15px;background:var(--accent-strong);color:#fff}
.loc-group-head h3{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:1.35rem}
.loc-group-head p{margin:0;color:var(--muted);max-width:75ch}
.loc-count{font-size:.78rem;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--brand-50);color:var(--brand)}
.loc-links{grid-template-columns:repeat(2,minmax(0,1fr))}
.loc-links span{min-width:0;overflow-wrap:break-word}
.loc-links small{color:var(--muted);font-weight:400;font-size:.8rem}
.loc-links a:hover small{color:rgba(255,255,255,.75)}
.loc-links li[hidden],.loc-group[hidden]{display:none}
.loc-network{background:var(--brand-50)}
.loc-points li{color:var(--text);align-items:flex-start}
.loc-points .icon{background:var(--green);color:#fff;flex:none}

/* Contact */
.contact-cards-wrap{position:relative;padding-top:24px}   /* was pulled up -28/-44px into the trust band (10 Nov 2026) */
.contact-cards{list-style:none;display:grid;gap:14px}
.contact-card{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px 20px;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.contact-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand);color:#fff;margin-bottom:12px}
.contact-card.is-wa .contact-ic{background:var(--wa)}
.contact-card small{color:var(--muted);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.contact-card a,.contact-card strong{font-size:1.12rem;font-weight:800;color:var(--ink);text-decoration:none;overflow-wrap:break-word}
.contact-card a:hover{color:var(--accent-strong)}
.contact-card a[href^="mailto:"]{font-size:.98rem}
.contact-form .price-form-head .eyebrow{display:inline-flex;font-size:.84rem;color:var(--brand)}
.page-hero.has-media+.contact-cards-wrap{margin-top:0;padding-top:48px}
.contact-note{color:var(--muted);font-size:.88rem;margin-top:4px}
.contact-main{padding-top:56px}
.contact-grid{display:grid;gap:24px;align-items:start}
.contact-form{border:1px solid var(--line)}
.contact-form .price-form-head{display:block}
.contact-form .price-form-head h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 .25em}
.contact-form .price-form-head p:not(.eyebrow){display:block;font-size:.95rem}
.contact-side{display:grid;gap:18px}
.contact-office{background:var(--brand-900);color:#C9D0EE;border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow)}
.contact-office h3{color:#fff;font-size:1.25rem;margin:4px 0 10px}
.contact-office address{font-style:normal;margin-bottom:14px}
.contact-office .branch-meta{color:#C9D0EE}
.contact-office .branch-meta .icon{color:var(--coral)}
.contact-office .branch-meta a{color:#fff}
.contact-office .branch-tag{background:rgba(255,255,255,.12);color:var(--sky)}
.contact-help{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;box-shadow:var(--shadow-sm)}
.contact-help .price-help-ic{flex:none}
.contact-help p{margin:2px 0 6px;color:var(--muted);font-size:.92rem}
.contact-help a{font-weight:800;font-size:1.1rem;text-decoration:none;color:var(--accent-strong)}
.contact-social{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--brand-50);border-radius:var(--radius);padding:16px 20px}
.contact-social .social{margin:0}
.contact-social .social a{background:#fff;color:var(--brand);border:1px solid var(--line)}
.contact-social .social a:hover{background:var(--accent-strong);color:#fff}

@media (min-width:600px){
  .contact-cards{grid-template-columns:1fr 1fr}
  .loc-links{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
  .page-hero{padding:36px 0 84px}
  .page-hero.has-media .page-hero-inner{grid-template-columns:1.1fr .9fr;gap:64px}
  .loc-toolbar{grid-template-columns:1fr minmax(320px,460px)}
  .loc-links{grid-template-columns:repeat(4,minmax(0,1fr))}
  .contact-cards{grid-template-columns:repeat(4,1fr)}
  .contact-cards-wrap{padding-top:36px}
  .contact-grid{grid-template-columns:1.35fr .85fr;gap:32px}
  .contact-side{position:sticky;top:110px}
}
@media (min-width:1200px){
  .loc-links{grid-template-columns:repeat(5,minmax(0,1fr))}
  .loc-group[id^="loc-routes"] .loc-links{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Branch cards with embedded maps (Contact page) */
.branch-card.has-map{padding-top:12px}
.branch-map{margin:0 -10px 20px;border-radius:calc(var(--radius) - 8px);overflow:hidden;background:var(--brand-50);aspect-ratio:4/3;position:relative}
.branch-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.branch-card.has-map .branch-actions{margin-top:auto}

/* =================== About page — editorial design (session 6) =================== */
.btn-ink{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-ink:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.ab-label{font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:12px}
.ab-label-light{color:var(--sky)}
.ab-head{max-width:720px;margin-bottom:40px}
.ab-head h2{font-size:clamp(2rem,4.4vw,3.2rem);margin-bottom:.3em}
.ab-head-row{max-width:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 40px}
.ab-head-row .lead{margin:0}

/* 1. Hero */
.ab-hero{position:relative;overflow:hidden;background:#FBFAF7;padding:20px 0 64px;border-bottom:1px solid var(--line)}
.ab-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 75% 40%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 75% 40%,#000 0%,transparent 70%);opacity:.7;pointer-events:none}
.ab-hero-inner{position:relative;display:grid;gap:48px;align-items:center}
.ab-hero .breadcrumb ol{padding:0 0 26px}
.ab-hero h1{margin:0 0 22px}
.ab-kicker{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:18px}
.ab-kicker-line{width:42px;height:2px;background:var(--accent-strong);border-radius:2px}
.ab-title{display:block;font-size:clamp(2.5rem,6.4vw,5.2rem);line-height:1.02;letter-spacing:-.035em;color:var(--ink);max-width:13ch}
.ab-title em{font-style:normal;color:var(--brand);background:linear-gradient(transparent 62%,rgba(255,122,107,.32) 62%,rgba(255,122,107,.32) 92%,transparent 92%)}
.ab-hero-lead{font-size:1.12rem;color:var(--muted);max-width:56ch}
.ab-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:28px}
.ab-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:2px}
.ab-link:hover{color:var(--accent-strong);border-color:var(--accent-strong)}
.ab-collage{position:relative;height:420px}
.ab-ph{position:absolute;margin:0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--brand-50)}
.ab-ph img{width:100%;height:100%;object-fit:cover}
.ab-ph-1{left:0;top:0;width:72%;height:68%}
.ab-ph-2{right:0;top:12%;width:32%;height:52%;border:6px solid #fff}
.ab-ph-3{left:16%;bottom:0;width:52%;height:36%;border:6px solid #fff}
.ab-spin{position:absolute;right:4%;bottom:6%;width:120px;height:120px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-lg)}
.ab-spin>svg{position:absolute;inset:0;width:100%;height:100%;animation:abSpin 16s linear infinite}
.ab-spin-core .icon{width:22px;height:22px}
.ab-spin text{font-size:10px;font-weight:800;fill:#fff}
.ab-spin-core{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--accent-strong);color:#fff}
@keyframes abSpin{to{transform:rotate(360deg)}}
.ab-rate{position:absolute;left:-6px;top:58%;display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:10px 16px 10px 10px;box-shadow:var(--shadow-lg)}
.ab-rate .trust-g{background:var(--brand-50)}
.ab-rate strong{display:block;line-height:1.1;color:var(--ink)}
.ab-rate small{display:block;color:var(--muted);font-size:.78rem}
.ab-rate .stars{font-size:13px}

/* 2. Facts strip */
.ab-facts{background:var(--ink);color:#fff}
.ab-facts-list{list-style:none;display:grid;grid-template-columns:1fr 1fr}
.ab-facts-list li{padding:30px 18px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.ab-facts-list li:nth-child(2n){border-right:0}
.ab-facts-list strong{display:block;font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--sky)}
.ab-facts-list span{display:block;margin-top:10px;color:#B9C1E6;font-size:.92rem}
.ab-facts-list b{color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;margin-right:4px}

/* 3. Story */
.ab-story{background:#fff}
.ab-story-grid{display:grid;gap:24px}
.ab-story-side h2{font-size:clamp(2rem,4.4vw,3.2rem);max-width:12ch}
.ab-story-lead{font-size:clamp(1.25rem,2.2vw,1.55rem);line-height:1.45;color:var(--ink);font-weight:600}
.ab-story-body p{font-size:1.06rem}
.ab-pull{margin:30px 0;padding:6px 0 6px 26px;border-left:4px solid var(--accent-strong)}
.ab-pull p{font-size:clamp(1.35rem,2.6vw,1.9rem)!important;line-height:1.3;font-weight:800;color:var(--brand);letter-spacing:-.02em;margin:0}

/* 4. Process */
.ab-process{background:#FBFAF7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ab-steps{list-style:none;position:relative;display:grid;gap:44px}
.ab-step{position:relative;display:grid;gap:18px}
.ab-step-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/10;background:var(--brand-50)}
.ab-step-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ab-step:hover .ab-step-media img{transform:scale(1.04)}
.ab-step-dot{display:none}
.ab-step-num{display:block;font-size:4rem;font-weight:800;line-height:.9;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--accent-strong);margin-bottom:8px}
.ab-step-text h3{font-size:clamp(1.35rem,2.4vw,1.8rem);margin-bottom:.4em}
.ab-step-text p{color:var(--muted);font-size:1.03rem;max-width:46ch}

/* 5. Beliefs */
.ab-beliefs{background:var(--brand-900);color:#C9D0EE;overflow:hidden}
.ab-beliefs-grid{display:grid;gap:36px}
.ab-beliefs-side h2{color:#fff;font-size:clamp(2rem,4.4vw,3.2rem);max-width:13ch}
.ab-beliefs-list{list-style:none;display:grid}
.ab-beliefs-list li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:24px 0;border-top:1px solid rgba(255,255,255,.14)}
.ab-beliefs-list li:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.ab-b-num{font-size:.9rem;font-weight:800;color:var(--coral);padding-top:5px;min-width:2.2em}
.ab-beliefs-list h3{color:#fff;font-size:1.25rem;margin:0 0 .3em}
.ab-beliefs-list p{margin:0;color:#B9C1E6}
.ab-beliefs-list li:hover h3{color:var(--sky)}

/* 6. People band */
.ab-people{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:120px 0 72px;min-height:520px;display:flex;align-items:flex-end}
.ab-people>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ab-people::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,20,80,.95) 0%,rgba(10,20,80,.6) 50%,rgba(10,20,80,.2) 100%)}
.ab-people h2{color:#fff;font-size:clamp(2rem,4.8vw,3.6rem);max-width:18ch;line-height:1.08}
.ab-people ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ab-people li{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);font-weight:600;font-size:.95rem}
.ab-people li .icon{color:var(--coral)}

/* 7. Quote */
.ab-quote{background:#fff;text-align:center}
.ab-quote-inner{position:relative;max-width:980px}
.ab-quote-mark{display:block;font-size:9rem;line-height:.6;font-weight:800;color:var(--accent-strong);font-family:Georgia,serif;height:.55em}
.ab-quote figure{margin:0}
.ab-quote blockquote{margin:0}
.ab-quote blockquote p{font-size:clamp(1.6rem,3.6vw,2.7rem);line-height:1.25;font-weight:800;color:var(--ink);letter-spacing:-.025em}
.ab-quote figcaption{display:inline-flex;align-items:center;gap:12px;text-align:left;margin-top:14px}
.ab-quote figcaption strong{display:block;color:var(--ink)}
.ab-quote figcaption small{display:block;color:var(--muted)}
.ab-quote figcaption .stars{font-size:12px}
.ab-quote-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}

/* 8. Offices */
.ab-offices{background:#FBFAF7;border-top:1px solid var(--line)}
.ab-office-list{list-style:none;border-top:2px solid var(--ink)}
.ab-office-list li{position:relative;display:grid;gap:6px;padding:24px 64px 24px 0;border-bottom:1px solid var(--line);transition:background-color .25s}
.ab-office-list li:hover{background:#fff}
.ab-o-name{display:flex;align-items:center;gap:10px}
.ab-o-name h3{margin:0;font-size:1.45rem}
.ab-office-list address{font-style:normal;color:var(--muted)}
.ab-o-phone{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink);text-decoration:none}
.ab-o-phone:hover{color:var(--accent-strong)}
.ab-o-dir{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1.5px solid var(--ink);color:var(--ink);transition:background-color .25s,color .25s,transform .25s}
.ab-o-dir:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;transform:translateY(-50%) rotate(45deg)}

/* 9. CTA */
.ab-cta{background:linear-gradient(120deg,#E7EDFF 0%,#F4F6FD 100%);border-top:1px solid var(--brand-100);padding:64px 0}
.ab-cta-inner{display:grid;gap:24px;align-items:center}
.ab-cta h2{margin:0;font-size:clamp(2.2rem,5.5vw,4.2rem);line-height:1.02;color:var(--ink);letter-spacing:-.035em}
.ab-cta h2 span{color:var(--accent-strong)}
.ab-cta-actions{display:flex;flex-wrap:wrap;gap:12px}

@media (min-width:600px){
  .ab-collage{height:500px}
  .ab-facts-list{grid-template-columns:repeat(4,1fr)}
  .ab-facts-list li{border-bottom:0;padding:44px 24px}
  .ab-facts-list li:nth-child(2n){border-right:1px solid rgba(255,255,255,.12)}
  .ab-facts-list li:last-child{border-right:0}
}
@media (min-width:900px){
  .ab-hero{padding:24px 0 96px}
  .ab-hero-inner{grid-template-columns:1.05fr .95fr;gap:56px}
  .ab-collage{height:560px}
  .ab-story-grid{grid-template-columns:.8fr 1.2fr;gap:80px}
  .ab-story-side{position:sticky;top:120px;align-self:start}
  .ab-steps{gap:72px}
  .ab-steps::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:repeating-linear-gradient(180deg,var(--brand-100) 0 10px,transparent 10px 20px)}
  .ab-step{grid-template-columns:1fr 1fr;gap:96px;align-items:center}
  .ab-step-dot{display:grid;place-items:center;position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--accent-strong);color:#fff;box-shadow:0 0 0 8px #FBFAF7}
  .ab-step:nth-child(even) .ab-step-media{order:2}
  .ab-step-num{font-size:5.5rem}
  .ab-beliefs-grid{grid-template-columns:.8fr 1.2fr;gap:80px}
  .ab-beliefs-side{position:sticky;top:120px;align-self:start}
  .ab-beliefs-list{grid-template-columns:1fr 1fr;column-gap:40px}
  .ab-beliefs-list li:nth-last-child(2){border-bottom:1px solid rgba(255,255,255,.14)}
  .ab-people{min-height:620px;padding-bottom:96px}
  .ab-office-list li{grid-template-columns:1.1fr 1.6fr 1fr;align-items:center;gap:24px;padding:30px 80px 30px 0}
  .ab-cta{padding:88px 0}
  .ab-cta-inner{grid-template-columns:1fr auto}
}

/* =================== Service pages (session 8) =================== */
.sv-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--brand-900) 0%,#13207A 55%,var(--brand) 100%);color:#C9D0EE;padding:24px 0 56px}
.sv-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%);pointer-events:none}
.sv-hero::after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,86,67,.35),transparent 65%);pointer-events:none}
.sv-hero-inner{position:relative;z-index:1;display:grid;gap:32px;align-items:center}
.sv-hero .breadcrumb ol{padding:0 0 18px}
.sv-hero h1{color:#fff;font-size:clamp(2.2rem,5.4vw,3.9rem);line-height:1.06;margin:.25em 0 .4em;max-width:15ch}
.sv-answer{font-size:1.1rem;line-height:1.65;color:#E1E5F7;max-width:62ch;border-left:3px solid var(--accent);padding-left:16px}
.sv-hero-proof{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;font-size:.92rem}
.sv-hero-proof li{display:flex;align-items:center;gap:8px}
.sv-hero-proof .icon{color:var(--coral)}
.sv-hero-proof .trust-g{width:30px;height:30px;border-radius:9px}
.sv-hero-proof .trust-g .icon{color:#4285F4}
.sv-hero-proof strong{color:#fff}
.sv-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.sv-form{background:#fff;color:var(--text);border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow-lg);border-top:5px solid var(--accent-strong)}

.sv-related{background:var(--brand-50)}
.sv-related-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}
.sv-related-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}
.sv-related-list{list-style:none;display:grid;gap:14px}
.sv-related-list a{display:flex;align-items:center;gap:16px;padding:22px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .25s,box-shadow .25s}
.sv-related-list a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.sv-rel-ic{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:var(--brand);color:#fff}
.sv-related-list strong{display:block;font-size:1.15rem}
.sv-related-list small{display:block;color:var(--muted);font-size:.9rem}
.sv-rel-arrow{margin-left:auto;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);transition:all .25s}
.sv-related-list a:hover .sv-rel-arrow{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;transform:rotate(45deg)}

/* Services hub */
.svh-list .container{display:grid;gap:56px}
.svh-row{display:grid;gap:24px;align-items:center}
.svh-media{position:relative;display:block;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/11}
.svh-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.svh-row:hover .svh-media img{transform:scale(1.04)}
.svh-num{position:absolute;left:18px;top:14px;font-size:3.4rem;font-weight:800;line-height:1;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.35)}
.svh-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--accent-strong);color:#fff;margin-bottom:14px}
.svh-text h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-bottom:.35em}
.svh-text h2 a{color:var(--ink);text-decoration:none}
.svh-text h2 a:hover{color:var(--brand)}
.svh-answer{color:var(--muted);font-size:1.05rem}
.svh-incl{list-style:none;display:grid;gap:8px;margin:16px 0 22px}
.svh-incl li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink)}
.svh-incl .icon{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--green);color:#fff}
.svh-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:0}
.svh-compare{background:var(--brand-50)}
.svh-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm)}
.svh-table{width:100%;min-width:640px;border-collapse:collapse;font-size:.95rem}
.svh-table th,.svh-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.svh-table thead th{background:var(--ink);color:#fff;font-size:1rem}
.svh-table thead a{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none}
.svh-table thead a:hover{color:var(--sky)}
.svh-table thead .icon{color:var(--coral)}
.svh-table tbody th{color:var(--accent-strong);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;width:170px}
.svh-table tbody tr:nth-child(even){background:#FBFAF7}
.svh-table td .icon{color:var(--green);vertical-align:-3px}
.svh-table tr:last-child>*{border-bottom:0}
.svh-promise{background:var(--brand-900);color:#C9D0EE}
.svh-promise-inner{display:grid;gap:28px;align-items:center}
.svh-promise h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.6rem);max-width:16ch;margin:0}
.svh-promise ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.svh-promise li{display:flex;flex-direction:column;gap:2px;padding:20px;border-radius:var(--radius-md);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.svh-promise li .icon{width:26px;height:26px;color:var(--coral);margin-bottom:8px}
.svh-promise li strong{color:#fff}
.svh-promise li span{font-size:.88rem}

@media (min-width:600px){
  .sv-related-list{grid-template-columns:1fr 1fr}
  .sv-form{padding:30px}
}
@media (min-width:900px){
  .sv-hero{padding:32px 0 80px}
  .sv-hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:56px}
  .svh-row{grid-template-columns:1fr 1fr;gap:64px}
  .svh-row:nth-child(even) .svh-media{order:2}
  .svh-list .container{gap:88px}
  .svh-promise-inner{grid-template-columns:.9fr 1.1fr;gap:56px}
  .svh-promise ul{grid-template-columns:repeat(4,1fr)}
}

/* Service pages — below-hero redesign (session 9) */
.sv-page [id]{scroll-margin-top:62px}
/* No negative pull-up (10 Nov 2026): the Google trust band sits between the hero and this card, and the pull-up made
   the card cover the trust card's branch list. Normal spacing instead. */
.sv-glance{position:relative;padding-top:24px}
.sv-glance-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:22px 20px;border:1px solid var(--line)}
.sv-glance-title{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 6px}
.sv-glance-title .icon{width:18px;height:18px}
.sv-glance dl{display:grid;margin:0}
.sv-glance dl>div{padding:12px 0;border-top:1px dashed var(--line);min-width:0}
.sv-glance dt{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.sv-glance dd{margin:0;color:var(--ink);font-weight:700;line-height:1.4}

.sv-jump{position:sticky;top:var(--header-h);z-index:40;margin-top:28px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sv-jump ul{list-style:none;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0;margin:0}
.sv-jump ul::-webkit-scrollbar{display:none}
.sv-jump a{display:block;white-space:nowrap;padding:8px 15px;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--text);text-decoration:none;transition:background .2s,color .2s}
.sv-jump a:hover{background:var(--brand-50);color:var(--brand)}
.sv-jump a.is-active{background:var(--ink);color:#fff}

.sv-head{margin-bottom:34px;max-width:760px}
.sv-head h2,.sv-reach h2,.sv-why h2,.sv-ck h2,.sv-faqs h2{font-size:clamp(1.75rem,3.6vw,2.6rem);line-height:1.12;margin-bottom:.4em}
.sv-answer-line{font-size:1.1rem;line-height:1.6;color:var(--ink);margin:0}
.sv-head-center{margin-inline:auto;text-align:center}
.sv-head-light h2{color:#fff}
.sv-head-light .sv-answer-line{color:#D3D8F0}

.sv-intro-grid{display:grid;gap:44px;align-items:center}
.sv-intro-lead{font-size:clamp(1.3rem,2.4vw,1.65rem);line-height:1.45;font-weight:600;color:var(--ink);margin-bottom:.9em}
.sv-intro-p{font-size:1.04rem;color:var(--text)}
.sv-intro-text .ab-link{margin-top:10px}
.sv-intro-media{position:relative;padding:0 0 48px 0}
.sv-ph{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.sv-ph img{width:100%;height:100%;object-fit:cover}
.sv-ph-main{aspect-ratio:4/3;margin-left:14%}
.sv-ph-small{position:absolute;left:0;bottom:0;width:38%;aspect-ratio:4/5;border:6px solid #fff;box-shadow:var(--shadow-lg)}
.sv-intro-badge{position:absolute;right:-6px;top:-18px;display:grid;place-items:center;align-content:center;width:112px;height:112px;border-radius:50%;background:var(--accent-strong);color:#fff;text-align:center;box-shadow:var(--shadow);transform:rotate(-8deg)}
.sv-intro-badge strong{font-size:1.9rem;line-height:1}
.sv-intro-badge span{font-size:.72rem;font-weight:700;line-height:1.2}

.sv-inc{background:var(--brand-900);color:#C9D0EE;position:relative;overflow:hidden}
.sv-inc::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.sv-inc .container{position:relative}
.sv-bento{list-style:none;display:grid;gap:14px}
.sv-bento-photo{position:relative;border-radius:var(--radius);overflow:hidden;min-height:260px}
.sv-bento-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv-bento-photo span{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;color:var(--brand-900);font-weight:700;font-size:.88rem}
.sv-bento-item{position:relative;padding:24px 22px;border-radius:var(--radius-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .3s,transform .3s}
.sv-bento-item:hover{background:rgba(255,255,255,.09);transform:translateY(-3px)}
.sv-bento-n{position:absolute;right:18px;top:16px;font-size:.8rem;font-weight:800;color:rgba(255,255,255,.35)}
.sv-bento-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--accent-strong);color:#fff;margin-bottom:16px}
.sv-bento-item h3{color:#fff;font-size:1.08rem;margin-bottom:.35em}
.sv-bento-item p{margin:0;font-size:.94rem}

.sv-proc{background:#fff}
.sv-timeline{list-style:none;display:grid;gap:0;position:relative}
.sv-timeline li{position:relative;padding:0 0 28px 66px}
.sv-timeline li::before{content:"";position:absolute;left:23px;top:48px;bottom:0;width:2px;background:repeating-linear-gradient(var(--line) 0 6px,transparent 6px 12px)}
.sv-timeline li:last-child::before{display:none}
.sv-tl-n{position:absolute;left:0;top:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--brand-50);border:2px solid var(--brand);color:var(--brand);font-weight:800;font-size:1.1rem;transition:background .3s,color .3s}
.sv-timeline li:hover .sv-tl-n{background:var(--brand);color:#fff}
.sv-timeline li:last-child .sv-tl-n{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}
.sv-timeline h3{font-size:1.12rem;margin:10px 0 .3em}
.sv-timeline p{margin:0;color:var(--muted);font-size:.95rem}

.sv-tiles{background:var(--brand-50)}
.sv-head-split{max-width:none;display:grid;gap:8px}
.sv-tile-list{list-style:none;display:grid;gap:14px}
.sv-tile{position:relative;padding:26px 22px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform .3s,box-shadow .3s}
.sv-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.sv-tile-big{display:block;font-size:2.6rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--brand);margin-bottom:14px}
.sv-tile:nth-child(even) .sv-tile-big{color:var(--accent-strong)}
.sv-tile-ic{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--brand);color:#fff;margin-bottom:16px}
.sv-tile:nth-child(even) .sv-tile-ic{background:var(--accent-strong)}
.sv-tile h3{font-size:1.08rem;margin-bottom:.3em}
.sv-tile p{margin:0;color:var(--muted);font-size:.94rem}
.sv-price-strip{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:22px;padding:20px 22px;border-radius:var(--radius);background:var(--ink);color:#fff}
.sv-price-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:rgba(255,122,107,.16);color:var(--coral)}
.sv-price-strip p{flex:1 1 220px;margin:0;font-weight:600}

.sv-reach-grid{display:grid;gap:32px;align-items:start}
.sv-reach-text p:not(.ab-label):not(.sv-answer-line){color:var(--text)}
.sv-reach-text .sv-answer-line{margin-bottom:1em}
.sv-reach-card{padding:26px 22px;border-radius:var(--radius);background:linear-gradient(160deg,var(--brand) 0%,var(--brand-900) 100%);color:#fff;box-shadow:var(--shadow-lg)}
.sv-reach-label{display:flex;align-items:center;gap:8px;font-weight:800;margin:0 0 12px}
.sv-reach-label .icon{color:var(--coral)}
.sv-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.sv-chips a{display:inline-block;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.88rem;text-decoration:none;transition:background .2s,color .2s}
.sv-chips a:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}
.sv-reach-all{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--sky);text-decoration:none}
.sv-reach-all:hover{color:#fff}

.sv-why{background:#FBFAF7}
.sv-why-grid{display:grid;gap:40px;align-items:center}
.sv-why-media{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;max-height:560px;box-shadow:var(--shadow)}
.sv-why-media img{width:100%;height:100%;object-fit:cover}
.sv-why-rating{position:absolute;left:16px;bottom:16px;display:grid;gap:2px;padding:16px 18px;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-lg);font-size:.82rem;color:var(--muted)}
.sv-why-rating strong{font-size:2rem;line-height:1;color:var(--ink)}
.sv-why-rating small{font-size:.9rem;color:var(--muted)}
.sv-why-rating .stars{color:#F5A623;letter-spacing:2px}
.sv-why-list{list-style:none;display:grid;margin:24px 0 0;border-top:1px solid var(--line)}
.sv-why-list li{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}
.sv-why-n{flex:none;font-size:1.5rem;font-weight:800;line-height:1;color:var(--accent-strong);min-width:2ch}
.sv-why-list strong{display:block;color:var(--ink);font-size:1.06rem;margin-bottom:2px}
.sv-why-list span{color:var(--muted)}

.sv-ck{background:linear-gradient(120deg,#E7EDFF 0%,#F4F6FD 100%);color:var(--brand-900)}
.sv-ck .ab-label{color:var(--brand-900);opacity:.7}
.sv-ck h2,.sv-ck .sv-answer-line{color:var(--brand-900)}
.sv-ck-grid{display:grid;gap:32px;align-items:start}
.sv-ck-list{list-style:none;display:grid;gap:10px;margin:0}
.sv-ck-list li{display:flex;align-items:flex-start;gap:14px;padding:15px 18px;border-radius:14px;background:#fff;color:var(--ink);font-weight:600;box-shadow:0 2px 0 rgba(10,20,80,.12)}
.sv-ck-box{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:2px solid var(--green);color:var(--green);margin-top:1px}
.sv-ck-box .icon{width:14px;height:14px}

.sv-faqs{background:#fff}
.sv-faq-grid{display:grid;gap:32px;align-items:start}
.sv-help{display:grid;gap:4px;margin-top:22px;padding:24px;border-radius:var(--radius);background:var(--ink);color:#C9D0EE}
.sv-help-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--accent-strong);color:#fff;margin-bottom:8px}
.sv-help strong{color:#fff;font-size:1.15rem}
.sv-help p{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}
.sv-faq-list{display:grid;border-top:1px solid var(--line)}
.sv-faq{border-bottom:1px solid var(--line)}
.sv-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:20px 0}
.sv-faq summary::-webkit-details-marker{display:none}
.sv-faq-n{flex:none;font-size:.8rem;font-weight:800;color:var(--accent-strong);min-width:2.4ch}
.sv-faq summary h3{flex:1;margin:0;font-size:1.06rem;transition:color .2s}
.sv-faq summary:hover h3{color:var(--brand)}
.sv-faq-ic{position:relative;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);transition:background .25s,border-color .25s}
.sv-faq-ic::before,.sv-faq-ic::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .25s}
.sv-faq-ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.sv-faq[open] .sv-faq-ic{background:var(--ink);border-color:var(--ink)}
.sv-faq[open] .sv-faq-ic::before,.sv-faq[open] .sv-faq-ic::after{background:#fff}
.sv-faq[open] .sv-faq-ic::after{transform:translate(-50%,-50%) rotate(0)}
.sv-faq p{margin:0;padding:0 46px 20px calc(2.4ch + 14px);color:var(--text)}

@media (max-width:599px){
  .sv-bento-item{display:grid;grid-template-columns:46px 1fr;column-gap:14px;padding:18px}
  .sv-bento-ic{grid-row:1/3;margin:0}
  .sv-bento-item h3{margin-top:2px}
  .sv-tile{padding:20px 18px}
  .sv-tile-big{font-size:2.1rem}
  .sv-intro-badge{width:92px;height:92px;right:0}
  .sv-intro-badge strong{font-size:1.5rem}
}
@media (min-width:600px){
  .sv-glance-card{padding:24px 28px}
  .sv-glance dl{grid-template-columns:1fr 1fr;column-gap:28px}
  .sv-bento{grid-template-columns:1fr 1fr}
  .sv-bento-photo{grid-column:1/-1}
  .sv-tile-list{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .sv-glance{padding-top:36px}
  .sv-glance dl{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));column-gap:0}
  .sv-glance dl>div{border-top:0;padding:8px 20px;border-left:1px solid var(--line)}
  .sv-glance dl>div:first-child{border-left:0;padding-left:0}
  .sv-jump ul{justify-content:center}
  .sv-intro-grid{grid-template-columns:1.05fr .95fr;gap:72px}
  .sv-bento{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sv-bento-photo{grid-column:1;grid-row:1/span var(--rows,2);min-height:0}
  .sv-timeline{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:20px}
  .sv-timeline li{padding:0}
  .sv-timeline li::before{left:58px;right:-14px;top:23px;bottom:auto;width:auto;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}
  .sv-tl-n{position:relative;margin-bottom:14px}
  .sv-timeline h3{margin-top:0}
  .sv-head-split{grid-template-columns:1fr 1fr;gap:48px;align-items:end}
  .sv-head-split h2{margin:0}
  .sv-tile-list{grid-template-columns:repeat(6,minmax(0,1fr))}
  .sv-tile{grid-column:span 2}
  .sv-tile-list>.sv-tile:nth-last-child(2):nth-child(3n+1),.sv-tile-list>.sv-tile:nth-last-child(1):nth-child(3n+2){grid-column:span 3}
  .sv-reach-grid{grid-template-columns:1fr 1fr;gap:64px}
  .sv-reach-card{padding:34px}
  .sv-why-grid{grid-template-columns:.9fr 1.1fr;gap:72px}
  .sv-ck-grid{grid-template-columns:.8fr 1.2fr;gap:64px}
  .sv-ck-head{position:sticky;top:calc(var(--header-h) + 90px)}
  .sv-ck-list{grid-template-columns:1fr 1fr}
  .sv-faq-grid{grid-template-columns:.8fr 1.2fr;gap:72px}
  .sv-faq-side{position:sticky;top:calc(var(--header-h) + 90px)}
}

/* =================== Testimonials page (session 10) =================== */
.tm-hero{position:relative;overflow:hidden;background:#F4F6FD;padding:20px 0 64px;border-bottom:1px solid #E3E8F8}
.tm-hero::after{content:"\201C";position:absolute;right:-20px;top:-80px;font-size:34rem;line-height:1;font-weight:800;color:rgba(20,40,149,.05);pointer-events:none}
.tm-hero .container{position:relative;z-index:1}
.tm-hero .breadcrumb ol{padding:0 0 22px}
.tm-hero-grid{display:grid;gap:36px;align-items:center}
.tm-hero h1{font-size:clamp(2.2rem,5.2vw,3.9rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 .45em;max-width:16ch}
.tm-h1-em{display:block;color:var(--accent-strong);font-style:italic}
.tm-lead{font-size:1.12rem;line-height:1.65;max-width:56ch;color:var(--text)}
.tm-lead strong{color:var(--ink)}
.tm-hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:26px 0 0}
.tm-hero-ctas .ab-link .icon{width:18px;height:18px}
.tm-board{position:relative;padding:28px 26px;border-radius:var(--radius);background:var(--ink);color:#C9D0EE;box-shadow:var(--shadow-lg);transform:rotate(1.2deg)}
.tm-board-top{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tm-board-g{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff}
.tm-board-g .icon{width:18px;height:18px}
.tm-board-score{margin:14px 0 0;line-height:1;color:#fff}
.tm-board-score strong{font-size:5.4rem;font-weight:800;letter-spacing:-.04em}
.tm-board-score span{font-size:1.4rem;color:#8E97C4;margin-left:4px}
.tm-board-stars{margin:6px 0 2px;font-size:1.5rem;letter-spacing:4px;color:var(--yellow)}
.tm-board-count{margin:0 0 20px}
.tm-board-count strong{color:#fff}
.tm-board-list{list-style:none;display:grid;gap:12px;margin:0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.tm-board-list li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:12px;font-size:.9rem}
.tm-board-list strong{color:#fff}
.tm-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.tm-bar span{display:block;height:100%;border-radius:inherit;background:var(--yellow)}

.tm-head{max-width:720px;margin-bottom:34px}
.tm-head h2,.tm-themes h2{font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.12;margin-bottom:.3em}
.tm-head p{color:var(--muted);font-size:1.05rem;margin:0}
.tm-head-row{max-width:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px}
.tm-head-row h2{margin:0}

.tm-wall{background:#fff}
.tm-masonry{columns:1;column-gap:18px}
.tm-card{break-inside:avoid;margin:0 0 18px;padding:24px 22px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}
.tm-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.tm-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.tm-stars{color:#F5A623;letter-spacing:2px}
.tm-g .icon{width:20px;height:20px}
.tm-card blockquote{margin:0}
.tm-card blockquote p{margin:0;color:var(--ink);line-height:1.65}
.tm-card figcaption{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
.tm-card figcaption strong{display:block;color:var(--ink)}
.tm-card figcaption small{display:block;color:var(--muted);font-size:.82rem}
.tm-avatar{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--brand-50);color:var(--brand);font-weight:800;font-size:.9rem}
.tm-card:nth-child(3n+2) .tm-avatar{background:#FDE8E8;color:var(--accent-strong)}
.tm-card:nth-child(3n) .tm-avatar{background:#E4F5EA;color:var(--green-text)}
.tm-card-feature{background:var(--brand);border-color:var(--brand)}
.tm-card-feature blockquote p{color:#fff;font-size:1.08rem}
.tm-card-feature .tm-stars{color:var(--yellow)}
.tm-card-feature .tm-g{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff}
.tm-card-feature .tm-g .icon{width:17px;height:17px}
.tm-card-feature figcaption{border-top-color:rgba(255,255,255,.2)}
.tm-card-feature figcaption strong{color:#fff}
.tm-card-feature figcaption small{color:#C9D0EE}
.tm-card-feature .tm-avatar{background:var(--accent-strong);color:#fff}

.tm-themes{background:var(--brand-900);color:#C9D0EE}
.tm-themes-head{max-width:720px;margin-bottom:36px}
.tm-themes h2{color:#fff}
.tm-theme-list{list-style:none;margin:0;border-top:1px solid rgba(255,255,255,.12)}
.tm-theme-list>li{display:grid;gap:14px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.tm-theme-name{display:flex;align-items:center;gap:14px}
.tm-theme-ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--brand);color:#fff}
.tm-theme-name h3{margin:0;color:#fff;font-size:1.2rem}
.tm-theme-quotes{list-style:none;display:grid;gap:10px;margin:0}
.tm-theme-quotes li{padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.tm-theme-quotes q{color:#fff;font-size:1.02rem;font-style:italic}
.tm-theme-quotes cite{display:block;margin-top:4px;font-style:normal;font-size:.84rem;color:#8E97C4}


.tm-offices{background:#fff}
.tm-office-list{list-style:none;display:grid;gap:16px}
.tm-office-list li{position:relative;padding:26px 24px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,var(--brand-50) 100%)}
.tm-office-pin{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent-strong);color:#fff;margin-bottom:14px}
.tm-office-list h3{font-size:1.15rem;margin-bottom:8px}
.tm-office-rating{display:flex;align-items:center;gap:10px;margin:0}
.tm-office-rating strong{font-size:2.4rem;line-height:1;color:var(--ink)}
.tm-office-count{color:var(--muted);margin:4px 0 16px}
.tm-office-list a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--brand);text-decoration:none}
.tm-office-list a:hover{color:var(--accent-strong)}

.tm-leave{background:var(--accent-strong);color:#fff;padding:44px 0}
.tm-leave-inner{display:grid;gap:18px;align-items:center}
.tm-leave-q{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#fff;color:var(--accent-strong)}
.tm-leave-q .icon{width:28px;height:28px}
.tm-leave h2{font-size:clamp(1.5rem,3vw,2.1rem);color:#fff;margin:0 0 .2em}
.tm-leave p{margin:0}

@media (min-width:600px){
  .tm-masonry{columns:2}
      .tm-office-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
}
@media (min-width:900px){
  .tm-hero{padding:28px 0 88px}
  .tm-hero-grid{grid-template-columns:1.25fr .75fr;gap:72px}
  .tm-board{padding:34px 32px}
  .tm-masonry{columns:3}
  .tm-theme-list>li{grid-template-columns:320px 1fr;gap:32px;align-items:start;padding:28px 0}
  .tm-theme-quotes{grid-template-columns:1fr 1fr}
      .tm-leave-inner{grid-template-columns:auto 1fr auto;gap:28px}
}

/* =================== Know your price (session 12: centered head + 3-step form) =================== */
.kp-top{position:relative;overflow:hidden;padding:24px 0 72px;background:radial-gradient(ellipse at 50% -10%,#E3E8FA 0%,transparent 60%),linear-gradient(180deg,#F5F7FD 0%,#fff 70%);text-align:center}
.kp-top::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,40,149,.08) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 55%);mask-image:linear-gradient(180deg,#000 0%,transparent 55%);pointer-events:none}
.kp-top .container{position:relative}
.kp-crumbs ol{justify-content:center;padding:0 0 18px}
.kp-top h1{font-size:clamp(2.3rem,5.6vw,4rem);line-height:1.04;letter-spacing:-.025em;margin:0 auto .3em;max-width:16ch}
.kp-sub{font-size:1.12rem;color:var(--muted);margin:0 auto 34px;max-width:52ch}
.kp-card{max-width:860px;margin:0 auto;text-align:left;background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px 18px;box-shadow:0 30px 80px -20px rgba(10,20,80,.22)}
.kp-trust{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:22px 0 0;color:var(--muted);font-size:.92rem}
.kp-trust strong{color:var(--ink)}
.kp-trust-g{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;box-shadow:var(--shadow-sm)}
.kp-trust-g .icon{width:16px;height:16px}

/* 3-step form */
.pw{border:0}
.pw-step{border:0;margin:0;padding:0;min-width:0}
.pw-step[hidden]{display:none}
.pw-progress{display:none}
.pw.is-wizard .pw-progress{display:block;margin-bottom:24px}
.pw-progress ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px}
.pw-progress li{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:700;color:var(--muted);min-width:0}
.pw-progress li span{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand-50);color:var(--brand);font-size:.82rem;transition:background .3s,color .3s}
.pw-progress li.is-active{color:var(--ink)}
.pw-progress li.is-active span{background:var(--brand);color:#fff}
.pw-progress li.is-done span{background:var(--green);color:#fff}
.pw-bar{height:5px;border-radius:99px;background:var(--brand-50);overflow:hidden}
.pw-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent-strong));transform-origin:left;transform:scaleX(.33);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.pw-legend{display:block;width:100%;padding:0;margin:0 0 20px;font-size:1.35rem;font-weight:800;color:var(--ink);line-height:1.25}
.pw-legend:focus{outline:none}
.pw-legend-n{display:block;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:4px}
.pw:not(.is-wizard) .pw-step+.pw-step{margin-top:32px;padding-top:28px;border-top:1px dashed var(--line)}
.pw-group{margin-bottom:22px}
.pw-label{font-weight:700;font-size:.92rem;color:var(--ink);margin:0 0 10px}
.pw-label-sm{font-size:.84rem;margin:14px 0 8px}
.pw-opt{font-weight:500;font-size:.8rem;color:var(--muted);margin-left:4px}
.pw-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.pw-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pw-cards-sm{grid-template-columns:repeat(3,minmax(0,1fr))}
.pw-card{position:relative;display:grid;justify-items:center;text-align:center;gap:4px;padding:16px 8px;border:1.5px solid var(--line);border-radius:16px;background:#F9FAFD;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.pw-card:hover{border-color:var(--brand-100);transform:translateY(-2px)}
.pw-card input,.pw-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pw-card-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff;color:var(--brand);box-shadow:var(--shadow-sm);margin-bottom:4px;transition:background .2s,color .2s}
.pw-card strong{color:var(--ink);font-size:.98rem}
.pw-card small{color:var(--muted);font-size:.76rem;line-height:1.3}
.pw-card:has(input:checked){border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(20,40,149,.1)}
.pw-card:has(input:checked) .pw-card-ic{background:var(--brand);color:#fff}
.pw-card:has(input:checked)::after{content:"";position:absolute;right:10px;top:10px;width:18px;height:18px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
.pw-card:has(input:focus-visible),.pw-chip:has(input:focus-visible) span{outline:3px solid var(--brand);outline-offset:2px}
.pw-cards-sm .pw-card{padding:14px 8px}
.pw-chips{display:flex;flex-wrap:wrap;gap:8px}
.pw-chip{position:relative;cursor:pointer}
.pw-chip span{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1.5px solid var(--line);border-radius:999px;background:#F9FAFD;font-size:.9rem;font-weight:600;color:var(--text);transition:all .2s}
.pw-chip:hover span{border-color:var(--brand-100)}
.pw-chip input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}
.pw-chip-check span .icon{width:0;height:14px;opacity:0;transition:width .2s,opacity .2s}
.pw-chip-check input:checked+span .icon{width:14px;opacity:1}
.pw-chips-sm span{padding:7px 18px}
.pw-access{display:grid;gap:12px;margin-bottom:22px}
.pw-access-box{padding:16px;border-radius:16px;background:var(--brand-50)}
.pw-access-title{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--ink);margin:0 0 12px}
.pw-access-title .icon{color:var(--accent-strong)}
.pw-access .field select{background:#fff}
.pw .field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-size:16px;color:var(--ink);background:#F9FAFD;resize:vertical;min-height:90px}
.pw .field textarea:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(20,40,149,.12)}
.pw .form-grid{margin-bottom:6px}
.pw .field-full{grid-column:1/-1}
.pw-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:14px;border-radius:16px;background:#F4F6FD;border:1px dashed #D5DCF2}
.pw-summary span{display:grid;padding:6px 12px;border-radius:10px;background:#fff;font-size:.88rem;font-weight:700;color:var(--ink)}
.pw-summary small{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pw-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}
.pw-nav .btn[hidden]{display:none}
.pw-nav .pw-next,.pw-nav .pw-submit{flex:1 1 220px}
.pw .pw-submit.btn-block,.pw .pw-submit{margin-top:0}
.pw-back{min-height:54px;padding:0 18px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:700}
.pw-back:hover{border-color:var(--ink);color:var(--ink)}

/* Date picker (all lead forms) */
.dp{position:relative}
.dp-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:11px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#F9FAFD;font:inherit;font-size:16px;color:var(--muted);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.dp-btn .icon{flex:none;width:20px;height:20px;color:var(--brand)}
.dp-btn .dp-val{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-btn.has-value{color:var(--ink);font-weight:600}
.dp-caret{width:16px!important;height:16px!important;color:var(--muted)!important;transition:transform .2s}
.dp.is-open .dp-caret{transform:rotate(180deg)}
.dp-btn:focus-visible,.dp.is-open .dp-btn{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(20,40,149,.12)}
.dp:has(input[aria-invalid="true"]) .dp-btn,.dp-btn[aria-invalid="true"]{border-color:var(--accent-strong);background:#FFF6F6}
.is-quick .dp-btn{min-height:46px}
.dp-pop{position:absolute;z-index:60;left:0;top:calc(100% + 8px);width:304px;max-width:calc(100vw - 32px);padding:14px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px rgba(10,20,80,.24);animation:dp-in .18s ease-out}
.dp-pop.dp-right{left:auto;right:0}
.dp-pop[hidden]{display:none}
@keyframes dp-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.dp-title{font-size:1rem;color:var(--ink)}
.dp-nav{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:var(--brand-50);color:var(--brand);cursor:pointer}
.dp-nav:hover{background:var(--brand);color:#fff}
.dp-nav:disabled{opacity:.35;cursor:default;background:var(--brand-50);color:var(--brand)}
.dp-nav .icon{width:16px;height:16px}
.dp-week,.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.dp-week span{font-size:.72rem;font-weight:800;color:var(--muted);padding:4px 0}
.dp-grid button{aspect-ratio:1;border:0;border-radius:10px;background:none;font:inherit;font-size:.9rem;font-weight:600;color:var(--ink);cursor:pointer;transition:background .15s,color .15s}
.dp-grid button:hover:not(:disabled){background:var(--brand-50);color:var(--brand)}
.dp-grid button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.dp-grid button.is-today{box-shadow:inset 0 0 0 1.5px var(--accent-strong)}
.dp-grid button.is-selected{background:var(--brand);color:#fff}
.dp-grid button:disabled{color:#C3C8DA;cursor:default;text-decoration:line-through}
.dp-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.dp-foot button{flex:1 1 auto;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:.8rem;font-weight:700;color:var(--ink);cursor:pointer}
.dp-foot button:hover{background:var(--ink);border-color:var(--ink);color:#fff}

@media (min-width:600px){
  .kp-card{padding:34px 36px}
  .pw-access{grid-template-columns:1fr 1fr}
  .pw-card{padding:20px 12px}
}
@media (max-width:420px){
  .pw-progress li{font-size:0;gap:0;justify-content:center}
  .pw-progress li span{font-size:.82rem}
  .pw-card small{display:none}
}
@media (min-width:900px){
  .kp-top{padding:32px 0 96px}
}

/* =================== Location pages (session 14, pilot: Tambaram) =================== */
.lc-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#EEF1FB 0%,#F8F9FE 100%);padding:16px 0 64px;border-bottom:1px solid var(--line)}
.lc-watermark{position:absolute;left:50%;bottom:-.18em;transform:translateX(-50%);font-size:clamp(5rem,17vw,15rem);font-weight:800;line-height:1;letter-spacing:-.04em;white-space:nowrap;color:transparent;-webkit-text-stroke:2px rgba(20,40,149,.08);pointer-events:none;user-select:none}
.lc-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center}
.lc-hero .breadcrumb ol{padding:0 0 16px}
.lc-hero h1{font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.04;letter-spacing:-.025em;margin:0 0 .45em}
.lc-h1-area{display:block;color:var(--brand);position:relative;width:max-content;max-width:100%}
.lc-h1-area::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.16em;border-radius:99px;background:rgba(255,86,67,.45);z-index:-1}
.lc-answer{font-size:1.06rem;line-height:1.7;color:var(--text);max-width:62ch;margin:0}
.lc-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.lc-chips li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.88rem;color:var(--text)}
.lc-chips li>.icon{width:18px;height:18px;color:var(--brand)}
.lc-chips strong{color:var(--ink)}
.lc-chip-g .icon{width:16px;height:16px}
.lc-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.lc-form{position:relative;background:#fff;border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow-lg);border-top:5px solid var(--brand)}
.lc-form-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green-text)}
.lc-form-kicker .icon{width:16px;height:16px}
.lc-form-title{font-size:1.35rem;line-height:1.25;margin:0 0 16px}

.lc-facts{background:var(--ink);color:#C9D0EE;padding:26px 0}
.lc-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:0}
.lc-facts dt{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sky);margin-bottom:3px}
.lc-facts dd{margin:0;color:#fff;font-weight:600;font-size:.94rem;line-height:1.4}

.lc-head{max-width:740px;margin-bottom:32px}
.lc-head h2,.lc-intro h2,.lc-moves h2,.lc-why h2{font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.14;margin-bottom:.4em}
.lc-head p{font-size:1.06rem;color:var(--ink);margin:0}
.lc-head-row{max-width:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px}
.lc-head-row h2{margin:0}
.lc-answer-line{font-size:1.08rem;color:var(--ink);font-weight:600}

.lc-intro-grid{display:grid;gap:36px;align-items:start}
.lc-intro-text p{font-size:1.04rem;line-height:1.75}
.lc-lead{font-size:1.18rem!important;color:var(--ink)}
.lc-office{padding:26px 24px;border-radius:var(--radius);background:linear-gradient(160deg,var(--brand) 0%,var(--brand-900) 100%);color:#C9D0EE;box-shadow:var(--shadow-lg)}
.lc-office-tag{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:5px 12px;border-radius:999px;background:var(--accent-strong);color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.lc-office-tag .icon{width:14px;height:14px}
.lc-office h3{color:#fff;font-size:1.3rem;margin-bottom:.4em}
.lc-office-note{color:#fff;margin:0 0 14px}
.lc-office address{font-style:normal;font-size:.92rem;line-height:1.6;padding:12px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.lc-office ul{list-style:none;display:grid;gap:8px;margin:14px 0 18px;font-size:.92rem}
.lc-office li{display:flex;align-items:center;gap:8px}
.lc-office li .icon{width:16px;height:16px;color:var(--coral)}
.lc-office-btns{display:flex;flex-wrap:wrap;gap:10px;margin:0}

.lc-svc{background:var(--brand-50)}
.lc-svc-list{list-style:none;display:grid;gap:18px}
.lc-svc-card{display:flex;flex-direction:column;border-radius:var(--radius);background:#fff;overflow:hidden;border:1px solid var(--line);transition:transform .3s,box-shadow .3s}
.lc-svc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.lc-svc-media{position:relative;aspect-ratio:16/9;overflow:hidden}
.lc-svc-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.lc-svc-card:hover .lc-svc-media img{transform:scale(1.05)}
.lc-svc-ic{position:absolute;left:18px;bottom:-22px;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--accent-strong);color:#fff;box-shadow:0 0 0 5px #fff}
.lc-svc-card .lc-svc-media{overflow:visible}
.lc-svc-media img{border-radius:0}
.lc-svc-body{padding:34px 22px 24px;display:flex;flex-direction:column;flex:1}
.lc-svc-body h3{font-size:1.2rem;margin-bottom:.35em}
.lc-svc-body p{color:var(--muted);font-size:.96rem;flex:1}
.lc-more{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--brand);text-decoration:none}
.lc-more:hover{color:var(--accent-strong)}

.lc-moves{background:var(--brand-900);color:#C9D0EE}
.lc-moves h2{color:#fff}
.lc-moves .lc-answer-line{color:#fff}
.lc-moves-grid{display:grid;gap:32px;align-items:start}
.lc-moves-links{display:grid;gap:14px}
.lc-route-box{padding:22px;border-radius:var(--radius-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.lc-route-label{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-weight:800;color:#fff}
.lc-route-label .icon{color:var(--coral)}
.lc-route-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0}
.lc-route-chips a{display:inline-block;padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.88rem;text-decoration:none;transition:background .2s,color .2s}
.lc-route-chips a:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}
.lc-route-list{list-style:none;display:grid;gap:6px;margin:0}
.lc-route-list a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.04);color:#C9D0EE;text-decoration:none;font-size:.92rem;transition:background .2s}
.lc-route-list a:hover{background:rgba(169,193,255,.12)}
.lc-route-list .icon{width:16px;height:16px;color:var(--coral)}
.lc-route-list strong{color:#fff}

.lc-map{position:relative;background:#E8ECF7;padding-bottom:40px}
.lc-map-frame{display:block;width:100%;height:300px;border:0;filter:saturate(.85)}
.lc-map .container{position:relative}
.lc-map-card{position:relative;margin:-56px 0 0;padding:24px 22px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-lg)}
.lc-map-card h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:.3em}
.lc-map-card>p{color:var(--muted);margin-bottom:14px}
.lc-locals{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0}
.lc-locals li{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere;font-weight:600;color:var(--ink);font-size:.94rem}
.lc-locals .icon{flex:none;width:20px;height:20px;padding:4px;border-radius:50%;background:var(--green);color:#fff}

.lc-tips{background:#F4F6FD;padding-top:calc(var(--section-y,72px))}
.lc-tip-list{list-style:none;display:grid;gap:14px;margin:0}
.lc-tip-list li{position:relative;padding:24px 22px 22px 22px;border-radius:var(--radius-md);background:#fff;border:1px solid #E3E8F8}
.lc-tip-n{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--brand);color:#fff;font-weight:800;margin-bottom:12px}
.lc-tip-list h3{font-size:1.08rem;margin-bottom:.3em}
.lc-tip-list p{margin:0;color:var(--muted);font-size:.95rem}


.lc-nearby{background:#fff;padding-top:0}
.lc-nearby-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}
.lc-nearby-list a{position:relative;display:grid;padding:16px 44px 16px 18px;border-radius:14px;border:1px solid var(--line);background:#fff;text-decoration:none;transition:border-color .2s,background .2s}
.lc-nearby-list a:hover{border-color:var(--brand);background:var(--brand-50)}
.lc-nearby-list span{font-size:.76rem;color:var(--muted)}
.lc-nearby-list strong{color:var(--ink)}
.lc-nearby-list .icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--accent-strong)}

@media (min-width:600px){
  .lc-form{padding:28px}
  .lc-facts dl{grid-template-columns:repeat(3,1fr)}
  .lc-tip-list{grid-template-columns:1fr 1fr}
  .lc-locals{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
  .lc-hero{padding:24px 0 96px}
  .lc-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:56px}
  .lc-facts dl{grid-template-columns:repeat(6,1fr);gap:0}
  .lc-facts dl>div{padding:0 18px;border-left:1px solid rgba(255,255,255,.12)}
  .lc-facts dl>div:first-child{padding-left:0;border-left:0}
  .lc-intro-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:64px}
  .lc-office{position:sticky;top:calc(var(--header-h) + 24px)}
  .lc-svc-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lc-moves-grid{grid-template-columns:1fr 1fr;gap:64px}
  .lc-map{padding:64px 0;min-height:520px}
  .lc-map-frame{position:absolute;inset:0;height:100%}
  .lc-map-card{margin:0;width:440px}
  .lc-tip-list{grid-template-columns:repeat(6,minmax(0,1fr))}
  .lc-tip-list li{grid-column:span 2}
  .lc-tip-list>li:nth-last-child(2):nth-child(3n+1),.lc-tip-list>li:nth-last-child(1):nth-child(3n+2){grid-column:span 3}
  .lc-locals{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Location pages — session 15 additions: marquee, keyword questions, numbers, comparison, reviews */
.lc-marquee .marquee{background:var(--accent-strong);color:#fff;padding:14px 0;font-weight:700;font-size:.98rem}
.lc-marquee .icon{width:20px;height:20px;color:#fff}
.lc-marquee li::after{content:"✦";margin-left:34px;color:rgba(255,255,255,.55);font-size:.8rem}
.lc-head-center{margin-inline:auto;text-align:center}

/* "Moving to / Looking for …?" (location + route pages): full section padding by default; it joins a white section above
   it (location: .lc-intro) without a double gap, and on route pages it follows the tinted road band (needs its own top
   padding) and is followed by the white steps section (which then drops its top padding instead). */
.lc-seek{background:#fff}
.lc-intro+.lc-seek{padding-top:0}
.lc-seek+.rt-steps{padding-top:0}
.lc-seek-list{list-style:none;display:grid;gap:14px}
.lc-seek-list li{position:relative;padding:26px 22px;border-radius:var(--radius-md);background:var(--brand-50);border:1px solid transparent;transition:border-color .25s,transform .25s,box-shadow .25s}
.lc-seek-list li:hover{border-color:var(--brand-100);transform:translateY(-3px);box-shadow:var(--shadow)}
.lc-seek-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand);color:#fff;margin-bottom:14px}
.lc-seek-list li:nth-child(even) .lc-seek-ic{background:var(--accent-strong)}
.lc-seek-list h3{font-size:1.12rem;line-height:1.35;margin-bottom:.4em}
.lc-seek-list p{margin:0;color:var(--muted);font-size:.96rem}
.lc-seek-cta{text-align:center;margin:28px 0 0}

.lc-numbers{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--brand) 0%,var(--brand-900) 100%);color:#C9D0EE;padding:48px 0}
.lc-numbers::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}
.lc-numbers .container{position:relative}
.lc-numbers-title{color:#fff;font-size:clamp(1.3rem,2.6vw,1.8rem);text-align:center;margin:0 0 28px}
.lc-numbers-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;margin:0;text-align:center}
.lc-numbers-list strong{display:block;font-size:clamp(2rem,4.6vw,3rem);font-weight:800;line-height:1.05;color:#fff;letter-spacing:-.02em}
.lc-numbers-list span{display:block;margin-top:6px;font-size:.88rem}
.lc-numbers-list li:last-child{grid-column:1/-1}

.lc-diff{background:#fff}
.lc-diff-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.lc-diff-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.96rem}
.lc-diff-table th,.lc-diff-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.lc-diff-table tr:last-child th,.lc-diff-table tr:last-child td{border-bottom:0}
.lc-diff-table thead th{font-size:.92rem;background:#F7F8FC;color:var(--muted)}
.lc-diff-table thead th.lc-diff-us{background:var(--brand);color:#fff;border-radius:0}
.lc-diff-table thead .icon{width:22px;height:22px;padding:4px;border-radius:50%;vertical-align:-6px;margin-right:6px;background:var(--green);color:#fff}
.lc-diff-table tbody th{color:var(--ink);font-weight:800;width:18%}
.lc-diff-table td.lc-diff-us{background:#F2F5FE;color:var(--ink);font-weight:700}
.lc-diff-table td .icon{width:20px;height:20px;padding:4px;border-radius:50%;vertical-align:-5px;margin-right:6px}
.lc-diff-table td.lc-diff-us .icon{background:var(--green);color:#fff}
.lc-diff-them{color:var(--muted)}
.lc-diff-table td.lc-diff-them .icon{background:#FDE8E8;color:var(--accent-strong)}

.lc-reviews{background:#F4F6FD}
.lc-reviews .lc-head p{color:var(--muted);margin-top:.4em}
/* reviews (session 20): equal 6-card grid, local reviews first, Google summary pill in the head */
.lc-rv-summary{display:inline-flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:16px;background:#fff;border:1px solid #E3E8F8;box-shadow:var(--shadow-sm);color:var(--ink);text-decoration:none;align-self:flex-start;transition:box-shadow .2s,transform .2s}
.lc-rv-summary:hover{color:var(--ink);transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(10,20,80,.3)}
.lc-rv-summary-g{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#F4F6FD}
.lc-rv-summary-g .icon{width:24px;height:24px}
.lc-rv-summary strong{font-size:1.35rem;font-weight:800}
.lc-rv-summary-stars{color:#F5A623;letter-spacing:1px}
.lc-rv-summary small{display:block;font-size:.8rem;color:var(--muted)}
.lc-rv-summary>.icon{width:16px;height:16px;color:var(--muted)}
.lc-rv-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
.lc-rv{position:relative;display:flex;flex-direction:column;height:100%;padding:22px 22px 20px;border-radius:20px;background:#fff;border:1px solid #E3E8F8;box-shadow:0 2px 0 #E3E8F8;transition:transform .3s,box-shadow .3s}
.lc-rv:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(10,20,80,.25)}
.lc-rv-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.lc-rv-stars{color:#F5A623;letter-spacing:2px;font-size:1.05rem}
.lc-rv-g .icon{width:20px;height:20px}
.lc-rv-place{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:0 0 12px;padding:4px 10px;border-radius:999px;background:#FDE8E8;color:var(--accent-strong-dark);font-size:.8rem;font-weight:700}
.lc-rv-place .icon{width:13px;height:13px}
.lc-rv blockquote{margin:0}
.lc-rv-text{margin:0 0 18px;color:var(--ink);line-height:1.65}
.js .lc-rv-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}
.js .lc-rv.is-open .lc-rv-text{display:block;-webkit-line-clamp:unset;line-clamp:unset}
.lc-rv-more{align-self:flex-start;margin-top:8px;padding:0;border:0;background:none;font:inherit;font-size:.86rem;font-weight:700;color:var(--brand);cursor:pointer;border-bottom:1.5px solid currentColor}
.lc-rv-more[hidden]{display:none}
.lc-rv-by{display:flex;align-items:center;gap:12px;margin:auto 0 0;padding-top:16px;border-top:1px dashed #D5DCF2}
.lc-rv-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brand-50);color:var(--brand);font-weight:800}
.lc-rv:nth-child(3n+2) .lc-rv-av{background:#FDE8E8;color:var(--accent-strong)}
.lc-rv:nth-child(3n) .lc-rv-av{background:#E4F5EA;color:var(--green-text)}
.lc-rv-by strong{display:block;color:var(--ink)}
.lc-rv-by small{font-size:.8rem;color:var(--muted)}
.lc-rv-local{border-color:#F6C7C7;box-shadow:0 2px 0 #F6C7C7}
.lc-rv-foot{margin:22px 0 0;text-align:center}
.lc-rv-todo{border:2px dashed #E0B000;background:#FFFBEB;box-shadow:none}
.lc-rv-todo 

@media (min-width:600px){
  .lc-seek-list{grid-template-columns:1fr 1fr}
  .lc-numbers-list{grid-template-columns:repeat(3,1fr)}
  .lc-numbers-list li:last-child{grid-column:auto}
  .lc-rv-grid{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .lc-numbers{padding:60px 0}
  .lc-numbers-list{grid-template-columns:repeat(5,1fr)}
  .lc-numbers-list li+li{border-left:1px solid rgba(255,255,255,.14)}
  .lc-seek-list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lc-rv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}

/* Takeout reviews (10 Nov): per-branch rating lines, branch label, "Read on Google", home grid next to the rating card */
.lc-rv-lines{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.lc-rv-lines .lc-rv-summary strong{font-size:1.15rem}
.lc-rv-read{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:12px;font-size:.84rem;font-weight:700;color:var(--brand);text-decoration:none;border-bottom:1.5px solid transparent}
.lc-rv-read:hover,.lc-rv-read:focus-visible{border-bottom-color:currentColor}
.lc-rv-read .icon{width:15px;height:15px}
.lc-rv-by small{display:block;line-height:1.4}
@media (min-width:900px){.reviews-grid .lc-rv-home{grid-template-columns:1fr 1fr}}
/* long area names ("Get my Perungalathur moving price") must wrap on small phones */
.lc-seek-cta .btn{max-width:100%;white-space:normal;text-align:center}

/* Google trust band (session 20): under the hero on every page — components/google-trust.php */
.gtrust{position:relative;z-index:2;padding:22px 0;background:#F4F6FD;border-bottom:1px solid #E3E8F8}
.gtrust-card{display:grid;gap:18px;align-items:center;padding:20px;border-radius:22px;background:#fff;border:1px solid #E3E8F8;box-shadow:0 16px 40px -24px rgba(10,20,80,.35)}
.gtrust-score{display:flex;align-items:center;gap:14px}
.gtrust-g{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff;border:1px solid #E3E8F8;box-shadow:var(--shadow-sm)}
.gtrust-g .icon{width:36px;height:36px}
.gtrust-score p{margin:0;line-height:1.2}
.gtrust-label{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.gtrust-num strong{font-size:2rem;font-weight:800;color:var(--ink);vertical-align:middle}
.gtrust-stars{color:#F5A623;font-size:1.15rem;letter-spacing:2px;vertical-align:middle}
.gtrust-count{font-weight:700;color:var(--brand)}
.gtrust-copy p{margin:0}
.gtrust-title{font-size:1.25rem;font-weight:800;line-height:1.25;color:var(--ink)}
.gtrust-title span{color:var(--accent-strong)}
.gtrust-sub{margin-top:6px!important;color:var(--muted);font-size:.95rem;line-height:1.5}
.gtrust-branches{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gtrust-branches li{display:inline-flex;align-items:baseline;gap:5px;padding:6px 11px;border-radius:999px;background:#F4F6FD;font-size:.82rem;color:var(--ink)}
.gtrust-branches strong{color:var(--ink)}
.gtrust-branches small{color:var(--muted)}
.gtrust-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s}
.gtrust-btn:hover,.gtrust-btn:focus-visible{background:var(--accent-strong);color:#fff;transform:translateY(-1px)}
.gtrust-btn .icon{width:16px;height:16px}
.gtrust-home .gtrust-title{font-size:1.4rem}
@media (min-width:900px){
  .gtrust-card{grid-template-columns:auto minmax(0,1fr) auto;padding:22px 26px;column-gap:28px}
  .gtrust-score{padding-right:28px;border-right:1px solid #E3E8F8}
  .gtrust-branches{grid-column:2;margin-top:-6px}
  .gtrust-btn{grid-column:3;grid-row:1/3}
}
@media (min-width:1200px){
  .gtrust-card{grid-template-columns:auto minmax(0,1fr) auto auto}
  .gtrust-branches{grid-column:3;grid-row:1;flex-direction:column;margin:0}
  .gtrust-branches li{justify-content:space-between}
  .gtrust-btn{grid-column:4;grid-row:1}
}

/* eyebrow guard (session 18): section rules like ".lc-head p" must not resize or strip the margin of the eyebrow <p> */
p.eyebrow.eyebrow{font-size:.84rem;line-height:1.35;font-weight:600;margin:0 0 1rem;padding:5px 14px 5px 5px;max-width:none;color:var(--brand);text-align:left}
p.eyebrow.eyebrow-light,p.eyebrow.eyebrow-glass{color:#fff}

/* required-field marker (all forms) */
.req{color:var(--accent-strong);font-weight:800;margin-left:1px}
.form-req-note{font-size:.8rem;color:var(--muted);margin:0 0 12px}
.form-req-note .req{margin:0 2px 0 0}

/* in-page link targets get tabindex=-1 from main.js; no focus ring on whole sections */
[tabindex="-1"]:focus{outline:none}

/* ---------- Motion preferences ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv-wait .reveal{opacity:1;transform:none}
  .marquee{overflow-x:auto}
}





.lc-bike-note{display:flex;gap:10px;align-items:flex-start;margin:22px 0 0;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.lc-bike-note>.icon{flex:none;width:22px;height:22px;color:var(--brand)}
.lc-bike-note a{font-weight:700;white-space:nowrap}
.lc-bike-note a .icon{width:16px;height:16px;vertical-align:-3px}

/* =================== Route pages (session 24): /packers-and-movers-chennai-to-*/ =================== */
.rt-ribbon{display:flex;align-items:center;gap:10px;margin:0 0 14px;max-width:440px;font-size:.86rem;font-weight:800;color:var(--ink)}
.rt-ribbon-pt{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);white-space:nowrap}
.rt-ribbon-pt .icon{width:15px;height:15px;color:var(--brand)}
.rt-ribbon-to{background:var(--brand);border-color:var(--brand);color:#fff}
.rt-ribbon-to .icon{color:#fff}
.rt-ribbon-line{position:relative;flex:1;min-width:48px;height:2px;background:repeating-linear-gradient(90deg,var(--brand) 0 8px,transparent 8px 14px)}
.rt-ribbon-truck{position:absolute;top:50%;left:0;transform:translate(0,-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent-strong);color:#fff;animation:rt-drive 4.5s ease-in-out infinite alternate}
.rt-ribbon-truck .icon{width:15px;height:15px}
@keyframes rt-drive{from{left:0}to{left:calc(100% - 28px)}}

.rt-road{background:var(--brand-50)}
.rt-road-grid{display:grid;gap:36px;align-items:start}
.rt-road h2{font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.14;margin-bottom:.4em}
.rt-road-text p{font-size:1.02rem;line-height:1.75}
.rt-stops{list-style:none;margin:0;padding:24px 22px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.rt-stop{position:relative;display:flex;flex-direction:column;padding:0 0 18px 30px;color:var(--text)}
.rt-stop::before{content:"";position:absolute;left:7px;top:14px;bottom:-2px;border-left:2px dashed rgba(20,40,149,.3)}
.rt-stop:last-child{padding-bottom:0}
.rt-stop:last-child::before{display:none}
.rt-dot{position:absolute;left:1px;top:5px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--brand)}
.rt-stop-end .rt-dot{background:var(--accent-strong);border-color:var(--accent-strong)}
.rt-stop strong{color:var(--ink);font-size:1.05rem}
.rt-stop small{color:var(--muted);font-size:.85rem}

.rt-step-list{list-style:none;display:grid;gap:16px;margin:0;counter-reset:none}
.rt-step-list li{position:relative;padding:22px 20px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}
.rt-step-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--brand-50);color:var(--brand);margin-bottom:12px}
.rt-step-n{position:absolute;top:16px;right:18px;font-size:2rem;font-weight:800;line-height:1;color:rgba(20,40,149,.1)}
.rt-step-list h3{font-size:1.08rem;margin-bottom:.3em}
.rt-step-list p{margin:0;color:var(--muted);font-size:.94rem}
.lc-svc-4 .lc-svc-media img{object-position:center}
@media (min-width:600px){
  .rt-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lc-svc-list.lc-svc-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
  .rt-road-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:64px}
  .rt-step-list{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:1100px){
  .lc-svc-list.lc-svc-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.rt-page .lc-moves-grid{grid-template-columns:minmax(0,1fr)}
.rt-city-btn{white-space:normal;text-align:left;height:auto;line-height:1.35;padding-top:10px;padding-bottom:10px}
@media (min-width:900px){.rt-page .lc-moves-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.lc-svc-media img{aspect-ratio:16/9;height:auto}

/* Blog (session 25, audit P3): /our-news/ index + post template */
.bp-page .page-hero h1{font-size:clamp(1.8rem,4.2vw,2.9rem);max-width:28ch}
.bp-wrap{padding-top:40px}
.bp-layout{display:grid;gap:32px;align-items:start}
.bp-article{min-width:0;max-width:760px}
.bp-figure{margin:0 0 14px}
.bp-figure img{width:100%;height:auto;aspect-ratio:570/370;border-radius:var(--radius-md);box-shadow:var(--shadow)}
.bp-meta{font-size:.9rem;color:var(--muted);margin:0 0 18px}
.bp-meta .icon{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.bp-toc{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--brand-50);padding:12px 16px;margin:0 0 24px}
.bp-toc summary{cursor:pointer;font-weight:700;color:var(--brand-900);display:flex;align-items:center;gap:8px}
.bp-toc ol{margin:12px 0 4px;padding-left:1.3em;display:grid;gap:6px}
.bp-toc a{color:var(--text)}
.bp-prose{color:var(--text);font-size:1.06rem;line-height:1.75}
.bp-prose h2{font-size:clamp(1.35rem,2.6vw,1.7rem);line-height:1.2;color:var(--ink);margin:1.8em 0 .5em;scroll-margin-top:calc(var(--header-h) + 16px)}
.bp-prose h3{font-size:1.18rem;color:var(--ink);margin:1.4em 0 .4em}
.bp-prose p{margin:0 0 1em}
.bp-prose ul,.bp-prose ol{margin:0 0 1.2em;padding-left:1.3em;display:grid;gap:6px}
.bp-prose a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.bp-author{display:flex;align-items:center;gap:8px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}
.bp-author .icon{color:var(--green);flex:none}
.bp-aside{display:grid;gap:18px}
.bp-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}
.bp-card p{margin:0 0 12px}
.bp-card-cta{background:var(--brand-900);color:#C9D0EE;border:0}
.bp-card-cta .bp-card-title{color:#fff}
.bp-card-cta .btn+.btn{margin-top:10px}
.bp-card-kicker{font-size:.85rem;font-weight:700;color:var(--yellow);display:flex;align-items:center;gap:6px}
.bp-card-title{font-weight:800;font-size:1.15rem;color:var(--ink)}
.bp-links ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.bp-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;color:var(--brand);font-weight:600;border-bottom:1px solid var(--line)}
.bp-links .icon{width:16px;height:16px;flex:none}
.bp-why{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.bp-why li{display:flex;gap:10px;align-items:flex-start}
.bp-why .icon{color:var(--sky);flex:none}
.bp-related{background:var(--brand-50)}
.bp-related h2{margin-bottom:24px}
.bl-grid{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.bl-card a{text-decoration:none;display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow);color:var(--text);transition:transform .25s}
.bl-card a:hover{transform:translateY(-3px)}
.bl-card-media img{display:block;width:100%;height:auto;aspect-ratio:570/370;object-fit:cover}
.bl-card-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px;flex:1}
.bl-card-cat{font-size:.82rem;font-weight:700;color:var(--green-text);text-transform:uppercase;letter-spacing:.04em}
.bl-card-title{font-weight:800;font-size:1.12rem;line-height:1.3;color:var(--ink)}
.bl-card-text{font-size:.95rem;color:var(--muted)}
.bl-card-more{margin-top:auto;display:flex;align-items:center;gap:6px;font-weight:700;color:var(--brand)}
.bl-all{margin:28px 0 0;text-align:center}
@media (min-width:640px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){
  .bp-layout{grid-template-columns:minmax(0,1fr) 320px;gap:56px}
  .bp-aside{position:sticky;top:calc(var(--header-h) + 20px)}
  .bl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Performance pass (session 26): skip style/layout/paint of off-screen sections until they near the viewport */
main > section:not(:first-child),main > .section:not(:first-child){content-visibility:auto;contain-intrinsic-size:auto 700px}
.map-facade{position:relative;display:grid;place-items:center;background:#E8ECF7 url(../img/map-preview.svg) center/cover no-repeat;height:300px}
.map-facade-inner{display:grid;justify-items:center;gap:10px;padding:16px;text-align:center}
.map-facade-label{display:inline-flex;align-items:center;gap:6px;margin:0;padding:8px 14px;border-radius:999px;background:#fff;color:var(--brand-900);font-weight:800;box-shadow:var(--shadow)}
.map-facade-label .icon{color:var(--accent-strong)}
.map-facade-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0}
.map-facade-frame{display:block;width:100%;height:100%;border:0}
@media (min-width:900px){.lc-map .map-facade{position:absolute;inset:0;height:100%}.lc-map .map-facade-inner{margin-left:min(480px,40vw)}}
.branch-map .map-facade{position:absolute;inset:0;height:auto}
.branch-map .map-facade-actions .btn{font-size:.82rem}

/* Privacy policy (templates/privacy-policy.php) */
.pp-inner{max-width:760px}
.pp-updated{color:var(--muted);font-size:.9rem;margin:0 0 8px}
.pp-body h2{font-size:clamp(1.25rem,2.4vw,1.6rem);margin:36px 0 10px;color:var(--ink)}
.pp-body p{margin:0 0 14px;line-height:1.7}

/* Track your package (agency 4 Nov, PROJECT §0f.5) */
.tr-inner{display:grid;gap:24px;max-width:960px}
@media (min-width:900px){.tr-inner{grid-template-columns:1.3fr 1fr;align-items:start}}
.tr-card{display:grid;gap:10px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.tr-title{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:1.3rem}
.tr-title .icon{width:24px;height:24px;color:var(--accent-strong)}
.tr-card label{font-weight:600;color:var(--ink)}
.tr-row{display:flex;flex-wrap:wrap;gap:10px}
.tr-row input{flex:1 1 180px;min-width:0;height:52px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-size:1rem;background:var(--brand-50)}
.tr-row input:focus{outline:0;border-color:var(--brand);background:#fff}
.tr-row input[aria-invalid="true"]{border-color:var(--accent-strong)}
.tr-row .btn{height:52px}
.tr-err{margin:0;color:var(--accent-strong-dark);font-size:.9rem}
.tr-err:empty{display:none}
.tr-soon{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-weight:600;color:var(--brand)}
.tr-soon .icon{width:18px;height:18px}
.tr-note{margin:0;font-size:.85rem;color:var(--muted)}
.tr-help{padding:24px;border-radius:var(--radius);background:var(--brand-50)}
.tr-help h2{font-size:1.15rem;margin:0 0 8px}
.tr-help-ctas{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}

/* Quote chat nudge (bot v2) — main.js adds it on route/location pages after 20 s, once per session */
.qb-nudge{position:fixed;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:61;display:flex;align-items:flex-start;gap:4px;max-width:min(300px,calc(100vw - 24px));padding:12px 6px 12px 14px;border-radius:16px 16px 4px 16px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(10,20,80,.22)}
.qb-nudge a{flex:1;font-weight:700;font-size:.92rem;line-height:1.35;color:var(--brand);text-decoration:none}
.qb-nudge a:hover{text-decoration:underline}
.qb-nudge-x{flex:none;width:32px;height:32px;margin-top:-6px;border:0;border-radius:50%;background:none;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer}
.qb-nudge-x:hover,.qb-nudge-x:focus-visible{background:var(--brand-50)}
@media (min-width:900px){.qb-nudge{right:94px;bottom:170px}}
@media (prefers-reduced-motion:no-preference){.qb-nudge{animation:nudge-in .3s ease-out}@keyframes nudge-in{from{opacity:0;transform:translateY(8px)}}}
/* ---------- Thank-you page (fix list 5 Nov): same family as the 404 (navy, ARUN truck) but its own story —
   boxes drop into the truck, the doors slide shut, the truck drives off, a green tick pops. Pure SVG + CSS,
   transform / opacity only, runs once. Reduced motion: no animation, the closed truck simply stands there. ---------- */
.ty-hero{position:relative;overflow:hidden;overflow:clip;background:radial-gradient(800px 500px at 85% 20%,#1B3399 0%,transparent 70%),var(--brand-900);color:#C9D0EE;padding:44px 0 52px}
.ty-inner{display:grid;gap:28px;align-items:center}
.ty-hero h1{color:#fff;font-size:clamp(2rem,5vw,3.2rem);max-width:17ch}
.ty-lead{font-size:1.14rem;line-height:1.55;color:#fff;max-width:52ch;margin:0 0 8px}
.ty-ref{margin:0 0 16px}
.ty-ref strong{color:var(--yellow);letter-spacing:.02em}
.ty-promise{display:flex;gap:10px;align-items:flex-start;max-width:56ch;margin:0 0 22px;padding:14px 16px;border-radius:var(--radius-sm);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:600}
.ty-promise .icon{flex:none;width:20px;height:20px;margin-top:3px;color:var(--yellow)}
.ty-ctas{margin:0}
.ty-scene{position:relative;height:210px;max-width:520px;width:100%;justify-self:center;overflow:hidden;overflow:clip}
.ty-svg{position:absolute;left:50%;bottom:22px;width:min(380px,94%);height:auto;transform:translateX(-50%);overflow:visible;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}
.ty-svg g,.ty-svg rect{transform-box:fill-box}
/* Truck scene (10 Nov 2026): load → doors → short drive → stop in the centre (the natural state) + tick; then a soft
   "on its way" loop (wheels, road, gentle bob). Reduced motion = no animation = the finished picture. */
.ty-b{animation:tyDrop .55s cubic-bezier(.3,.7,.45,1.25) both}
.ty-b1{animation-delay:.3s}.ty-b2{animation-delay:.7s}.ty-b3{animation-delay:1.1s}
.ty-door{animation:tyDoor .55s ease-out 1.85s both}
.ty-door-l{transform-origin:left center}.ty-door-r{transform-origin:right center}
.ty-brand{animation:tyFade .3s ease-out 2.35s both}
.ty-truck{animation:tyArrive 1.2s cubic-bezier(.45,0,.25,1) 2.7s both}
.ty-body{animation:tyBob 1.6s ease-in-out 3.9s infinite alternate}
.ty-wheel{transform-origin:center;animation:tySpin 1s linear 2.7s infinite}
.ty-done{transform-origin:center;animation:tyPop .45s cubic-bezier(.3,1.5,.5,1) 3.85s both}
.ty-road{left:6%;right:6%}
.ty-road span{animation:nfRoad 1.1s linear 2.7s infinite}
@keyframes tyDrop{from{transform:translateY(-150px);opacity:0}40%{opacity:1}}
@keyframes tyDoor{from{transform:scaleX(0)}}
@keyframes tyFade{from{opacity:0}}
@keyframes tyArrive{from{transform:translateX(-24px)}88%{transform:translateX(2px)}to{transform:none}}   /* narrow scene: the truck stays fully in view while loading */
@keyframes tyArriveWide{from{transform:translateX(-64px)}88%{transform:translateX(3px)}to{transform:none}}
@keyframes tyBob{to{transform:translateY(-1.5px)}}
@keyframes tySpin{to{transform:rotate(360deg)}}
@keyframes tyPop{from{transform:scale(0);opacity:0}}
@media (prefers-reduced-motion:reduce){.ty-svg *,.ty-road span{animation:none!important}}
.ty-next{background:var(--brand-50)}
.ty-next-grid{display:grid;gap:24px;max-width:1040px}
.ty-card{padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.ty-card h2,.ty-more h2{display:flex;align-items:center;gap:10px;font-size:1.3rem;margin:0 0 12px}
.ty-card h2 .icon{width:24px;height:24px;color:var(--green)}
.ty-steps{margin:4px 0 0;padding-left:20px;display:grid;gap:8px}
.ty-links{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px}
.ty-links a{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.ty-links a:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--brand-100)}
.ty-links .icon{flex:none;width:26px;height:26px;color:var(--brand)}
.ty-links strong{display:block}
.ty-links small{display:block;color:var(--muted);font-size:.86rem}
@media (min-width:900px){.ty-inner{grid-template-columns:1.1fr .9fr;gap:56px}.ty-scene{height:290px}.ty-truck{animation-name:tyArriveWide}.ty-next-grid{grid-template-columns:1.2fr 1fr;align-items:start}}

/* Anchor targets inside these boxes (#quick-quote in the hero, #know-your-price …): overflow:clip clips exactly like
   hidden but is NOT a scroll container, so an anchor jump can never scroll the box itself (that hid the breadcrumb and
   pushed the form under the sticky header until a reload). hidden stays first as the fallback for old browsers. */
.hero,.page-hero,.ab-hero,.sv-hero,.tm-hero,.kp-top,.lc-hero,.lc-numbers,.sv-inc,.section.fleet,.section.price-band,.section.video-reviews,.marquee-band{overflow:clip}

/* Customer videos (10 Nov 2026): self-hosted portrait clips, click-to-play facade, swipeable row on phones */
.vt{position:relative}
.vt-dark{background:var(--brand-900);color:#C9D0EE;overflow:hidden}
.vt-dark h2{color:#fff}
.vt-head{max-width:720px;margin:0 0 28px}
.vt-lead{margin:8px 0 0;color:var(--muted)}
.vt-dark .vt-lead{color:#C9D0EE}
.vt-row{list-style:none;margin:0 -16px;padding:4px 16px 12px;display:grid;grid-auto-flow:column;grid-auto-columns:min(68vw,260px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.vt-row.vt-single{grid-auto-columns:min(78vw,300px)}
.vt-card{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;min-width:0}
.vt-media{position:relative;display:block;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#0A1450;box-shadow:0 14px 30px -18px rgba(10,20,80,.55)}
.vt-media img,.vt-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vt-media video{object-fit:contain;background:#000}
.vt-media img{transition:transform .5s}
a.vt-media:hover img{transform:scale(1.04)}
.vt-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--accent-strong);color:#fff;box-shadow:0 0 0 10px rgba(217,38,42,.28);transition:transform .25s}
.vt-play .icon{width:24px;height:24px;margin-left:3px}
a.vt-media:hover .vt-play,a.vt-media:focus-visible .vt-play{transform:scale(1.1)}
a.vt-media:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.vt-dur{position:absolute;right:10px;bottom:10px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font-size:.78rem;font-weight:700}
.vt-caption{margin:0;font-size:.9rem;line-height:1.45;color:var(--muted)}
.vt-caption strong{display:block;color:var(--ink);font-size:.95rem}
.vt-dark .vt-caption{color:#C9D0EE}
.vt-dark .vt-caption strong{color:#fff}
.vt-more{margin:20px 0 0}
.vt-dark .ab-link{color:#fff}
@media (min-width:900px){.vt-row{margin:0;padding:4px 0 12px;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-columns:auto;overflow:visible}.vt-row.vt-single{grid-template-columns:minmax(220px,300px)}}
@media (min-width:900px){.vt-solo .container{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:center}.vt-solo .vt-head{margin:0}.vt-solo .vt-row{grid-template-columns:1fr}}