/* Premium Webinar experience — scoped to webinar.html */
.page-webinar{
  --webinar-ink:#171947;
  --webinar-navy:#22256f;
  --webinar-indigo:#34389a;
  --webinar-emerald:#0ea672;
  --webinar-gold:#f2bf31;
  --webinar-paper:#f7f8fc;
  --webinar-line:rgba(43,46,131,.12);
  background:#fff;
}

.page-webinar main{display:block;overflow:hidden;}
.page-webinar main > section{
  position:relative;
  min-height:auto;
  overflow:hidden;
}
.page-webinar main p,
.page-webinar main li{text-align:left;}

.page-webinar .webinar-hero.webinar-hero{
  min-height:clamp(620px,82svh,820px)!important;
}
.page-webinar .webinar-hero{
  padding:72px 0 68px;
  display:flex;
  align-items:center;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(17,19,68,.98) 0%,rgba(31,34,105,.91) 42%,rgba(7,45,49,.42) 76%,rgba(5,27,32,.2) 100%),
    linear-gradient(180deg,rgba(9,12,45,.04) 52%,rgba(8,16,40,.68) 100%),
    url('webinar-hero-bg-v2.jpg') center/cover no-repeat;
}
.page-webinar .webinar-hero::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);
  mask-image:linear-gradient(90deg,#000,transparent 70%);
}
.page-webinar .webinar-hero::after{
  content:'';
  position:absolute;
  width:520px;
  height:520px;
  border:1px solid rgba(242,191,49,.2);
  border-radius:50%;
  left:-300px;
  bottom:-350px;
  box-shadow:0 0 0 80px rgba(242,191,49,.035),0 0 0 160px rgba(242,191,49,.025);
  pointer-events:none;
}
.page-webinar .webinar-hero-grid{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1240px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);
  gap:clamp(42px,6vw,84px);
  align-items:center;
}
.page-webinar .webinar-hero-copy{max-width:610px;}
.page-webinar .webinar-eyebrow,
.page-webinar .webinar-section-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font:800 12px/1.2 'Outfit',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.page-webinar .webinar-eyebrow{
  color:#ffe080;
  border:1px solid rgba(242,191,49,.38);
  background:rgba(242,191,49,.1);
  border-radius:999px;
  padding:9px 14px;
  margin-bottom:24px;
}
.page-webinar .webinar-eyebrow .live-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2bd696;
  box-shadow:0 0 0 5px rgba(43,214,150,.14);
  animation:webinarLive 2s ease-in-out infinite;
}
.page-webinar .webinar-hero h1{
  max-width:760px;
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(42px,5.35vw,72px);
  line-height:1.02;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.page-webinar .webinar-hero-sub{
  max-width:610px;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:clamp(15px,1.45vw,18px);
  line-height:1.78;
}
.page-webinar .webinar-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:32px;
}
.page-webinar .webinar-hero-actions .btn{min-height:54px;padding:14px 25px;}
.page-webinar .webinar-hero-actions .btn-outline{
  border-color:rgba(255,255,255,.35);
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(10px);
}
.page-webinar .webinar-hero-actions .btn-outline:hover{
  background:#fff;
  border-color:#fff;
  color:var(--webinar-ink);
}
.page-webinar .webinar-hero-proof{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin-top:27px;
}
.page-webinar .webinar-proof-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.82);
  font-size:11.5px;
  font-weight:700;
}
.page-webinar .webinar-proof-pill::before{
  content:'';
  width:6px;
  height:6px;
  border-radius:50%;
  background:#2bd696;
  box-shadow:0 0 10px rgba(43,214,150,.7);
}

