:root { --navy:#0B3D5B; --lime:#E4FF3A; --white:#fff; --ink:#123b54; --muted:#677785; --line:rgba(11,61,91,.18); --soft:#edf1f2; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--white); color:var(--navy); font-family:Poppins,Arial,Helvetica,sans-serif; font-size:16px; line-height:1.58; }
button,input,select { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; }
img { display:block; max-width:100%; }
.site-shell { overflow:hidden; }
.page-width { width:min(1180px, calc(100% - 32px)); margin:0 auto; }
.section { padding:68px 0; }
.section-navy { background:var(--navy); color:var(--white); }
.section-white { background:var(--white); color:var(--navy); }
.copy-narrow { width:min(740px, 100%); }
.section-number { margin:0 0 12px; color:var(--lime); font-size:.72rem; font-weight:700; letter-spacing:.16em; }
.section-white .section-number { color:var(--navy); opacity:.58; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { letter-spacing:-.045em; line-height:1.08; }
h1 { max-width:820px; margin:15px 0 18px; font-size:clamp(2.08rem,5vw,4.5rem); }
h2 { max-width:750px; margin-bottom:22px; font-size:clamp(2rem,5vw,4rem); }
h3 { font-size:1.2rem; }
p { margin-bottom:18px; }
.brand-logo { width:112px; height:auto; }
.eyebrow { margin:28px 0 0; color:var(--lime); font-size:.8rem; font-weight:700; letter-spacing:.05em; }
.hero { min-height:100svh; display:flex; align-items:center; padding:34px 0 42px; }
.hero-grid { display:grid; gap:30px; }
.hero-copy { min-width:0; }
.hero-subhead { max-width:690px; margin-bottom:22px; color:rgba(255,255,255,.87); font-size:1rem; }
.fact-strip { display:inline-block; max-width:750px; margin:0 0 24px; padding:10px 0; border-top:1px solid rgba(228,255,58,.8); border-bottom:1px solid rgba(228,255,58,.8); color:var(--lime); font-size:.78rem; font-weight:700; letter-spacing:.035em; line-height:1.5; }
.hero-image { min-height:190px; display:flex; align-items:flex-end; justify-content:center; }
.hero-image img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.primary-button { min-height:54px; padding:14px 25px; border:0; border-radius:0; background:var(--lime); color:var(--navy); font-weight:700; font-size:1.05rem; line-height:1; box-shadow:8px 8px 0 rgba(255,255,255,.24); transition:transform .15s ease,box-shadow .15s ease; }
.primary-button:hover,.primary-button:focus-visible { transform:translate(3px,3px); box-shadow:5px 5px 0 rgba(255,255,255,.24); outline:2px solid var(--lime); outline-offset:3px; }
.primary-button:disabled { opacity:.65; cursor:wait; }
.text-link { display:block; padding:18px 0 0; border:0; background:transparent; color:var(--white); text-decoration:underline; text-underline-offset:4px; font-size:.95rem; }
.closing-line { margin-top:28px; font-weight:700; font-size:1.15rem; }
.what-grid,.why-grid { display:grid; gap:34px; }
.what-list { margin:0 0 28px; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.3); }
.what-list li { padding:13px 0; border-bottom:1px solid rgba(255,255,255,.3); }
.what-detail .primary-button { margin-top:8px; }
.section-intro { color:var(--muted); }
.presenter-grid { display:grid; grid-template-columns:1fr; gap:12px; }
.presenter-card { height:284px; padding:20px; border:1px solid var(--line); background:#f8faf9; }
.presenter-card h3 { margin:19px 0 8px; font-size:1.05rem; }
.presenter-card p { margin:0 0 5px; font-size:.86rem; line-height:1.44; }
.presenter-card .topic { margin-top:14px; font-weight:700; }
.initials-circle,.presenter-avatar { display:grid; place-items:center; width:50px; height:50px; border-radius:50%; }
.initials-circle { background:var(--navy); color:var(--lime); font-weight:700; }
.presenter-avatar { display:block; object-fit:cover; object-position:center; background:var(--navy); }
.small-print { max-width:900px; margin:26px 0 0; color:var(--muted); font-size:.86rem; }
.placeholder { color:#82909b !important; font-style:italic; }
.proof-grid { display:grid; gap:12px; }
.proof-grid blockquote { margin:0; padding:24px; border-top:4px solid var(--lime); background:var(--navy); color:var(--white); }
.proof-grid blockquote p { margin-bottom:22px; font-size:1.08rem; line-height:1.45; }
.proof-grid footer { color:var(--lime); font-size:.82rem; font-style:normal; }
.date-grid { display:grid; gap:12px; }
.date-card { min-height:250px; padding:22px; border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.04); display:flex; flex-direction:column; align-items:flex-start; }
.date-card.is-selected { border-color:var(--lime); background:rgba(228,255,58,.1); }
.date-card h3 { max-width:270px; margin:6px 0 12px; font-size:1.45rem; }
.date-card p { margin-bottom:0; }
.date-button { min-height:44px; margin-top:auto; padding:10px 0 0; border:0; background:transparent; color:var(--lime); text-decoration:underline; text-underline-offset:4px; font-weight:700; }
.price-line { max-width:880px; margin:28px 0 0; color:rgba(255,255,255,.88); }
.faq-list { margin-top:30px; border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { padding:17px 32px 17px 0; cursor:pointer; font-weight:700; }
.faq-list p { padding:0 0 17px; margin:0; }
.section-booking { scroll-margin-top:0; }
.booking-wrap { display:grid; gap:28px; }
.booking-header h2 { margin-bottom:10px; }
.booking-header p:last-child { margin-bottom:0; color:rgba(255,255,255,.85); }
.booking-card { background:var(--white); color:var(--navy); padding:22px; box-shadow:10px 10px 0 var(--lime); }
.booking-form fieldset { padding:0; margin:0 0 24px; border:0; }
.booking-form legend,.field-label { display:block; margin-bottom:10px; font-weight:700; }
.radio-card-grid { display:grid; gap:8px; }
.radio-card { min-height:50px; display:flex; align-items:center; gap:10px; padding:11px 13px; border:1px solid var(--line); cursor:pointer; }
.radio-card.is-selected { border-color:var(--navy); box-shadow:inset 4px 0 var(--lime); }
.radio-card input { width:18px; height:18px; accent-color:var(--navy); }
.seat-stepper { display:flex; flex-wrap:wrap; align-items:center; gap:9px; }
.seat-stepper button { width:44px; height:44px; border:1px solid var(--navy); background:var(--white); color:var(--navy); font-size:1.35rem; }
.seat-stepper output { display:grid; place-items:center; width:36px; height:44px; font-weight:700; }
.seat-stepper span { width:100%; font-size:.9rem; }
.field-label { margin:0 0 22px; }
.field-label input,.field-label select { display:block; width:100%; min-height:48px; margin-top:7px; padding:9px 11px; border:1px solid var(--line); border-radius:0; background:#fff; color:var(--navy); }
.field-label input:focus,.field-label select:focus { outline:2px solid var(--lime); outline-offset:2px; }
.field-label small { display:block; margin-top:5px; color:var(--muted); font-weight:400; }
.consent-row { display:flex; align-items:flex-start; gap:10px; margin:0 0 18px; font-size:.88rem; }
.consent-row input { width:18px; height:18px; margin:2px 0 0; accent-color:var(--navy); }
.consent-row a { text-underline-offset:3px; }
.field-error { margin:7px 0 0; color:#9a1d27; font-size:.84rem; font-weight:700; }
.form-note { margin:15px 0 0; color:var(--muted); font-size:.85rem; }
.thank-you h3 { margin-bottom:13px; font-size:clamp(1.7rem,4vw,2.5rem); }
.payment-block { margin:26px 0 18px; padding:20px; background:var(--soft); }
.payment-block dl { margin:0; }
.payment-block dl div { display:grid; grid-template-columns:1fr 1.45fr; gap:12px; padding:9px 0; border-bottom:1px solid var(--line); }
.payment-block dt { font-weight:700; }
.payment-block dd { margin:0; word-break:break-word; }
.payment-block p { margin:18px 0; font-size:.9rem; }
.whatsapp-button,.lighter-button { display:block; min-height:44px; padding:12px 15px; text-decoration:none; text-align:center; font-weight:700; }
.whatsapp-button { background:var(--navy); color:var(--lime); }
.lighter-button { margin-top:9px; border:1px solid var(--navy); background:transparent; color:var(--navy); }
.email-confirmation { margin:0; color:var(--muted); font-size:.86rem; }
.final-cta { padding-bottom:80px; }
.site-footer { padding:35px 0; background:var(--navy); color:var(--white); font-size:.8rem; }
.site-footer p { margin:0 0 9px; }.site-footer p:last-child { color:var(--lime); }
.site-footer a { text-underline-offset:3px; }
.consent-bar { position:fixed; z-index:20; bottom:0; left:0; right:0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; padding:14px 16px; background:var(--navy); color:var(--white); box-shadow:0 -4px 20px rgba(0,0,0,.18); }
.consent-bar p { margin:0; font-size:.82rem; }.consent-bar div { display:flex; gap:8px; }.consent-bar button { min-height:44px; padding:9px 16px; border:1px solid var(--lime); background:var(--lime); color:var(--navy); font-weight:700; }.consent-bar button:last-child { background:transparent; color:var(--lime); }
.legal-page { width:min(760px, calc(100% - 32px)); margin:0 auto; padding:64px 0; }.legal-page h1 { font-size:clamp(2.6rem,7vw,4.4rem); }.draft-label { color:#82909b; font-weight:700; }.legal-back { display:inline-block; min-height:44px; margin-top:20px; padding:11px 0; font-weight:700; text-underline-offset:4px; }
@media (min-width:700px) { .section { padding:100px 0; }.hero { min-height:680px; }.hero-grid { grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); align-items:end; }.hero-image { min-height:520px; }.what-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr); gap:72px; }.why-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:72px; }.presenter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.proof-grid { grid-template-columns:repeat(3,1fr); }.date-grid { grid-template-columns:repeat(3,1fr); }.booking-wrap { grid-template-columns:minmax(0,.72fr) minmax(420px,1.05fr); gap:58px; align-items:start; }.radio-card-grid { grid-template-columns:repeat(3,1fr); }.seat-stepper span { width:auto; margin-left:6px; }.booking-card { padding:34px; }.consent-bar { padding:15px max(32px, calc((100vw - 1180px)/2)); }.consent-bar p { font-size:.9rem; } }
@media (max-width:420px) { .hero { min-height:0; padding-top:20px; }.brand-logo { width:86px; }.eyebrow { margin-top:16px; font-size:.68rem; }.hero h1 { margin:11px 0 13px; font-size:2.15rem; line-height:1.04; }.hero-subhead { margin-bottom:15px; font-size:.85rem; line-height:1.42; }.fact-strip { margin-bottom:18px; padding:8px 0; font-size:.66rem; }.primary-button { min-height:50px; padding:13px 19px; font-size:1rem; }.text-link { padding-top:14px; }.hero-image { min-height:0; margin-top:4px; }.section { padding:54px 0; } }

/* Additive contact-lead dialog. Existing booking and cookie styles stay unchanged. */
.lead-popup-overlay { position:fixed; inset:0; z-index:60; background:rgba(4,23,35,.74); }
.lead-popup-dialog { position:fixed; z-index:61; top:50%; left:50%; transform:translate(-50%,-50%); width:min(480px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow-y:auto; overscroll-behavior:contain; padding:32px; background:var(--white); color:var(--navy); border-top:5px solid var(--lime); box-shadow:0 24px 70px rgba(0,0,0,.3); outline:none; }
.lead-popup-x { position:absolute; top:12px; right:12px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:var(--navy); }
.lead-popup-x:focus-visible { outline:2px solid var(--navy); outline-offset:1px; }
.lead-popup-title { margin:0 34px 12px 0; font-size:1.8rem; line-height:1.12; font-weight:700; letter-spacing:-.045em; }
.lead-popup-description { margin:0 0 24px; color:var(--muted); font-size:.92rem; }
.lead-popup-form { display:grid; gap:16px; }
.lead-popup-field label { display:block; margin-bottom:6px; font-weight:700; font-size:.88rem; }
.lead-popup-field input { display:block; width:100%; min-height:46px; padding:9px 11px; border:1px solid var(--line); border-radius:0; color:var(--navy); background:var(--white); font-size:1rem; }
.lead-popup-field input:focus { outline:2px solid var(--lime); outline-offset:2px; }
.lead-popup-field input[aria-invalid=true] { border-color:#9a1d27; }
.lead-popup-field .field-error { margin:7px 0 0; font-size:.78rem; line-height:1.4; }
.lead-popup-submit { width:100%; margin-top:6px; }
.lead-popup-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:699px) {
  .lead-popup-dialog { top:auto; bottom:0; left:0; transform:none; width:100%; max-height:100dvh; padding:24px 20px max(24px,env(safe-area-inset-bottom)); }
  .lead-popup-title { font-size:1.65rem; margin-right:36px; }
  .lead-popup-description { margin-bottom:18px; font-size:.86rem; }
  .lead-popup-form { gap:12px; }
  .lead-popup-field input { min-height:44px; }
}

/* Testimonial motion changes only the layout; the existing card paint rules remain above. */
.proof-marquee {
  display:block;
  width:100%;
  max-width:664px;
  min-width:0;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent,black 24px,black calc(100% - 24px),transparent);
  mask-image:linear-gradient(to right,transparent,black 24px,black calc(100% - 24px),transparent);
}
.proof-track {
  display:flex;
  width:max-content;
  animation:evolve-testimonial-drift 45s linear infinite;
  will-change:transform;
}
.proof-sequence {
  display:flex;
  flex:0 0 auto;
  gap:12px;
  padding-right:12px;
}
.proof-marquee blockquote {
  flex:0 0 320px;
  width:320px;
  height:320px;
}
.proof-marquee blockquote:focus-visible {
  outline:2px solid var(--lime);
  outline-offset:-6px;
}
.proof-marquee:hover .proof-track,
.proof-marquee:focus-within .proof-track {
  animation-play-state:paused;
}
@keyframes evolve-testimonial-drift {
  from { transform:translateX(0); }
  to { transform:translateX(-50%); }
}
@media (prefers-reduced-motion:reduce) {
  .proof-marquee { max-width:100%; -webkit-mask-image:none; mask-image:none; }
  .proof-track { display:block; width:100%; animation:none; transform:none; will-change:auto; }
  .proof-sequence { display:grid; grid-template-columns:1fr; gap:12px; padding-right:0; }
  .proof-sequence[aria-hidden="true"] { display:none; }
  .proof-marquee blockquote { width:100%; height:320px; }
}
@media (prefers-reduced-motion:reduce) and (min-width:1000px) {
  .proof-sequence { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Venue photos preserve the existing date-card palette, padding and square corners. */
.date-card { border-radius:0; overflow:hidden; }
.date-photo {
  display:block;
  flex:0 0 auto;
  width:100%;
  aspect-ratio:16 / 9;
  margin-bottom:18px;
  overflow:hidden;
  border-radius:inherit;
}
.date-photo img {
  width:100%;
  height:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  object-position:50% 50%;
  border-radius:inherit;
}

/* Section 03 revision is isolated from every other page section. */
@font-face {
  font-family:Poppins;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('/fonts/poppins-latin-600.woff2') format('woff2');
}
#presenters {
  --profile-navy:#0f3451;
  --profile-ink:#1f2d3a;
  --profile-muted:#5b6b7a;
  --profile-line:#e3e7ec;
  --profile-card:#f7f8fa;
  --profile-link:#1a6fb5;
}
#presenters .presenters-subline {
  max-width:720px;
  margin:0 0 36px;
  color:var(--profile-muted);
  font-size:17px;
}
#presenters .presenter-profile-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:20px;
}
#presenters .presenter-profile-card {
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  align-items:start;
  gap:26px;
  padding:28px;
  min-width:0;
  height:auto;
  border:1px solid var(--profile-line);
  border-radius:6px;
  background:var(--profile-card);
}
#presenters .presenter-portrait {
  display:block;
  width:150px;
  height:150px;
  max-width:100%;
  border:3px solid var(--white);
  border-radius:50%;
  object-fit:cover;
  object-position:center top;
  box-shadow:0 2px 10px rgba(15,52,81,.12);
}
#presenters .presenter-portrait-fallback {
  display:grid;
  place-items:center;
  background:var(--navy);
  color:var(--lime);
  font-weight:600;
}
#presenters .presenter-profile-text { min-width:0; }
#presenters .presenter-profile-name {
  margin:2px 0 2px;
  color:var(--profile-navy);
  font-size:20px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:normal;
}
#presenters .presenter-profile-role {
  margin:0;
  color:var(--profile-ink);
  font-size:15px;
}
#presenters .presenter-profile-organisation {
  margin:0 0 14px;
  color:var(--profile-link);
  font-size:14px;
}
#presenters .presenter-profile-bio {
  margin:0 0 14px;
  color:var(--profile-ink);
  font-size:14.5px;
  line-height:1.55;
}
#presenters .presenter-profile-ask {
  margin:0;
  padding-top:12px;
  border-top:1px solid var(--profile-line);
  color:var(--profile-muted);
  font-size:13.5px;
  line-height:1.5;
}
#presenters .presenter-profile-ask strong {
  color:var(--profile-navy);
  font-weight:600;
}
#presenters .presenter-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
  padding:22px 0 0;
  border-top:1px solid var(--profile-line);
}
#presenters .presenter-stats > div { min-width:0; }
#presenters .presenter-stats b {
  display:block;
  color:var(--profile-navy);
  font-size:26px;
  font-weight:700;
}
#presenters .presenter-stats span {
  color:var(--profile-muted);
  font-size:13px;
}
#presenters .presenters-footer-note {
  max-width:900px;
  margin:28px 0 0;
  color:var(--profile-muted);
  font-size:15px;
  line-height:1.6;
}
@media (max-width:899px) {
  #presenters .presenter-profile-grid { grid-template-columns:1fr; }
  #presenters .presenter-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:519px) {
  #presenters .presenter-profile-card { grid-template-columns:minmax(0,1fr); }
  #presenters .presenter-portrait { width:120px; height:120px; }
}

/* Short client copy keeps the existing hero typography and button styling. */
.hero-support { margin-top:28px; }