:root{
  --font-base:"Open Sans", sans-serif !important;
  --font-mono:"Open Sans", sans-serif !important;
  --easing-curve-decelerate:cubic-bezier(0.05,0.7,0.1,1);
  --shadow-8:0 8px 24px rgba(11,27,58,.14);
  --ink:#181A1F;
  --ink2:#212328;
  --blue:#1E88E5;
  --blue-dk:#136BBD;
  --green:#2FBF8F;
  --paper:#FFFFFF;
  --paper2:#F7F8FA;
  --fg1:#1A1D23;
  --fg2:#454952;
  --fg3:#6B7078;
  --fg4:#9096A0;
  --line:#E7E9ED;
}

.page,.page *{box-sizing:border-box}
#responsive-loader{margin:0;font-family:var(--font-base);color:var(--fg1);background:var(--paper);-webkit-font-smoothing:antialiased}
.page h1,.page h2,.page h3,.page h4{margin:0}

.wb-sec{padding:clamp(48px,6vw,80px) 0}
.wb-h2{font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:-.015em;font-weight:800;color:var(--ink)}
.wb-lead{font-size: 18px;line-height:1.6;color:var(--fg3)}

/* ---------- pill / badge ---------- */
.wb-pill{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8FCBFF;border:1px solid rgba(143,203,255,.4);border-radius:100px;padding:6px 14px}
.wb-eb{font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--green)}