.page-webinar .webinar-hero-visual{
  position:relative;
  min-height:520px;
  isolation:isolate;
}
.page-webinar .webinar-hero-visual::before{
  content:'';
  position:absolute;
  z-index:0;
  width:270px;
  height:270px;
  top:28px;
  right:22px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  box-shadow:0 0 0 54px rgba(255,255,255,.035),0 0 0 108px rgba(43,214,150,.025);
  background:radial-gradient(circle,rgba(14,166,114,.08),transparent 66%);
  pointer-events:none;
}
.page-webinar .webinar-hero-visual::after{
  content:'';
  position:absolute;
  z-index:-1;
  inset:auto -14px 2px 42px;
  height:240px;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(242,191,49,.32),rgba(43,214,150,.22));
  filter:blur(30px);
  opacity:.78;
}
.page-webinar .webinar-hero-event{
  position:absolute;
  z-index:2;
  left:auto;
  right:0;
  bottom:18px;
  width:min(100%,470px);
  padding:25px 25px 22px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(18,21,72,.86),rgba(8,71,61,.7));
  backdrop-filter:blur(22px) saturate(130%);
  box-shadow:0 24px 64px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);
}
.page-webinar .webinar-hero-event::before{
  content:'';
  position:absolute;
  inset:0 24px auto;
  height:2px;
  background:linear-gradient(90deg,var(--webinar-gold),#2bd696);
}
.page-webinar .webinar-hero-event-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:11px;
}
.page-webinar .webinar-hero-event-label{
  color:#9de7ca;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.page-webinar .webinar-hero-event h2{
  color:#fff;
  margin:0 0 13px;
  font-size:clamp(18px,2vw,24px);
  line-height:1.23;
}
.page-webinar .webinar-hero-event-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:rgba(255,255,255,.76);
  font-size:12px;
}
.page-webinar .webinar-hero-event-meta a{
  color:#ffe080;
  font-family:'Outfit',sans-serif;
  font-weight:800;
  white-space:nowrap;
}
.page-webinar .webinar-hero-event-meta a:hover{color:#fff;}

.page-webinar .webinar-experience{
  padding:108px 0 120px;
  color:#fff;
  background:
    linear-gradient(112deg,rgba(18,20,68,.97),rgba(39,43,132,.91) 54%,rgba(5,81,67,.84)),
    url('webinar-hero-bg-v2.jpg') center/cover no-repeat;
}
.page-webinar .webinar-experience::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%,rgba(242,191,49,.15),transparent 24%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,64px 64px,64px 64px;
}
.page-webinar .webinar-experience .wrap{
  position:relative;
  z-index:1;
}
.page-webinar .webinar-experience .webinar-section-kicker{color:#ffe080;}
.page-webinar .webinar-experience .webinar-section-head h2{color:#fff;}
.page-webinar .webinar-experience .webinar-section-head p{color:rgba(255,255,255,.73);}
.page-webinar .webinar-experience .webinar-section-kicker::before{
  background:linear-gradient(90deg,#ffe080,#2bd696);
}
.page-webinar .webinar-section-head{
  max-width:720px;
  margin:0 auto 42px;
  text-align:center;
}
.page-webinar .webinar-section-kicker{
  color:var(--webinar-emerald);
  margin-bottom:12px;
}
.page-webinar .webinar-section-kicker::before{
  content:'';
  width:24px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--webinar-gold),var(--webinar-emerald));
}
.page-webinar .webinar-section-head h2{
  margin:0;
  color:var(--webinar-ink);
  font-size:clamp(30px,3.8vw,48px);
  line-height:1.08;
  letter-spacing:-.04em;
  text-wrap:balance;
}
.page-webinar .webinar-section-head p{
  max-width:640px;
  margin:16px auto 0;
  color:#68716d;
  font-size:15px;
  line-height:1.75;
  text-align:center;
}
.page-webinar .webinar-perks{
  max-width:1160px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.page-webinar .webinar-perk{
  position:relative;
  min-height:224px;
  padding:28px 24px 25px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.065));
  backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 18px 48px rgba(4,7,35,.22),inset 0 1px rgba(255,255,255,.08);
  overflow:hidden;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;
}
.page-webinar .webinar-perk::after{
  content:'';
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  right:-70px;
  bottom:-70px;
  background:radial-gradient(circle,rgba(43,214,150,.2),transparent 70%);
}
.page-webinar .webinar-perk:hover{
  transform:translateY(-7px);
  border-color:rgba(43,214,150,.42);
  box-shadow:0 28px 64px rgba(4,7,35,.34),0 0 0 1px rgba(242,191,49,.08);
}
.page-webinar .webinar-perk:nth-child(even){margin-top:26px;}
.page-webinar .webinar-perk-ico{
  width:42px;
  height:42px;
  margin:0 0 25px;
  display:grid;
  place-items:center;
  color:#ffe080;
  border:1px solid rgba(242,191,49,.3);
  border-radius:13px;
  background:rgba(242,191,49,.1);
  box-shadow:0 8px 24px rgba(4,7,35,.2);
  font:800 12px/1 'Outfit',sans-serif;
  letter-spacing:.05em;
}
.page-webinar .webinar-perk strong{
  margin:0 0 8px;
  color:#fff;
  font-size:16px;
}
.page-webinar .webinar-perk span:not(.webinar-perk-ico){
  color:rgba(255,255,255,.7);
  font-size:12.5px;
  line-height:1.65;
}

