/* Webinar additions inherit the original fonts, surfaces and button treatments. */
:root {
  --webinar-gold: #e7ae4b;
  --webinar-muted: #ccc;
  --webinar-note: #a6a6a6;
  --webinar-foreground: #fff;
  --webinar-divider: rgba(255,255,255,.16);
  --webinar-glow-gradient: linear-gradient(110deg, var(--webinar-gold), var(--webinar-foreground), var(--webinar-gold));
  --webinar-glow-shadow: 0 0 24px color-mix(in oklab, var(--webinar-gold) 35%, transparent), 0 0 52px color-mix(in oklab, var(--webinar-gold) 18%, transparent);
}
.webinar-headline-line { display: block; line-height: 56px; }
.vsl-head h1 { line-height: 56px; }
.webinar-countdown { font: 500 24px/32px "Neue Montreal", Arial, sans-serif; color: var(--webinar-gold); font-variant-numeric: tabular-nums; min-height: 56px; text-align: center; }
.webinar-countdown small { display: block; font: 400 14px/20px "Suisse Intl", Arial, sans-serif; color: var(--webinar-muted); }
.webinar-risk { font: 400 12px/18px "Suisse Intl", Arial, sans-serif; color: var(--webinar-note); max-width: 600px; margin: 0; text-align: center; }
.webinar-stat-countdown { font-variant-numeric: tabular-nums; }
.webinar-note { font: 400 16px/24px "Suisse Intl", Arial, sans-serif; color: var(--webinar-muted); margin: 0; max-width: 600px; }
[data-confirmation] .vsl-hero-cta { flex-direction: column; align-items: center; gap: 16px; }
.apply-field { width: 100%; }
.apply-check img { pointer-events: none; }
.site-section h2, .site-section h3 { white-space: normal; }
.section-accounts p[class*="h-[27px]"] { height: auto; }
.webinar-agenda { padding: 80px 48px; min-height: 0 !important; }
.webinar-agenda-inner { max-width: 1120px; margin: 0 auto; }
.webinar-agenda-label { font: 400 12px/20px "Neue Montreal", Arial, sans-serif; color: var(--webinar-gold); margin-bottom: 20px; }
.webinar-agenda h2 { font: 400 40px/48px "Neue Montreal", Arial, sans-serif; color: var(--webinar-foreground); letter-spacing: 0; max-width: 620px; }
.webinar-agenda-intro { font: 400 18px/28px "Suisse Intl", Arial, sans-serif; color: var(--webinar-note); max-width: 600px; margin-top: 16px; }
.webinar-agenda-list { margin-top: 48px; list-style: none; padding: 0; }
.webinar-agenda-list li { display: grid; grid-template-columns: 56px 1fr 1fr; gap: 24px; padding: 28px 0; border-top: 1px solid var(--webinar-divider); align-items: baseline; }
.webinar-agenda-number { font: 400 16px/24px "Neue Montreal", Arial, sans-serif; color: var(--webinar-gold); font-variant-numeric: tabular-nums; }
.webinar-agenda h3 { font: 400 24px/32px "Neue Montreal", Arial, sans-serif; color: var(--webinar-foreground); letter-spacing: 0; }
.webinar-agenda-list p { font: 400 16px/26px "Suisse Intl", Arial, sans-serif; color: var(--webinar-muted); }
.webinar-agenda-risk { margin-top: 24px; font: 400 12px/20px "Suisse Intl", Arial, sans-serif; color: var(--webinar-note); }
@media (max-width: 767px) {
  .webinar-agenda { padding: 48px 20px; }
  .webinar-agenda h2 { font-size: 32px; line-height: 40px; }
  .webinar-agenda-list { margin-top: 32px; }
  .webinar-agenda-list li { grid-template-columns: 32px minmax(0,1fr); gap: 8px 16px; padding: 24px 0; }
  .webinar-agenda h3 { font-size: 22px; line-height: 30px; }
  .webinar-agenda-list p { grid-column: 2; }
  .webinar-headline-line, .vsl-head h1 { line-height: 44px; font-size: 36px; }
  .webinar-countdown, .webinar-risk { text-align: left; }
  [data-confirmation] .vsl-hero-cta { align-items: flex-start; }
}

