/* /usa-business-meeting-tour-2024 — AISHTMLNEWDESIGN-590
   Page-owned styles. EVERY selector is scoped to
   #page-usa-business-meeting-tour-2024 or a u24- prefixed class: never body,
   never a bare element, never #ais-header / #ais-footer. The document reset
   (html,body{margin:0}) is owned by the shared layout sheet and is neither
   restated nor re-scoped here. Font is Inter; no body text below 16px.

   ══════════════════════════════════════════════════════════════════════
   Visual direction: "SECOND LEG" — the 2024 running of the same tour.

   This page and /usa-business-meeting-tour are two editions of ONE annual
   campaign: same 27 headings, same services, same guarantee, same six FAQs
   word for word. Only the dates, the four city legs and the executive
   differ. Giving them unrelated identities would be worse design, not
   better — a reader who lands on both should recognise the family.

   So SECOND LEG is a deliberate INVERSION of TOUR DATES rather than a new
   invention:

                     TOUR DATES (2023)        SECOND LEG (2024)
       ground        midnight navy            oxblood  #5a1a16 -> #7a2620
       mark          route red                deep navy #14355e
       paper         warm itinerary white     the same warm paper

   The structural DNA is kept because it was right for the content and is
   still right: the itinerary board is the spine of the page, rebuilt here
   for FOUR legs rather than five. Our Services stays a numbered ledger,
   What Makes Us Unique stays a two-column checklist, the stats stay a
   rule-separated strip.

   Motion is finite and user-initiated only (rule 26).
   ══════════════════════════════════════════════════════════════════════ */

#page-usa-business-meeting-tour-2024{
  --u-night:#5a1a16;
  --u-night-2:#7a2620;
  --u-paper:#f7f3ec;
  --u-paper-2:#efe8dc;
  --u-signal:#14355e;
  --u-signal-deep:#0d2544;
  --u-ink:#2a1a16;
  --u-ink-soft:#5b4840;
  --u-rule:#ded3c3;
  --u-rule-dark:#8a4038;
  /* The FAQ "Ans." label colour, carried over from the sibling page on the
     operator's instruction that it read as its own colour. It is the third
     hue on this page and is used at exactly ONE site -- see the FAQ block. */
  --u-answer:#0f6f63;
  --u-wide:1180px;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--u-ink);
  background:var(--u-paper);
  -webkit-font-smoothing:antialiased;
}

#page-usa-business-meeting-tour-2024 .u24-wrap{
  width:min(var(--u-wide),calc(100% - 48px));
  margin-inline:auto;
}
#page-usa-business-meeting-tour-2024 .u24-wrap--tight{
  width:min(880px,calc(100% - 48px));
}

/* ── BUTTONS ───────────────────────────────────────────────────────── */
#page-usa-business-meeting-tour-2024 .u24-btn{
  display:inline-block;
  box-sizing:border-box;
  min-height:52px;
  padding:15px 34px;
  border:2px solid transparent;
  border-radius:3px;
  font-family:inherit;
  font-size:17px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.01em;
  text-align:center;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
#page-usa-business-meeting-tour-2024 .u24-btn--sm{min-height:46px;padding:11px 26px;font-size:16px;}
#page-usa-business-meeting-tour-2024 .u24-btn--signal{
  background:var(--u-signal);
  border-color:var(--u-signal);
  color:#fff;
}
#page-usa-business-meeting-tour-2024 .u24-btn--signal:hover{
  background:var(--u-signal-deep);
  border-color:var(--u-signal-deep);
  color:#fff;
}
#page-usa-business-meeting-tour-2024 .u24-btn--ink{
  background:var(--u-night);
  border-color:var(--u-night);
  color:#fff;
}
#page-usa-business-meeting-tour-2024 .u24-btn--ink:hover{
  background:transparent;
  border-color:var(--u-night);
  color:var(--u-night);
}
#page-usa-business-meeting-tour-2024 .u24-btn:focus-visible{
  outline:3px solid var(--u-signal);
  outline-offset:3px;
}

/* Inline "more" links — deliberately NOT buttons: the record ships them as
   text links, and promoting them would put two CTAs in one section. */
#page-usa-business-meeting-tour-2024 .u24-actionrow{margin:34px 0 0;}
#page-usa-business-meeting-tour-2024 .u24-more{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding-bottom:3px;
  border-bottom:2px solid var(--u-signal);
  font-size:17px;
  font-weight:700;
  color:var(--u-ink);
}
#page-usa-business-meeting-tour-2024 .u24-more img{transform:rotate(180deg);transition:transform .18s ease;}
#page-usa-business-meeting-tour-2024 .u24-more:hover{color:var(--u-signal);}
#page-usa-business-meeting-tour-2024 .u24-more:hover img{transform:rotate(180deg) translateX(-4px);}
#page-usa-business-meeting-tour-2024 .u24-more:focus-visible{outline:3px solid var(--u-signal);outline-offset:4px;}
#page-usa-business-meeting-tour-2024 .u24-more--light{
  border-bottom-color:#8fb4e0;
  color:#ffffff;
}
#page-usa-business-meeting-tour-2024 .u24-more--light:hover{color:#c3dbf7;}
#page-usa-business-meeting-tour-2024 .u24-more--light:focus-visible{outline-color:#c3dbf7;}