.page-webinar .webinar-sessions{
  padding:108px 0 112px;
  background:
    radial-gradient(circle at 92% 10%,rgba(14,166,114,.12),transparent 25%),
    radial-gradient(circle at 8% 88%,rgba(242,191,49,.11),transparent 26%),
    var(--webinar-paper);
}
.page-webinar .webinar-sessions::before{
  content:'';
  position:absolute;
  width:520px;
  height:520px;
  top:-350px;
  right:-250px;
  border:1px solid rgba(43,46,131,.08);
  border-radius:50%;
  box-shadow:0 0 0 72px rgba(43,46,131,.025),0 0 0 144px rgba(14,166,114,.018);
  pointer-events:none;
}
.page-webinar .webinar-sessions .wrap{position:relative;z-index:1;}
.page-webinar .webinar-session-grid{
  max-width:1160px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.page-webinar .webinar-card{
  --card-accent:var(--webinar-indigo);
  position:relative;
  min-height:490px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:0;
  border:1px solid rgba(43,46,131,.13);
  border-radius:24px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(34,37,111,.09);
  transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease,border-color .38s ease;
}
.page-webinar .webinar-card:nth-child(2){--card-accent:#b48313;}
.page-webinar .webinar-card:nth-child(3){--card-accent:#0a8e65;}
.page-webinar .webinar-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,var(--card-accent),#2bd696);
}
.page-webinar .webinar-card:hover{
  transform:translateY(-8px);
  border-color:rgba(43,46,131,.28);
  box-shadow:0 28px 66px rgba(34,37,111,.16);
}
.page-webinar .webinar-card.is-featured{
  border-color:rgba(14,166,114,.3);
  box-shadow:0 22px 58px rgba(14,166,114,.13);
}
.page-webinar .webinar-featured-label{
  width:max-content;
  margin:0 0 14px;
  padding:6px 10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  background:linear-gradient(90deg,#fff2bf,#e8fff6);
  color:#775b0f;
  font:800 9.5px/1 'Outfit',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.page-webinar .webinar-featured-label::before{
  content:'';
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--webinar-emerald);
  box-shadow:0 0 0 4px rgba(14,166,114,.1);
}
.page-webinar .webinar-card-header{
  padding:25px 24px 17px;
  border-bottom:1px solid rgba(43,46,131,.08);
  background:linear-gradient(180deg,rgba(43,46,131,.025),transparent);
}
.page-webinar .webinar-card-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:20px;
}
.page-webinar .webinar-card-index{
  color:rgba(34,37,111,.28);
  font:800 13px/1 'Outfit',sans-serif;
  letter-spacing:.14em;
}
.page-webinar .webinar-card-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.page-webinar .price-badge,
.page-webinar .kuota-badge{
  min-height:27px;
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  font:800 10.5px/1 'Outfit',sans-serif;
  letter-spacing:.025em;
}
.page-webinar .price-badge.gratis{background:rgba(14,166,114,.11);color:#087b56;}
.page-webinar .price-badge.berbayar{background:#fff3d3;color:#806217;}
.page-webinar .kuota-badge{background:rgba(43,46,131,.07);color:var(--webinar-indigo);animation:none;}
.page-webinar .kuota-badge.kuota-urgent{background:#ffebe8;color:#b23a2e;}
.page-webinar .kuota-badge.kuota-penuh{background:#eef0f3;color:#777;}
.page-webinar .webinar-card-topic{
  margin-bottom:8px;
  color:var(--card-accent);
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.page-webinar .webinar-card h3{
  margin:0;
  color:var(--webinar-ink);
  font-size:clamp(19px,1.7vw,23px);
  line-height:1.25;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.page-webinar .webinar-card-body{
  padding:20px 24px 24px;
  display:flex;
  flex:1;
  flex-direction:column;
}
.page-webinar .webinar-card-summary{
  min-height:66px;
  margin:0 0 18px;
  color:#68716d;
  font-size:12.5px;
  line-height:1.65;
}
.page-webinar .webinar-meta{
  margin:0 0 22px;
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid rgba(43,46,131,.08);
}
.page-webinar .webinar-meta-row{
  min-height:51px;
  display:grid;
  grid-template-columns:56px 1fr;
  align-items:center;
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid rgba(43,46,131,.08);
  color:#4f5a55;
  font-size:11.5px;
  line-height:1.45;
}
.page-webinar .webinar-meta-label{
  color:rgba(34,37,111,.5);
  font:800 9px/1.2 'Outfit',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.page-webinar .webinar-card .btn{
  width:100%;
  min-height:50px;
  margin-top:auto;
  font-size:13px;
}
.page-webinar .webinar-note{
  max-width:900px;
  margin:30px auto 0;
  padding:15px 18px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:10px;
  color:#765b12;
  border:1px solid rgba(216,166,61,.3);
  border-radius:15px;
  background:rgba(255,246,216,.7);
  font-size:12px;
  line-height:1.65;
  text-align:left;
}
.page-webinar .webinar-note-mark{
  width:20px;
  height:20px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f2bf31;
  color:#342b09;
  font:800 11px/1 'Outfit',sans-serif;
}

.page-webinar .webinar-journey{
  padding:104px 0;
  background:
    radial-gradient(circle at 8% 10%,rgba(242,191,49,.1),transparent 22%),
    radial-gradient(circle at 92% 88%,rgba(14,166,114,.1),transparent 24%),
    #fff;
}
.page-webinar .webinar-how{
  max-width:1040px;
  margin:0 auto;
  padding:58px clamp(28px,6vw,72px) 62px;
  text-align:center;
  border:1px solid rgba(43,46,131,.1);
  border-radius:30px;
  background:linear-gradient(145deg,#fff,#f7f8ff);
  box-shadow:0 28px 70px rgba(34,37,111,.1);
}
.page-webinar .webinar-how > h2{
  margin:0 0 44px;
  color:var(--webinar-ink);
  font-size:clamp(30px,3.5vw,44px);
  line-height:1.1;
}
.page-webinar .webinar-how-steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
}
.page-webinar .webinar-how-steps::before{
  content:'';
  position:absolute;
  z-index:0;
  left:16.7%;
  right:16.7%;
  top:28px;
  height:2px;
  background:linear-gradient(90deg,var(--webinar-indigo),var(--webinar-gold),var(--webinar-emerald));
  opacity:.34;
}
.page-webinar .webinar-how-step{
  position:relative;
  z-index:1;
  padding:0 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.page-webinar .webinar-how-num{
  width:56px;
  height:56px;
  margin:0 0 20px;
  display:grid;
  place-items:center;
  border:7px solid #fff;
  border-radius:50%;
  background:var(--webinar-indigo);
  color:#fff;
  box-shadow:0 0 0 1px rgba(43,46,131,.15),0 12px 26px rgba(43,46,131,.2);
  font:800 14px/1 'Outfit',sans-serif;
}
.page-webinar .webinar-how-step:nth-child(2) .webinar-how-num{background:#ba8c18;}
.page-webinar .webinar-how-step:nth-child(3) .webinar-how-num{background:var(--webinar-emerald);}
.page-webinar .webinar-how-step strong{
  margin:0 0 8px;
  color:var(--webinar-ink);
  font-size:17px;
}
.page-webinar .webinar-how-step span:last-child{
  max-width:260px;
  color:#68716d;
  font-size:12.5px;
  line-height:1.65;
}

.page-webinar .webinar-action{
  padding:36px 0 96px;
  color:#fff;
  background:#fff;
}
.page-webinar .webinar-action .cta-final{
  position:relative;
  max-width:1160px;
  min-height:380px;
  margin:0 auto;
  padding:68px clamp(28px,7vw,90px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
  border:1px solid rgba(255,255,255,.15);
  border-radius:30px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(18,20,69,.97) 0%,rgba(24,27,87,.9) 48%,rgba(9,70,62,.55) 100%),
    url('webinar-studio-bg-ai.jpg') center right/cover no-repeat;
  box-shadow:0 34px 80px rgba(23,25,71,.22);
}
.page-webinar .webinar-action .cta-final::after{
  content:'';
  position:absolute;
  width:340px;
  height:340px;
  right:-150px;
  top:-180px;
  border:1px solid rgba(242,191,49,.25);
  border-radius:50%;
  box-shadow:0 0 0 65px rgba(242,191,49,.04),0 0 0 130px rgba(43,214,150,.025);
}
.page-webinar .webinar-action .cta-final > *{position:relative;z-index:1;}
.page-webinar .webinar-action .webinar-section-kicker{color:#ffe080;margin-bottom:14px;}
.page-webinar .webinar-action h2{
  max-width:620px;
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(31px,4vw,50px);
  line-height:1.07;
  text-wrap:balance;
}
.page-webinar .webinar-action p{
  max-width:590px;
  margin:0 0 27px;
  color:rgba(255,255,255,.76);
  font-size:14px;
  line-height:1.75;
}
.page-webinar .webinar-action-buttons{display:flex;gap:12px;flex-wrap:wrap;}
.page-webinar .webinar-action .btn-outline{background:rgba(255,255,255,.06);}
.page-webinar .webinar-action .btn-outline:hover{background:#fff;color:var(--webinar-ink);border-color:#fff;}

@keyframes webinarLive{
  0%,100%{transform:scale(1);box-shadow:0 0 0 4px rgba(43,214,150,.12);}
  50%{transform:scale(1.12);box-shadow:0 0 0 8px rgba(43,214,150,0);}
}

@media(max-width:1020px){
  .page-webinar .webinar-hero{padding:62px 0 64px;background-position:62% center;}
  .page-webinar .webinar-hero-grid{grid-template-columns:1fr;gap:42px;}
  .page-webinar .webinar-hero-copy{max-width:760px;text-align:center;margin:0 auto;}
  .page-webinar .webinar-hero-sub{margin-left:auto;margin-right:auto;text-align:center;}
  .page-webinar .webinar-hero-actions,.page-webinar .webinar-hero-proof{justify-content:center;}
  .page-webinar .webinar-hero-visual{width:min(760px,100%);min-height:270px;margin:0 auto;}
  .page-webinar .webinar-hero-visual::before{width:220px;height:220px;top:-30px;right:30px;}
  .page-webinar .webinar-hero-event{left:50%;right:auto;transform:translateX(-50%);}
  .page-webinar .webinar-perks{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-webinar .webinar-perk:nth-child(even){margin-top:0;}
  .page-webinar .webinar-session-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-webinar .webinar-card:last-child{grid-column:1/-1;width:calc(50% - 10px);justify-self:center;}
}

@media(max-width:700px){
  .page-webinar .webinar-hero.webinar-hero{min-height:auto!important;}
  .page-webinar .webinar-hero{padding:52px 0 50px;background-position:68% center;}
  .page-webinar .webinar-hero-grid{gap:24px;}
  .page-webinar .webinar-hero h1{font-size:clamp(38px,11vw,54px);}
  .page-webinar .webinar-hero-sub{font-size:14px;line-height:1.7;}
  .page-webinar .webinar-hero-actions{flex-direction:column;}
  .page-webinar .webinar-hero-actions .btn{width:100%;}
  .page-webinar .webinar-hero-proof{gap:7px;}
  .page-webinar .webinar-proof-pill{font-size:10.5px;}
  .page-webinar .webinar-hero-visual{min-height:245px;}
  .page-webinar .webinar-hero-visual::before{width:160px;height:160px;top:4px;right:-20px;}
  .page-webinar .webinar-hero-event{left:0;right:0;bottom:0;width:100%;padding:20px;border-radius:17px;transform:none;}
  .page-webinar .webinar-hero-event-meta{align-items:flex-start;flex-direction:column;gap:8px;}
  .page-webinar .webinar-experience,.page-webinar .webinar-sessions,.page-webinar .webinar-journey{padding:72px 0;}
  .page-webinar .webinar-experience{background-position:65% center;}
  .page-webinar .webinar-section-head{margin-bottom:32px;}
  .page-webinar .webinar-section-head h2{font-size:clamp(29px,9vw,40px);}
  .page-webinar .webinar-perks{grid-template-columns:1fr;gap:12px;}
  .page-webinar .webinar-perk{min-height:auto;padding:22px;display:grid;grid-template-columns:42px 1fr;column-gap:15px;align-items:center;}
  .page-webinar .webinar-perk-ico{grid-row:1/3;margin:0;}
  .page-webinar .webinar-perk strong{margin:0 0 4px;}
  .page-webinar .webinar-session-grid{
    width:calc(100% + 24px);
    margin-right:-24px;
    padding:4px 24px 24px 0;
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:min(88vw,370px);
    gap:14px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scroll-padding-inline:0 24px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .page-webinar .webinar-session-grid::-webkit-scrollbar{display:none;}
  .page-webinar .webinar-card,.page-webinar .webinar-card:last-child{width:auto;min-height:500px;grid-column:auto;scroll-snap-align:start;}
  .page-webinar .webinar-note{margin-top:20px;}
  .page-webinar .webinar-how-steps{grid-template-columns:1fr;gap:30px;}
  .page-webinar .webinar-how-steps::before{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto;background:linear-gradient(180deg,var(--webinar-indigo),var(--webinar-gold),var(--webinar-emerald));}
  .page-webinar .webinar-how-step{min-height:92px;padding:0;display:grid;grid-template-columns:56px 1fr;column-gap:20px;text-align:left;align-items:start;}
  .page-webinar .webinar-how-num{grid-row:1/3;margin:0;}
  .page-webinar .webinar-how-step strong{padding-top:7px;}
  .page-webinar .webinar-how-step span:last-child{max-width:none;}
  .page-webinar .webinar-how{padding:42px 22px 46px;border-radius:24px;}
  .page-webinar .webinar-action{padding:20px 0 72px;}
  .page-webinar .webinar-action .cta-final{min-height:420px;padding:48px 24px;border-radius:24px;background-position:68% center;}
  .page-webinar .webinar-action-buttons{width:100%;flex-direction:column;}
  .page-webinar .webinar-action-buttons .btn{width:100%;}
}

@media(max-width:420px){
  .page-webinar .webinar-hero-visual{min-height:260px;}
  .page-webinar .webinar-hero-event h2{font-size:17px;}
  .page-webinar .webinar-proof-pill:last-child{display:none;}
  .page-webinar .webinar-card-header,.page-webinar .webinar-card-body{padding-left:20px;padding-right:20px;}
}

@media(prefers-reduced-motion:reduce){
  .page-webinar .webinar-eyebrow .live-dot{animation:none;}
  .page-webinar .webinar-perk,.page-webinar .webinar-card{transition:none;}
}