/* Compact content bands, retaining the uploaded document's visual system. */
#accounts, #recognition, #press, #faq, #choose, #footer { height: auto !important; min-height: 0 !important; }
.summit-page > .site-section > :is(.desktop-view,.mobile-view),
.summit-page > .site-section > :is(.desktop-view,.mobile-view) > .tab-transition,
.summit-page > .site-section > :is(.desktop-view,.mobile-view) > .tab-transition > .design-content,
.summit-page > .site-section > :is(.desktop-view,.mobile-view) > .tab-transition > .design-content > div { height: auto !important; min-height: 0 !important; }
#accounts .design-content > div, #recognition .design-content > div,
#press .design-content > div, #faq .design-content > div,
#choose .design-content > div { padding-top: 40px !important; padding-bottom: 40px !important; }
#footer .design-content > div { padding-bottom: 36px !important; }
#footer .footer-disclosure { white-space: normal; }
#accounts .design-content > div, #press .design-content > div { overflow: visible; }
#press [data-node-id="666:2390"] { flex-direction: row; }
#press .press-coverage { width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(4,minmax(110px,auto)); grid-auto-flow: column; }
#press .press-coverage-link { min-height: 110px; padding: 24px; gap: 16px; }
#press .press-coverage-logo { min-width: 0; }
#press .press-coverage-logo p { font-size: 24px; line-height: 30px; letter-spacing: 0; width: 100%; min-width: 0; flex-shrink: 1; text-wrap: pretty; }
#press .press-coverage-cta { font-size: 14px; flex-shrink: 0; }
#press .fit-mark, #press .fit-mark[data-fit="yes"] img { width: 28px; height: 28px; }
.webinar-agenda { padding: 0 48px 48px; }
.webinar-agenda-list { margin-top: 32px; }
.webinar-agenda-list li { padding: 22px 0; }
.webinar-agenda h3 { font-size: 26px; line-height: 34px; }
.webinar-event-strip { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 24px; max-width: 1120px; margin: 0 auto; padding: 24px 0; color: var(--webinar-gold); --strip-rule: rgba(255,255,255,.10); font: 500 14px/22px "Neue Montreal",Arial,sans-serif; }
.webinar-event-strip::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; pointer-events: none; background: linear-gradient(90deg, transparent, var(--strip-rule) 18%, var(--strip-rule) 82%, transparent); }
.webinar-event-strip small { font: 400 14px/22px "Suisse Intl",Arial,sans-serif; color: inherit; }
.webinar-inline-countdown { font: 500 28px/36px "Neue Montreal",Arial,sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
#accounts > .webinar-event-strip, #recognition > .webinar-event-strip, #press > .webinar-event-strip, #choose > .webinar-event-strip { margin: 0 48px; max-width: none; }
#accounts, #recognition, #press { background: #fff; }
#accounts > .webinar-event-strip, #recognition > .webinar-event-strip, #press > .webinar-event-strip { color: #8a5a12; --strip-rule: rgba(0,0,0,.10); }
#platforms > .webinar-event-strip, #choose > .webinar-event-strip { color: var(--webinar-gold); --strip-rule: rgba(255,255,255,.10); }
#hero .vsl-hero-cta [data-action="apply"] { background: var(--webinar-glow-gradient); box-shadow: var(--webinar-glow-shadow); }
#faq .summit-faq { max-width: 720px; }
#faq .summit-faq-trigger { font-size: 18px; line-height: 26px; }
#faq .summit-faq-answer { font-size: 16px; line-height: 24px; }
@media(max-width:767px) {
  #accounts .design-content > div, #recognition .design-content > div, #press .design-content > div, #faq .design-content > div, #choose .design-content > div { padding-top: 28px !important; padding-bottom: 28px !important; }
  .webinar-agenda { padding: 0 20px 32px; }
  .webinar-event-strip { gap: 12px; padding: 20px 0; font-size: 12px; }
  .webinar-event-strip small { font-size: 12px; }
  .webinar-inline-countdown { font-size: 20px; line-height: 28px; }
  #accounts > .webinar-event-strip, #recognition > .webinar-event-strip, #press > .webinar-event-strip, #choose > .webinar-event-strip { margin: 0 20px; }
  #press .press-coverage { grid-template-columns: minmax(0,1fr); grid-template-rows: none; grid-auto-flow: row; grid-auto-rows: minmax(92px,auto); }
  #press .press-coverage-link { min-height: 92px; padding: 18px 16px; gap: 12px; }
  #press .press-coverage-logo p { font-size: 20px; line-height: 26px; }
  #press .press-coverage-cta { font-size: 12px; }
}
/* Smooth fades between sections — no hard bands */
.summit-page { gap: 0 !important; }
.section-divider { height: 76px; transform: none !important; border: 0; }
.section-divider.to-light {
  background:
    linear-gradient(180deg, transparent 30%, color-mix(in oklab, var(--webinar-gold) 6%, transparent) 50%, transparent 70%),
    linear-gradient(180deg, #000 0%, #0c0a08 28%, #2b2521 42%, #5f564c 50%, #9c9184 58%, #d8d2c8 72%, #fff 100%);
}
.section-divider.to-dark {
  background:
    linear-gradient(180deg, transparent 30%, color-mix(in oklab, var(--webinar-gold) 6%, transparent) 50%, transparent 70%),
    linear-gradient(180deg, #fff 0%, #d8d2c8 28%, #9c9184 42%, #5f564c 50%, #2b2521 58%, #0c0a08 72%, #000 100%);
}
main.summit-page { padding-bottom: 56px; }
.site-section .gold-light { height: 96px !important; position: relative; overflow: hidden; border: 0 !important; }
.site-section .gold-light * { display: none !important; }
.site-section .gold-light::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: none;
}

/* Tighter section rhythm */
.webinar-event-strip { padding: 16px 0; }
#choose .design-content > div { padding-bottom: 24px !important; }
#faq .design-content > div { padding-top: 32px !important; padding-bottom: 32px !important; }

.mc-hosts{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:28px}
/* Host chips: raised metal capsules, so the photos don't read as flat stickers on the page. */
.mc-host{position:relative;display:flex;align-items:center;gap:16px;margin:0;padding:10px 28px 10px 10px;border:1px solid transparent;border-radius:999px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.05) 40%, rgba(0,0,0,.34) 100%) padding-box,
    linear-gradient(180deg, rgba(255,255,255,.50) 0%, rgba(231,174,75,.55) 45%, rgba(88,63,20,.85) 100%) border-box;
  box-shadow:
    0 16px 30px -16px rgba(0,0,0,.9),
    0 0 26px rgba(231,174,75,.18),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.5)}