/* ══ HERO — rule 24: full-bleed static gradient, no image, one CTA ══ */
#page-usa-business-meeting-tour-2024 .u24-hero{
  width:100%;
  box-sizing:border-box;
  padding:clamp(72px,8vw,124px) 24px clamp(60px,6vw,96px);
  background:linear-gradient(168deg,#49110e 0%,var(--u-night) 46%,var(--u-night-2) 100%);
  color:#fff;
  text-align:center;
}
#page-usa-business-meeting-tour-2024 .u24-hero__inner{
  max-width:900px;
  margin-inline:auto;
}
#page-usa-business-meeting-tour-2024 .u24-hero__eyebrow{
  margin:0 0 24px;
  font-size:16px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#9fc0e8;
}
#page-usa-business-meeting-tour-2024 .u24-hero h1{
  margin:0;
  font-size:clamp(40px,6.4vw,72px);
  font-weight:900;
  line-height:1.03;
  letter-spacing:-.015em;
  color:#fff;
}
/* The date plate. It owns its own foreground so no prose rule in this sheet
   can repaint dark text onto the navy box (rule 39A). On TOUR DATES this
   plate is red; here it is the navy mark, per the inversion above. */
#page-usa-business-meeting-tour-2024 .u24-hero p.u24-hero__dates{
  margin:26px 0 0;
  color:#fff;
}
#page-usa-business-meeting-tour-2024 .u24-hero p.u24-hero__dates span{
  display:inline-block;
  padding:10px 24px;
  border-radius:3px;
  background:var(--u-signal);
  color:#fff;
  font-size:clamp(17px,2vw,21px);
  font-weight:800;
  letter-spacing:.09em;
}
#page-usa-business-meeting-tour-2024 .u24-hero__lede{
  margin:28px auto 0;
  max-width:720px;
  font-size:clamp(17px,1.5vw,19px);
  line-height:1.66;
  color:#f1e3df;
}
#page-usa-business-meeting-tour-2024 .u24-hero__act{margin:36px 0 0;}
#page-usa-business-meeting-tour-2024 .u24-hero__trust{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px 32px;
  margin:38px 0 0;
  padding:26px 0 0;
  border-top:1px solid rgba(255,255,255,.16);
  list-style:none;
}
#page-usa-business-meeting-tour-2024 .u24-hero__trust li{
  position:relative;
  padding-left:22px;
  font-size:16px;
  font-weight:600;
  color:#ecd9d4;
}
#page-usa-business-meeting-tour-2024 .u24-hero__trust li::before{
  content:"";
  position:absolute;
  left:0;top:.55em;
  width:9px;height:9px;
  border-radius:50%;
  background:var(--u-signal);
}

/* ══ BREADCRUMB ═══════════════════════════════════════════════════ */
#page-usa-business-meeting-tour-2024 .u24-crumb{
  background:var(--u-paper-2);
  border-bottom:1px solid var(--u-rule);
}
#page-usa-business-meeting-tour-2024 .u24-crumb ol{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:14px 0;
  list-style:none;
  font-size:16px;
  color:var(--u-ink-soft);
}
#page-usa-business-meeting-tour-2024 .u24-crumb li+li::before{content:"/";margin-right:8px;color:#9a9082;}
#page-usa-business-meeting-tour-2024 .u24-crumb a{color:var(--u-ink);font-weight:600;}
#page-usa-business-meeting-tour-2024 .u24-crumb a:hover{color:var(--u-signal);}

/* ══ BRANDS ═══════════════════════════════════════════════════════ */
#page-usa-business-meeting-tour-2024 .u24-brands{
  padding:56px 0 52px;
  background:#fff;
  border-bottom:1px solid var(--u-rule);
}
#page-usa-business-meeting-tour-2024 .u24-brands h2{
  margin:0 0 30px;
  font-size:clamp(20px,2.2vw,24px);
  font-weight:700;
  letter-spacing:.04em;
  text-align:center;
  color:var(--u-ink-soft);
}
#page-usa-business-meeting-tour-2024 .u24-brands__row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:22px 52px;
  margin:0;padding:0;
  list-style:none;
}
#page-usa-business-meeting-tour-2024 .u24-brands__row img{
  display:block;
  width:auto;
  max-width:150px;
  height:44px;
  object-fit:contain;
}