/* ---------- buttons ---------- */
.wb-btn{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;padding:12px 22px;border-radius: 5px;text-decoration:none;border:1px solid transparent;cursor:pointer;line-height:1;white-space:nowrap;transition:transform .18s var(--easing-curve-decelerate),background .18s,box-shadow .18s}
.wb-btn-blue{background:var(--blue);color:#fff}
.wb-btn-blue:hover{background:white;transform:translateY(-1px);box-shadow:0 12px 24px rgba(19,107,189,.34);color: #1e88e5;}

/* ---------- hero ---------- */
.wb-hero{background:var(--ink);color:#fff;padding:clamp(48px,6vw,72px) 0}
.wb-hero-h{margin:16px 0 0;font-size: clamp(26px,3vw,36px);line-height:1.25;letter-spacing:-.015em;font-weight: 600;color:#fff}
.wb-hero-sub{margin-top:16px;/* max-width:52ch; */font-size: 18px;line-height:1.65;color:rgba(255,255,255,.68)}
.wb-dt-row{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.wb-dt{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 18px;min-width:170px}
.wb-dt .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg4)}
.wb-dt .val{margin-top:4px;font-size:14.5px;font-weight:600;color:#fff}
.wb-hero-cta{margin-top:22px}
.wb-video{background:#fff;border-radius:10px;aspect-ratio:16/9;width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 30px 70px -30px rgba(0,0,0,.55);overflow:hidden;position:relative}
.wb-video .playbtn{width:64px;height:64px;border-radius:50%;background:rgba(19,107,189,.92);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .2s var(--easing-curve-decelerate),background .2s}
.wb-video .playbtn svg{width:22px;height:22px;margin-left:3px}

/* ---------- takeaway cards ---------- */
.wb-tcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 22px;height:100%;transition:transform .22s var(--easing-curve-decelerate),box-shadow .22s,border-color .22s}
.wb-tcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-8);border-color:#D7DCE4}
.wb-tcard .num{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--blue)}
.wb-tcard h4{font-size: 20px;font-weight: 600;color:var(--ink);margin:10px 0 8px;line-height:1.3}
.wb-tcard p{font-size: 16px;line-height:1.55;color:var(--fg3);margin:0}

/* ---------- benchmark report card (dark) ---------- */
.wb-reportcard{background: #031A46;border-radius:18px;padding: clamp(28px,3.2vw,30px);color:#fff;overflow:hidden}
.wb-reportcard h3{font-size: clamp(20px,2.2vw,30px);font-weight:800;letter-spacing:-.01em;margin-top:10px}
.wb-reportcard p{margin-top:12px;/* max-width:52ch; */font-size: 18px;line-height:1.62;color:white}
.wb-report-mock{position:relative;width:min(220px,100%);background:#F4F8FE;border-radius:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);padding:18px 16px;transform:rotate(1deg);margin-left:auto}
.wb-report-mock .brand{font-size:12px;font-weight:800;color:var(--ink)}
.wb-report-mock .tag{font-family:var(--font-mono);font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:#9096A0;text-align:right;margin-top:-12px}
.wb-report-mock .title{font-size:14px;font-weight:800;line-height:1.25;color:#0F548C;margin-top:12px}
.wb-report-mock .title .amb{color:#136BBD}
.wb-report-mock .desc{font-size:8px;line-height:1.5;color:#6B7078;margin-top:8px}
.wb-report-mock .photo{margin-top:12px;border-radius:6px;aspect-ratio:4/3;background:linear-gradient(150deg,#DCE8F7,#C6D9EF);display:flex;align-items:center;justify-content:center;color:#0F548C}
.wb-report-mock .photo svg{width:32px;height:32px;opacity:.5}

/* ---------- presenter cards ---------- */
.wb-pcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 24px;height:100%}
.wb-pcard-top{display:flex;align-items:center;gap:14px}
.wb-avatar{overflow:hidden;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1E88E5,#2FBF8F);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex:none}
.wb-avatar img{height: 60px; }
.wb-pcard h4{font-size:16px;font-weight:700;color:var(--ink)}
.wb-pcard .role{font-size:13px;color:var(--blue);font-weight:500;margin-top:2px}
.wb-pcard p{margin-top:14px;font-size: 16px;line-height:1.6;color:var(--fg3)}

/* ---------- who-should-attend cards ---------- */
.wb-acard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px;height:100%;transition:transform .22s var(--easing-curve-decelerate),box-shadow .22s}
.wb-acard:hover{transform:translateY(-4px);box-shadow:var(--shadow-8)}
.wb-acard h4{font-size: 20px;font-weight: 600;color:var(--ink)}
.wb-acard p{margin-top:6px;font-size: 16px;line-height:1.5;color:var(--fg3)}

/* ---------- sticky bottom bar ---------- */
.wb-stickybar{left:0;right:0;bottom:0;background:var(--ink);color:#fff;padding:16px 0;z-index:200;transform:translateY(100%);transition:transform .3s var(--easing-curve-decelerate);box-shadow:0 -8px 24px rgba(0,0,0,.25)}
.wb-stickybar.is-visible{transform:translateY(0)}
.wb-stickybar-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.wb-stickybar h5{font-size:17px;font-weight:800;color:#fff;margin:0}
.wb-stickybar .sub{font-size: 18px;color:var(--fg4);margin-top:3px}

/* ---------- scroll-reveal ---------- */
/* [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--easing-curve-decelerate),transform .6s var(--easing-curve-decelerate)}
[data-reveal].in-view{opacity:1;transform:translateY(0)} */
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}

@media(max-width:767px){
  .wb-report-mock{margin:24px auto 0}
  .wb-stickybar-inner{justify-content:center;text-align:center}
}

.wb-video-poster {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.wb-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
}

.wb-video.is-playing .wb-video-poster {
    display: none;
}

.wb-video.is-playing video {
    display: block;
}

.wb-video.is-playing .playbtn {
    opacity: 0;
    pointer-events: none;
}

.playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: transform 0.2s var(--easing-curve-decelerate), background 0.2s, opacity 0.2s ease;
}


/* --- Modal Custom Styling --- */
.custom-modal-content {
  border: none;
  border-radius: 16px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  overflow: hidden;
}

.custom-modal-header {
  border-bottom: 1px solid #f0f2f5;
  padding: 24px 32px 16px 32px;
}

.custom-modal-header .modal-title {
  font-weight: 700;
  color: #1e293b;
  font-size: 1.35rem;
  letter-spacing: -0.02em;
}

.custom-btn-close {
  background-size: 12px;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}

.custom-btn-close:hover {
  opacity: 0.9;
}

.custom-modal-body {
  padding: 16px 32px 32px 32px;
}

/* --- HubSpot Form Styles Overrides --- */
/* Target the container to fix padding and fonts */
#hubspotFormContainer {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Form Fields & Labels */
#hubspotFormContainer .hs-form-field {
  margin-bottom: 20px;
}

#hubspotFormContainer label {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  color: #475569;
  margin-bottom: 6px;
}

/* Inputs & Textareas */
#hubspotFormContainer .hs-input,
#hubspotFormContainer input[type="text"],
#hubspotFormContainer input[type="email"],
#hubspotFormContainer input[type="tel"],
#hubspotFormContainer textarea,
#hubspotFormContainer select {
  width: 100% !important;
  padding: 12px 16px !important;
  font-size: 0.95rem !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background-color: #f8fafc !important;
  color: #334155 !important;
  transition: all 0.2s ease-in-out !important;
}

/* Input Focus States */
#hubspotFormContainer .hs-input:focus,
#hubspotFormContainer input:focus,
#hubspotFormContainer textarea:focus,
#hubspotFormContainer select:focus {
  outline: none !important;
  border-color: #4f46e5 !important; /* Premium Indigo Accent */
  background-color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1) !important;
}

/* Primary Form Button Styling */
#hubspotFormContainer .hs-button,
#hubspotFormContainer input[type="submit"] {
  width: 100% !important;
  background: #1e88e5 !important;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 14.5px;
  font-weight: 600;
  padding: 12px 22px;
  border-radius: 5px;
  text-decoration: none;
  border: 1px solid transparent !important;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
  transition: transform .18s var(--easing-curve-decelerate), background .18s, box-shadow .18s;
  margin-top: 10px;
}

#hubspotFormContainer .hs-button:hover,
#hubspotFormContainer input[type="submit"]:hover {
    background: white !important;
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(19, 107, 189, .34) !important;
    color: #1e88e5 !important;
      border: 1px solid transparent !important;

}

#hubspotFormContainer .hs-button:active,
#hubspotFormContainer input[type="submit"]:active {
  transform: scale(0.98);
}

/* Error Message Styling */
#hubspotFormContainer .hs-error-msg {
  color: #dc2626 !important;
  font-size: 0.8rem !important;
  margin-top: 4px !important;
  display: block;
}

/* Trigger Button Accent styling */
.btn-custom {
  background-color: #4f46e5;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 500;
}
.btn-custom:hover {
  background-color: #4338ca;
}

ul.no-list.hs-error-msgs.inputs-list {
    list-style: none;
    padding-left: 3px;
}