/* Within webinar page. Tokens from the Within design system (Oct 2026). */
.wb{--ink:#251f2b;--chalk:#f5f2ed;--celadon:#d8e0d5;--juniper:#456052;--clay:#b2826c;--line:#d5cec9;--muted:#625d65;--on-ink-muted:#c9c3cc;--ink-line:#3d3643;background:var(--chalk);color:var(--ink);font-family:Manrope,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.7}
.wb *{box-sizing:border-box}
.wb-wrap{width:calc(100% - 48px);max-width:1200px;margin-inline:auto}
.wb-skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--ink);color:var(--chalk);padding:12px 16px;border-radius:8px;font-size:14px}
.wb-skip:focus{top:16px}
.wb main:focus{outline:none}
.wb :focus-visible{outline:2px solid var(--juniper);outline-offset:4px}
.wb-register :focus-visible{outline-color:var(--celadon)}
.wb-header{border-bottom:1px solid var(--line)}
.wb-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}
.wb-logo{display:inline-block;padding:8px 0}
.wb-logo img{display:block;width:148px;height:auto}
.wb-header-link{font-size:14px;font-weight:500;color:var(--juniper);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;padding:12px 0}
.wb-hero{padding:96px 0 96px}
.wb-eyebrow{font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--juniper);margin:0}
.wb-eyebrow::before{content:"";display:block;width:64px;height:3px;background:var(--clay);margin-bottom:24px}
.wb h1{font-size:clamp(40px,6.2vw,72px);line-height:1.06;font-weight:500;letter-spacing:-.045em;margin:24px 0 0;max-width:14ch}
.wb-standfirst{font-size:clamp(18px,2vw,21px);line-height:1.6;color:var(--ink);max-width:40em;margin:32px 0 0}
.wb-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px;margin:64px 0 0;padding:32px 0 0;border-top:1.5px solid var(--ink)}
.wb-facts dt{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.wb-facts dd{margin:8px 0 0;font-size:16px;line-height:1.6}
.wb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;margin-top:48px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--chalk);font:inherit;font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.wb-btn:hover{background:var(--juniper);border-color:var(--juniper)}
.wb-btn-outline{background:transparent;color:var(--chalk);border-color:var(--on-ink-muted)}
.wb-btn-outline:hover{background:var(--chalk);color:var(--ink);border-color:var(--chalk)}
.wb-section{padding:96px 0;border-top:1px solid var(--line)}
.wb main h2{font-size:clamp(28px,3.4vw,36px);line-height:1.15;font-weight:500;letter-spacing:-.04em;margin:0;font-size:clamp(28px,3.4vw,36px)!important;text-align:left;white-space:normal;text-wrap:balance}
.wb h3{font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:24px 0 0}
.wb-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}
.wb-lede p{font-size:19px;line-height:1.65;margin:0 0 24px;max-width:34em}
.wb-list{list-style:none;counter-reset:wb;margin:32px 0 0;padding:0;border-top:1px solid var(--line)}
.wb-list li{counter-increment:wb;display:grid;grid-template-columns:48px 1fr;padding:20px 0;border-bottom:1px solid var(--line)}
.wb-list li::before{content:counter(wb,decimal-leading-zero);font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--juniper);padding-top:3px}
.wb-for{margin:32px 0 0;color:var(--ink)}
.wb-people{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.wb-person img,.wb-initials{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:4px;object-fit:cover;background:#d9d3cd}
.wb-role{font-size:14px;font-weight:600;color:var(--juniper);margin:4px 0 0}
.wb-person p:not(.wb-role){font-size:15px;line-height:1.65;margin:12px 0 0;color:var(--ink)}
.wb-about p{font-size:clamp(20px,2.4vw,26px);line-height:1.5;letter-spacing:-.02em;max-width:36em;margin:0}
.wb-register{background:var(--ink);color:var(--chalk);padding:96px 0}
.wb-register-inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.wb-register h2{color:var(--chalk)}
.wb-register-intro p{color:var(--on-ink-muted);margin:24px 0 0;max-width:30em}
.wb-form{display:grid;gap:24px}
.wb-field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--chalk)}
.wb-field .wb-opt{font-weight:400;color:var(--on-ink-muted)}
.wb-field input,.wb-field textarea{width:100%;font:inherit;font-size:17px;color:var(--ink);background:var(--chalk);border:1px solid var(--chalk);border-radius:6px;padding:14px 16px}
.wb-field textarea{min-height:120px;resize:vertical}
.wb-field input:focus-visible,.wb-field textarea:focus-visible{outline:2px solid var(--celadon);outline-offset:3px}
.wb-field [aria-invalid="true"]{border-color:#f0b9a6;box-shadow:0 0 0 1px #f0b9a6}
.wb-hint{font-size:13px;color:var(--on-ink-muted);margin:6px 0 0}
.wb-privacy{font-size:13px;line-height:1.6;color:var(--on-ink-muted);margin:0}
.wb-privacy a{color:var(--celadon)}
.wb-error{margin:0;padding:12px 16px;border:1px solid #f0b9a6;border-radius:6px;color:#fbe3da;font-size:15px}
.wb-register .wb-btn{margin-top:0;background:var(--chalk);color:var(--ink);border-color:var(--chalk);justify-self:start}
.wb-register .wb-btn:hover{background:var(--celadon);border-color:var(--celadon)}
.wb-register .wb-btn[disabled]{opacity:.75;cursor:progress}
.wb-done h3{color:var(--chalk);margin:0;font-size:26px;font-weight:500;letter-spacing:-.03em}
.wb-done p{color:var(--on-ink-muted);margin:16px 0 0}
.wb-done .wb-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.wb-done .wb-actions .wb-btn{margin:0}
.wb-meta{font-size:14px}
.wb-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.wb-footer{padding:64px 0 32px}
.wb-footer-inner{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:32px}
.wb-footer p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}
.wb-footer-inner>a:not(.wb-logo){font-size:14px;color:var(--ink)}
.wb-footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:32px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}
@media (max-width:900px){
  .wb-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wb-cols,.wb-register-inner{grid-template-columns:1fr;gap:48px}
  .wb-people{grid-template-columns:1fr;gap:48px}
  .wb-person{display:grid;grid-template-columns:120px 1fr;column-gap:20px;align-items:start}
  .wb-person img,.wb-person .wb-initials{grid-row:1/span 3}
  .wb-person h3{margin-top:0}
  .wb-person p:not(.wb-role){grid-column:1/-1}
}
@media (max-width:560px){
  .wb-hero{padding:64px 0}
  .wb-section,.wb-register{padding:64px 0}
  .wb-facts{grid-template-columns:1fr;margin-top:48px}
  .wb-header-inner{min-height:80px}
  .wb-logo img{width:124px}
  .wb-footer-inner{grid-template-columns:1fr}
  .wb-footer-bottom{flex-direction:column;gap:8px}
  .wb-register .wb-btn{justify-self:stretch}
}
@media (prefers-reduced-motion:reduce){.wb *{transition:none!important;scroll-behavior:auto!important}}
html:has(.wb){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(.wb){scroll-behavior:auto}}
.wb-register .wb-btn-outline{background:transparent;color:var(--chalk);border-color:var(--on-ink-muted)}
.wb-register .wb-btn-outline:hover{background:var(--chalk);color:var(--ink);border-color:var(--chalk)}
.wb-done:focus{outline:none}
.wb-people-single{grid-template-columns:1fr;max-width:960px}
.wb-people-single .wb-person{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:48px;align-items:start}
.wb-people-single .wb-person img{grid-row:1/span 3}
.wb-people-single .wb-person h3{margin-top:0;font-size:28px}
.wb-people-single .wb-person p:not(.wb-role){font-size:17px;grid-column:2}
@media (max-width:900px){.wb-people-single .wb-person{grid-template-columns:120px 1fr;column-gap:20px;align-items:start}.wb-people-single .wb-person h3{font-size:22px}.wb-people-single .wb-person p:not(.wb-role){grid-column:1/-1;font-size:15px}}
.wb-host .wb-people-single{margin-top:48px}
.wb-host+.wb-speakers{border-top:1px solid var(--line)}