/* ==========================================================================
   STATION BUS NATION — GLASS THEME (Oct 2026)
   Loaded after styles.css. Everything the eye sees is redone here; the page
   structure, forms, scripts and links are the ones that already work.

   Three layers, stacked, on every page:
     LAYER 0  world   — deep navy, moving light, the station photo on the home
                        page. Sits furthest back and moves slowest.
     LAYER 1  glass   — every panel and card is a pane of glass floating over
                        the world: rim, sheen, refraction, and a plinth shadow
                        beneath it so it reads as lifted, not printed.
     LAYER 2  chrome  — the brushed-metal header and tabs, the gold metal
                        buttons. Hard, bright, closest to the viewer.
   Perspective + a little mouse parallax (glass.js) make the stack move like a
   real stack. Blur is never animated; only transform and opacity move.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");

/* ---------- palette: the light theme's variables, re-aimed at the dark ---------- */
body.glass-site{
  --navy-950:#040914; --navy-900:#07101F; --navy-800:#0B1830; --navy-700:#12284A; --navy-600:#1B3A66;
  --paper:#07101F;                 /* page floor */
  --ink:#F2F5FA;                   /* text */
  --slate:#AEBFE2;                 /* soft text */
  --line:rgba(255,255,255,.12);    /* hairlines */
  --line-navy:rgba(255,255,255,.14);
  --gold:#D8B45A; --blue:#D8B45A; --blue-light:#F0CF7A; --blue-deep:#E6C66B;
  --gold-deep:#9A7320; --gold-hot:#FFE7A3;
  --green:#39D98A; --green-dark:#7CF0B5; --green-light:#8DF2C0; --green-tint:rgba(57,217,138,.14);
  --amber:#F6B65C;
  --radius:18px;
  --shadow:0 30px 70px -20px rgba(0,0,0,.75);
  --shadow-soft:0 14px 34px -14px rgba(0,0,0,.6);
  --font-display:"Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body:"Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  /* glass recipe — Station Bus Nation (from Glass Lab) */
  --g-tint-top:rgba(255,255,255,.14); --g-tint-mid:rgba(255,255,255,.08); --g-tint-bot:rgba(255,255,255,.035);
  --g-rim-top:rgba(255,255,255,.70); --g-rim-side:rgba(255,255,255,.24); --g-rim-bot:rgba(255,255,255,.14);
  --g-depth:rgba(4,9,20,.5);

  color:var(--ink); background:var(--navy-900);
  font-family:var(--font-body); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  letter-spacing:-.005em;
  overflow-x:hidden;
}
body.glass-site *{ scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.18) transparent; }