/* ══ OUR SERVICES — a numbered ledger, not four cards ═════════════ */
#page-usa-business-meeting-tour-2024 .u24-serv{padding:clamp(58px,6vw,88px) 0;}
#page-usa-business-meeting-tour-2024 .u24-serv__head{max-width:720px;margin:0 0 44px;}
#page-usa-business-meeting-tour-2024 .u24-serv__head h2,
#page-usa-business-meeting-tour-2024 .u24-why h2,
#page-usa-business-meeting-tour-2024 .u24-guar h2,
#page-usa-business-meeting-tour-2024 .u24-uniq h2,
#page-usa-business-meeting-tour-2024 .u24-awards h2,
#page-usa-business-meeting-tour-2024 .u24-faq h2,
#page-usa-business-meeting-tour-2024 .u24-areas h2{
  margin:0 0 16px;
  font-size:clamp(30px,3.8vw,46px);
  font-weight:800;
  line-height:1.14;
  letter-spacing:-.01em;
  color:var(--u-ink);
}
#page-usa-business-meeting-tour-2024 .u24-serv__head p{
  margin:0;
  font-size:18px;
  line-height:1.66;
  color:var(--u-ink-soft);
}
#page-usa-business-meeting-tour-2024 .u24-serv__list{
  border-top:2px solid var(--u-ink);
}
#page-usa-business-meeting-tour-2024 .u24-serv__row{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:0 28px;
  padding:34px 0;
  border-bottom:1px solid var(--u-rule);
}
#page-usa-business-meeting-tour-2024 .u24-serv__no{
  margin:0;
  font-size:clamp(34px,4vw,52px);
  font-weight:800;
  line-height:1;
  font-variant-numeric:tabular-nums;
  color:var(--u-signal);
}
#page-usa-business-meeting-tour-2024 .u24-serv__body h5{
  margin:0 0 10px;
  font-size:clamp(20px,2.2vw,24px);
  font-weight:700;
  color:var(--u-ink);
}
#page-usa-business-meeting-tour-2024 .u24-serv__body>p{
  margin:0 0 22px;
  max-width:70ch;
  font-size:17px;
  line-height:1.68;
  color:var(--u-ink-soft);
}
#page-usa-business-meeting-tour-2024 .u24-stack{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0;padding:0;
  list-style:none;
}
#page-usa-business-meeting-tour-2024 .u24-stack a,
#page-usa-business-meeting-tour-2024 .u24-stack__flat{
  display:inline-flex;
  align-items:center;
  gap:10px;
  box-sizing:border-box;
  min-height:48px;
  padding:8px 18px 8px 10px;
  border:1px solid var(--u-rule);
  border-radius:999px;
  background:#fff;
  font-size:16px;
  font-weight:600;
  color:var(--u-ink);
  transition:border-color .16s ease,background-color .16s ease,color .16s ease;
}
#page-usa-business-meeting-tour-2024 .u24-stack img{
  display:block;
  width:28px;height:28px;
  object-fit:contain;
}
#page-usa-business-meeting-tour-2024 .u24-stack a:hover{
  border-color:var(--u-signal);
  background:#f2f6fc;
  color:var(--u-signal-deep);
}
#page-usa-business-meeting-tour-2024 .u24-stack a:focus-visible{outline:3px solid var(--u-signal);outline-offset:2px;}

/* ══ WHY JOIN ═════════════════════════════════════════════════════ */
#page-usa-business-meeting-tour-2024 .u24-why{
  padding:clamp(58px,6vw,88px) 0;
  background:#fff;
  border-top:1px solid var(--u-rule);
  border-bottom:1px solid var(--u-rule);
}
#page-usa-business-meeting-tour-2024 .u24-why__grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);
  gap:56px;
  align-items:start;
}
#page-usa-business-meeting-tour-2024 .u24-why__lede{
  margin:0 0 34px;
  max-width:62ch;
  font-size:18px;
  line-height:1.7;
  color:var(--u-ink-soft);
}
#page-usa-business-meeting-tour-2024 .u24-why__label{
  margin:0 0 18px;
  padding-bottom:12px;
  border-bottom:2px solid var(--u-signal);
  display:inline-block;
  font-size:17px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--u-ink);
}
#page-usa-business-meeting-tour-2024 .u24-why__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 28px;
  margin:0;padding:0;
  list-style:none;
}
#page-usa-business-meeting-tour-2024 .u24-why__list li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:17px;
  line-height:1.55;
  font-weight:600;
  color:var(--u-ink);
}
#page-usa-business-meeting-tour-2024 .u24-why__list img{flex:0 0 auto;margin-top:3px;width:22px;height:22px;}
#page-usa-business-meeting-tour-2024 .u24-why__close{
  margin-top:36px;
  padding-top:28px;
  border-top:1px solid var(--u-rule);
}
#page-usa-business-meeting-tour-2024 .u24-why__close img{
  display:block;
  width:100%;max-width:464px;height:auto;
  margin:0 0 18px;
}
#page-usa-business-meeting-tour-2024 .u24-why__close p{
  margin:0;
  font-size:17px;
  line-height:1.66;
  color:var(--u-ink-soft);
}
#page-usa-business-meeting-tour-2024 .u24-why__act{margin:32px 0 0;}
#page-usa-business-meeting-tour-2024 .u24-why__shot{margin:0;}
#page-usa-business-meeting-tour-2024 .u24-why__shot img{
  display:block;
  width:100%;height:auto;
  border-radius:4px;
}