.mc-host::before{content:"";position:absolute;left:10px;top:10px;width:96px;height:96px;border-radius:50%;pointer-events:none;
  background: radial-gradient(120% 110% at 32% 16%, rgba(255,255,255,.34) 0%, rgba(255,255,255,.10) 34%, rgba(255,255,255,0) 62%);
  box-shadow: inset 0 -3px 8px rgba(0,0,0,.45), inset 0 2px 6px rgba(255,255,255,.18)}
.mc-host-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:center 30%;flex:none;border:3px solid transparent;
  background: conic-gradient(from 210deg, #5e441a, #f2d79d 14%, #b9873c 30%, #fff6e2 48%, #c99a4c 64%, #59401a 82%, #e6c68d 96%, #5e441a) border-box;
  box-shadow: 0 12px 24px -10px rgba(0,0,0,.85), 0 0 22px rgba(231,174,75,.30)}
.mc-host-avatar[src*="found-alpha"]{object-position:left bottom}
.mc-host figcaption{display:flex;flex-direction:column;text-align:left;line-height:1.2}
.mc-host strong{font-size:19px;letter-spacing:-.2px}
.mc-host span{font-size:14px}

/* The hero's chrome text, reused: white through silver to gunmetal on dark, graphite through silver on white. */
.mc-host strong,.webinar-agenda h2,.webinar-agenda h3,#choose h2{
  background: linear-gradient(180deg, #fff 15%, #d4d8de 55%, #8b919a 100%) 0 0 / 100% 1lh repeat-y;
  -webkit-background-clip: text;background-clip: text;color: transparent}
.mc-host strong{filter: drop-shadow(0 1px 2px rgba(0,0,0,.85))}
.mc-host span{
  background: linear-gradient(180deg, #ffedc4 10%, #f2c768 55%, #cf9a3d 100%) 0 0 / 100% 1lh repeat-y;
  -webkit-background-clip: text;background-clip: text;color: transparent;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.8))}
#accounts h2,#recognition h2,#press h2,#faq h2{
  background: linear-gradient(180deg, #0d0d0d 10%, #454b53 48%, #767c85 100%) 0 0 / 100% 1lh repeat-y;
  -webkit-background-clip: text;background-clip: text;color: transparent}
#press .press-coverage-logo p{
  background: linear-gradient(180deg, #0d0d0d 15%, #3a3f46 50%, #5c626b 100%) 0 0 / 100% 1lh repeat-y;
  -webkit-background-clip: text;background-clip: text;color: transparent}


/* Finale: one button, the hero's own treatment, a size up. */
.mc-finale { display:flex; flex-direction:column; align-items:center; gap:20px; width:100%; text-align:center; }
.mc-gold-cta {
  font-family: inherit; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing:-.01em; min-width: 320px; color:#333; cursor:pointer;
  padding: 22px 44px; border:0; border-radius:999px;
  background: var(--webinar-glow-gradient);
  box-shadow: var(--webinar-glow-shadow);
  transition: filter .2s ease;
}
.mc-gold-cta:hover { filter: brightness(.94); }
.mc-finale-proof {
  margin:4px 0 0; font-size:26px; line-height:1.25; font-weight:600; letter-spacing:-.02em;
  background: linear-gradient(180deg,#fff 10%,#c9ccd1 55%,#7c828b 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.mc-finale .mc-hosts { margin-top:4px; }
@media (max-width: 600px){ .mc-gold-cta{ font-size:18px; padding:18px 32px; width:100%; min-width:0; } .mc-finale-proof{ font-size:22px; } }