/* ---------- LAYER 0 — the world ---------- */
.gl-world{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden;
  background:
    radial-gradient(1200px 700px at 12% -10%, #1C3B70 0%, transparent 60%),
    radial-gradient(900px 600px at 100% 10%, #23407A 0%, transparent 55%),
    radial-gradient(1000px 800px at 50% 110%, #0E2A52 0%, transparent 60%),
    linear-gradient(180deg,#07101F 0%,#050B18 100%); }
.gl-world i{ position:absolute; border-radius:50%; filter:blur(70px); opacity:.55; mix-blend-mode:screen;
  will-change:transform; animation:gl-drift 26s ease-in-out infinite alternate; }
.gl-world i:nth-child(1){ width:720px;height:720px; left:-12%; top:-18%; background:#2F63D6; }
.gl-world i:nth-child(2){ width:620px;height:620px; right:-10%; top:18%;  background:#E07B2E; opacity:.35; animation-duration:34s; }
.gl-world i:nth-child(3){ width:560px;height:560px; left:35%;  bottom:-28%; background:#D8B45A; opacity:.28; animation-duration:40s; }
.gl-world i:nth-child(4){ width:380px;height:380px; left:60%;  top:30%;    background:#7C3AED; opacity:.18; animation-duration:30s; }
.gl-world::after{ content:""; position:absolute; inset:0; opacity:.045; mix-blend-mode:overlay;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
@keyframes gl-drift{ from{ transform:translate3d(0,0,0) scale(1);} to{ transform:translate3d(60px,40px,0) scale(1.12);} }
@media (prefers-reduced-motion:reduce){ .gl-world i{ animation:none; } }

/* :where keeps this at zero extra specificity so the sticky header's own z-index still wins */
body.glass-site > :where(*:not(.gl-world):not(script):not(.glass-defs)){ position:relative; z-index:1; }
body.glass-site > .site-header{ position:sticky; z-index:60; }

/* ---------- type ---------- */
body.glass-site h1, body.glass-site h2, body.glass-site h3, body.glass-site h4{ font-family:var(--font-display); color:var(--ink); letter-spacing:-.02em; }
body.glass-site h1{ font-weight:600; letter-spacing:-.03em; line-height:1.04; }
body.glass-site h2{ font-weight:600; font-size:clamp(28px,3.2vw,40px); }
body.glass-site h3{ font-weight:600; }
body.glass-site p{ color:var(--slate); }
body.glass-site .prose p, body.glass-site .prose li{ color:#D6DFF0; }
body.glass-site .prose b, body.glass-site .prose strong{ color:var(--ink); }
body.glass-site .kicker{ color:var(--gold); letter-spacing:.18em; font-weight:600; font-size:12px; }
body.glass-site a:not(.btn):not(.nav-cta):not(.nav-911):not(.brand-logo):not([class*="card"]):not([class*="chip"]){ color:inherit; }
body.glass-site .see-all{ color:var(--gold); } body.glass-site .see-all:hover{ color:var(--gold-hot); }
body.glass-site .muted{ color:var(--slate); }

/* ---------- the glass pane (recipe) ---------- */
.gl-pane{
  position:relative; isolation:isolate; border-radius:var(--radius);
  background:linear-gradient(177deg,var(--g-tint-top) 0%,var(--g-tint-mid) 42%,var(--g-tint-bot) 100%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    0 30px 70px -22px rgba(0,0,0,.8),
    0 12px 28px -14px rgba(0,0,0,.6),
    inset 0 1.4px 0 var(--g-rim-top),
    inset 1px 0 0 var(--g-rim-side), inset -1px 0 0 var(--g-rim-side),
    inset 0 -1.4px 0 var(--g-rim-bot),
    inset 0 -28px 50px var(--g-depth);
  -webkit-backdrop-filter:blur(22px) saturate(180%) brightness(106%);
  backdrop-filter:blur(22px) saturate(180%) brightness(106%);
  transform:translateZ(0);
}
.gl-pane::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:1;
  background:linear-gradient(152deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.1) 22%,transparent 58%); }
.gl-pane::after{ /* the plinth: a soft dark pool under the pane so it floats */
  content:""; position:absolute; left:6%; right:6%; bottom:-22px; height:44px; border-radius:50%; z-index:-1; pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%, rgba(0,0,0,.55), transparent 70%); filter:blur(8px); }
.gl-pane > *{ position:relative; z-index:2; }
/* true refraction — Chromium only; everything above is the fallback */
@supports (backdrop-filter:url(#glass-station-bus-nation)){
  .gl-pane.gl-hi{ backdrop-filter:url(#glass-station-bus-nation) blur(22px) saturate(180%) brightness(106%); }
}
@media (prefers-reduced-transparency:reduce){
  .gl-pane{ background:rgba(14,26,52,.96); -webkit-backdrop-filter:none; backdrop-filter:none; } .gl-pane::before{ display:none; } }

/* every surface that used to be a white card is now a pane */
body.glass-site :is(.carrier-card,.trip-card,.route-card,.step,.panel-card,.quote-card,.filter-card,.tier-card,.stat-card,
  .lead-card,.faq,.event-card,.spotlight-card,.news-card,.resource-card,.thread-card,.sos-card,.aid-card,.region-box,.op-card,
  .cta-band,.net-promo,.net-form-card,.depot-card,.tripbig-card,.ucl-row,.search-panel,.service-promise,.success-panel,
  .story-panel,.jw-card,.lounge-card,.az-card,.az-feat,.az-tier,.se-card,.cp-row,.dp-lead,.gl-card,.verify-note,.sample-note,.demo-login-note,.login-error){
  position:relative; isolation:isolate; border-radius:var(--radius);
  background:linear-gradient(177deg,var(--g-tint-top) 0%,var(--g-tint-mid) 42%,var(--g-tint-bot) 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important; color:var(--ink);
  box-shadow:0 26px 60px -24px rgba(0,0,0,.8),0 10px 24px -14px rgba(0,0,0,.6),
    inset 0 1.4px 0 var(--g-rim-top), inset 1px 0 0 var(--g-rim-side), inset -1px 0 0 var(--g-rim-side),
    inset 0 -1.4px 0 var(--g-rim-bot), inset 0 -24px 44px var(--g-depth) !important;
  -webkit-backdrop-filter:blur(18px) saturate(170%); backdrop-filter:blur(18px) saturate(170%);
}
body.glass-site :is(.carrier-card,.trip-card,.route-card,.step,.panel-card,.quote-card,.filter-card,.tier-card,.stat-card,
  .lead-card,.faq,.event-card,.spotlight-card,.news-card,.resource-card,.thread-card,.sos-card,.aid-card,.region-box,.op-card,
  .cta-band,.net-promo,.net-form-card,.depot-card,.tripbig-card,.ucl-row,.search-panel,.jw-card,.lounge-card,.az-card,.az-feat,.az-tier,.se-card,.gl-card)::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:1;
  background:linear-gradient(152deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.08) 24%,transparent 58%);
}
body.glass-site :is(.carrier-card,.trip-card,.route-card,.step,.panel-card,.quote-card,.tier-card,.stat-card,.lead-card,.faq,
  .event-card,.news-card,.resource-card,.thread-card,.sos-card,.aid-card,.region-box,.op-card,.cta-band,.tripbig-card,.gl-card) > *{ position:relative; z-index:2; }
/* lift on hover — transform only, never blur */
body.glass-site :is(.carrier-card,.trip-card,.route-card,.step,.tier-card,.event-card,.spotlight-card,.news-card,.resource-card,.tripbig-card,.depot-card,.gl-card,.ucl-row){
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; will-change:transform; }
body.glass-site :is(.carrier-card,.trip-card,.route-card,.step,.tier-card,.event-card,.spotlight-card,.news-card,.resource-card,.tripbig-card,.depot-card,.gl-card):hover{
  transform:translateY(-8px) translateZ(0) scale(1.012); border-color:rgba(255,255,255,.3) !important;
  box-shadow:0 40px 80px -24px rgba(0,0,0,.85),0 0 0 1px rgba(216,180,90,.25),
    inset 0 1.4px 0 rgba(255,255,255,.85), inset 1px 0 0 var(--g-rim-side), inset -1px 0 0 var(--g-rim-side),
    inset 0 -1.4px 0 var(--g-rim-bot), inset 0 -24px 44px var(--g-depth) !important; }

/* text inside panes */
body.glass-site :is(.panel-card,.quote-card,.filter-card,.faq,.step,.tier-card,.stat-card,.lead-card,.event-card,.news-card,.resource-card,.thread-card,.sos-card,.aid-card,.success-panel) :is(h3,h4,b,strong){ color:var(--ink); }
body.glass-site :is(.step p,.faq p,.tier-card li,.event-card p,.news-card p,.resource-card p,.thread-card>p,.sos-card p,.aid-card p,.lead-mid,.review-item p,.quote-card .muted){ color:var(--slate); }
body.glass-site .step::before{ color:var(--gold); font-size:13px; letter-spacing:.2em; }
body.glass-site .stat-card b{ color:var(--ink); }
body.glass-site .carrier-name{ color:var(--ink); }
body.glass-site .carrier-tags em, body.glass-site .chip-row em, body.glass-site .city-chip{ background:rgba(255,255,255,.08); color:var(--slate); border:1px solid rgba(255,255,255,.1); }
body.glass-site .carrier-photo{ border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0; overflow:hidden; }
body.glass-site .carrier-photo.tone-a, body.glass-site .carrier-photo.tone-b, body.glass-site .carrier-photo.tone-c{ background:linear-gradient(160deg,#143058,#0B1830); }
body.glass-site .card-special{ background:linear-gradient(90deg,rgba(216,180,90,.22),rgba(216,180,90,.1)); border-color:rgba(216,180,90,.35); }
body.glass-site .card-special b{ color:var(--gold-hot); }
body.glass-site .badge.verified, body.glass-site .status-pill.responded, body.glass-site .status-pill.approved, body.glass-site .sos-status.covered{ background:var(--green-tint); color:var(--green-dark); border-color:rgba(57,217,138,.35); }
body.glass-site .badge.listed, body.glass-site .news-tag, body.glass-site .ucl-tag{ background:rgba(255,255,255,.08); color:var(--slate); border-color:rgba(255,255,255,.14); }
body.glass-site .badge.sample, body.glass-site .sample-flag, body.glass-site .ucl-tag.offer, body.glass-site .status-pill.pending, body.glass-site .sos-status.open{ background:rgba(246,182,92,.14); color:#FFD9A0; border-color:rgba(246,182,92,.4); }
body.glass-site .badge.on-navy{ background:rgba(255,255,255,.1); color:var(--green-light); border:1px solid rgba(255,255,255,.16); }
body.glass-site .status-pill.new, body.glass-site .cat-chip{ background:rgba(216,180,90,.16); color:var(--gold-hot); }
body.glass-site .owner-tag{ background:rgba(244,114,182,.14); color:#FFC2DD; border-color:rgba(244,114,182,.35); }
body.glass-site .ucl-mono{ background:linear-gradient(145deg,#1B3A66,#0B1830); color:var(--gold); box-shadow:inset 0 1px 0 rgba(255,255,255,.2); }
body.glass-site .ucl-chip{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); color:var(--slate); }
body.glass-site .ucl-chip:hover{ border-color:var(--gold); color:var(--gold-hot); }
body.glass-site .ucl-chip.on, body.glass-site .ucl-chip.metro.on, body.glass-site .ucl-chip.city.on{ background:var(--gold); border-color:var(--gold); color:#1A1204; }
body.glass-site .state-chip{ background:rgba(255,255,255,.08); color:var(--slate); }
body.glass-site .state-chip:hover, body.glass-site .state-chip.lit{ background:var(--gold); color:#1A1204; }
body.glass-site .trip-card i, body.glass-site .tripbig-card i, body.glass-site .resource-card i, body.glass-site .trust-item i, body.glass-site .route-line i, body.glass-site .net-head h2 i{ color:var(--gold); }
body.glass-site .trust-item i.shield{ color:var(--green); }
body.glass-site .event-date{ background:linear-gradient(160deg,#1B3A66,#0B1830); box-shadow:inset 0 1px 0 rgba(255,255,255,.25); }
body.glass-site .event-date .mo{ color:var(--gold); }
body.glass-site .event-loc, body.glass-site .tripbig-count, body.glass-site .card-more, body.glass-site .faq-cta a, body.glass-site .aid-chip{ color:var(--gold); }
body.glass-site .aid-chip{ background:rgba(216,180,90,.12); border-color:rgba(216,180,90,.35); }
body.glass-site .verify-table div, body.glass-site .review-item, body.glass-site .verify-panel{ border-color:rgba(255,255,255,.12); }
body.glass-site .verify-table b, body.glass-site .verify-panel b{ color:var(--green-dark); }
body.glass-site .reply{ border-color:rgba(255,255,255,.14); } body.glass-site .reply b{ color:var(--ink); }
body.glass-site .tier-card.pop{ border-color:rgba(216,180,90,.6) !important; }
body.glass-site .tier-card .pop-flag{ background:linear-gradient(180deg,#F0CF7A,#C9A03E); color:#1A1204; box-shadow:0 6px 16px rgba(0,0,0,.5); }
body.glass-site .tier-card .t-price, body.glass-site .op-card .price{ color:var(--ink); }
body.glass-site .op-point{ color:#D6DFF0; } body.glass-site .op-point i{ color:var(--green); }
body.glass-site .lead-card.is-new{ border-left:3px solid var(--gold) !important; }
body.glass-site .sos-card{ border-left:3px solid var(--amber) !important; } body.glass-site .sos-card.covered{ border-left-color:var(--green) !important; }
body.glass-site .aid-card{ border-left:3px solid var(--gold) !important; }
body.glass-site .story-panel{ border-left:3px solid #F472B6 !important; }
body.glass-site .success-panel{ background:rgba(57,217,138,.1) !important; border-color:rgba(57,217,138,.3) !important; }
body.glass-site .success-panel p{ color:var(--ink); }
body.glass-site .or-line span{ background:transparent; color:var(--slate); }
body.glass-site .or-line::before{ background:rgba(255,255,255,.14); }
body.glass-site .demo-ribbon, body.glass-site .op-ribbon{ background:rgba(216,180,90,.12); color:#FFE3A8; border-bottom:1px solid rgba(216,180,90,.3); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
body.glass-site #specials-band{ background:rgba(255,255,255,.04); border-bottom:1px solid rgba(216,180,90,.3); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }

/* ---------- forms ---------- */
body.glass-site :is(.field input,.field select,.field textarea,.btw-input,.sr-toolbar select,.reply-form input,.dash-band select,textarea,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],select){
  background:rgba(4,9,20,.42); color:var(--ink); border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.06); border-radius:12px; color-scheme:dark; }
body.glass-site :is(.field input,.field select,.btw-input,textarea,select):focus{ border-color:var(--gold); box-shadow:0 0 0 3px rgba(216,180,90,.22), inset 0 2px 6px rgba(0,0,0,.45); outline:none; }
body.glass-site ::placeholder{ color:rgba(174,191,226,.55); }
body.glass-site .field label, body.glass-site .filter-card h4{ color:var(--slate); }
body.glass-site label.check{ color:var(--ink); } body.glass-site label.check input{ accent-color:var(--gold); }
body.glass-site select option{ background:#0B1830; color:#F2F5FA; }

/* ---------- LAYER 2 — chrome: buttons ---------- */
body.glass-site .btn, body.glass-site .nav-cta, body.glass-site .jw-btn.next, body.glass-site .lounge-btn.enter, body.glass-site .em-submit, body.glass-site .se-btn{
  position:relative; isolation:isolate; overflow:hidden; border:0; cursor:pointer;
  color:#1C1405; font-weight:600; letter-spacing:.005em; border-radius:999px;
  background:linear-gradient(180deg,#F6DB8E 0%,#D9B55A 38%,#B98E33 62%,#E0BE66 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.75) inset, 0 -2px 0 rgba(80,52,8,.45) inset, 0 0 0 1px rgba(255,230,160,.35) inset,
             0 14px 30px -10px rgba(0,0,0,.75), 0 2px 6px rgba(0,0,0,.45), 0 0 40px -12px rgba(216,180,90,.55);
  transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, filter .2s; text-shadow:0 1px 0 rgba(255,255,255,.35); }
body.glass-site .btn::before{ content:""; position:absolute; inset:1px; border-radius:inherit; pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 48%); z-index:-1; }
body.glass-site .btn::after{ background:linear-gradient(105deg,transparent,rgba(255,255,255,.7),transparent); }
body.glass-site .btn:hover, body.glass-site .nav-cta:hover{ transform:translateY(-2px); filter:brightness(1.06);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 -2px 0 rgba(80,52,8,.45) inset, 0 22px 40px -12px rgba(0,0,0,.8), 0 0 56px -10px rgba(216,180,90,.7); }
body.glass-site .btn:active{ transform:translateY(0) scale(.985); }
body.glass-site .btn i{ color:#3B2A08; }
body.glass-site .btn.ghost, body.glass-site .btn.ghost-light, body.glass-site .btn.btn-ghost, body.glass-site .jw-btn.back, body.glass-site .lounge-btn.back{
  color:var(--ink); text-shadow:none;
  background:linear-gradient(177deg,rgba(255,255,255,.16),rgba(255,255,255,.05)); border:1px solid rgba(255,255,255,.26);
  box-shadow:inset 0 1.2px 0 rgba(255,255,255,.6), inset 0 -10px 20px rgba(4,9,20,.35), 0 12px 26px -12px rgba(0,0,0,.7);
  -webkit-backdrop-filter:blur(14px) saturate(160%); backdrop-filter:blur(14px) saturate(160%); }
body.glass-site .btn.ghost i, body.glass-site .btn.ghost-light i{ color:var(--gold); }
body.glass-site .btn.ghost:hover, body.glass-site .btn.ghost-light:hover{ border-color:rgba(255,255,255,.45); background:linear-gradient(177deg,rgba(255,255,255,.22),rgba(255,255,255,.08)); color:#fff; }
body.glass-site .btn.green{ background:linear-gradient(180deg,#7FF0B8,#39D98A 45%,#1FA86A 65%,#4FE39D); color:#06301B; }
body.glass-site .btn.green i{ color:#06301B; }
body.glass-site .nav-911{ background:linear-gradient(180deg,#FF7A6B,#D8352F 50%,#A61B2B); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 10px 24px -8px rgba(214,53,47,.7); border:0; }
body.glass-site .btw-back{ color:var(--slate); } body.glass-site .btw-back:hover{ color:var(--ink); }

/* ---------- LAYER 2 — chrome: the header ---------- */
body.glass-site .site-header{ position:sticky; top:0; z-index:60; background:transparent; border:0; padding:12px 0 0; }
body.glass-site .site-header .navbar{
  position:relative; isolation:isolate; padding:8px 16px 8px 10px; border-radius:999px; gap:16px; flex-wrap:nowrap;
  background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.06) 60%,rgba(255,255,255,.12) 100%);
  border:1px solid rgba(255,255,255,.26);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.75), inset 0 -1px 0 rgba(255,255,255,.12), inset 0 -18px 30px rgba(4,9,20,.35),
             0 24px 50px -20px rgba(0,0,0,.85), 0 2px 8px rgba(0,0,0,.4);
  -webkit-backdrop-filter:blur(24px) saturate(190%) brightness(108%); backdrop-filter:blur(24px) saturate(190%) brightness(108%); }
@supports (backdrop-filter:url(#glass-station-bus-nation)){ body.glass-site .site-header .navbar{ backdrop-filter:url(#glass-station-bus-nation) blur(24px) saturate(190%) brightness(108%); } }
body.glass-site .site-header .navbar::before{ /* brushed metal sheen */
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:-1;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),
    linear-gradient(100deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.04) 28%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.02) 72%,rgba(255,255,255,.22) 100%); }
body.glass-site .brand-logo img{ height:52px; filter:drop-shadow(0 4px 10px rgba(0,0,0,.6)); }
body.glass-site .brand-word{ color:#fff; letter-spacing:.14em; font-size:12.5px; font-weight:500; }
body.glass-site .brand-word b{ font-size:21px; letter-spacing:.2em; font-weight:700;
  background:linear-gradient(180deg,#FFF0C2,#D8B45A 55%,#A77E2A); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.glass-site .nav-links{ gap:18px; flex-wrap:nowrap; }
body.glass-site .nav-links a{ color:#E4EBF7; font-weight:500; font-size:13.5px; padding:8px 0; position:relative; white-space:nowrap; }
body.glass-site .nav-links a::after{ content:""; position:absolute; left:0; right:0; bottom:2px; height:1.5px; border-radius:2px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .3s cubic-bezier(.2,.8,.2,1); }
body.glass-site .nav-links a:hover::after, body.glass-site .nav-links a.active::after{ transform:scaleX(1); }
body.glass-site .nav-links a:hover, body.glass-site .nav-links a.active{ color:#fff; }
body.glass-site .nav-cta{ padding:11px 20px; font-size:14px; white-space:nowrap; flex:none; }
body.glass-site .nav-911{ flex:none; }
body.glass-site .brand-logo{ flex:none; gap:9px; }
@media (max-width:1340px){ body.glass-site .nav-links{ gap:13px; } body.glass-site .nav-links a{ font-size:12.5px; } body.glass-site .brand-logo img{ height:44px; } body.glass-site .brand-word b{ font-size:18px; letter-spacing:.14em; } body.glass-site .n911-l{ display:none; } body.glass-site .n911-s{ display:inline; } }
body.glass-site .mobile-toggle{ color:#fff; }
@media (max-width:1024px){
  body.glass-site .nav-links.open{ position:absolute; top:calc(100% + 10px); left:4%; right:4%; border-radius:22px; padding:16px 20px 20px;
    background:rgba(10,20,40,.88); border:1px solid rgba(255,255,255,.2); box-shadow:0 30px 60px -20px rgba(0,0,0,.9);
    -webkit-backdrop-filter:blur(24px) saturate(180%); backdrop-filter:blur(24px) saturate(180%); } }

/* ---------- sections: no more white slabs; the world shows through ---------- */
body.glass-site .section, body.glass-site .section.white, body.glass-site .section.navy, body.glass-site .section.deep, body.glass-site .trust-strip, body.glass-site .net-section{
  background:transparent !important; color:inherit; border:0; }
body.glass-site .section.navy::before, body.glass-site .section.deep::before, body.glass-site .footer::before, body.glass-site .page-band::before, body.glass-site .dash-band::before{ display:none; }
body.glass-site .section-head p, body.glass-site .coverage p, body.glass-site .op-band p{ color:var(--slate); }
body.glass-site .section{ padding:84px 0; }
/* a seam of light between sections instead of colour blocks */
body.glass-site main > .section + .section::before{ content:""; position:absolute; left:50%; top:0; width:min(1160px,92%); height:1px; transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent); }
body.glass-site main > .section{ position:relative; }
body.glass-site .trust-strip .container{ padding:18px 0; }
body.glass-site .trust-item{ color:var(--ink); }

/* ---------- page band (inner pages): a layered marquee ---------- */
body.glass-site .page-band, body.glass-site .dash-band, body.glass-site .profile-hero{
  background:transparent !important; padding:64px 0 54px; position:relative; overflow:visible; }
body.glass-site .page-band h1, body.glass-site .dash-band h1, body.glass-site .profile-hero h1{ font-size:clamp(34px,4.4vw,58px); color:#fff;
  text-shadow:0 2px 0 rgba(0,0,0,.25), 0 24px 60px rgba(0,0,0,.7); }
body.glass-site .page-band p, body.glass-site .dash-band p{ color:var(--slate); font-size:17px; margin-top:12px; max-width:62ch; }
body.glass-site .crumbs{ color:rgba(174,191,226,.7); } body.glass-site .crumbs a{ color:var(--slate); }
body.glass-site .sr-panel-wrap, body.glass-site .stat-grid{ margin-top:0; }
body.glass-site .filter-card, body.glass-site .quote-card, body.glass-site .net-form-card{ top:92px; }

/* ---------- homepage hero: three layers in perspective ---------- */
body.glass-site .hero{ min-height:min(92vh,880px); padding:40px 0 230px; background:none !important; perspective:1200px; overflow:visible; flex-direction:column; justify-content:center; align-items:stretch; }
body.glass-site .hero .gl-hero-photo{ /* LAYER 0 */
  position:absolute; inset:-6% -4% -4% -4%; z-index:0; border-radius:0 0 42px 42px; overflow:hidden; will-change:transform;
  background:url("../hero/station-hero.jpg") center 40% / cover no-repeat; transform:translateZ(-120px) scale(1.14); }
body.glass-site .hero .gl-hero-photo::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(5,16,28,.55) 0%,rgba(5,16,28,.15) 35%,rgba(5,16,28,.35) 70%,#07101F 100%); }
body.glass-site .hero .gl-hero-rays{ position:absolute; inset:0; z-index:1; pointer-events:none; mix-blend-mode:screen; opacity:.55;
  background:radial-gradient(60% 50% at 70% 20%,rgba(255,210,120,.35),transparent 60%), radial-gradient(40% 40% at 20% 70%,rgba(80,140,255,.25),transparent 60%); }
body.glass-site .hero-inner{ z-index:3; transform-style:preserve-3d; width:min(1160px,92%); max-width:none; text-align:left; margin:0 auto; padding-top:8vh; }
body.glass-site .hero .badge.on-navy{ background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); color:#FFE3A8; letter-spacing:.14em; font-size:11.5px; text-transform:uppercase; }
body.glass-site .hero h1{ font-size:clamp(44px,6.6vw,96px); font-weight:500; letter-spacing:-.035em; color:#fff; max-width:14ch;
  text-shadow:0 2px 0 rgba(0,0,0,.2), 0 30px 70px rgba(0,0,0,.75); transform:translateZ(40px); }
body.glass-site .hero h1 em{ color:var(--gold-hot); font-style:normal; }
body.glass-site .hero-tagline{ color:#FFE3A8; font-weight:500; letter-spacing:.14em; text-transform:uppercase; font-size:13px; margin:22px 0 0; text-shadow:0 2px 12px rgba(0,0,0,.8); }
body.glass-site .hero-cta{ position:relative; right:auto; bottom:auto; width:min(1160px,92%); margin:30px auto 0; z-index:4; transform:translateZ(60px); display:flex; gap:12px; flex-wrap:wrap; }
@media (max-width:760px){ body.glass-site .hero-cta{ transform:none; } body.glass-site .hero{ padding-bottom:150px; } }
/* LAYER 1: the search panel floats up over the photo's bottom edge */
body.glass-site .search-wrap{ margin-top:-150px; z-index:12; perspective:1400px; }
body.glass-site .search-panel.btw-host{ padding:28px 30px 30px !important; border-radius:26px; transform-style:preserve-3d; }
body.glass-site .search-panel.btw-host::after{ content:none; }
body.glass-site .search-wrap .gl-tab{ /* the metal tab on top — LAYER 2 */
  position:absolute; left:50%; top:-24px; transform:translateX(-50%) translateZ(30px); z-index:5; padding:9px 34px; border-radius:14px 14px 0 0;
  font-size:12px; letter-spacing:.22em; text-transform:uppercase; font-weight:600; color:#1C1405;
  background:linear-gradient(180deg,#F3F6FA 0%,#C8D0DB 45%,#9AA6B6 60%,#D6DEE8 100%);
  box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 rgba(0,0,0,.35), 0 -8px 24px -10px rgba(0,0,0,.6); clip-path:polygon(0 0,100% 0,92% 100%,8% 100%); }
body.glass-site .btw-q{ color:var(--ink); font-weight:600; letter-spacing:-.02em; font-size:clamp(22px,2.6vw,30px); }
body.glass-site .btw-pct{ color:var(--gold); } body.glass-site .btw-bar{ background:rgba(255,255,255,.1); box-shadow:inset 0 1px 3px rgba(0,0,0,.5); }
body.glass-site .btw-fill{ background:linear-gradient(90deg,#B98E33,#F0CF7A); box-shadow:0 0 14px rgba(216,180,90,.6); }
body.glass-site .btw-hint{ color:var(--slate); }
body.glass-site .btw-wheel{ background:rgba(4,9,20,.4); border-color:rgba(255,255,255,.14); }
body.glass-site .btw-wi{ color:var(--slate); } body.glass-site .btw-wi.sel{ color:var(--gold-hot); }

/* ---------- popular departures: branded coaches, name over the photo ---------- */
body.glass-site .gl-departures{ padding:30px 0 40px; }
body.glass-site .gl-dep-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; perspective:1200px; }
body.glass-site .gl-dep{ position:relative; display:block; aspect-ratio:16/10; border-radius:20px; overflow:hidden; isolation:isolate; text-decoration:none;
  border:1px solid rgba(255,255,255,.2); box-shadow:0 30px 60px -22px rgba(0,0,0,.85), inset 0 1.4px 0 rgba(255,255,255,.55);
  transform-style:preserve-3d; transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease; }
body.glass-site .gl-dep img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.04); transition:transform .8s cubic-bezier(.2,.8,.2,1); }
body.glass-site .gl-dep::before{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(7,16,31,.1) 30%,rgba(7,16,31,.85) 100%); }
body.glass-site .gl-dep::after{ content:""; position:absolute; inset:0; z-index:2; border-radius:inherit; pointer-events:none;
  background:linear-gradient(152deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.06) 24%,transparent 56%); mix-blend-mode:screen; }
body.glass-site .gl-dep span{ position:absolute; left:18px; bottom:16px; z-index:3; color:#fff; font-weight:600; font-size:19px; letter-spacing:-.01em; text-shadow:0 2px 14px rgba(0,0,0,.8); }
body.glass-site .gl-dep small{ position:absolute; left:18px; bottom:42px; z-index:3; color:var(--gold-hot); font-size:11px; letter-spacing:.18em; text-transform:uppercase; font-weight:600; opacity:0; transform:translateY(6px); transition:all .4s ease; }
body.glass-site .gl-dep:hover{ transform:translateY(-10px) rotateX(2deg); box-shadow:0 50px 90px -24px rgba(0,0,0,.9), 0 0 0 1px rgba(216,180,90,.35), inset 0 1.4px 0 rgba(255,255,255,.8); }
body.glass-site .gl-dep:hover img{ transform:scale(1.12); } body.glass-site .gl-dep:hover small{ opacity:1; transform:none; }
@media (max-width:980px){ body.glass-site .gl-dep-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ body.glass-site .gl-dep-grid{ grid-template-columns:1fr; } }

/* ---------- stacked panes (the "three layer" wow): two ghost panes sit behind the real one ---------- */
body.glass-site .gl-stack{
  box-shadow:
    0 30px 70px -22px rgba(0,0,0,.8),
    inset 0 1.4px 0 var(--g-rim-top), inset 1px 0 0 var(--g-rim-side), inset -1px 0 0 var(--g-rim-side), inset 0 -1.4px 0 var(--g-rim-bot), inset 0 -26px 48px var(--g-depth),
    12px 14px 0 -1px rgba(255,255,255,.16), 12px 14px 0 0 rgba(10,20,40,.55), 12px 14px 30px -6px rgba(0,0,0,.5),
    24px 28px 0 -2px rgba(255,255,255,.09), 24px 28px 0 -1px rgba(10,20,40,.5), 24px 28px 40px -8px rgba(0,0,0,.45) !important;
  margin-right:24px; }
@media (max-width:760px){ body.glass-site .gl-stack{ margin-right:0; box-shadow:0 30px 70px -22px rgba(0,0,0,.8), inset 0 1.4px 0 var(--g-rim-top) !important; } }

/* ---------- parallax + reveal (driven by glass.js) ---------- */
body.glass-site .reveal{ opacity:0; transform:translateY(28px) translateZ(-60px); transition:opacity .9s cubic-bezier(.2,.8,.2,1), transform .9s cubic-bezier(.2,.8,.2,1); }
body.glass-site .reveal.in-view{ opacity:1; transform:none; }
body.glass-site [data-tilt]{ transform-style:preserve-3d; transition:transform .25s ease-out; }
body.glass-site [data-tilt] > *{ transform:translateZ(18px); }

/* ---------- footer: a dark pane on the floor ---------- */
body.glass-site .footer{ background:transparent; padding:40px 0 30px; }
body.glass-site .footer .container{ position:relative; padding:46px 44px 28px; border-radius:30px;
  background:linear-gradient(177deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1.4px 0 rgba(255,255,255,.45), inset 0 -30px 60px rgba(4,9,20,.5), 0 40px 80px -30px rgba(0,0,0,.9);
  -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%); }
body.glass-site .footer, body.glass-site .footer a{ color:var(--slate); } body.glass-site .footer a:hover{ color:#fff; }
body.glass-site .footer h4{ color:var(--gold); letter-spacing:.16em; font-size:12px; }
body.glass-site .footer .brand-word{ font-size:16px; }
body.glass-site .footer-bottom{ border-color:rgba(255,255,255,.12); color:rgba(174,191,226,.6); }
body.glass-site .service-promise{ margin-top:18px; }
body.glass-site .footer-phone{ color:var(--gold-hot) !important; }

/* ---------- misc components that had hard light colours ---------- */
body.glass-site .hero-road, body.glass-site .hero-coach{ display:none; }
body.glass-site .photo-strip div{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.25); }
body.glass-site .net-promo, body.glass-site .cta-band{ padding:30px 34px; }
body.glass-site .cta-band h3, body.glass-site .net-promo h3{ color:#fff; }
body.glass-site .tier-explain .panel-card{ margin:0; }
body.glass-site .op-zone-flag{ color:var(--gold-hot); background:rgba(216,180,90,.12); border-color:rgba(216,180,90,.4); }
body.glass-site .nav-driverapp{ color:var(--gold-hot) !important; }
body.glass-site img[style*="background:#fff"], body.glass-site img[style*="background: #fff"]{ background:#fff; }
body.glass-site .sess-out{ border-color:rgba(255,255,255,.2); color:var(--ink); }
body.glass-site hr{ border:0; height:1px; background:rgba(255,255,255,.12); }
body.glass-site table{ color:var(--ink); } body.glass-site th, body.glass-site td{ border-color:rgba(255,255,255,.12) !important; }
body.glass-site :is(.jw-in,.jw-sel){ background:rgba(4,9,20,.42) !important; color:var(--ink) !important; border-color:rgba(255,255,255,.16) !important; }
body.glass-site :is(.jw-h,.jw-q,.jw-q-h,.jw-lbl,.jw-srh1,.lounge-kicker,.az-big,.se-kicker){ color:var(--ink) !important; }
body.glass-site :is(.jw-q-t,.jw-note,.jw-consent,.lounge-note,.lounge-rule,.se-loc){ color:var(--slate) !important; }
body.glass-site .jw-chip{ background:rgba(255,255,255,.06) !important; border-color:rgba(255,255,255,.16) !important; color:var(--ink) !important; }
body.glass-site .jw-chip:has(input:checked){ background:rgba(216,180,90,.18) !important; border-color:var(--gold) !important; }
body.glass-site .jw-step.on, body.glass-site .az-tab.on, body.glass-site .se-chip.on{ color:var(--gold-hot) !important; }
body.glass-site .az-phone{ background:#07101F; box-shadow:0 60px 100px -30px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.2); }
body.glass-site .az-screen{ background:#0B1830; }
body.glass-site :is(.em-dot){ box-shadow:0 0 0 6px rgba(214,53,47,.25); }

/* ---------- responsive ---------- */
@media (max-width:1020px){ body.glass-site .hero h1{ font-size:clamp(40px,8vw,64px); } body.glass-site .site-header .navbar{ border-radius:28px; } }
@media (max-width:680px){ body.glass-site .section{ padding:60px 0; } body.glass-site .footer .container{ padding:30px 22px 22px; } body.glass-site .search-wrap{ margin-top:-90px; } }
@media (prefers-reduced-motion:reduce){ body.glass-site .reveal{ opacity:1; transform:none; } body.glass-site [data-tilt]{ transform:none !important; } }

/* ==========================================================================
   VIBRANT PASS (Oct 1 2026, after first review): brighter world, stronger
   colour separation, more lift. Same layout, same glass — more light in it.
   Role colours: GOLD = do this (primary) · CYAN = look / browse (secondary)
   · GREEN = verified / claim · RED = emergency. Panes take a hue by job:
   cool blue for companies, warm gold for money, teal for the app.
   ========================================================================== */
body.glass-site{
  --navy-900:#0E1F46; --navy-800:#143062; --navy-700:#1C3F80; --navy-600:#265399;
  --paper:#0E1F46;
  --ink:#FFFFFF; --slate:#D3DEF5;
  --line:rgba(255,255,255,.2);
  --cyan:#5FD4FF; --cyan-deep:#2BB3F0; --coral:#FF8A5B; --violet:#9D7BFF; --mint:#5BF0B8;
  --gold:#F2C45A; --gold-hot:#FFE9A8; --gold-deep:#B8862A;
  --g-tint-top:rgba(255,255,255,.26); --g-tint-mid:rgba(255,255,255,.13); --g-tint-bot:rgba(255,255,255,.06);
  --g-rim-top:rgba(255,255,255,.95); --g-rim-side:rgba(255,255,255,.38); --g-rim-bot:rgba(255,255,255,.2);
  --g-depth:rgba(10,24,60,.42);
  background:#0E1F46; }
.gl-world{
  background:
    radial-gradient(1200px 760px at 10% -10%, #2F6BFF 0%, transparent 60%),
    radial-gradient(900px 640px at 100% 8%, #7C4DFF 0%, transparent 55%),
    radial-gradient(1000px 700px at 55% 110%, #0FB5D6 0%, transparent 60%),
    radial-gradient(700px 500px at 85% 70%, #FF7A3D 0%, transparent 60%),
    linear-gradient(180deg,#132B62 0%,#0E1F46 60%,#0B1A3C 100%); }
.gl-world i{ filter:blur(60px); opacity:.75; }
.gl-world i:nth-child(1){ background:#3D7BFF; }
.gl-world i:nth-child(2){ background:#FF7A3D; opacity:.55; }
.gl-world i:nth-child(3){ background:#1FD1E8; opacity:.5; }
.gl-world i:nth-child(4){ background:#B06BFF; opacity:.45; }

/* text brighter, kickers coloured */
body.glass-site p, body.glass-site .section-head p, body.glass-site .coverage p, body.glass-site .op-band p{ color:#DCE6F9; }
body.glass-site .prose p, body.glass-site .prose li{ color:#EAF0FB; }
body.glass-site .kicker{ color:var(--cyan); }
body.glass-site .kicker i{ color:var(--gold); }
body.glass-site .see-all, body.glass-site .card-more, body.glass-site .faq-cta a, body.glass-site .event-loc, body.glass-site .tripbig-count{ color:var(--cyan); }
body.glass-site .hero h1 em, body.glass-site h2 em{ color:var(--gold-hot); text-shadow:0 0 30px rgba(242,196,90,.55); }
body.glass-site .hero .gl-hero-photo::after{ background:linear-gradient(180deg,rgba(14,31,70,.42) 0%,rgba(14,31,70,.08) 35%,rgba(14,31,70,.22) 70%,#0E1F46 100%); }
body.glass-site .hero .gl-hero-rays{ opacity:.85; }

/* panes: brighter glass, coloured edge light, deeper lift */
body.glass-site :is(.carrier-card,.trip-card,.route-card,.step,.panel-card,.quote-card,.filter-card,.tier-card,.stat-card,
  .lead-card,.faq,.event-card,.spotlight-card,.news-card,.resource-card,.thread-card,.sos-card,.aid-card,.region-box,.op-card,
  .cta-band,.net-promo,.net-form-card,.depot-card,.tripbig-card,.ucl-row,.search-panel,.service-promise,
  .story-panel,.jw-card,.lounge-card,.az-card,.az-feat,.az-tier,.se-card,.cp-row,.dp-lead,.gl-card){
  --hue:rgba(95,212,255,.55);
  background:linear-gradient(177deg,var(--g-tint-top) 0%,var(--g-tint-mid) 42%,var(--g-tint-bot) 100%),
             linear-gradient(135deg,rgba(95,212,255,.10),rgba(157,123,255,.08) 50%,rgba(242,196,90,.10)) !important;
  border:1px solid rgba(255,255,255,.3) !important;
  box-shadow:0 34px 70px -24px rgba(5,14,40,.85), 0 12px 26px -12px rgba(5,14,40,.6),
    0 0 0 1px rgba(95,212,255,.18), 0 0 60px -20px var(--hue),
    inset 0 1.8px 0 var(--g-rim-top), inset 1.2px 0 0 var(--g-rim-side), inset -1.2px 0 0 var(--g-rim-side),
    inset 0 -1.6px 0 var(--g-rim-bot), inset 0 -26px 46px var(--g-depth), inset 0 -40px 70px rgba(242,196,90,.07) !important;
  -webkit-backdrop-filter:blur(20px) saturate(200%) brightness(112%); backdrop-filter:blur(20px) saturate(200%) brightness(112%); }
/* hue by job */
body.glass-site :is(.step,.op-card,.tier-card,.cta-band,.quote-card){ --hue:rgba(242,196,90,.6); }
body.glass-site :is(.step,.op-card,.tier-card,.cta-band,.quote-card){ background:linear-gradient(177deg,var(--g-tint-top),var(--g-tint-mid) 42%,var(--g-tint-bot)), linear-gradient(135deg,rgba(242,196,90,.16),rgba(255,138,91,.08) 60%,rgba(255,255,255,0)) !important; }
body.glass-site :is(.az-card,.az-feat,.az-tier,.resource-card,.region-box){ --hue:rgba(91,240,184,.55); }
body.glass-site :is(.az-card,.az-feat,.az-tier,.resource-card,.region-box){ background:linear-gradient(177deg,var(--g-tint-top),var(--g-tint-mid) 42%,var(--g-tint-bot)), linear-gradient(135deg,rgba(91,240,184,.14),rgba(95,212,255,.08) 60%,rgba(255,255,255,0)) !important; }
body.glass-site :is(.sos-card,.lead-card.is-new){ --hue:rgba(255,138,91,.6); }
body.glass-site :is(.carrier-card,.trip-card,.route-card,.step,.tier-card,.event-card,.spotlight-card,.news-card,.resource-card,.tripbig-card,.depot-card,.gl-card):hover{
  transform:translateY(-12px) translateZ(0) scale(1.02); border-color:rgba(255,255,255,.55) !important;
  box-shadow:0 50px 90px -26px rgba(5,14,40,.9), 0 0 0 1.5px rgba(242,196,90,.55), 0 0 80px -16px var(--hue),
    inset 0 1.8px 0 #fff, inset 1.2px 0 0 var(--g-rim-side), inset -1.2px 0 0 var(--g-rim-side),
    inset 0 -1.6px 0 var(--g-rim-bot), inset 0 -26px 46px var(--g-depth) !important; }
body.glass-site .step::before{ color:var(--gold-hot); font-size:14px; }
body.glass-site .step h3, body.glass-site .trip-card h3, body.glass-site .tripbig-card h3, body.glass-site .route-line{ color:#fff; }
body.glass-site .trip-card i, body.glass-site .tripbig-card i, body.glass-site .resource-card i, body.glass-site .route-line i{ color:var(--cyan); filter:drop-shadow(0 0 10px rgba(95,212,255,.6)); }
body.glass-site .trust-item i{ color:var(--gold); } body.glass-site .trust-item i.shield{ color:var(--mint); }
body.glass-site .carrier-tags em, body.glass-site .chip-row em{ background:rgba(95,212,255,.14); color:#DFF5FF; border-color:rgba(95,212,255,.3); }
body.glass-site .badge.verified{ background:rgba(91,240,184,.18); color:#B9FFE0; border-color:rgba(91,240,184,.5); }
body.glass-site .badge.on-navy{ color:#B9FFE0; }
body.glass-site .state-chip{ background:rgba(255,255,255,.14); color:#fff; }
body.glass-site .region-box h3 span{ color:var(--mint); }

/* buttons: gold stays primary and gets hotter; ghost becomes cyan glass so the pair reads as two things */
body.glass-site .btn, body.glass-site .nav-cta, body.glass-site .jw-btn.next, body.glass-site .lounge-btn.enter, body.glass-site .em-submit{
  background:linear-gradient(180deg,#FFF0B8 0%,#F5C65A 36%,#D59B2C 62%,#F3C85F 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 -2px 0 rgba(120,76,8,.5) inset, 0 0 0 1px rgba(255,240,190,.5) inset,
             0 16px 34px -10px rgba(5,14,40,.8), 0 2px 6px rgba(5,14,40,.5), 0 0 48px -10px rgba(242,196,90,.85); }
body.glass-site .btn.ghost, body.glass-site .btn.ghost-light, body.glass-site .btn.btn-ghost, body.glass-site .jw-btn.back, body.glass-site .lounge-btn.back{
  color:#fff; background:linear-gradient(177deg,rgba(95,212,255,.32),rgba(95,212,255,.1)); border:1px solid rgba(95,212,255,.6);
  box-shadow:inset 0 1.4px 0 rgba(255,255,255,.75), inset 0 -10px 20px rgba(10,24,60,.3), 0 14px 30px -12px rgba(5,14,40,.8), 0 0 40px -12px rgba(95,212,255,.7); }
body.glass-site .btn.ghost i, body.glass-site .btn.ghost-light i{ color:var(--cyan); }
body.glass-site .btn.ghost:hover, body.glass-site .btn.ghost-light:hover{ background:linear-gradient(177deg,rgba(95,212,255,.45),rgba(95,212,255,.18)); border-color:#9FE6FF; }
body.glass-site .btn.green{ background:linear-gradient(180deg,#B5FFE0,#5BF0B8 45%,#22C98A 65%,#6FF5C4); color:#063A24; box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 -2px 0 rgba(6,58,36,.45) inset, 0 16px 34px -10px rgba(5,14,40,.8), 0 0 48px -10px rgba(91,240,184,.8); }
body.glass-site .nav-911{ background:linear-gradient(180deg,#FFB3A6,#FF5E4D 50%,#D7271E); box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 12px 28px -8px rgba(255,94,77,.75), 0 0 40px -10px rgba(255,94,77,.8); }

/* header: brighter metal, blue light in the glass */
body.glass-site .site-header .navbar{
  background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 30%,rgba(255,255,255,.08) 60%,rgba(255,255,255,.18) 100%),
             linear-gradient(90deg,rgba(95,212,255,.18),rgba(157,123,255,.12) 50%,rgba(242,196,90,.16));
  border-color:rgba(255,255,255,.45);
  box-shadow:inset 0 1.8px 0 #fff, inset 0 -1px 0 rgba(255,255,255,.2), inset 0 -18px 30px rgba(10,24,60,.28),
             0 26px 54px -20px rgba(5,14,40,.9), 0 2px 8px rgba(5,14,40,.4), 0 0 60px -20px rgba(95,212,255,.5); }
body.glass-site .nav-links a{ color:#fff; }
body.glass-site .nav-links a::after{ background:linear-gradient(90deg,var(--cyan),var(--gold)); height:2px; }
body.glass-site .brand-word{ color:#fff; }

/* search panel + tab */
body.glass-site .search-wrap .gl-tab{ background:linear-gradient(180deg,#FFFFFF 0%,#D9E6FF 45%,#A9BEE6 60%,#E6EEFF 100%); color:#0E1F46; }
body.glass-site .btw-fill{ background:linear-gradient(90deg,var(--cyan),var(--gold)); box-shadow:0 0 16px rgba(95,212,255,.7); }
body.glass-site .btw-pct{ color:var(--cyan); }
body.glass-site :is(.field input,.field select,.field textarea,.btw-input,.sr-toolbar select,.reply-form input,textarea,select){
  background:rgba(10,24,60,.38); border-color:rgba(255,255,255,.28); color:#fff; }
body.glass-site :is(.field input,.field select,.btw-input,textarea,select):focus{ border-color:var(--cyan); box-shadow:0 0 0 3px rgba(95,212,255,.3), inset 0 2px 6px rgba(0,0,0,.35); }
body.glass-site ::placeholder{ color:rgba(211,222,245,.6); }

/* departures + footer + stack */
body.glass-site .gl-dep{ border-color:rgba(255,255,255,.4); box-shadow:0 34px 70px -22px rgba(5,14,40,.9), 0 0 0 1px rgba(95,212,255,.25), inset 0 1.6px 0 rgba(255,255,255,.8); }
body.glass-site .gl-dep small{ color:var(--cyan); }
body.glass-site .gl-dep::before{ background:linear-gradient(180deg,rgba(14,31,70,0) 35%,rgba(14,31,70,.8) 100%); }
body.glass-site .footer .container{ background:linear-gradient(177deg,rgba(255,255,255,.16),rgba(255,255,255,.05)), linear-gradient(135deg,rgba(95,212,255,.1),rgba(157,123,255,.08) 50%,rgba(242,196,90,.1)); border-color:rgba(255,255,255,.3);
  box-shadow:inset 0 1.8px 0 rgba(255,255,255,.8), inset 0 -30px 60px rgba(10,24,60,.4), 0 40px 80px -30px rgba(5,14,40,.95); }
body.glass-site .footer, body.glass-site .footer a{ color:#DCE6F9; }
body.glass-site .footer h4{ color:var(--cyan); }
body.glass-site .gl-stack{
  box-shadow:
    0 34px 70px -22px rgba(5,14,40,.9), 0 0 60px -16px rgba(242,196,90,.5),
    inset 0 1.8px 0 var(--g-rim-top), inset 1.2px 0 0 var(--g-rim-side), inset -1.2px 0 0 var(--g-rim-side), inset 0 -1.6px 0 var(--g-rim-bot), inset 0 -26px 48px var(--g-depth),
    12px 14px 0 -1px rgba(255,255,255,.32), 12px 14px 0 0 rgba(28,63,128,.75), 12px 14px 30px -6px rgba(5,14,40,.6),
    24px 28px 0 -2px rgba(255,255,255,.18), 24px 28px 0 -1px rgba(28,63,128,.65), 24px 28px 40px -8px rgba(5,14,40,.5) !important; }
body.glass-site main > .section + .section::before{ background:linear-gradient(90deg,transparent,rgba(95,212,255,.45),rgba(242,196,90,.45),transparent); }

/* ==========================================================================
   DAY MODE — body.glass-site.day
   Same layout, same glass, same blue-and-gold: but lit like noon. A bright
   sky world, white-blue glass with navy type, gold for "do this", royal blue
   for "look around". Night mode above is untouched; glass.js picks by the
   clock (6am–7pm = day) and the sun/moon button in the header overrides it.
   ========================================================================== */
body.glass-site.day{
  --navy-900:#EAF3FF; --navy-800:#DCEAFF; --navy-700:#C6DBFF; --navy-600:#A9C8FF;
  --paper:#EAF3FF;
  --ink:#0B1F4A; --slate:#3A4E7A;
  --line:rgba(11,31,74,.14); --line-navy:rgba(11,31,74,.16);
  --royal:#1D5BE0; --royal-deep:#1242B0; --cyan:#1D5BE0; --cyan-deep:#1242B0;
  --gold:#C48A12; --gold-hot:#B07A08; --blue:#D9A520; --blue-light:#F2C45A; --blue-deep:#9A6C0C;
  --green:#12A363; --green-dark:#0B7A49; --green-light:#0B7A49; --green-tint:rgba(18,163,99,.12); --mint:#0E9C68;
  --amber:#B86A00;
  --g-tint-top:rgba(255,255,255,.92); --g-tint-mid:rgba(255,255,255,.70); --g-tint-bot:rgba(255,255,255,.50);
  --g-rim-top:#FFFFFF; --g-rim-side:rgba(255,255,255,.9); --g-rim-bot:rgba(255,255,255,.7);
  --g-depth:rgba(29,91,224,.10);
  --shadow:0 30px 60px -24px rgba(23,60,140,.4); --shadow-soft:0 14px 30px -14px rgba(23,60,140,.3);
  color:var(--ink); background:#EAF3FF; }
body.glass-site.day .gl-world{
  background:
    radial-gradient(1100px 700px at 8% -8%, #8EC1FF 0%, transparent 60%),
    radial-gradient(900px 620px at 100% 6%, #FFE29A 0%, transparent 55%),
    radial-gradient(1000px 700px at 50% 112%, #9CC8FF 0%, transparent 60%),
    radial-gradient(700px 520px at 88% 72%, #BFD9FF 0%, transparent 60%),
    linear-gradient(180deg,#F4F9FF 0%,#E3EEFF 55%,#D5E5FF 100%); }
body.glass-site.day .gl-world i{ mix-blend-mode:normal; filter:blur(70px); opacity:.6; }
body.glass-site.day .gl-world i:nth-child(1){ background:#6FA9FF; }
body.glass-site.day .gl-world i:nth-child(2){ background:#FFD46B; opacity:.55; }
body.glass-site.day .gl-world i:nth-child(3){ background:#7FC4FF; opacity:.5; }
body.glass-site.day .gl-world i:nth-child(4){ background:#FFFFFF; opacity:.8; }
body.glass-site.day .gl-world::after{ opacity:.03; }

/* type */
body.glass-site.day :is(h1,h2,h3,h4){ color:var(--ink); }
body.glass-site.day p, body.glass-site.day .section-head p, body.glass-site.day .coverage p, body.glass-site.day .op-band p{ color:var(--slate); }
body.glass-site.day .prose p, body.glass-site.day .prose li{ color:#22355F; }
body.glass-site.day .prose b, body.glass-site.day .prose strong{ color:var(--ink); }
body.glass-site.day .kicker{ color:var(--royal); } body.glass-site.day .kicker i{ color:var(--gold); }
body.glass-site.day :is(.see-all,.card-more,.faq-cta a,.event-loc,.tripbig-count){ color:var(--royal); }
body.glass-site.day h2 em{ color:var(--gold); text-shadow:none; }
body.glass-site.day .muted, body.glass-site.day .crumbs, body.glass-site.day .crumbs a{ color:var(--slate); }
body.glass-site.day .page-band h1, body.glass-site.day .dash-band h1, body.glass-site.day .profile-hero h1{ color:var(--ink); text-shadow:0 1px 0 #fff, 0 18px 40px rgba(23,60,140,.25); }
body.glass-site.day .page-band p, body.glass-site.day .dash-band p{ color:var(--slate); }

/* hero keeps the dusk photograph — so its words stay white — but the photo is lifted and the fade lands on sky */
body.glass-site.day .hero .gl-hero-photo{ filter:brightness(1.22) saturate(1.12); }
body.glass-site.day .hero .gl-hero-photo::after{ background:linear-gradient(180deg,rgba(20,50,110,.30) 0%,rgba(20,50,110,.02) 30%,rgba(20,50,110,.10) 62%,rgba(234,243,255,.75) 90%,#EAF3FF 100%); }
body.glass-site.day .hero h1{ color:#fff; text-shadow:0 2px 0 rgba(10,30,80,.35), 0 20px 50px rgba(10,30,80,.7); }
body.glass-site.day .hero h1 em{ color:#FFE08A; text-shadow:0 0 26px rgba(255,205,90,.7), 0 2px 0 rgba(10,30,80,.35); }
body.glass-site.day .hero-tagline{ color:#FFF1C4; text-shadow:0 2px 10px rgba(10,30,80,.85); }
body.glass-site.day .hero .badge.on-navy{ background:rgba(255,255,255,.3); color:#fff; border-color:rgba(255,255,255,.7); }

/* panes: white-blue glass, blue lift */
body.glass-site.day :is(.carrier-card,.trip-card,.route-card,.step,.panel-card,.quote-card,.filter-card,.tier-card,.stat-card,
  .lead-card,.faq,.event-card,.spotlight-card,.news-card,.resource-card,.thread-card,.sos-card,.aid-card,.region-box,.op-card,
  .cta-band,.net-promo,.net-form-card,.depot-card,.tripbig-card,.ucl-row,.search-panel,.service-promise,.success-panel,
  .story-panel,.jw-card,.lounge-card,.az-card,.az-feat,.az-tier,.se-card,.cp-row,.dp-lead,.gl-card,.verify-note,.sample-note,.demo-login-note,.login-error){
  --hue:rgba(29,91,224,.35); color:var(--ink);
  background:linear-gradient(177deg,var(--g-tint-top) 0%,var(--g-tint-mid) 42%,var(--g-tint-bot) 100%),
             linear-gradient(135deg,rgba(29,91,224,.10),rgba(255,255,255,0) 55%,rgba(242,196,90,.14)) !important;
  border:1px solid rgba(255,255,255,.95) !important;
  box-shadow:0 34px 60px -26px rgba(23,60,140,.45), 0 12px 24px -12px rgba(23,60,140,.25),
    0 0 0 1px rgba(29,91,224,.14), 0 0 50px -22px var(--hue),
    inset 0 2px 0 #fff, inset 1.2px 0 0 rgba(255,255,255,.9), inset -1.2px 0 0 rgba(255,255,255,.9),
    inset 0 -1.6px 0 rgba(255,255,255,.7), inset 0 -26px 46px var(--g-depth) !important;
  -webkit-backdrop-filter:blur(20px) saturate(190%) brightness(108%); backdrop-filter:blur(20px) saturate(190%) brightness(108%); }
body.glass-site.day :is(.carrier-card,.trip-card,.route-card,.step,.panel-card,.quote-card,.filter-card,.tier-card,.stat-card,
  .lead-card,.faq,.event-card,.spotlight-card,.news-card,.resource-card,.thread-card,.sos-card,.aid-card,.region-box,.op-card,
  .cta-band,.net-promo,.net-form-card,.depot-card,.tripbig-card,.ucl-row,.search-panel,.jw-card,.lounge-card,.az-card,.az-feat,.az-tier,.se-card,.gl-card)::before{
  background:linear-gradient(152deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.35) 22%,transparent 55%); }
body.glass-site.day :is(.step,.op-card,.tier-card,.cta-band,.quote-card){ --hue:rgba(217,165,32,.5);
  background:linear-gradient(177deg,var(--g-tint-top),var(--g-tint-mid) 42%,var(--g-tint-bot)), linear-gradient(135deg,rgba(242,196,90,.30),rgba(255,255,255,0) 60%) !important; }
body.glass-site.day :is(.az-card,.az-feat,.az-tier,.resource-card,.region-box){ --hue:rgba(29,91,224,.4);
  background:linear-gradient(177deg,var(--g-tint-top),var(--g-tint-mid) 42%,var(--g-tint-bot)), linear-gradient(135deg,rgba(111,169,255,.28),rgba(255,255,255,0) 60%) !important; }
body.glass-site.day :is(.carrier-card,.trip-card,.route-card,.step,.tier-card,.event-card,.spotlight-card,.news-card,.resource-card,.tripbig-card,.depot-card,.gl-card):hover{
  border-color:#fff !important;
  box-shadow:0 50px 80px -28px rgba(23,60,140,.55), 0 0 0 1.5px rgba(217,165,32,.75), 0 0 70px -18px var(--hue),
    inset 0 2px 0 #fff, inset 0 -26px 46px var(--g-depth) !important; }
body.glass-site.day :is(.panel-card,.quote-card,.filter-card,.faq,.step,.tier-card,.stat-card,.lead-card,.event-card,.news-card,.resource-card,.thread-card,.sos-card,.aid-card,.success-panel,.op-card,.cta-band,.net-promo) :is(h2,h3,h4,b,strong){ color:var(--ink); }
body.glass-site.day :is(.step p,.faq p,.tier-card li,.event-card p,.news-card p,.resource-card p,.thread-card>p,.sos-card p,.aid-card p,.lead-mid,.review-item p,.quote-card .muted,.op-card p,.cta-band p,.net-promo p,.op-point,.tripbig-card p,.spotlight-body p){ color:var(--slate); }
body.glass-site.day :is(.step h3,.trip-card h3,.tripbig-card h3,.route-line,.carrier-name,.stat-card b,.tier-card .t-price,.op-card .price,.trust-item,.region-box h3,.cta-band h3,.net-promo h3){ color:var(--ink); }
body.glass-site.day .op-card .price small, body.glass-site.day .route-card span{ color:var(--slate); }
body.glass-site.day .op-card p.op-after{ color:#22355F; }
body.glass-site.day .op-point i{ color:var(--green); }
body.glass-site.day .step::before{ color:var(--gold); }
body.glass-site.day :is(.trip-card i,.tripbig-card i,.resource-card i,.route-line i){ color:var(--royal); filter:drop-shadow(0 4px 10px rgba(29,91,224,.35)); }
body.glass-site.day .trust-item i{ color:var(--gold); } body.glass-site.day .trust-item i.shield{ color:var(--green); }
body.glass-site.day :is(.carrier-tags em,.chip-row em,.city-chip){ background:rgba(29,91,224,.10); color:#173A8A; border-color:rgba(29,91,224,.25); }
body.glass-site.day .state-chip{ background:rgba(29,91,224,.12); color:#173A8A; }
body.glass-site.day .state-chip:hover, body.glass-site.day .state-chip.lit{ background:var(--royal); color:#fff; }
body.glass-site.day .region-box h3 span{ color:var(--green-dark); }
body.glass-site.day .badge.verified, body.glass-site.day .status-pill.responded, body.glass-site.day .status-pill.approved{ background:rgba(18,163,99,.14); color:#0B7A49; border-color:rgba(18,163,99,.4); }
body.glass-site.day :is(.badge.listed,.news-tag,.ucl-tag){ background:rgba(11,31,74,.06); color:var(--slate); border-color:rgba(11,31,74,.14); }
body.glass-site.day :is(.badge.sample,.sample-flag,.ucl-tag.offer,.status-pill.pending,.sos-status.open){ background:#FFF3D6; color:#8A5A00; border-color:#F0D08A; }
body.glass-site.day .status-pill.new, body.glass-site.day .cat-chip{ background:rgba(29,91,224,.12); color:var(--royal-deep); }
body.glass-site.day .ucl-chip{ background:rgba(255,255,255,.7); border-color:rgba(11,31,74,.16); color:var(--slate); }
body.glass-site.day .ucl-chip:hover{ border-color:var(--royal); color:var(--royal); }
body.glass-site.day .ucl-mono{ background:linear-gradient(145deg,#2D6BEA,#1242B0); color:#FFE9A8; }
body.glass-site.day .event-date{ background:linear-gradient(160deg,#2D6BEA,#1242B0); } body.glass-site.day .event-date .mo{ color:#FFE08A; }
body.glass-site.day .card-special{ background:linear-gradient(90deg,#FFE9B0,#FFF6DC); border-color:#F0D08A; } body.glass-site.day .card-special b{ color:#6B4C07; }
body.glass-site.day :is(.verify-table div,.review-item,.verify-panel,.reply){ border-color:rgba(11,31,74,.14); }
body.glass-site.day .tier-card .pop-flag{ color:#1C1405; }
body.glass-site.day .demo-ribbon, body.glass-site.day .op-ribbon{ background:rgba(255,236,180,.8); color:#6B4C07; border-bottom-color:#F0D08A; }
body.glass-site.day #specials-band{ background:rgba(255,255,255,.6); }
body.glass-site.day .or-line::before{ background:rgba(11,31,74,.14); }

/* forms */
body.glass-site.day :is(.field input,.field select,.field textarea,.btw-input,.sr-toolbar select,.reply-form input,.dash-band select,textarea,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],select,.jw-in,.jw-sel){
  background:rgba(255,255,255,.92) !important; color:var(--ink) !important; border:1px solid rgba(11,31,74,.2) !important;
  box-shadow:inset 0 2px 5px rgba(23,60,140,.12), 0 1px 0 #fff; color-scheme:light; }
body.glass-site.day :is(.field input,.field select,.btw-input,textarea,select):focus{ border-color:var(--royal) !important; box-shadow:0 0 0 3px rgba(29,91,224,.22), inset 0 2px 5px rgba(23,60,140,.12); }
body.glass-site.day ::placeholder{ color:rgba(58,78,122,.6); }
body.glass-site.day select option{ background:#fff; color:#0B1F4A; }
body.glass-site.day .field label, body.glass-site.day .filter-card h4, body.glass-site.day label.check{ color:var(--slate); }
body.glass-site.day label.check input{ accent-color:var(--royal); }
body.glass-site.day .btw-q{ color:var(--ink); } body.glass-site.day .btw-hint, body.glass-site.day .btw-back{ color:var(--slate); }
body.glass-site.day .btw-pct{ color:var(--royal); } body.glass-site.day .btw-bar{ background:rgba(11,31,74,.1); box-shadow:inset 0 1px 2px rgba(11,31,74,.2); }
body.glass-site.day .btw-fill{ background:linear-gradient(90deg,#1D5BE0,#F2C45A); box-shadow:0 0 12px rgba(29,91,224,.45); }
body.glass-site.day .btw-wheel{ background:rgba(255,255,255,.85); border-color:rgba(11,31,74,.16); }
body.glass-site.day .btw-wi{ color:var(--slate); } body.glass-site.day .btw-wi.sel{ color:var(--royal); }
body.glass-site.day :is(.jw-h,.jw-q,.jw-q-h,.jw-lbl,.jw-srh1,.lounge-kicker,.az-big,.se-kicker){ color:var(--ink) !important; }
body.glass-site.day :is(.jw-q-t,.jw-note,.jw-consent,.lounge-note,.lounge-rule,.se-loc){ color:var(--slate) !important; }
body.glass-site.day .jw-chip{ background:rgba(255,255,255,.8) !important; border-color:rgba(11,31,74,.18) !important; color:var(--ink) !important; }

/* buttons: gold primary, royal blue secondary */
body.glass-site.day .btn, body.glass-site.day .nav-cta, body.glass-site.day .jw-btn.next, body.glass-site.day .lounge-btn.enter, body.glass-site.day .em-submit{
  background:linear-gradient(180deg,#FFF3C2 0%,#FFD25E 34%,#E3A521 62%,#FFD566 100%); color:#2A1D03;
  box-shadow:0 1px 0 #fff inset, 0 -2px 0 rgba(130,84,6,.5) inset, 0 16px 30px -12px rgba(160,105,10,.65), 0 3px 8px rgba(23,60,140,.25), 0 0 40px -12px rgba(242,196,90,.9); }
body.glass-site.day :is(.btn.ghost,.btn.ghost-light,.btn.btn-ghost,.jw-btn.back,.lounge-btn.back){
  color:#fff; text-shadow:0 1px 0 rgba(10,30,90,.4);
  background:linear-gradient(180deg,#5C93FF 0%,#2D6BEA 40%,#1648BC 66%,#3A78F2 100%); border:1px solid rgba(255,255,255,.7);
  box-shadow:0 1px 0 rgba(255,255,255,.75) inset, 0 -2px 0 rgba(8,30,100,.45) inset, 0 16px 30px -12px rgba(23,60,140,.7), 0 0 40px -12px rgba(29,91,224,.8); }
body.glass-site.day .btn.ghost i, body.glass-site.day .btn.ghost-light i{ color:#FFE08A; }
body.glass-site.day .btn.ghost:hover, body.glass-site.day .btn.ghost-light:hover{ background:linear-gradient(180deg,#75A5FF,#3A78F2 40%,#1D55D0 66%,#4D88FA); color:#fff; border-color:#fff; }
body.glass-site.day .btn.green{ background:linear-gradient(180deg,#9AF2C8,#2FCB85 45%,#12A363 65%,#45DB98); color:#04301C; }

/* header: white frosted metal, navy type */
body.glass-site.day .site-header .navbar{
  background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 34%,rgba(232,241,255,.66) 64%,rgba(255,255,255,.86) 100%);
  border-color:#fff;
  box-shadow:inset 0 2px 0 #fff, inset 0 -1px 0 rgba(11,31,74,.12), inset 0 -16px 26px rgba(29,91,224,.08),
             0 24px 44px -20px rgba(23,60,140,.5), 0 2px 8px rgba(23,60,140,.18); }
body.glass-site.day .site-header .navbar::before{ background:repeating-linear-gradient(90deg,rgba(11,31,74,.025) 0 1px,transparent 1px 3px), linear-gradient(100deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.5) 52%,rgba(255,255,255,.05) 74%,rgba(255,255,255,.8) 100%); }
body.glass-site.day .nav-links a{ color:var(--ink); } body.glass-site.day .nav-links a:hover, body.glass-site.day .nav-links a.active{ color:var(--royal); }
body.glass-site.day .nav-links a::after{ background:linear-gradient(90deg,var(--royal),#F2C45A); }
body.glass-site.day .brand-word{ color:var(--ink); }
body.glass-site.day .brand-word b{ background:linear-gradient(180deg,#E3A521,#B07A08); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.glass-site.day .mobile-toggle{ color:var(--ink); }
body.glass-site.day .nav-driverapp{ color:var(--royal) !important; }
@media (max-width:1024px){ body.glass-site.day .nav-links.open{ background:rgba(255,255,255,.95); border-color:#fff; box-shadow:0 30px 60px -20px rgba(23,60,140,.5); } }

/* tab, departures, seams, stack, footer */
body.glass-site.day .search-wrap .gl-tab{ background:linear-gradient(180deg,#3A78F2 0%,#1D5BE0 50%,#1242B0 100%); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 -8px 20px -10px rgba(23,60,140,.6); }
body.glass-site.day .gl-dep{ border-color:#fff; box-shadow:0 34px 60px -24px rgba(23,60,140,.6), 0 0 0 1px rgba(29,91,224,.2), inset 0 2px 0 rgba(255,255,255,.9); }
body.glass-site.day .gl-dep img{ filter:brightness(1.12) saturate(1.1); }
body.glass-site.day .gl-dep small{ color:#FFE08A; }
body.glass-site.day main > .section + .section::before{ background:linear-gradient(90deg,transparent,rgba(29,91,224,.35),rgba(217,165,32,.45),transparent); }
body.glass-site.day .gl-stack{
  box-shadow:
    0 34px 60px -24px rgba(23,60,140,.5), 0 0 50px -18px rgba(217,165,32,.55),
    inset 0 2px 0 #fff, inset 1.2px 0 0 rgba(255,255,255,.9), inset -1.2px 0 0 rgba(255,255,255,.9), inset 0 -26px 48px var(--g-depth),
    12px 14px 0 -1px #fff, 12px 14px 0 0 rgba(198,219,255,.95), 12px 14px 26px -6px rgba(23,60,140,.35),
    24px 28px 0 -2px rgba(255,255,255,.9), 24px 28px 0 -1px rgba(169,200,255,.9), 24px 28px 34px -8px rgba(23,60,140,.3) !important; }
/* the footer stays a navy pane: it anchors the bright page and keeps the brand's blue */
body.glass-site.day .footer .container{ background:linear-gradient(177deg,#1D4FBF 0%,#143A94 45%,#0E2A70 100%); border-color:rgba(255,255,255,.6);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55), inset 0 -30px 60px rgba(6,18,60,.45), 0 40px 70px -30px rgba(23,60,140,.7); }
body.glass-site.day .footer, body.glass-site.day .footer a, body.glass-site.day .footer p{ color:#DCE8FF; } body.glass-site.day .footer a:hover{ color:#fff; }
body.glass-site.day .footer h4{ color:#FFE08A; } body.glass-site.day .footer .brand-word{ color:#fff; }
body.glass-site.day .footer .brand-word b{ background:linear-gradient(180deg,#FFF0C2,#F2C45A); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.glass-site.day .footer-bottom{ border-color:rgba(255,255,255,.2); color:rgba(220,232,255,.75); }
body.glass-site.day .footer .service-promise{ background:rgba(255,255,255,.12) !important; border-color:rgba(255,255,255,.3) !important; color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.4) !important; }
body.glass-site.day .footer-phone{ color:#FFE08A !important; }
body.glass-site.day .az-phone{ background:#0E1F46; } body.glass-site.day .az-screen{ background:#132B62; }
body.glass-site.day hr{ background:rgba(11,31,74,.14); }

/* the sun / moon switch (injected by glass.js) */
.gl-mode{ flex:none; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; cursor:pointer; font-size:18px; line-height:1;
  color:#fff; background:linear-gradient(177deg,rgba(255,255,255,.3),rgba(255,255,255,.08)); border:1px solid rgba(255,255,255,.45);
  box-shadow:inset 0 1.4px 0 rgba(255,255,255,.8), 0 8px 18px -8px rgba(5,14,40,.7); transition:transform .25s cubic-bezier(.2,.8,.2,1); }
.gl-mode:hover{ transform:rotate(18deg) scale(1.08); }
body.glass-site.day .gl-mode{ color:#B07A08; background:linear-gradient(177deg,#fff,#E3EEFF); border-color:#fff; box-shadow:inset 0 2px 0 #fff, 0 8px 18px -8px rgba(23,60,140,.5); }

/* day-mode legibility + header fit (after first look) */
body.glass-site.day label.check, body.glass-site.day .field label, body.glass-site.day .filter-card h4{ color:#22355F; }
body.glass-site.day label.check span{ color:var(--slate); }
body.glass-site.day #sr-count, body.glass-site.day #results-note{ color:var(--slate); } body.glass-site.day #sr-count b{ color:var(--ink); }
body.glass-site.day .rating span, body.glass-site.day .carrier-loc{ color:var(--slate); }
body.glass-site.day :is(.step,.op-card,.tier-card,.cta-band,.quote-card){
  background:linear-gradient(177deg,rgba(255,255,255,.9),rgba(255,250,235,.72) 42%,rgba(255,240,200,.6)), linear-gradient(135deg,rgba(242,196,90,.4),rgba(255,255,255,0) 60%) !important; }
body.glass-site.day :is(.trip-card,.tripbig-card,.route-card,.carrier-card,.resource-card,.region-box,.az-feat){
  background:linear-gradient(177deg,rgba(255,255,255,.92),rgba(240,247,255,.74) 42%,rgba(214,231,255,.62)), linear-gradient(135deg,rgba(111,169,255,.3),rgba(255,255,255,0) 60%) !important; }
.gl-mode{ width:34px; height:34px; font-size:16px; }
@media (max-width:1340px){ body.glass-site .nav-links{ gap:11px; } body.glass-site .site-header .navbar{ gap:12px; } }

/* phones: nothing may be wider than the screen */
html:has(> body.glass-site){ overflow-x:clip; }
body.glass-site .hero{ overflow-x:clip; overflow-y:visible; }
@media (max-width:760px){
  /* the paper block is a two-column inline grid with 280px minimums — 604px on a 375px phone */
  body.glass-site #paper .container > div{ grid-template-columns:minmax(0,1fr) !important; gap:24px !important; }
  body.glass-site #driver-app .container > div{ padding:22px 18px !important; gap:18px !important; }
  body.glass-site #driver-app .btn{ margin-left:0 !important; margin-top:8px; width:100%; }
  body.glass-site [style*="min-width:260px"]{ min-width:0 !important; }
  body.glass-site .gl-preview-note{ left:auto !important; right:84px; bottom:26px !important; font-size:9px !important; }
}
body.glass-site.day .prose a:not(.btn), body.glass-site.day .page-band a:not(.btn), body.glass-site.day .faq a:not(.btn){ color:var(--royal); }

/* ---------- home: what the site is, first (1 Oct 2026) ---------- */
body.glass-site .hero .lead.hero-what{ margin:20px 0 0; max-width:58ch; text-align:left; color:#F4F7FC; font-size:clamp(16px,1.45vw,19px); line-height:1.62; text-shadow:0 2px 14px rgba(5,14,40,.9); }
body.glass-site .hero-facts{ justify-content:flex-start; margin:22px 0 0; gap:10px; }
body.glass-site .hero-facts li{ padding:9px 16px; border-radius:999px; font-size:14px; font-weight:600; color:#fff; text-shadow:none;
  background:linear-gradient(177deg,rgba(255,255,255,.3),rgba(255,255,255,.1)); border:1px solid rgba(255,255,255,.5);
  box-shadow:inset 0 1.4px 0 rgba(255,255,255,.8), 0 10px 22px -10px rgba(5,14,40,.8);
  -webkit-backdrop-filter:blur(14px) saturate(170%); backdrop-filter:blur(14px) saturate(170%); }
body.glass-site .hero-facts i{ color:var(--gold-hot); }
body.glass-site.day .hero-facts i{ color:#FFE08A; }
body.glass-site .hero{ padding-bottom:250px; }
/* browse-near-you: the last thing on the page, one stacked pane */
body.glass-site #browse > .container{ position:relative; isolation:isolate; padding:46px 40px 40px; border-radius:28px;
  background:linear-gradient(177deg,var(--g-tint-top),var(--g-tint-mid) 42%,var(--g-tint-bot)), linear-gradient(135deg,rgba(95,212,255,.14),rgba(255,255,255,0) 55%,rgba(242,196,90,.16));
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 34px 70px -24px rgba(5,14,40,.85), inset 0 1.8px 0 var(--g-rim-top), inset 0 -26px 46px var(--g-depth),
    12px 14px 0 -1px rgba(255,255,255,.3), 12px 14px 0 0 rgba(28,63,128,.7), 24px 28px 0 -2px rgba(255,255,255,.16), 24px 28px 0 -1px rgba(28,63,128,.6);
  -webkit-backdrop-filter:blur(20px) saturate(190%); backdrop-filter:blur(20px) saturate(190%); }
body.glass-site #browse h2{ color:var(--ink); } body.glass-site #browse p{ color:var(--slate); } body.glass-site #browse .see-all{ color:var(--cyan); }
body.glass-site .browse-form .field label{ color:var(--slate); }
body.glass-site.day #browse > .container{ border-color:#fff;
  background:linear-gradient(177deg,rgba(255,255,255,.94),rgba(240,247,255,.78) 42%,rgba(214,231,255,.66)), linear-gradient(135deg,rgba(111,169,255,.28),rgba(255,255,255,0) 55%,rgba(242,196,90,.3));
  box-shadow:0 34px 60px -26px rgba(23,60,140,.5), inset 0 2px 0 #fff, inset 0 -26px 46px var(--g-depth),
    12px 14px 0 -1px #fff, 12px 14px 0 0 rgba(198,219,255,.95), 24px 28px 0 -2px rgba(255,255,255,.9), 24px 28px 0 -1px rgba(169,200,255,.9); }
@media (max-width:760px){ body.glass-site #browse > .container{ padding:30px 20px 26px; box-shadow:0 30px 60px -24px rgba(5,14,40,.6), inset 0 1.8px 0 var(--g-rim-top); } body.glass-site .hero{ padding-bottom:170px; } }
/* wizard type-in boxes */
body.glass-site .btw-input.btw-alt{ max-width:360px; }

/* ---------- compact phones: glass fold heads + tighter desktop rhythm ---------- */
body.glass-site .section{ padding:64px 0; }
@media (max-width:760px){
  body.glass-site section[data-fold] > .fold-head{ color:var(--ink); border:1px solid rgba(255,255,255,.3); border-radius:18px;
    background:linear-gradient(177deg,var(--g-tint-top),var(--g-tint-mid) 42%,var(--g-tint-bot)), linear-gradient(135deg,rgba(95,212,255,.12),rgba(255,255,255,0) 55%,rgba(242,196,90,.14));
    box-shadow:0 18px 34px -18px rgba(5,14,40,.8), inset 0 1.6px 0 var(--g-rim-top), inset 0 -14px 26px var(--g-depth);
    -webkit-backdrop-filter:blur(18px) saturate(180%); backdrop-filter:blur(18px) saturate(180%); }
  body.glass-site .fold-k{ color:var(--cyan); } body.glass-site .fold-head i{ color:var(--gold); }
  body.glass-site.day section[data-fold] > .fold-head{ border-color:#fff;
    background:linear-gradient(177deg,rgba(255,255,255,.95),rgba(240,247,255,.8) 42%,rgba(214,231,255,.68));
    box-shadow:0 18px 30px -18px rgba(23,60,140,.5), inset 0 2px 0 #fff; }
  body.glass-site main > .section + .section::before{ display:none; }
  body.glass-site section[data-fold] .gl-dep-grid{ grid-template-columns:none; }
  body.glass-site .gl-departures{ padding:0; }
  body.glass-site .footer-grid > .ffold h4{ color:var(--gold); } body.glass-site.day .footer-grid > .ffold h4{ color:#FFE08A; }
  body.glass-site .hero .lead.hero-what{ font-size:15.5px; }
}
/* the explainer sits on a busy photograph: give it its own pane so it always reads */
body.glass-site .hero .lead.hero-what{ padding:14px 18px; border-radius:18px; background:linear-gradient(177deg,rgba(10,24,60,.46),rgba(10,24,60,.3)); border:1px solid rgba(255,255,255,.28);
  box-shadow:inset 0 1.2px 0 rgba(255,255,255,.45), 0 16px 34px -16px rgba(5,14,40,.8); -webkit-backdrop-filter:blur(12px) saturate(150%); backdrop-filter:blur(12px) saturate(150%); text-shadow:none; }

/* ---------- "Did you know?" — a slim glass strip, gold bulb, royal/cyan link ---------- */
body.glass-site .dyk-wrap{ margin-top:26px; }
body.glass-site .dyk{ position:relative; isolation:isolate; border-radius:999px; padding:10px 10px 10px 20px; min-height:56px; color:var(--ink);
  background:linear-gradient(177deg,var(--g-tint-top),var(--g-tint-mid) 42%,var(--g-tint-bot)), linear-gradient(90deg,rgba(242,196,90,.22),rgba(255,255,255,0) 40%,rgba(95,212,255,.14));
  border:1px solid rgba(255,255,255,.4);
  box-shadow:0 22px 44px -20px rgba(5,14,40,.8), inset 0 1.8px 0 var(--g-rim-top), inset 0 -12px 24px var(--g-depth), 0 0 44px -18px rgba(242,196,90,.7);
  -webkit-backdrop-filter:blur(18px) saturate(190%); backdrop-filter:blur(18px) saturate(190%); }
body.glass-site .dyk-k{ color:var(--gold-hot); } body.glass-site .dyk-k i{ color:var(--gold); filter:drop-shadow(0 0 8px rgba(242,196,90,.8)); }
body.glass-site .dyk-t{ color:var(--ink); } body.glass-site .dyk-t a{ color:var(--cyan); }
body.glass-site .dyk-next{ background:linear-gradient(177deg,rgba(255,255,255,.3),rgba(255,255,255,.08)); border-color:rgba(255,255,255,.5); color:#fff; box-shadow:inset 0 1.4px 0 rgba(255,255,255,.8); }
body.glass-site.day .dyk{ border-color:#fff; box-shadow:0 20px 38px -20px rgba(23,60,140,.5), inset 0 2px 0 #fff, 0 0 40px -18px rgba(217,165,32,.6);
  background:linear-gradient(177deg,rgba(255,255,255,.96),rgba(255,250,236,.82) 42%,rgba(240,247,255,.72)); }
body.glass-site.day .dyk-k{ color:#9A6C0C; } body.glass-site.day .dyk-k i{ color:#D9A520; filter:none; }
body.glass-site.day .dyk-next{ background:linear-gradient(177deg,#fff,#E3EEFF); border-color:#fff; color:var(--royal); box-shadow:inset 0 2px 0 #fff, 0 6px 14px -8px rgba(23,60,140,.5); }
@media (max-width:680px){ body.glass-site .dyk{ border-radius:20px; padding:12px 14px; } }

/* ---------- directory pages: /bus-companies/{state}/{city}/ ---------- */
body.glass-site .cc-wrap{ padding:44px 0 80px; }
body.glass-site .cc-wrap h1{ font-family:var(--font-display); color:var(--ink); font-weight:600; letter-spacing:-.03em; font-size:clamp(30px,4.2vw,52px); }
body.glass-site .cc-h2{ font-family:var(--font-display); color:var(--ink); font-weight:600; }
body.glass-site .cc-lede{ color:var(--slate); } body.glass-site .cc-lede b{ color:var(--ink); }
body.glass-site .cc-crumb{ color:var(--slate); } body.glass-site .cc-crumb a, body.glass-site .cc-back a, body.glass-site .cc-act{ color:var(--cyan); }
body.glass-site :is(.cc-card,.cc-cta,.cc-list){ position:relative; isolation:isolate; border-radius:18px;
  background:linear-gradient(177deg,var(--g-tint-top),var(--g-tint-mid) 42%,var(--g-tint-bot)), linear-gradient(135deg,rgba(95,212,255,.10),rgba(255,255,255,0) 55%,rgba(242,196,90,.10));
  border:1px solid rgba(255,255,255,.3);
  box-shadow:0 22px 44px -20px rgba(5,14,40,.8), inset 0 1.8px 0 var(--g-rim-top), inset 0 -18px 34px var(--g-depth);
  -webkit-backdrop-filter:blur(18px) saturate(190%); backdrop-filter:blur(18px) saturate(190%); }
body.glass-site .cc-card{ transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease; }
body.glass-site .cc-card:hover{ transform:translateY(-6px); border-color:rgba(255,255,255,.6); box-shadow:0 34px 60px -22px rgba(5,14,40,.9), 0 0 0 1.5px rgba(242,196,90,.55), inset 0 1.8px 0 #fff; }
body.glass-site .cc-card b, body.glass-site .cc-name{ color:var(--ink); } body.glass-site .cc-card span, body.glass-site .cc-meta{ color:var(--slate); }
body.glass-site .cc-list{ padding:4px 18px; border-top:1px solid rgba(255,255,255,.3); }
body.glass-site .cc-row{ border-bottom-color:rgba(255,255,255,.14); } body.glass-site .cc-row:last-child{ border-bottom:0; }
body.glass-site .cc-veh, body.glass-site .cc-chip{ background:rgba(95,212,255,.14); color:#DFF5FF; border-color:rgba(95,212,255,.3); }
body.glass-site .cc-chip b{ color:var(--slate); } body.glass-site .cc-chip:hover{ border-color:var(--gold); }
body.glass-site .cc-cta{ padding:26px 30px; background:linear-gradient(177deg,var(--g-tint-top),var(--g-tint-mid) 42%,var(--g-tint-bot)), linear-gradient(135deg,rgba(242,196,90,.2),rgba(255,255,255,0) 60%); }
body.glass-site .cc-cta h2{ color:var(--ink); font-family:var(--font-display); } body.glass-site .cc-cta p{ color:var(--slate); }
body.glass-site .cc-cta .btn{ border-radius:999px; }
body.glass-site .cc-small a{ color:var(--slate); } body.glass-site .cc-small a:hover{ color:var(--ink); }
body.glass-site.day :is(.cc-card,.cc-cta,.cc-list){ border-color:#fff;
  background:linear-gradient(177deg,rgba(255,255,255,.94),rgba(240,247,255,.76) 42%,rgba(214,231,255,.64)), linear-gradient(135deg,rgba(111,169,255,.26),rgba(255,255,255,0) 60%);
  box-shadow:0 22px 40px -20px rgba(23,60,140,.45), inset 0 2px 0 #fff, inset 0 -18px 34px var(--g-depth); }
body.glass-site.day .cc-cta{ background:linear-gradient(177deg,rgba(255,255,255,.94),rgba(255,250,235,.78) 42%,rgba(255,240,200,.64)), linear-gradient(135deg,rgba(242,196,90,.4),rgba(255,255,255,0) 60%); }
body.glass-site.day .cc-row{ border-bottom-color:rgba(11,31,74,.12); }
body.glass-site.day .cc-veh, body.glass-site.day .cc-chip{ background:rgba(29,91,224,.10); color:#173A8A; border-color:rgba(29,91,224,.25); }
body.glass-site.day .cc-card:hover{ box-shadow:0 34px 56px -24px rgba(23,60,140,.55), 0 0 0 1.5px rgba(217,165,32,.75), inset 0 2px 0 #fff; }

/* ---------- compact directory: states that open, type-in boxes, show-more ---------- */
.gl-hid{ display:none !important; }
body.glass-site .gl-dir-filter{ max-width:440px; margin:6px 0 16px; }
body.glass-site .gl-dir-filter label{ font-size:14px; text-transform:none; letter-spacing:0; font-weight:600; color:var(--ink); margin-bottom:8px; }
body.glass-site .gl-dir-filter input{ width:100%; font:inherit; font-size:16px; padding:14px 16px; border-radius:14px; }
body.glass-site .gl-dir-bar{ display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; margin:18px 0 6px; }
body.glass-site .gl-more{ padding:11px 20px; font-size:14.5px; }
body.glass-site .gl-none{ margin:14px 0 0; }
body.glass-site .cc-small{ margin-top:14px; }
body.glass-site .gl-states{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 14px; align-items:start; }
@media (max-width:760px){ body.glass-site .gl-states{ grid-template-columns:minmax(0,1fr); } }
body.glass-site .gl-state{ position:relative; isolation:isolate; border-radius:18px; border:1px solid rgba(255,255,255,.3);
  background:linear-gradient(177deg,var(--g-tint-top),var(--g-tint-mid) 42%,var(--g-tint-bot)), linear-gradient(135deg,rgba(95,212,255,.10),rgba(255,255,255,0) 55%,rgba(242,196,90,.10));
  box-shadow:0 18px 36px -20px rgba(5,14,40,.8), inset 0 1.8px 0 var(--g-rim-top), inset 0 -14px 28px var(--g-depth);
  -webkit-backdrop-filter:blur(18px) saturate(190%); backdrop-filter:blur(18px) saturate(190%); transition:box-shadow .3s ease; }
body.glass-site .gl-state.open{ grid-column:1 / -1; box-shadow:0 30px 56px -22px rgba(5,14,40,.9), 0 0 0 1.5px rgba(242,196,90,.5), inset 0 1.8px 0 #fff; }
body.glass-site .gl-state-head{ width:100%; display:flex; align-items:center; gap:12px; padding:15px 18px; background:none; border:0; cursor:pointer; color:var(--ink); font:inherit; text-align:left; }
body.glass-site .gl-state-name{ font-weight:600; font-size:17px; letter-spacing:-.01em; }
body.glass-site .gl-state-count{ margin-left:auto; font-size:13px; color:var(--slate); white-space:nowrap; }
body.glass-site .gl-state-head i{ font-size:20px; color:var(--gold); transition:transform .25s ease; }
body.glass-site .gl-state.open .gl-state-head i{ transform:rotate(180deg); }
body.glass-site .gl-state-panel{ padding:4px 18px 18px; border-top:1px solid rgba(255,255,255,.18); }
body.glass-site .gl-chips{ display:flex; flex-wrap:wrap; gap:8px; }
body.glass-site .gl-chips .cc-chip{ text-decoration:none; }
body.glass-site.day .gl-state{ border-color:#fff;
  background:linear-gradient(177deg,rgba(255,255,255,.94),rgba(240,247,255,.76) 42%,rgba(214,231,255,.64)), linear-gradient(135deg,rgba(111,169,255,.26),rgba(255,255,255,0) 60%);
  box-shadow:0 18px 32px -20px rgba(23,60,140,.45), inset 0 2px 0 #fff; }
body.glass-site.day .gl-state.open{ box-shadow:0 30px 50px -24px rgba(23,60,140,.55), 0 0 0 1.5px rgba(217,165,32,.7), inset 0 2px 0 #fff; }
body.glass-site.day .gl-state-panel{ border-top-color:rgba(11,31,74,.12); }
body.glass-site.day .gl-state-head i{ color:#C48A12; }

/* ---------- QA pass (1 Oct 2026): surfaces whose inline white background the build removes ---------- */
/* the "ask for a price" pop-up on the search page must be solid: it sits over a dimmed page */
body.glass-site #uq-modal{ background:linear-gradient(177deg,#22407F 0%,#152B5E 55%,#0F2148 100%); border:1px solid rgba(255,255,255,.35); color:var(--ink);
  box-shadow:0 40px 90px -20px rgba(0,0,0,.8), inset 0 1.8px 0 rgba(255,255,255,.6); border-radius:22px; }
body.glass-site.day #uq-modal{ background:linear-gradient(177deg,#FFFFFF 0%,#F2F7FF 55%,#E3EEFF 100%); border-color:#fff; box-shadow:0 40px 80px -24px rgba(23,60,140,.6), inset 0 2px 0 #fff; }
body.glass-site #uq-back{ -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }


/* ---------- RETHEME VARIABLES: what the build's colour translation points at ---------- */
body.glass-site{ --gl-surface:rgba(255,255,255,.12); --gl-surface-deep:rgba(8,20,52,.42); --red:#FF9A8F; }
body.glass-site.day{ --gl-surface:rgba(255,255,255,.84); --gl-surface-deep:rgba(29,91,224,.09); --red:#B3261E; }
/* containers that stay dark in both modes pin the variables, so translated text inside them never flips */
body.glass-site :is(.az-phone,.gl-dep,.event-date,.ucl-mono,.carrier-photo,.spotlight-photo,.hero),
body.glass-site.day .footer .container{
  --ink:#FFFFFF; --slate:#D6E2F7; --gold:#FFE08A; --gold-hot:#FFE9A8; --cyan:#8FE0FF; --green-dark:#8DF2C0; --red:#FFB1A8;
  --line:rgba(255,255,255,.22); --gl-surface:rgba(255,255,255,.12); --gl-surface-deep:rgba(8,20,52,.5); }
body.glass-site .az-phone{ background:#0B1830 !important; } body.glass-site .az-screen{ background:#10224A !important; }
/* tables written for a white page */
body.glass-site table{ border-collapse:collapse; } body.glass-site th{ color:var(--ink); background:var(--gl-surface-deep); }
/* the price card's flag: the tilt rule was cancelling its centring, so it poked off phone screens */
body.glass-site [data-tilt] > .pop-flag{ transform:translateX(-50%) translateZ(18px); }
/* badges that sit on a photograph need their own solid chip */
body.glass-site .carrier-photo .badge{ background:rgba(8,20,52,.72); color:#B9FFE0; border:1px solid rgba(255,255,255,.35); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
body.glass-site .nav-911, body.glass-site .nav-911 *{ color:#fff; text-shadow:0 1px 2px rgba(120,10,10,.6); }


/* ---------- QA pass 2: day-mode legibility ---------- */
/* gold lettering on a light page has to be a deep gold to be readable; fills and glows keep the bright one */
body.glass-site.day{ --gold:#946608; --gold-hot:#7E5604; --blue-deep:#7E5604; --amber:#9A5700; --demo:#8A5A00; }
body.glass-site{ --demo:#FFD9A0; }
body.glass-site.day :is(.hero,.gl-dep,.az-phone,.event-date,.ucl-mono,.carrier-photo,.spotlight-photo), body.glass-site.day .footer .container{ --gold:#FFE08A; --gold-hot:#FFE9A8; }
body.glass-site.day .tier-card .pop-flag, body.glass-site.day .btn{ --gold:#946608; }
body.glass-site.day .dyk-k{ color:#7E5604; }
body.glass-site.day .brand-word b{ background:linear-gradient(180deg,#D9A020,#946608); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.glass-site.day .profile-sub .loc, body.glass-site.day .profile-hero p{ color:var(--slate); }
body.glass-site .carrier-photo .badge, body.glass-site.day .carrier-photo .badge.verified, body.glass-site .carrier-photo .badge.verified{ background:rgba(8,20,52,.74) !important; color:#B9FFE0 !important; border:1px solid rgba(255,255,255,.4) !important; }
/* photo tags and the phone mock-up stay dark in both modes */
body.glass-site .se-tag{ background:rgba(8,20,52,.78) !important; color:#fff !important; border-color:rgba(255,255,255,.3) !important; }
body.glass-site .az-phone :is(.az-card,.az-feat,.az-tier){ background:rgba(255,255,255,.10) !important; border:1px solid rgba(255,255,255,.18) !important; box-shadow:none !important; -webkit-backdrop-filter:none; backdrop-filter:none; color:#fff; }
body.glass-site .az-phone :is(.az-card,.az-feat,.az-tier)::before{ display:none; }
/* lounge door buttons: gold button gets dark type, blue button gets white type */
body.glass-site .lounge-btn.enter, body.glass-site .jw-btn.next, body.glass-site .em-submit{ color:#1C1405 !important; }
body.glass-site .em-submit{ color:#fff !important; background:linear-gradient(180deg,#FF7A6B,#D8352F 50%,#A61B2B) !important; }
body.glass-site.day .lounge-btn.back, body.glass-site.day .jw-btn.back{ color:#fff !important; }
/* the price card's flag must stay pinned to the card's top edge and centred (pane children are position:relative by default) */
body.glass-site .tier-card > .pop-flag{ position:absolute !important; left:50% !important; top:-12px; transform:translateX(-50%) !important; z-index:3; }
body.glass-site .tier-card.pop{ overflow:visible; }
body.glass-site.day .az-chip{ color:#7E5604 !important; background:rgba(242,196,90,.22) !important; border-color:rgba(148,102,8,.35) !important; }

/* ==========================================================================
   COLOUR-CODED CHOICES (2 Oct 2026)
   In the first phone preview every fold-down row happened to sit over a
   different patch of background light, so each read as its own colour. That
   was luck, and day mode lost it. The colour is now deliberate: anything the
   visitor PICKS from a list carries its own hue, the same in day and night.
     --c   the hue      --c2  its deeper shade      --ct  lettering on it
   ========================================================================== */
body.glass-site{
  /* eight neighbours on the colour wheel: sky -> blue -> indigo -> violet -> purple -> orchid -> pink -> rose.
     Each is one step from the last, so a stack of them reads as one flowing family, not a box of crayons. */
  --h-blue:#2AA9FF;   --h-blue2:#0E7FE0;     /* 1 sky    */
  --h-gold:#3F7BFF;   --h-gold2:#1F55E0;     /* 2 blue   */
  --h-teal:#5C68FF;   --h-teal2:#3B41E0;     /* 3 indigo */
  --h-coral:#7E5BFF;  --h-coral2:#5A35E6;    /* 4 violet */
  --h-violet:#A259FF; --h-violet2:#7C2FE0;   /* 5 purple */
  --h-green:#C956F0;  --h-green2:#A02CCB;    /* 6 orchid */
  --h-pink:#EE57C4;   --h-pink2:#C92E9C;     /* 7 pink   */
  --h-sky:#FF5C93;    --h-sky2:#DE2F6B;      /* 8 rose   */
}
/* the eight rows on the phone home page, top to bottom, in wheel order */
body.glass-site #how{        --c:var(--h-blue);   --c2:var(--h-blue2); }
body.glass-site #whyus{      --c:var(--h-gold);   --c2:var(--h-gold2); }
body.glass-site #departures{ --c:var(--h-teal);   --c2:var(--h-teal2); }
body.glass-site #trips{      --c:var(--h-coral);  --c2:var(--h-coral2); }
body.glass-site #featured{   --c:var(--h-violet); --c2:var(--h-violet2); }
body.glass-site #ownerops{   --c:var(--h-green);  --c2:var(--h-green2); }
body.glass-site #coverage{   --c:var(--h-pink);   --c2:var(--h-pink2); }
body.glass-site #routes{     --c:var(--h-sky);    --c2:var(--h-sky2); }

@media (max-width:760px){
  /* light of the row's own colour sits BEHIND it, so the glass always has something to bend and glow with — day or night */
  body.glass-site section[data-fold]{ position:relative; isolation:isolate; }
  body.glass-site section[data-fold]::before{ content:""; position:absolute; left:-6%; right:-6%; top:-14px; height:112px; z-index:-1; pointer-events:none;
    background:radial-gradient(60% 70% at 28% 50%, color-mix(in srgb,var(--c) 85%,transparent), transparent 70%),
               radial-gradient(55% 70% at 78% 55%, color-mix(in srgb,var(--c2) 80%,transparent), transparent 72%);
    filter:blur(22px); opacity:.85; }
  body.glass-site.day section[data-fold]::before{ opacity:.6; }

  body.glass-site section[data-fold] > .fold-head,
  body.glass-site.day section[data-fold] > .fold-head{
    position:relative; isolation:isolate; overflow:hidden;
    color:#fff; border-radius:22px; padding:18px 18px 18px 20px; margin:11px auto;
    border:1px solid rgba(255,255,255,.62);
    /* the pane: clear glass with a breath of its hue, thicker toward the bottom like a real slab */
    background:linear-gradient(177deg,
        color-mix(in srgb,var(--c) 16%,rgba(255,255,255,.26)) 0%,
        color-mix(in srgb,var(--c) 26%,rgba(255,255,255,.08)) 46%,
        color-mix(in srgb,var(--c2) 40%,rgba(255,255,255,.03)) 100%);
    box-shadow:
      0 22px 36px -18px color-mix(in srgb,var(--c2) 80%,#000),          /* coloured light pooling under the pane */
      0 6px 14px -6px rgba(5,14,40,.45),
      inset 0 2px 0 rgba(255,255,255,.95),                               /* top rim */
      inset 0 3px 8px rgba(255,255,255,.28),
      inset 1.5px 0 0 rgba(255,255,255,.42), inset -1.5px 0 0 rgba(255,255,255,.42),
      inset 0 -2px 0 color-mix(in srgb,var(--c) 70%,#fff),               /* bright lower lip */
      inset 0 -20px 30px color-mix(in srgb,var(--c2) 46%,transparent);   /* thickness */
    -webkit-backdrop-filter:blur(18px) saturate(220%) brightness(112%);
    backdrop-filter:blur(18px) saturate(220%) brightness(112%); }
  @supports (backdrop-filter:url(#glass-station-bus-nation)){
    body.glass-site section[data-fold] > .fold-head{ backdrop-filter:url(#glass-station-bus-nation) blur(18px) saturate(220%) brightness(112%); } }
  /* gloss: a curved highlight across the top third, the way light sits on a wet surface */
  body.glass-site section[data-fold] > .fold-head::before{ content:""; position:absolute; left:0; right:0; top:0; height:58%; border-radius:22px 22px 60% 60% / 22px 22px 26px 26px; z-index:-1; pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.14) 55%,rgba(255,255,255,0) 100%); }
  /* a diagonal glint, and coloured light gathering at the bottom edge */
  body.glass-site section[data-fold] > .fold-head::after{ content:""; position:absolute; inset:0; border-radius:inherit; z-index:-1; pointer-events:none;
    background:linear-gradient(118deg,transparent 0%,transparent 38%,rgba(255,255,255,.30) 46%,transparent 54%,transparent 100%),
               radial-gradient(90% 55% at 50% 118%, color-mix(in srgb,var(--c) 75%,#fff) 0%, transparent 70%); }
  body.glass-site section[data-fold] > .fold-head .fold-k{ color:#fff; opacity:.92; font-size:11px; letter-spacing:.17em; font-weight:700; text-shadow:0 1px 3px rgba(8,16,48,.55); }
  body.glass-site section[data-fold] > .fold-head .fold-t{ color:#fff; font-size:18.5px; font-weight:700; letter-spacing:-.01em; text-shadow:0 1px 2px rgba(8,16,48,.6), 0 0 18px rgba(8,16,48,.35); }
  /* the chevron is its own little glass bead */
  body.glass-site section[data-fold] > .fold-head i{ color:#fff; width:36px; height:36px; display:grid; place-items:center; border-radius:50%; font-size:20px; flex:none;
    background:linear-gradient(177deg,rgba(255,255,255,.5),rgba(255,255,255,.12)); border:1px solid rgba(255,255,255,.7);
    box-shadow:inset 0 1.5px 0 #fff, inset 0 -6px 10px color-mix(in srgb,var(--c2) 45%,transparent), 0 6px 12px -6px color-mix(in srgb,var(--c2) 80%,#000);
    text-shadow:0 1px 2px rgba(8,16,48,.5); }
  /* daytime: same glass, a little more body so white lettering still reads on a bright page */
  body.glass-site.day section[data-fold] > .fold-head{
    background:linear-gradient(177deg,
        color-mix(in srgb,var(--c) 46%,rgba(255,255,255,.30)) 0%,
        color-mix(in srgb,var(--c) 62%,rgba(255,255,255,.10)) 46%,
        color-mix(in srgb,var(--c2) 74%,rgba(255,255,255,.04)) 100%);
    border-color:rgba(255,255,255,.9); }
  body.glass-site section[data-fold="open"] > .fold-head{ margin-bottom:6px; }
}

/* cards you choose between cycle through the same hues: a coloured top edge, a tinted pane, a coloured icon */
body.glass-site :is(.trip-card,.tripbig-card,.step,.route-card,.cc-card,.gl-state,.gl-dep,.resource-card,.event-card,.news-card){ --c:var(--h-blue); --c2:var(--h-blue2); }
body.glass-site :is(.trip-card,.tripbig-card,.step,.route-card,.cc-card,.gl-state,.gl-dep,.resource-card,.event-card,.news-card):nth-child(8n+2){ --c:var(--h-gold);   --c2:var(--h-gold2); }
body.glass-site :is(.trip-card,.tripbig-card,.step,.route-card,.cc-card,.gl-state,.gl-dep,.resource-card,.event-card,.news-card):nth-child(8n+3){ --c:var(--h-teal);   --c2:var(--h-teal2); }
body.glass-site :is(.trip-card,.tripbig-card,.step,.route-card,.cc-card,.gl-state,.gl-dep,.resource-card,.event-card,.news-card):nth-child(8n+4){ --c:var(--h-coral);  --c2:var(--h-coral2); }
body.glass-site :is(.trip-card,.tripbig-card,.step,.route-card,.cc-card,.gl-state,.gl-dep,.resource-card,.event-card,.news-card):nth-child(8n+5){ --c:var(--h-violet); --c2:var(--h-violet2); }
body.glass-site :is(.trip-card,.tripbig-card,.step,.route-card,.cc-card,.gl-state,.gl-dep,.resource-card,.event-card,.news-card):nth-child(8n+6){ --c:var(--h-green);  --c2:var(--h-green2); }
body.glass-site :is(.trip-card,.tripbig-card,.step,.route-card,.cc-card,.gl-state,.gl-dep,.resource-card,.event-card,.news-card):nth-child(8n+7){ --c:var(--h-pink);   --c2:var(--h-pink2); }
body.glass-site :is(.trip-card,.tripbig-card,.step,.route-card,.cc-card,.gl-state,.gl-dep,.resource-card,.event-card,.news-card):nth-child(8n+8){ --c:var(--h-sky);    --c2:var(--h-sky2); }

body.glass-site :is(.trip-card,.tripbig-card,.step,.route-card,.cc-card,.gl-state,.resource-card,.event-card,.news-card){
  background:linear-gradient(177deg,var(--g-tint-top),var(--g-tint-mid) 42%,var(--g-tint-bot)),
             linear-gradient(160deg,color-mix(in srgb,var(--c) 46%,transparent) 0%,color-mix(in srgb,var(--c) 14%,transparent) 55%,transparent 100%) !important;
  border-top:3px solid var(--c) !important;
  box-shadow:0 30px 56px -24px rgba(5,14,40,.8), 0 0 46px -18px var(--c),
    inset 0 1.8px 0 var(--g-rim-top), inset 0 -22px 40px var(--g-depth) !important; }
body.glass-site.day :is(.trip-card,.tripbig-card,.step,.route-card,.cc-card,.gl-state,.resource-card,.event-card,.news-card){
  background:linear-gradient(177deg,rgba(255,255,255,.90),rgba(255,255,255,.66) 42%,rgba(255,255,255,.5)),
             linear-gradient(160deg,color-mix(in srgb,var(--c) 62%,#fff) 0%,color-mix(in srgb,var(--c) 26%,#fff) 60%,#fff 100%) !important;
  border-top:3px solid var(--c2) !important;
  box-shadow:0 26px 44px -22px color-mix(in srgb,var(--c2) 55%,rgba(23,60,140,.5)), 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent),
    inset 0 2px 0 #fff, inset 0 -20px 36px color-mix(in srgb,var(--c) 14%,transparent) !important; }
body.glass-site :is(.trip-card,.tripbig-card,.resource-card) i, body.glass-site .route-line i{ color:var(--c) !important; filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c) 70%,transparent)); }
body.glass-site.day :is(.trip-card,.tripbig-card,.resource-card) i, body.glass-site.day .route-line i{ color:var(--c2) !important; filter:none; }
body.glass-site .step::before{ color:var(--c) !important; font-size:15px; font-weight:800; }
body.glass-site.day .step::before{ color:var(--c2) !important; }
body.glass-site :is(.trip-card,.tripbig-card,.step,.route-card,.cc-card,.resource-card,.event-card,.news-card):hover{
  box-shadow:0 44px 80px -24px rgba(5,14,40,.9), 0 0 0 2px var(--c), 0 0 70px -14px var(--c), inset 0 1.8px 0 #fff !important; }
/* directory: each state row carries its hue on the left edge and its chevron */
body.glass-site .gl-state{ border-top-width:1px !important; border-left:5px solid var(--c) !important; }
body.glass-site.day .gl-state{ border-top:1px solid #fff !important; border-left:5px solid var(--c2) !important; }
body.glass-site .gl-state-head i{ color:var(--c) !important; } body.glass-site.day .gl-state-head i{ color:var(--c2) !important; }
body.glass-site .gl-dep{ border-bottom:4px solid var(--c); }
body.glass-site .gl-dep small{ color:#fff; background:var(--c2); padding:3px 9px; border-radius:999px; opacity:1; transform:none; bottom:46px; }

/* lettering: a touch larger and firmer where it was thin */
body.glass-site :is(.step p,.trip-card h3,.tripbig-card p,.route-card span,.cc-card span,.event-card p,.news-card p,.resource-card p){ font-size:14.5px; }
body.glass-site :is(.step h3,.tripbig-card h3,.cc-card b,.route-line){ font-weight:700; }
body.glass-site.day :is(.step p,.tripbig-card p,.route-card span,.cc-card span,.event-card p,.news-card p,.resource-card p){ color:#22355F; }
body.glass-site :is(.step p,.tripbig-card p,.route-card span,.cc-card span){ color:#E8EEFB; }
body.glass-site.day .dyk-t{ font-weight:500; color:#0B1F4A; } body.glass-site .dyk-t{ font-size:16px; }

/* ==========================================================================
   LIQUID COLOUR EVERYWHERE YOU CHOOSE (2 Oct 2026, "go all in")
   Chips, tags and scroll wheels take the same glass and the same eight-step
   colour family as the fold rows, so a list of cities or dates reads as a run
   of colour instead of a wall of grey pills. Gold stays reserved for the one
   main action on a page.
   ========================================================================== */
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip,.btw-wi,.hero-facts li,.carrier-tags em,.chip-row em,.aid-chip,.special-chip){ --c:var(--h-blue); --c2:var(--h-blue2); }
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip,.btw-wi,.hero-facts li,.carrier-tags em,.chip-row em,.aid-chip,.special-chip):nth-child(8n+2){ --c:var(--h-gold);   --c2:var(--h-gold2); }
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip,.btw-wi,.hero-facts li,.carrier-tags em,.chip-row em,.aid-chip,.special-chip):nth-child(8n+3){ --c:var(--h-teal);   --c2:var(--h-teal2); }
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip,.btw-wi,.hero-facts li,.carrier-tags em,.chip-row em,.aid-chip,.special-chip):nth-child(8n+4){ --c:var(--h-coral);  --c2:var(--h-coral2); }
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip,.btw-wi,.hero-facts li,.carrier-tags em,.chip-row em,.aid-chip,.special-chip):nth-child(8n+5){ --c:var(--h-violet); --c2:var(--h-violet2); }
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip,.btw-wi,.hero-facts li,.carrier-tags em,.chip-row em,.aid-chip,.special-chip):nth-child(8n+6){ --c:var(--h-green);  --c2:var(--h-green2); }
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip,.btw-wi,.hero-facts li,.carrier-tags em,.chip-row em,.aid-chip,.special-chip):nth-child(8n+7){ --c:var(--h-pink);   --c2:var(--h-pink2); }
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip,.btw-wi,.hero-facts li,.carrier-tags em,.chip-row em,.aid-chip,.special-chip):nth-child(8n+8){ --c:var(--h-sky);    --c2:var(--h-sky2); }

/* the liquid pill */
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip),
body.glass-site.day :is(.ucl-chip,.cc-chip,.state-chip,.se-chip){
  position:relative; isolation:isolate; overflow:hidden; display:inline-flex; align-items:center; gap:6px;
  color:#fff !important; font-weight:700; font-size:14px; letter-spacing:.005em; text-decoration:none; cursor:pointer;
  padding:10px 17px; border-radius:999px; border:1px solid rgba(255,255,255,.66) !important;
  background:linear-gradient(177deg,
      color-mix(in srgb,var(--c) 28%,rgba(255,255,255,.28)) 0%,
      color-mix(in srgb,var(--c) 44%,rgba(255,255,255,.08)) 46%,
      color-mix(in srgb,var(--c2) 62%,rgba(255,255,255,.03)) 100%) !important;
  box-shadow:0 12px 20px -12px color-mix(in srgb,var(--c2) 85%,#000), 0 3px 8px -4px rgba(5,14,40,.4),
    inset 0 1.6px 0 rgba(255,255,255,.95), inset 0 3px 6px rgba(255,255,255,.22),
    inset 0 -1.5px 0 color-mix(in srgb,var(--c) 72%,#fff), inset 0 -11px 16px color-mix(in srgb,var(--c2) 44%,transparent);
  -webkit-backdrop-filter:blur(14px) saturate(210%) brightness(110%); backdrop-filter:blur(14px) saturate(210%) brightness(110%);
  text-shadow:0 1px 2px rgba(8,16,48,.6); transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, filter .2s; }
body.glass-site.day :is(.ucl-chip,.cc-chip,.state-chip,.se-chip){
  background:linear-gradient(177deg,
      color-mix(in srgb,var(--c) 52%,rgba(255,255,255,.30)) 0%,
      color-mix(in srgb,var(--c) 68%,rgba(255,255,255,.10)) 46%,
      color-mix(in srgb,var(--c2) 80%,rgba(255,255,255,.04)) 100%) !important;
  border-color:rgba(255,255,255,.95) !important; }
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip)::before{ content:""; position:absolute; left:0; right:0; top:0; height:55%; z-index:-1; pointer-events:none;
  border-radius:999px 999px 50% 50% / 999px 999px 14px 14px; background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.08) 70%,transparent); }
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip) :is(i,b){ color:#fff !important; text-shadow:0 1px 2px rgba(8,16,48,.5); }
body.glass-site .cc-chip b{ opacity:.85; font-weight:600; }
body.glass-site :is(.ucl-chip,.cc-chip,.state-chip,.se-chip):hover{ transform:translateY(-3px); filter:brightness(1.1) saturate(1.1);
  box-shadow:0 18px 26px -12px color-mix(in srgb,var(--c2) 90%,#000), 0 0 26px -6px var(--c), inset 0 1.6px 0 #fff, inset 0 -11px 16px color-mix(in srgb,var(--c2) 44%,transparent); }
/* the one that is picked: full colour, white ring, glow */
body.glass-site :is(.ucl-chip.on,.ucl-chip.metro.on,.ucl-chip.city.on,.state-chip.lit,.se-chip.on),
body.glass-site.day :is(.ucl-chip.on,.ucl-chip.metro.on,.ucl-chip.city.on,.state-chip.lit,.se-chip.on){
  color:#fff !important; background:linear-gradient(177deg,color-mix(in srgb,var(--c) 88%,#fff) 0%,var(--c) 40%,var(--c2) 100%) !important;
  box-shadow:0 0 0 2.5px #fff, 0 0 0 5px color-mix(in srgb,var(--c) 60%,transparent), 0 16px 26px -10px var(--c2), 0 0 34px -4px var(--c),
    inset 0 1.6px 0 rgba(255,255,255,.9), inset 0 -10px 16px color-mix(in srgb,var(--c2) 60%,transparent); }
body.glass-site .ucl-cities-label{ color:var(--slate); }

/* small tags and fact chips: same family, lighter touch */
body.glass-site :is(.carrier-tags em,.chip-row em,.aid-chip), body.glass-site.day :is(.carrier-tags em,.chip-row em,.aid-chip){
  color:#fff; font-weight:600; border:1px solid rgba(255,255,255,.55);
  background:linear-gradient(177deg,color-mix(in srgb,var(--c) 46%,rgba(255,255,255,.2)),color-mix(in srgb,var(--c2) 70%,rgba(255,255,255,.04)));
  box-shadow:inset 0 1.2px 0 rgba(255,255,255,.85), 0 6px 12px -8px var(--c2); text-shadow:0 1px 1px rgba(8,16,48,.5); }
body.glass-site .hero-facts li{ border-color:rgba(255,255,255,.7);
  background:linear-gradient(177deg,color-mix(in srgb,var(--c) 34%,rgba(255,255,255,.3)),color-mix(in srgb,var(--c2) 56%,rgba(255,255,255,.06)));
  box-shadow:inset 0 1.6px 0 rgba(255,255,255,.95), inset 0 -8px 14px color-mix(in srgb,var(--c2) 40%,transparent), 0 12px 22px -12px var(--c2); text-shadow:0 1px 2px rgba(8,16,48,.6); }
body.glass-site .hero-facts i{ color:#fff; }

/* scroll wheels: every value has its own colour; the one in the middle lights up as a glass pill */
body.glass-site .btw-wheel{ border-radius:20px; border:1px solid rgba(255,255,255,.45);
  background:linear-gradient(177deg,rgba(255,255,255,.16),rgba(255,255,255,.05)); box-shadow:inset 0 2px 8px rgba(5,14,40,.35), inset 0 1.4px 0 rgba(255,255,255,.5);
  -webkit-backdrop-filter:blur(14px) saturate(180%); backdrop-filter:blur(14px) saturate(180%); }
body.glass-site.day .btw-wheel{ background:linear-gradient(177deg,rgba(255,255,255,.85),rgba(240,247,255,.6)); border-color:#fff; box-shadow:inset 0 2px 8px rgba(23,60,140,.14), inset 0 1.4px 0 #fff; }
body.glass-site .btw-wi{ color:color-mix(in srgb,var(--c) 62%,#fff); font-weight:600; transition:color .15s, font-size .15s, background .2s; border-radius:14px; margin:0 8px; }
body.glass-site.day .btw-wi{ color:var(--c2); }
body.glass-site .btw-wi.sel, body.glass-site.day .btw-wi.sel{ color:#fff; font-weight:800; font-size:17.5px; text-shadow:0 1px 2px rgba(8,16,48,.6);
  border:1px solid rgba(255,255,255,.75);
  background:linear-gradient(177deg,color-mix(in srgb,var(--c) 70%,rgba(255,255,255,.35)) 0%,var(--c) 45%,var(--c2) 100%);
  box-shadow:0 10px 18px -8px var(--c2), 0 0 22px -4px var(--c), inset 0 1.6px 0 rgba(255,255,255,.95), inset 0 -8px 12px color-mix(in srgb,var(--c2) 55%,transparent); }
body.glass-site .btw-fill{ background:linear-gradient(90deg,var(--h-blue),var(--h-teal),var(--h-violet),var(--h-pink),var(--h-sky)); box-shadow:0 0 16px rgba(126,91,255,.6); }
body.glass-site .btw-pct{ color:#fff; } body.glass-site.day .btw-pct{ color:var(--h-coral2); }

/* show-more / filter buttons and the tip arrow join the family */
body.glass-site .gl-more{ --c:var(--h-coral); --c2:var(--h-coral2); }
body.glass-site .gl-dir-bar .gl-more + .gl-more{ --c:var(--h-green); --c2:var(--h-green2); }
body.glass-site .gl-more, body.glass-site.day .gl-more{ color:#fff; border:1px solid rgba(255,255,255,.7);
  background:linear-gradient(177deg,color-mix(in srgb,var(--c) 60%,rgba(255,255,255,.3)) 0%,var(--c) 46%,var(--c2) 100%);
  box-shadow:0 14px 24px -12px var(--c2), inset 0 1.6px 0 rgba(255,255,255,.9), inset 0 -10px 16px color-mix(in srgb,var(--c2) 55%,transparent); text-shadow:0 1px 2px rgba(8,16,48,.5); }
body.glass-site .dyk-next, body.glass-site.day .dyk-next{ color:#fff; border:1px solid rgba(255,255,255,.75);
  background:linear-gradient(177deg,color-mix(in srgb,var(--h-coral) 60%,rgba(255,255,255,.35)),var(--h-coral2)); box-shadow:inset 0 1.5px 0 #fff, 0 8px 14px -8px var(--h-coral2); }
/* wheel values must never be cut off: tighter side spacing, and the three date wheels share the row sensibly */
body.glass-site .btw-wi{ margin:0 4px; padding:0 3px; }
body.glass-site .btw-wi.sel{ font-size:16px; }
body.glass-site .btw-wheelrow{ gap:6px; }
body.glass-site .btw-wheelrow .btw-w-m{ flex:1.7 1 0; max-width:none; min-width:0; }
body.glass-site .btw-wheelrow .btw-w-d{ flex:.8 1 0; max-width:none; min-width:0; }
body.glass-site .btw-wheelrow .btw-w-y{ flex:1.05 1 0; max-width:none; min-width:0; }

/* QA 2 Oct: white lettering on the lightest hue needs a deeper sky to stay readable in daytime */
body.glass-site{ --h-blue:#1F9CF5; --h-blue2:#0A6FCC; }
body.glass-site.day :is(.carrier-tags em,.chip-row em,.aid-chip){ background:linear-gradient(177deg,var(--c) 0%,var(--c2) 100%); }
@media (max-width:760px){
  body.glass-site.day section[data-fold] > .fold-head{
    background:linear-gradient(177deg,
        color-mix(in srgb,var(--c) 58%,rgba(255,255,255,.26)) 0%,
        color-mix(in srgb,var(--c) 74%,rgba(255,255,255,.08)) 46%,
        color-mix(in srgb,var(--c2) 84%,rgba(255,255,255,.03)) 100%); }
}

/* pop-up dialogs must be solid: they sit over a dimmed page */
body.glass-site :is(.se-dialog,.tg-modal-box,.sc-modal-box){ background:linear-gradient(177deg,#22407F 0%,#152B5E 55%,#0F2148 100%) !important; border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.8), inset 0 1.8px 0 rgba(255,255,255,.6) !important; -webkit-backdrop-filter:none; backdrop-filter:none; }
body.glass-site.day .se-dialog{ background:linear-gradient(177deg,#FFFFFF 0%,#F2F7FF 55%,#E3EEFF 100%) !important; border-color:#fff !important; box-shadow:0 40px 80px -24px rgba(23,60,140,.6), inset 0 2px 0 #fff !important; }
/* an empty results grid should take no room */
body.glass-site #search-results:empty{ display:none; }

/* "Need a bus ASAP" is hidden until the emergency service is ready (owner, 3 Oct 2026).
   The page still exists; nothing links to it from the header. Delete this rule to bring it back. */
.nav-911{ display:none !important; }