/* ══ USA TRIP PLAN — the anchor. A route rule with five markers. ══ */
#page-usa-business-meeting-tour-2024 .u24-trip{
  width:100%;
  box-sizing:border-box;
  padding:clamp(60px,6.5vw,96px) 0;
  background:linear-gradient(160deg,var(--u-night) 0%,var(--u-night-2) 100%);
  color:#fff;
}
#page-usa-business-meeting-tour-2024 .u24-trip__grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:56px;
  align-items:center;
}
/* The stamp owns its foreground at (1,2,1) — it paints a background. */
#page-usa-business-meeting-tour-2024 .u24-trip p.u24-trip__stamp{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin:0 0 22px;
  padding:9px 20px 9px 12px;
  border-radius:3px;
  background:var(--u-signal);
  color:#fff;
  font-size:16px;
  font-weight:800;
  letter-spacing:.08em;
}
#page-usa-business-meeting-tour-2024 .u24-trip__stamp img{
  width:26px;height:26px;
  object-fit:contain;
}
#page-usa-business-meeting-tour-2024 .u24-trip h2{
  margin:0 0 30px;
  font-size:clamp(32px,4.2vw,50px);
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.015em;
  color:#fff;
}
#page-usa-business-meeting-tour-2024 .u24-legs{
  position:relative;
  margin:0;
  padding:0 0 0 34px;
  list-style:none;
}
#page-usa-business-meeting-tour-2024 .u24-legs::before{
  content:"";
  position:absolute;
  left:7px;top:14px;bottom:14px;
  width:2px;
  background:var(--u-rule-dark);
}
#page-usa-business-meeting-tour-2024 .u24-legs li{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:0 10px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.1);
}
#page-usa-business-meeting-tour-2024 .u24-legs li:last-child{border-bottom:0;}
#page-usa-business-meeting-tour-2024 .u24-legs li::before{
  content:"";
  position:absolute;
  left:-34px;top:24px;
  width:16px;height:16px;
  border:3px solid var(--u-signal);
  border-radius:50%;
  background:var(--u-night);
}
#page-usa-business-meeting-tour-2024 .u24-legs__date{
  min-width:148px;
  font-size:clamp(18px,2vw,22px);
  font-weight:800;
  font-variant-numeric:tabular-nums;
  color:#bcd6f4;
}
#page-usa-business-meeting-tour-2024 .u24-legs__sep{color:#b08a80;}
#page-usa-business-meeting-tour-2024 .u24-legs__city{
  font-size:clamp(17px,1.8vw,20px);
  font-weight:600;
  color:#fff;
}
#page-usa-business-meeting-tour-2024 .u24-trip__act{margin:34px 0 0;}
#page-usa-business-meeting-tour-2024 .u24-trip__map{margin:0;}
#page-usa-business-meeting-tour-2024 .u24-trip__map img{
  display:block;
  width:100%;height:auto;
}

/* ══ GUARANTEE ════════════════════════════════════════════════════ */
#page-usa-business-meeting-tour-2024 .u24-guar{padding:clamp(58px,6vw,88px) 0;}
#page-usa-business-meeting-tour-2024 .u24-guar__grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  gap:56px;
  align-items:center;
}
#page-usa-business-meeting-tour-2024 .u24-guar__list{
  margin:26px 0 0;padding:0;
  list-style:none;
  counter-reset:u24-g;
}
#page-usa-business-meeting-tour-2024 .u24-guar__list li{
  display:flex;
  align-items:flex-start;
  gap:20px;
  padding:24px 0;
  border-top:1px solid var(--u-rule);
}
#page-usa-business-meeting-tour-2024 .u24-guar__list li:last-child{border-bottom:1px solid var(--u-rule);}
#page-usa-business-meeting-tour-2024 .u24-guar__list img{
  flex:0 0 auto;
  width:48px;height:48px;
  object-fit:contain;
}
#page-usa-business-meeting-tour-2024 .u24-guar__list h5{
  margin:0 0 6px;
  font-size:20px;
  font-weight:700;
  color:var(--u-ink);
}
#page-usa-business-meeting-tour-2024 .u24-guar__list p{
  margin:0;
  font-size:17px;
  line-height:1.6;
  color:var(--u-ink-soft);
}
#page-usa-business-meeting-tour-2024 .u24-guar__act{margin:32px 0 0;}
#page-usa-business-meeting-tour-2024 .u24-guar__seal{margin:0;text-align:center;}
#page-usa-business-meeting-tour-2024 .u24-guar__seal img{
  display:block;
  width:100%;max-width:300px;height:auto;
  margin-inline:auto;
}

/* ══ THE MD ═══════════════════════════════════════════════════════ */
#page-usa-business-meeting-tour-2024 .u24-md{
  padding:clamp(52px,5.5vw,76px) 0;
  background:var(--u-paper-2);
  border-top:1px solid var(--u-rule);
  border-bottom:1px solid var(--u-rule);
}
#page-usa-business-meeting-tour-2024 .u24-md__grid{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:44px;
  align-items:center;
}
#page-usa-business-meeting-tour-2024 .u24-md__shot{margin:0;}
#page-usa-business-meeting-tour-2024 .u24-md__shot img{
  display:block;
  width:100%;height:auto;
  border-radius:4px;
}
#page-usa-business-meeting-tour-2024 .u24-md__body{
  margin:0;
  padding-left:28px;
  border-left:3px solid var(--u-signal);
}
#page-usa-business-meeting-tour-2024 .u24-md__name{
  margin:0;
  font-size:clamp(22px,2.4vw,28px);
  font-weight:800;
  color:var(--u-ink);
}
#page-usa-business-meeting-tour-2024 .u24-md__role{
  margin:4px 0 18px;
  font-size:17px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--u-signal-deep);
}
#page-usa-business-meeting-tour-2024 .u24-md__bio{
  margin:0;
  max-width:64ch;
  font-size:18px;
  line-height:1.72;
  color:var(--u-ink-soft);
}

