/* Hand-built sections that replace parts of the old Elementor layout. Colours and fonts match the site. */
.wx {
  --wx-mint: #1ed9a8;
  --wx-blue: #035aa6;
  --wx-navy: #024873;
  --wx-sky: #4bdffd;
  --wx-ink: #1d1d1f;
  --wx-mint-deep: #0b8f6c;
  --wx-muted: #4a5560;
  --wx-head: "Magistral Medium", "Helvetica Neue", Arial, sans-serif;
  font-family: "Nunito Sans", sans-serif;
  color: var(--wx-ink);
  box-sizing: border-box;
}
.wx *, .wx *::before, .wx *::after { box-sizing: inherit; }
.wx-inner { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.wx h2 {
  font-family: var(--wx-head); font-weight: 700; text-transform: uppercase;
  font-size: clamp(30px, 4.2vw, 46px); line-height: 1.1; margin: 0 0 18px; color: var(--wx-ink);
}
.wx-lead { font-size: clamp(17px, 1.6vw, 20px); line-height: 1.6; color: var(--wx-muted); margin: 0 auto; max-width: 680px; }
.wx-btn {
  display: inline-block; padding: 14px 30px; font-family: Roboto, sans-serif; font-size: 16px; font-weight: 500;
  text-decoration: none; border: 2px solid transparent; transition: transform .15s ease, background .15s ease;
}
.wx-btn:hover { transform: translateY(-2px); }
.wx a.wx-btn-primary, .wx a.wx-btn-primary:visited { background: var(--wx-blue); color: #fff !important; }
.wx a.wx-btn-primary:hover { background: var(--wx-navy); }
.wx a.wx-btn-ghost, .wx a.wx-btn-ghost:visited { background: transparent; color: var(--wx-ink) !important; border-color: var(--wx-ink); }
.wx a.wx-btn-ghost:hover { background: var(--wx-ink); color: #fff !important; }
.wx-services h2 span { display: block; }
.wx-services a.wx-btn-primary, .wx-services a.wx-btn-primary:visited { background: var(--wx-ink); }
.wx-services a.wx-btn-primary:hover { background: #000; }
.wx-services a.wx-btn-ghost, .wx-services a.wx-btn-ghost:visited { background: #fff; border-color: #fff; }
.wx-services a.wx-btn-ghost:hover { background: var(--wx-ink); border-color: var(--wx-ink); }

/* What we do (replaces "Connect with your audience" + the two counters) */
.wx-services { background: var(--wx-mint); padding: 90px 0; text-align: center; }
.wx-services h2 span { color: #fff; }
.wx-services .wx-lead { color: #0d2b25; }
.wx-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 48px 0 44px; text-align: left;
}
.wx-card { background: #fff; padding: 28px 26px; border-radius: 6px; box-shadow: 0 6px 20px rgba(2, 72, 115, .08); }
.wx-card svg {
  width: 52px; height: 52px; padding: 12px; border-radius: 50%; margin-bottom: 16px;
  color: #0b8f6c; background: #e3fbf3;
}
.wx-card h3 { font-family: var(--wx-head); font-weight: 700; font-size: 19px; margin: 0 0 8px; color: var(--wx-ink); }
.wx-card p { margin: 0; font-size: 16px; line-height: 1.55; color: var(--wx-muted); }
.wx-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* Contact (replaces the old enquiry-form sections) */
.wx-contact { background: linear-gradient(180deg, #eefbff 0%, #dff6fe 100%); padding: 90px 0; text-align: center; }
.wx-contact h2 span { color: var(--wx-blue); }
.wx-contact-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 760px; margin: 44px auto 0; }
.wx-tile {
  background: #fff; border-radius: 6px; padding: 30px 24px; text-align: center; text-decoration: none; color: inherit;
  box-shadow: 0 6px 20px rgba(2, 72, 115, .08); display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.wx-tile svg { width: 34px; height: 34px; color: var(--wx-blue); margin-bottom: 4px; }
.wx-tile strong { font-family: var(--wx-head); font-size: 18px; color: var(--wx-ink); }
.wx-tile span { font-size: 16px; line-height: 1.5; color: var(--wx-muted); }
a.wx-tile { transition: transform .15s ease, box-shadow .15s ease; }
a.wx-tile:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(2, 72, 115, .14); }
a.wx-tile span { color: var(--wx-blue) !important; font-weight: 700; font-size: 18px; }

@media (max-width: 900px) {
  .wx-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .wx-services, .wx-contact { padding: 64px 0; }
  .wx-grid, .wx-contact-tiles { grid-template-columns: 1fr; }
  .wx-btn { width: 100%; text-align: center; }
}

/* UGC block (replaces the bright-blue "Access hundreds of creators" bullet lists) */
.wx-ugc { background: #00b6ff; background: linear-gradient(135deg, #00b6ff 0%, #0a8fe0 100%); padding: 90px 0; overflow: hidden; color: #fff; }
.wx-ugc-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 56px; align-items: center; }
.wx-eyebrow {
  display: inline-block; padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .18);
  font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 18px;
}
.wx-ugc h2 { color: #fff; margin-bottom: 34px; }
.wx-ugc-facts { margin: 0 0 38px; display: grid; gap: 18px; }
.wx-ugc-facts > div { display: grid; grid-template-columns: 150px 1fr; gap: 16px; align-items: baseline;
  padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .28); }
.wx-ugc-facts dt { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .85; }
.wx-ugc-facts dd { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.wx-ugc-facts dd span { background: #fff; color: #035aa6; border-radius: 999px; padding: 6px 14px; font-size: 15px; font-weight: 600; }
.wx a.wx-btn-light, .wx a.wx-btn-light:visited { background: #fff; color: #035aa6 !important; }
.wx a.wx-btn-light:hover { background: #024873; color: #fff !important; }
.wx-phones { position: relative; height: 520px; }
.wx-phone {
  position: absolute; width: 230px; aspect-ratio: 9 / 16; border-radius: 28px; overflow: hidden;
  border: 7px solid #fff; background: #111; box-shadow: 0 24px 50px rgba(2, 40, 80, .35);
}
.wx-phone video { width: 100%; height: 100%; object-fit: cover; display: block; }
.wx-phone-back { left: 4%; top: 30px; transform: rotate(-6deg); }
.wx-phone-front { right: 4%; top: 70px; transform: rotate(5deg); }
@media (max-width: 900px) {
  .wx-ugc-grid { grid-template-columns: 1fr; }
  .wx-phones { height: 440px; max-width: 420px; margin: 0 auto; width: 100%; }
  .wx-phone { width: 190px; }
}
@media (max-width: 600px) {
  .wx-ugc { padding: 64px 0; }
  .wx-ugc-facts > div { grid-template-columns: 1fr; gap: 10px; }
  .wx-phones { height: 380px; }
  .wx-phone { width: 160px; }
}

/* Bootcamp + testimonials (replaces "Turn TikTok into your full-time income stream") */
.wx-boot { background: #e8fbff; padding: 96px 0; }
.wx-boot-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; }
.wx-boot .wx-eyebrow { background: #fff; color: #035aa6; }
.wx-boot h2 span { color: #035aa6; }
.wx-boot .wx-lead { margin: 0 0 30px; }
.wx-steps { list-style: none; margin: 0 0 36px; padding: 0; display: grid; gap: 14px; }
.wx-steps li { display: flex; gap: 18px; align-items: center; background: #fff; border-radius: 6px; padding: 16px 20px;
  box-shadow: 0 4px 14px rgba(2, 72, 115, .06); }
.wx-steps b { font-family: var(--wx-head); font-size: 22px; color: #00b6ff; min-width: 34px; }
.wx-steps strong { display: block; font-size: 17px; color: var(--wx-ink); }
.wx-steps span { font-size: 15px; color: var(--wx-muted); }
.wx-quotes { background: #fff; border-radius: 10px; padding: 40px 36px 28px; box-shadow: 0 18px 44px rgba(2, 72, 115, .12);
  position: relative; }
.wx-quotes::before { content: "\201C"; position: absolute; top: -34px; left: 28px; font: 700 120px/1 Georgia, serif; color: #00b6ff; }
.wx-quote-track { display: grid; }
.wx-quote { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility .5s; text-align: center; }
.wx-quote.is-on { opacity: 1; visibility: visible; }
.wx-quote img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; margin: 0 auto 18px; display: block;
  border: 4px solid #e8fbff; }
.wx-quote-note { font-size: 14px; font-weight: 700; color: #035aa6; margin: 0 0 10px; }
.wx-quote blockquote { margin: 0 0 18px; padding: 0; border: 0; font-size: 19px; line-height: 1.6; font-style: italic; color: var(--wx-ink); }
.wx-quote figcaption { font-weight: 700; font-style: normal; color: var(--wx-ink); }
.wx-quote figcaption span { display: block; font-weight: 400; color: var(--wx-muted); font-size: 15px; }
.wx-quote-nav { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 24px; }
.wx-quote-nav button { border: 0; background: none; cursor: pointer; padding: 6px; color: #035aa6; font-size: 20px; line-height: 1; }
.wx-dots { display: flex; gap: 8px; }
.wx-quote-nav .wx-dots button { width: 9px; height: 9px; padding: 0; border-radius: 50%; background: #cfe9f5; }
.wx-quote-nav .wx-dots button.is-on { background: #035aa6; }
@media (max-width: 900px) {
  .wx-boot-grid { grid-template-columns: 1fr; gap: 56px; }
}
@media (max-width: 600px) {
  .wx-boot { padding: 64px 0; }
  .wx-quotes { padding: 36px 22px 22px; }
  .wx-quote blockquote { font-size: 17px; }
}

/* Bootcamp palette: one bright sky blue + black, no navy (navy fought the light-cyan background) */
.wx-boot { --wx-sky-deep: #00a3e8; }
.wx-boot .wx-eyebrow { color: var(--wx-ink); }
.wx-boot h2 span { color: var(--wx-sky-deep); }
.wx-boot .wx-steps b { color: var(--wx-sky-deep); }
.wx-boot a.wx-btn-primary, .wx-boot a.wx-btn-primary:visited { background: var(--wx-ink); }
.wx-boot a.wx-btn-primary:hover { background: #000; }
.wx-boot .wx-quotes::before { color: var(--wx-sky-deep); }
.wx-boot .wx-quote-note { color: var(--wx-sky-deep); }
.wx-boot .wx-quote-nav button { color: var(--wx-ink); }
.wx-boot .wx-quote-nav .wx-dots button { background: #d5eef8; }
.wx-boot .wx-quote-nav .wx-dots button.is-on { background: var(--wx-sky-deep); }

/* Brands page hero (replaces the "BRANDS" banner + "Our strategies achieve real results" intro) */
.wx-bhero { background: radial-gradient(120% 120% at 85% 10%, #123a63 0%, #0d1d33 55%); color: #fff; padding: 90px 0 100px; overflow: hidden; }
.wx-bhero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; }
.wx-bhero .wx-eyebrow { color: #4ed3fd; background: rgba(78, 211, 253, .12); }
.wx-bhero h1 { font-family: var(--wx-head); font-weight: 700; text-transform: uppercase; color: #fff;
  font-size: clamp(34px, 4.6vw, 54px); line-height: 1.08; letter-spacing: normal; margin: 0 0 20px; }
.wx-bhero h1 span { color: #4ed3fd; }
.wx-bhero .wx-lead { color: rgba(255, 255, 255, .8); margin: 0 0 26px; }
.wx-chips { list-style: none; padding: 0; margin: 0 0 34px; display: flex; flex-wrap: wrap; gap: 8px; }
.wx-chips li { border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px; padding: 6px 16px; font-size: 15px; }
.wx-bhero .wx-actions { justify-content: flex-start; }
.wx a.wx-btn-sky, .wx a.wx-btn-sky:visited { background: #4ed3fd; color: #0d1d33 !important; }
.wx a.wx-btn-sky:hover { background: #fff; }
.wx a.wx-btn-outline-light, .wx a.wx-btn-outline-light:visited { border-color: rgba(255, 255, 255, .6); color: #fff !important; }
.wx a.wx-btn-outline-light:hover { background: #fff; color: #0d1d33 !important; }
.wx-bhero-reel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; align-items: start; }
.wx-bhero-reel video { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 16px; display: block;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .35); background: #000; }
.wx-bhero-reel video:nth-child(2) { margin-top: 48px; }
.wx-bhero-reel video:nth-child(3) { margin-top: 18px; }
@media (max-width: 900px) {
  .wx-bhero-grid { grid-template-columns: 1fr; }
  .wx-bhero-reel { max-width: 480px; }
}
@media (max-width: 600px) {
  .wx-bhero { padding: 64px 0 72px; }
  .wx-bhero-reel video:nth-child(2) { margin-top: 28px; }
}

/* Brands page services (replaces the "Drive Results with TikTok Marketing" bullet list) */
.wx-bsvc { background: #fff; padding: 96px 0; text-align: center; }
.wx-bsvc .wx-eyebrow { background: #e8fbff; color: #0d1d33; }
.wx-bsvc h2 span { color: #00a3e8; }
.wx-svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 48px 0 28px; text-align: left; }
.wx-svc { position: relative; background: #f5fbfe; border-radius: 8px; padding: 34px 28px 30px; overflow: hidden; }
.wx-svc::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 5px; background: #4ed3fd; }
.wx-svc:nth-child(2)::before { background: #00a3e8; }
.wx-svc:nth-child(3)::before { background: #0d1d33; }
.wx-svc-tag { font-size: 13px; font-weight: 800; color: #00a3e8; letter-spacing: .08em; }
.wx-svc h3 { font-family: var(--wx-head); font-weight: 700; font-size: 22px; line-height: 1.25; margin: 8px 0 10px; color: #0d1d33; }
.wx-svc-sub { margin: 0 0 18px; font-size: 16px; line-height: 1.55; color: var(--wx-muted); }
.wx-svc ul { list-style: none; margin: 0; padding: 18px 0 0; border-top: 1px solid #d9eef7; display: grid; gap: 10px; }
.wx-svc li { position: relative; padding-left: 26px; font-size: 15.5px; line-height: 1.45; color: var(--wx-ink); }
.wx-svc li::before { content: ""; position: absolute; left: 2px; top: 5px; width: 12px; height: 7px;
  border-left: 2px solid #00a3e8; border-bottom: 2px solid #00a3e8; transform: rotate(-45deg); }
.wx-process { background: #0d1d33; color: #fff; border-radius: 8px; padding: 26px 30px; margin-bottom: 40px;
  display: grid; grid-template-columns: 230px 1fr; gap: 24px; align-items: center; text-align: left; }
.wx-process-head { margin: 0; font-family: var(--wx-head); font-weight: 700; font-size: 19px; line-height: 1.3; }
.wx-process ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; counter-reset: step; }
.wx-process li { counter-increment: step; font-size: 14px; font-weight: 700; color: #4ed3fd; line-height: 1.3;
  border-top: 2px solid rgba(78, 211, 253, .35); padding-top: 10px; }
.wx-process li::before { content: counter(step, decimal-leading-zero); display: block; font-size: 11px; color: rgba(255, 255, 255, .55); margin-bottom: 4px; }
.wx-bsvc a.wx-btn-primary, .wx-bsvc a.wx-btn-primary:visited { background: #0d1d33; }
.wx-bsvc a.wx-btn-primary:hover { background: #00a3e8; }
@media (max-width: 1000px) {
  .wx-svc-grid { grid-template-columns: 1fr; max-width: 620px; margin-left: auto; margin-right: auto; }
  .wx-process { grid-template-columns: 1fr; }
  .wx-process ol { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 600px) {
  .wx-bsvc { padding: 64px 0; }
  .wx-process ol { grid-template-columns: repeat(2, 1fr); }
}

/* Talent page: why join (replaces "Reasons to join our talent agency") */
.wx-twhy { background: #fff; padding: 96px 0; }
.wx-twhy-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 64px; align-items: center; }
.wx-twhy-photo { position: relative; margin: 0; }
.wx-twhy-photo img { width: 100%; display: block; border-radius: 12px; box-shadow: 0 22px 50px rgba(13, 29, 51, .18); }
.wx-twhy-photo figcaption { position: absolute; left: 18px; bottom: 18px; background: #fff; color: #0d1d33;
  font-weight: 700; font-style: normal; font-size: 14px; padding: 8px 14px; border-radius: 999px; box-shadow: 0 6px 16px rgba(0, 0, 0, .15); }
.wx-twhy .wx-eyebrow { background: #e8fbff; color: #0d1d33; }
.wx-twhy h2 span { color: #00a3e8; }
.wx-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 8px 0 26px; }
.wx-benefit { background: #f5fbfe; border-radius: 8px; padding: 22px 20px; }
.wx-benefit svg { width: 44px; height: 44px; padding: 10px; border-radius: 50%; background: #fff; color: #00a3e8; margin-bottom: 12px;
  box-shadow: 0 4px 12px rgba(0, 163, 232, .15); }
.wx-benefit h3 { font-family: var(--wx-head); font-weight: 700; font-size: 17px; margin: 0 0 6px; color: #0d1d33; }
.wx-benefit p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--wx-muted); }
.wx-twhy-fit { margin-bottom: 30px; }
.wx-twhy-fit strong { display: block; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #0d1d33; margin-bottom: 10px; }
.wx-twhy .wx-chips { margin: 0; }
.wx-twhy .wx-chips li { border-color: #bfe6f6; color: #0d1d33; background: #fff; }
.wx-twhy a.wx-btn-primary, .wx-twhy a.wx-btn-primary:visited { background: #0d1d33; }
.wx-twhy a.wx-btn-primary:hover { background: #00a3e8; }
@media (max-width: 900px) {
  .wx-twhy-grid { grid-template-columns: 1fr; gap: 40px; }
  .wx-twhy-photo { max-width: 520px; }
}
@media (max-width: 600px) {
  .wx-twhy { padding: 64px 0; }
  .wx-benefits { grid-template-columns: 1fr; }
}

/* Talent page hero: same family as the Brands hero, compact because the creator grid follows */
.wx-thero { padding: 80px 0 84px; }
.wx-thero .wx-lead { max-width: 620px; }

/* Bootcamp page (replaces the old sales page with prices and PayPal buttons) */
.wx-bcp { background: #fff; padding: 72px 0 90px; }
.wx-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 80px; }
.wx-facts div { background: #f5fbfe; border-radius: 8px; padding: 24px 24px; border-top: 4px solid #4ed3fd; }
.wx-facts b { display: block; font-family: var(--wx-head); font-size: 22px; color: #0d1d33; margin-bottom: 6px; }
.wx-facts span { font-size: 15.5px; color: var(--wx-muted); }
.wx-bcp-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 64px; align-items: start; }
.wx-bcp .wx-eyebrow, .wx-bcp-quotes .wx-eyebrow { background: #e8fbff; color: #0d1d33; }
.wx-bcp h2 span, .wx-bcp-quotes h2 span { color: #00a3e8; }
.wx-ticks { list-style: none; margin: 8px 0 26px; padding: 0; display: grid; gap: 12px; }
.wx-ticks li { position: relative; padding-left: 30px; font-size: 17px; color: var(--wx-ink); }
.wx-ticks li::before { content: ""; position: absolute; left: 3px; top: 6px; width: 13px; height: 7px;
  border-left: 2px solid #00a3e8; border-bottom: 2px solid #00a3e8; transform: rotate(-45deg); }
.wx-note { font-size: 15px; line-height: 1.6; color: var(--wx-muted); background: #f5fbfe; border-radius: 6px; padding: 14px 16px; margin: 0; }
.wx-leader { margin: 0; background: #0d1d33; color: #fff; border-radius: 10px; padding: 30px; }
.wx-leader img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; display: block; margin-bottom: 16px; border: 3px solid #4ed3fd; }
.wx-leader-role { display: block; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #4ed3fd; }
.wx-leader strong { display: block; font-family: var(--wx-head); font-size: 22px; margin: 4px 0 2px; }
.wx-leader figcaption > span:not(.wx-leader-role) { color: rgba(255, 255, 255, .75); font-size: 15px; }
.wx-leader ul { margin: 16px 0 0; padding: 16px 0 0 18px; border-top: 1px solid rgba(255, 255, 255, .15); display: grid; gap: 8px;
  font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, .88); }
.wx-bcp-quotes { background: #e8fbff; padding: 90px 0; text-align: center; }
.wx-qgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; text-align: left; }
.wx-qgrid figure { margin: 0; background: #fff; border-radius: 8px; padding: 26px; display: flex; flex-direction: column;
  justify-content: space-between; gap: 20px; box-shadow: 0 6px 18px rgba(2, 72, 115, .07); }
.wx-qgrid blockquote { margin: 0; padding: 0; border: 0; font-size: 16px; line-height: 1.6; color: var(--wx-ink); font-style: normal; }
.wx-qgrid figcaption { display: flex; align-items: center; gap: 12px; font-weight: 700; color: #0d1d33; }
.wx-qgrid figcaption img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.wx-qgrid figcaption em { display: block; font-style: normal; font-weight: 400; font-size: 14px; color: var(--wx-muted); }
@media (max-width: 900px) {
  .wx-facts, .wx-qgrid { grid-template-columns: 1fr; }
  .wx-bcp-grid { grid-template-columns: 1fr; gap: 40px; }
}
.wx figcaption { font-style: normal; }
.wx-leader strong { color: #fff !important; }
.wx-qgrid { display: flex; flex-wrap: wrap; justify-content: center; }
.wx-qgrid figure { flex: 0 1 calc((100% - 40px) / 3); }
@media (max-width: 900px) { .wx-qgrid figure { flex-basis: 100%; } }

/* Privacy Policy / Terms body */
.wx-legal { background: #fff; padding: 40px 0 90px; }
.wx-legal-inner { max-width: 780px; margin: 0 auto; padding: 0 20px; font-size: 17px; line-height: 1.7; color: var(--wx-ink); }
.wx-legal-date { display: inline-block; background: #e8fbff; color: #0d1d33; font-size: 14px; font-weight: 700; padding: 6px 14px; border-radius: 999px; }
.wx-legal h2 { font-size: 22px; text-transform: none; margin: 44px 0 12px; padding-top: 22px; border-top: 1px solid #e3eef4; }
.wx-legal h3 { font-family: var(--wx-head); font-size: 17px; margin: 22px 0 6px; color: #0d1d33; }
.wx-legal p { margin: 0 0 14px; }
.wx-legal ul { margin: 0 0 14px; padding-left: 22px; }
.wx-legal li { margin-bottom: 8px; }
.wx-legal a { color: #00a3e8; }
.wx-legal-contact { display: grid; gap: 10px; background: #f5fbfe; border-radius: 8px; padding: 20px 22px; margin: 18px 0 20px; font-size: 16px; }
.wx-legal-contact strong { display: block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--wx-muted); }
.wx-legal table { width: 100%; border-collapse: collapse; margin: 6px 0 16px; font-size: 16px; }
.wx-legal th, .wx-legal td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #e3eef4; vertical-align: top; }
.wx-legal th { background: #f5fbfe; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: #0d1d33; }
/* line the theme's page title up with the legal text column */
body:has(.wx-legal) .page-header { max-width: 780px; margin: 0 auto; padding: 24px 20px 0; }
body:has(.wx-legal) .page-header .entry-title { font-family: var(--wx-head, "Helvetica Neue", Arial, sans-serif); font-weight: 700;
  letter-spacing: normal; font-size: clamp(32px, 4vw, 44px); color: #0d1d33; }
.wx-leader img { object-position: center top; background: #1b3352; }
/* the sticky header covered anchor targets (#team, #about, #contact) */
html { scroll-padding-top: 96px; }

/* Team cards (homepage): Brandon's hover side used a differently framed photo, so his face jumped.
   Hover now keeps the front photo in place (Sara and Jon keep their hover GIFs; Steve never moved). */
.elementor-element-3bbe83e .exad-flip-box-back { background-image: url(/wp-content/uploads/2026/03/Brandon-4-scaled-e1772477541841.png) !important; background-position: 50% 50% !important; }