/* Start custom CSS *//* ============================================================
   SXR GATE — Vincy Soca Export Report 2026
   Paste into: Appearance > Customize > Additional CSS
   All body.elementor-page-11586s are scoped to .sxr-gate so nothing else on the
   site is affected.
   ============================================================ */
.sxr-gate{
  --sxr-ink:#0A1733; --sxr-brass:#D9E021;
  --sxr-display:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Arial,sans-serif;
  --sxr-body:Georgia,"Iowan Old Style","Times New Roman",serif;
  --sxr-data:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  background:var(--sxr-ink); color:#fff;
  padding:clamp(28px,5vw,60px) clamp(22px,5vw,56px);
  border-radius:0 40px 0 40px;
}
.sxr-gate *{box-sizing:border-box}
.sxr-gate__brand{
  font-family:var(--sxr-display); font-weight:800; font-stretch:75%;
  text-transform:uppercase; letter-spacing:.16em; font-size:14px;
  display:flex; align-items:center; gap:11px; margin:0 0 26px; color:#fff;
}
.sxr-gate__mark{
  width:28px; height:28px; flex:none; border-radius:50%;
  background:var(--sxr-logo) center/contain no-repeat;
}
.sxr-gate__h1{
  font-family:var(--sxr-display); font-weight:800; font-stretch:75%;
  text-transform:uppercase; letter-spacing:-.02em; line-height:.92;
  font-size:clamp(34px,5.4vw,64px); margin:0; color:#fff; max-width:14ch;
}
.sxr-gate__sub{
  font-family:var(--sxr-body); font-size:clamp(18px,2vw,23px);
  line-height:1.45; color:rgba(255,255,255,.88); margin:24px 0 0; max-width:44ch;
}
.sxr-gate__src{
  font-family:var(--sxr-data); font-size:11.5px; letter-spacing:.18em;
  text-transform:uppercase; color:rgba(255,255,255,.5); margin:16px 0 0;
}
.sxr-gate__topics{ list-style:none; padding:0; margin:30px 0 0; max-width:46ch }
.sxr-gate__topics li{
  font-family:var(--sxr-display); font-weight:800; font-stretch:75%;
  text-transform:uppercase; font-size:clamp(17px,2.2vw,25px); line-height:1.15;
  padding:14px 0; border-bottom:1px solid rgba(255,255,255,.13); color:#fff;
}
.sxr-gate__topics li::before{
  content:""; display:inline-block; width:12px; height:12px;
  background:var(--sxr-brass); margin-right:14px; vertical-align:1px;
}

/* ---- optional: style the MailOptin form to match ----
   Adjust the body.elementor-page-11586 to match your campaign wrapper if needed. */
.sxr-gate-form{ background:#fff; border-radius:0 34px 0 34px; padding:clamp(22px,3vw,34px) }
.sxr-gate-form input[type=text],
.sxr-gate-form input[type=email],
.sxr-gate-form select{ border-radius:0 !important }
.sxr-gate-form button,
.sxr-gate-form input[type=submit]{
  font-family:var(--sxr-display,sans-serif) !important; font-weight:800 !important;
  text-transform:uppercase !important; letter-spacing:.06em !important;
  background:#0A1733 !important; color:#fff !important;
  border:0 !important; border-radius:0 14px 0 14px !important; padding:15px !important;
}/* End custom CSS */