/* ══ WHAT MAKES US UNIQUE ═════════════════════════════════════════ */
#page-usa-business-meeting-tour-2024 .u24-uniq{padding:clamp(58px,6vw,88px) 0;}
#page-usa-business-meeting-tour-2024 .u24-uniq__head{max-width:760px;margin:0 0 42px;}
#page-usa-business-meeting-tour-2024 .u24-uniq__head p{
  margin:0;
  font-size:19px;
  line-height:1.6;
  font-weight:600;
  color:var(--u-ink-soft);
}
#page-usa-business-meeting-tour-2024 .u24-uniq__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 56px;
  margin:0;padding:0;
  list-style:none;
}
#page-usa-business-meeting-tour-2024 .u24-uniq__list li{
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:22px 0;
  border-top:1px solid var(--u-rule);
}
#page-usa-business-meeting-tour-2024 .u24-uniq__list img{flex:0 0 auto;margin-top:2px;width:26px;height:26px;}
#page-usa-business-meeting-tour-2024 .u24-uniq__list p{
  margin:0;
  font-size:17px;
  line-height:1.66;
  color:var(--u-ink);
}

/* ══ AWARDS ═══════════════════════════════════════════════════════ */
#page-usa-business-meeting-tour-2024 .u24-awards{
  padding:clamp(58px,6vw,88px) 0;
  background:#fff;
  border-top:1px solid var(--u-rule);
}
#page-usa-business-meeting-tour-2024 .u24-awards__lede{
  margin:0 0 44px;
  max-width:78ch;
  font-size:18px;
  line-height:1.7;
  color:var(--u-ink-soft);
}
#page-usa-business-meeting-tour-2024 .u24-awards__row{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:24px;
  margin:0;padding:0;
  list-style:none;
}
#page-usa-business-meeting-tour-2024 .u24-awards__row li{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  padding:26px 14px;
  border:1px solid var(--u-rule);
  border-radius:4px;
  background:var(--u-paper);
  text-align:center;
}
#page-usa-business-meeting-tour-2024 .u24-awards__row img{
  display:block;
  width:auto;max-width:100%;height:64px;
  object-fit:contain;
}
#page-usa-business-meeting-tour-2024 .u24-awards__row span{
  font-size:16px;
  font-weight:700;
  color:var(--u-ink);
}

/* ══ CUSTOMER SUCCESS STORIES ═════════════════════════════════════ */
#page-usa-business-meeting-tour-2024 .u24-stories{padding:clamp(58px,6vw,88px) 0;}
#page-usa-business-meeting-tour-2024 .u24-stories h4{
  margin:0 0 36px;
  font-size:clamp(26px,3.2vw,38px);
  font-weight:800;
  letter-spacing:-.01em;
  color:var(--u-ink);
}
#page-usa-business-meeting-tour-2024 .u24-stories__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
}
#page-usa-business-meeting-tour-2024 .u24-story{
  display:flex;
  flex-direction:column;
  gap:18px;
}
#page-usa-business-meeting-tour-2024 .u24-vid{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:0;
  border-radius:4px;
  background:var(--u-night);
  cursor:pointer;
  overflow:hidden;
  line-height:0;
}
#page-usa-business-meeting-tour-2024 .u24-vid img{
  display:block;
  width:100%;height:auto;
  transition:opacity .18s ease;
}
#page-usa-business-meeting-tour-2024 .u24-vid__play{
  position:absolute;
  left:50%;top:50%;
  width:64px;height:64px;
  margin:-32px 0 0 -32px;
  border-radius:50%;
  background:var(--u-signal);
  transition:background-color .18s ease,transform .18s ease;
}
#page-usa-business-meeting-tour-2024 .u24-vid__play::before{
  content:"";
  position:absolute;
  left:25px;top:20px;
  border-style:solid;
  border-width:12px 0 12px 19px;
  border-color:transparent transparent transparent #fff;
}
#page-usa-business-meeting-tour-2024 .u24-vid:hover img{opacity:.82;}
#page-usa-business-meeting-tour-2024 .u24-vid:hover .u24-vid__play{background:var(--u-signal-deep);transform:scale(1.06);}
#page-usa-business-meeting-tour-2024 .u24-vid:focus-visible{outline:3px solid var(--u-signal);outline-offset:3px;}
#page-usa-business-meeting-tour-2024 .u24-story__frame{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  border:0;
  border-radius:4px;
}
#page-usa-business-meeting-tour-2024 .u24-story p{
  margin:0;
  font-size:17px;
  line-height:1.68;
  color:var(--u-ink-soft);
}

/* ══ FAQ — a numbered Q/A ledger ══════════════════════════════════
   Each row leads with its ordinal and each answer leads with "Ans.",
   both in the same 54px left column so the eye tracks Q -> A straight
   down one axis instead of zig-zagging.

   Both labels are PLAIN TYPE — no plate, no border, no fill. Colour alone
   separates them: the ordinal is the page's signal red, "Ans." is a deep
   teal used nowhere else on the page. Two marks that are only ever a few
   characters long do not need boxes to be found, and the boxes were
   competing with the +/- marker for the same job.

   Losing the ordinal's fill means losing one open-state cue, so the row
   keeps two others: the +/- marker flips to a minus, and the question text
   turns signal-deep.

   SPECIFICITY, counted rather than asserted. Both labels are <p> inside
   .u24-q__a, so the generic prose rule competes for their colour:

     #page-... .u24-q__a p                          -> (1,1,1)
     #page-... .u24-q p.u24-q__n                   -> (1,2,1)  wins
     #page-... .u24-q .u24-q__a p.u24-q__lab      -> (1,3,1)  wins

   An earlier revision of this comment called the prose rule (1,2,1). That
   was wrong -- it is (1,1,1) -- and the fix worked only because the label
   selectors happen to outrank it either way. Rule 39A says to write the
   three numbers out and believe the count, not the intuition; the count is
   above and the rendered colours are measured in the browser before ship. */
#page-usa-business-meeting-tour-2024 .u24-faq{
  padding:clamp(58px,6vw,88px) 0;
  background:#fff;
  border-top:1px solid var(--u-rule);
  border-bottom:1px solid var(--u-rule);
}
#page-usa-business-meeting-tour-2024 .u24-faq h2{margin-bottom:34px;}
#page-usa-business-meeting-tour-2024 .u24-faqlist{border-top:2px solid var(--u-ink);}
#page-usa-business-meeting-tour-2024 .u24-q{border-bottom:1px solid var(--u-rule);}

/* ── the question row ── */
#page-usa-business-meeting-tour-2024 .u24-q__s{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 34px;
  align-items:start;
  gap:0 10px;
  padding:22px 0;
  cursor:pointer;
  list-style:none;
}
#page-usa-business-meeting-tour-2024 .u24-q__s::-webkit-details-marker{display:none;}
#page-usa-business-meeting-tour-2024 .u24-q__s:focus-visible{outline:3px solid var(--u-signal);outline-offset:2px;}

/* The ordinal. Outlined when shut, filled when open. */
#page-usa-business-meeting-tour-2024 .u24-q p.u24-q__n{
  margin:0;
  padding-top:3px;
  color:var(--u-signal-deep);
  font-size:17px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
  line-height:1.45;
  transition:color .16s ease;
}
#page-usa-business-meeting-tour-2024 .u24-q[open] p.u24-q__n,
#page-usa-business-meeting-tour-2024 .u24-q__s:hover p.u24-q__n{
  color:var(--u-signal);
}

#page-usa-business-meeting-tour-2024 .u24-q p.u24-q__t{
  margin:0;
  padding-top:3px;
  font-size:clamp(17px,1.9vw,20px);
  font-weight:700;
  line-height:1.45;
  color:var(--u-ink);
}
#page-usa-business-meeting-tour-2024 .u24-q[open] p.u24-q__t{color:var(--u-signal-deep);}

/* the +/- marker */
#page-usa-business-meeting-tour-2024 .u24-q__m{
  position:relative;
  justify-self:end;
  width:26px;height:26px;
  margin-top:5px;
  border:2px solid var(--u-signal);
  border-radius:50%;
}
#page-usa-business-meeting-tour-2024 .u24-q__m::before,
#page-usa-business-meeting-tour-2024 .u24-q__m::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  background:var(--u-signal);
  transform:translate(-50%,-50%);
}
#page-usa-business-meeting-tour-2024 .u24-q__m::before{width:11px;height:2px;}
#page-usa-business-meeting-tour-2024 .u24-q__m::after{width:2px;height:11px;transition:opacity .16s ease;}
#page-usa-business-meeting-tour-2024 .u24-q[open] .u24-q__m::after{opacity:0;}

/* ── the answer row — same 62px axis as the question ── */
#page-usa-business-meeting-tour-2024 .u24-q__a{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  /* align-items:start is load-bearing, not tidiness. A grid item defaults to
     align-self:stretch, so the Ans. plate — which sets width but not height —
     grew to the full height of the answer column and rendered as a tall navy
     bar down the side of the text. The question row escaped this only because
     .u24-q__s already sets align-items:start. */
  align-items:start;
  gap:0 10px;
  padding:0 0 26px;
}
#page-usa-business-meeting-tour-2024 .u24-q .u24-q__a p.u24-q__lab{
  margin:0;
  color:var(--u-answer);
  font-size:17px;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1.72;
}
#page-usa-business-meeting-tour-2024 .u24-q__body{min-width:0;}
#page-usa-business-meeting-tour-2024 .u24-q__a p{
  margin:0 0 18px;
  max-width:74ch;
  font-size:17px;
  line-height:1.72;
  color:var(--u-ink-soft);
}
#page-usa-business-meeting-tour-2024 .u24-q__body p:last-child{margin-bottom:0;}

/* ══ 14 YEAR'S OF EXPERIENCE ══════════════════════════════════════ */
#page-usa-business-meeting-tour-2024 .u24-exp{
  width:100%;
  box-sizing:border-box;
  padding:clamp(58px,6vw,88px) 0;
  background:var(--u-night);
  color:#fff;
}
#page-usa-business-meeting-tour-2024 .u24-exp__head{max-width:760px;margin:0 0 44px;}
#page-usa-business-meeting-tour-2024 .u24-exp h2{
  margin:0 0 16px;
  font-size:clamp(30px,3.8vw,46px);
  font-weight:800;
  line-height:1.14;
  letter-spacing:-.01em;
  color:#fff;
}
#page-usa-business-meeting-tour-2024 .u24-exp__head p{
  margin:0;
  font-size:18px;
  line-height:1.7;
  color:#f0e2de;
}
#page-usa-business-meeting-tour-2024 .u24-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0;
  border-top:1px solid rgba(255,255,255,.18);
}
#page-usa-business-meeting-tour-2024 .u24-stats>div{
  padding:30px 26px 30px 0;
  border-right:1px solid rgba(255,255,255,.18);
}
#page-usa-business-meeting-tour-2024 .u24-stats>div:last-child{border-right:0;}
#page-usa-business-meeting-tour-2024 .u24-stats>div+div{padding-left:26px;}
#page-usa-business-meeting-tour-2024 .u24-stats dt{margin:0;}
#page-usa-business-meeting-tour-2024 .u24-stats h5{
  margin:0;
  font-size:clamp(24px,2.8vw,32px);
  font-weight:900;
  letter-spacing:-.01em;
  color:#bcd6f4;
}
#page-usa-business-meeting-tour-2024 .u24-stats dd{
  margin:8px 0 0;
  font-size:17px;
  font-weight:600;
  color:#f0e2de;
}

/* ══ AREA WE SERVE ════════════════════════════════════════════════ */
#page-usa-business-meeting-tour-2024 .u24-areas{padding:clamp(58px,6vw,88px) 0;}
#page-usa-business-meeting-tour-2024 .u24-areas h2{margin-bottom:36px;}
#page-usa-business-meeting-tour-2024 .u24-areas__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:26px;
}
#page-usa-business-meeting-tour-2024 .u24-area{
  padding:28px 24px;
  border:1px solid var(--u-rule);
  border-top:4px solid var(--u-signal);
  border-radius:3px;
  background:#fff;
}
#page-usa-business-meeting-tour-2024 .u24-area h3{
  margin:0 0 14px;
  font-size:18px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--u-ink);
}
#page-usa-business-meeting-tour-2024 .u24-area__tel{margin:0 0 12px;}
#page-usa-business-meeting-tour-2024 .u24-area__tel a{
  font-size:17px;
  font-weight:700;
  color:var(--u-signal-deep);
}
#page-usa-business-meeting-tour-2024 .u24-area__tel a:hover{color:var(--u-signal);}
#page-usa-business-meeting-tour-2024 .u24-area p{
  margin:0;
  font-size:16px;
  line-height:1.62;
  color:var(--u-ink-soft);
}

/* ══ ENQUIRY MODAL — shared shell, identical on every CTA page. Values
   are PINNED, not re-tuned per page: the enquiry form must present the
   same on every URL, so it does not inherit TOUR DATES' ink or radius. ══ */
#page-usa-business-meeting-tour-2024 .u24-modal{
  color:#2c2419;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.72;
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding: 100px 20px 20px 20px;
  overflow-y:auto;
  background:rgba(30,10,8,.76);
}
#page-usa-business-meeting-tour-2024 .u24-modal.is-open{display:flex;}
#page-usa-business-meeting-tour-2024 .u24-modal__box{
  position:relative;
  width:100%;
  max-width:620px;
  margin:auto;
  border-radius:16px;
  background:#fff;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.7);
  overflow:hidden;
}
#page-usa-business-meeting-tour-2024 .u24-modal__x{
  position:absolute;
  top:12px;right:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;height:44px;
  border:1px solid #ddd4c6;
  border-radius:50%;
  background:#fff;
  color:#2a1a16;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease;
}
#page-usa-business-meeting-tour-2024 .u24-modal__x:hover{background:#2a1a16;color:#fff;}
#page-usa-business-meeting-tour-2024 .u24-modal__x:focus-visible{outline:3px solid var(--u-signal);outline-offset:2px;}
#page-usa-business-meeting-tour-2024 .u24-modal iframe{
  display:block;
  width:100%;
  min-height:860px;
  border:0;
}

/* ══ RESPONSIVE ═══════════════════════════════════════════════════ */
@media (max-width:1040px){
  #page-usa-business-meeting-tour-2024 .u24-why__grid,
  #page-usa-business-meeting-tour-2024 .u24-trip__grid,
  #page-usa-business-meeting-tour-2024 .u24-guar__grid{
    grid-template-columns:minmax(0,1fr);
    gap:40px;
  }
  #page-usa-business-meeting-tour-2024 .u24-why__shot img,
  #page-usa-business-meeting-tour-2024 .u24-trip__map img{max-width:520px;margin-inline:auto;}
  #page-usa-business-meeting-tour-2024 .u24-awards__row{grid-template-columns:repeat(3,minmax(0,1fr));}
  #page-usa-business-meeting-tour-2024 .u24-areas__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:860px){
  #page-usa-business-meeting-tour-2024 .u24-stories__grid{grid-template-columns:minmax(0,1fr);gap:36px;}
  #page-usa-business-meeting-tour-2024 .u24-uniq__list{grid-template-columns:minmax(0,1fr);gap:0;}
  #page-usa-business-meeting-tour-2024 .u24-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-usa-business-meeting-tour-2024 .u24-stats>div{
    padding:24px 20px 24px 0;
    border-bottom:1px solid rgba(255,255,255,.18);
  }
  #page-usa-business-meeting-tour-2024 .u24-stats>div:nth-child(2n){border-right:0;padding-left:20px;}
  #page-usa-business-meeting-tour-2024 .u24-stats>div+div{padding-left:20px;}
  #page-usa-business-meeting-tour-2024 .u24-stats>div:nth-child(2n+1){padding-left:0;}
  #page-usa-business-meeting-tour-2024 .u24-md__grid{grid-template-columns:minmax(0,1fr);gap:28px;justify-items:start;}
  #page-usa-business-meeting-tour-2024 .u24-md__shot{max-width:250px;}
}
@media (max-width:768px){
  #page-usa-business-meeting-tour-2024 .u24-wrap,
  #page-usa-business-meeting-tour-2024 .u24-wrap--tight{width:calc(100% - 36px);}
  #page-usa-business-meeting-tour-2024 .u24-serv__row{grid-template-columns:minmax(0,1fr);gap:10px;}
  #page-usa-business-meeting-tour-2024 .u24-serv__no{font-size:22px;}
  #page-usa-business-meeting-tour-2024 .u24-why__list{grid-template-columns:minmax(0,1fr);}
  #page-usa-business-meeting-tour-2024 .u24-why__close{flex-direction:column;align-items:flex-start;gap:16px;}
  #page-usa-business-meeting-tour-2024 .u24-btn{width:100%;max-width:360px;}
  #page-usa-business-meeting-tour-2024 .u24-btn--sm{width:auto;}
  #page-usa-business-meeting-tour-2024 .u24-legs__date{min-width:0;width:100%;}
  #page-usa-business-meeting-tour-2024 .u24-legs__sep{display:none;}
  #page-usa-business-meeting-tour-2024 .u24-awards__row{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-usa-business-meeting-tour-2024 .u24-brands__row{gap:20px 34px;}
  #page-usa-business-meeting-tour-2024 .u24-brands__row img{height:36px;max-width:120px;}
}
@media (max-width:520px){
  #page-usa-business-meeting-tour-2024 .u24-wrap,
  #page-usa-business-meeting-tour-2024 .u24-wrap--tight{width:calc(100% - 28px);}
  /* Drop the rail on phones. Even at 54px it left a ~290px measure for the
     question, which broke "Why is AIS Technolabs organising this business
     meeting?" across four lines. The ordinal and the Ans. label sit above
     their text instead. */
  #page-usa-business-meeting-tour-2024 .u24-q__s{
    grid-template-columns:minmax(0,1fr) 34px;
    grid-template-areas:"num marker" "text text";
    gap:10px 8px;
  }
  #page-usa-business-meeting-tour-2024 .u24-q p.u24-q__n{grid-area:num;}
  #page-usa-business-meeting-tour-2024 .u24-q p.u24-q__t{grid-area:text;padding-top:0;}
  #page-usa-business-meeting-tour-2024 .u24-q__m{grid-area:marker;margin-top:0;}
  #page-usa-business-meeting-tour-2024 .u24-q__a{grid-template-columns:minmax(0,1fr);gap:10px;}
  #page-usa-business-meeting-tour-2024 .u24-areas__grid{grid-template-columns:minmax(0,1fr);}
  #page-usa-business-meeting-tour-2024 .u24-guar__list li{flex-direction:column;gap:12px;}
  #page-usa-business-meeting-tour-2024 .u24-md__body{padding-left:20px;}
  #page-usa-business-meeting-tour-2024 .u24-stats{grid-template-columns:minmax(0,1fr);}
  /* Reset the 860px two-up rules by NAME, not by hoping a later plain rule
     wins. `.u24-stats>div:nth-child(2n)` is (1,2,1); `.u24-stats>div` is
     (1,1,1), so a bare reset LOSES and leaves cells 2 and 4 indented 20px
     while 1 and 3 sit flush — a visible zig-zag down the single column at
     390px. Matching the specificity is the fix. */
  #page-usa-business-meeting-tour-2024 .u24-stats>div,
  #page-usa-business-meeting-tour-2024 .u24-stats>div+div,
  #page-usa-business-meeting-tour-2024 .u24-stats>div:nth-child(2n),
  #page-usa-business-meeting-tour-2024 .u24-stats>div:nth-child(2n+1){
    border-right:0;
    padding-left:0;
  }
  #page-usa-business-meeting-tour-2024 .u24-stats>div:last-child{border-bottom:0;}
  /* Keep the radius on phones too — the panel is a card at every width. */
  #page-usa-business-meeting-tour-2024 .u24-modal{padding: 100px 12px 12px 12px;}
  #page-usa-business-meeting-tour-2024 .u24-modal__box{max-width:none;border-radius:14px;}
}

@media (prefers-reduced-motion: reduce){
  #page-usa-business-meeting-tour-2024 *,
  #page-usa-business-meeting-tour-2024 *::before,
  #page-usa-business-meeting-tour-2024 *::after{
    animation:none !important;
    transition-duration:.01ms !important;
  }
}
