/* Singularity Profit: webinar registration pages (Phase 2). Every class starts rg-. Uses the brand tokens from site.css :root.
   split navy hero + seat card -> numbered "discover" grid -> session cards (AEvent) or WebinarFuel card -> letter -> closing band -> lightbox */
.f-reg main{overflow-x:clip}
.rg-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;position:relative}
.rg-anchor{display:block;position:relative;top:-84px;height:0}
.rg-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font:600 16px/1.2 var(--body);color:#dbe7f6;letter-spacing:.04em;text-transform:uppercase}
.rg-chip:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px rgba(255,217,46,.18);flex:none}
.rg-eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 16px/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink);margin:0 0 10px}
.rg-eyebrow:before{content:"";width:28px;height:3px;border-radius:3px;background:var(--yellow)}
.rg-h2{font-size:clamp(30px,3.6vw,46px);line-height:1.08;margin:0 0 14px}
.rg-lead{font-size:var(--fs-lead);color:var(--muted);max-width:640px;margin:0 auto}
.rg-ico{width:18px;height:18px;flex:none;color:#7fd0f5}
.rg-priv{display:flex;align-items:flex-start;justify-content:center;gap:9px;font-size:16px;line-height:1.45;color:#5b6577;margin:14px 0 0}
.rg-priv .rg-ico{margin-top:1px;color:var(--blue)}
.f-reg .btn strong{font-weight:inherit}

/* ---------- hero ---------- */
.rg-hero{position:relative;overflow:hidden;color:#fff;padding:76px 0 88px;
  background:
    radial-gradient(55% 70% at 88% 8%,rgba(26,154,214,.34),transparent 70%),
    linear-gradient(90deg,rgba(7,15,34,.97) 0%,rgba(7,15,34,.9) 46%,rgba(7,15,34,.74) 100%),
    url(../../img/rg-hero.jpg) center/cover no-repeat,var(--deep)}
.rg-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 30% 40%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse at 30% 40%,#000 0%,transparent 72%)}
.rg-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:56px;align-items:center}
.rg-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.rg-h1{color:#fff;font-size:clamp(38px,4.6vw,62px);line-height:1.04;margin:0 0 20px;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.rg-hero .hl,.rg-hero .hot,.rg-final .hl{color:var(--yellow)}
.rg-hero u{text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:rgba(255,217,46,.75)}
.rg-sub{font:600 clamp(21px,2vw,26px)/1.35 var(--head);color:#dfe8f5;margin:0 0 24px;max-width:640px}
.rg-sub strong{color:#fff}
.rg-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:0}
.rg-facts li{display:flex;align-items:center;gap:9px;font-size:17px;color:#cfdced}
.rg-facts li:before{content:"";width:20px;height:20px;border-radius:50%;flex:none;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%230b1730' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.rg-hero-copy .rg-ticks li,.rg-hero-copy p{color:#dfe6f2}
.rg-hero-copy .rg-h{color:#fff}
.rg-hero-fig{margin:22px 0 0;max-width:460px}
.rg-hero-fig img{border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.4)}

/* seat card */
.rg-card{background:#fff;color:var(--ink);border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(2,6,16,.5),0 0 0 1px rgba(255,255,255,.1);position:relative}
.rg-card-img{width:100%;aspect-ratio:16/8;object-fit:cover}
.rg-card-pic{background:linear-gradient(160deg,#eef5fb,#dfeaf6);padding:18px 18px 0;display:flex;justify-content:center;max-height:270px;overflow:hidden}
.rg-card-pic img{border-radius:10px 10px 0 0;box-shadow:0 10px 28px rgba(11,23,48,.18);width:auto;max-width:100%}
.rg-card-b{padding:26px 28px 28px;text-align:center}
.rg-card-k{display:inline-block;font:700 16px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-ink);background:var(--blue-soft);padding:8px 14px;border-radius:999px;margin:0 0 12px}
.rg-card-h{font-size:clamp(28px,2.8vw,36px);margin:0 0 8px;color:var(--ink-2)}
.rg-card-h strong{font-weight:inherit}
.rg-card-line{color:var(--muted);font-size:17px;margin:0 0 6px}
.rg-card .cta{margin:16px 0 0}
.rg-card .btn{width:100%;padding:18px 20px}
.rg-card-wf .rg-card-b{text-align:left}
.rg-card-wf .wf{min-height:120px;margin:14px 0 0}

/* ---------- discover grid ---------- */
.rg-disc{padding:var(--sec) 0;background:#fff}
.rg-head{text-align:center;max-width:820px;margin:0 auto 44px}
.rg-head .rg-h2 strong{font-weight:inherit}
.rg-bens{display:block}
.rg-bens.rg-has-pic{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:48px;align-items:start}
.rg-proof{position:sticky;top:100px;margin:0;padding:18px;border-radius:22px;background:linear-gradient(160deg,#eef5fb,#dbe8f5);box-shadow:var(--sh-2)}
.rg-proof img{border-radius:12px;margin:0 auto;box-shadow:0 8px 24px rgba(11,23,48,.14)}
.rg-proof+.rg-proof{margin-top:20px;position:static}
.rg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rg-bens:not(.rg-has-pic) .rg-list{grid-template-columns:repeat(3,1fr)}
.rg-ben{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;box-shadow:var(--sh-1);transition:transform .15s,box-shadow .15s}
.rg-ben:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.rg-ben p{margin:0;font-size:17px;line-height:1.55;color:var(--ink-2)}
.rg-n{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--yellow);font:700 20px/1 var(--head);letter-spacing:.02em;flex:none}
.rg-ben.rg-more{background:var(--navy);border-color:var(--navy);justify-content:center;align-items:flex-start}
.rg-ben.rg-more p{color:#fff;font:700 26px/1.1 var(--head)}
.rg-ben.rg-more .rg-n{background:var(--yellow);color:var(--navy)}
.rg-disc .cta{margin-top:40px}

/* ---------- session picker ---------- */
.rg-pick{padding:var(--sec) 0;color:#fff;position:relative;overflow:hidden;
  background:radial-gradient(50% 60% at 12% 0%,rgba(26,154,214,.28),transparent 70%),radial-gradient(40% 60% at 100% 100%,rgba(26,154,214,.16),transparent 70%),var(--deep)}
.rg-pick:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.rg-pick-head{text-align:center;max-width:780px;margin:0 auto 40px;position:relative}
.rg-pick-head .rg-chip{margin:0 0 16px}
.rg-pick .rg-h2{color:#fff}
.rg-pick .rg-h2 strong{font-weight:inherit}
.rg-pick .rg-lead{color:#c8d5e6}
.rg-sess{display:grid;gap:18px;position:relative}
.rg-sess-4{grid-template-columns:repeat(4,1fr)}
.rg-sess-3{grid-template-columns:repeat(3,1fr);max-width:960px;margin:0 auto}
.rg-sess-2{grid-template-columns:repeat(2,1fr);max-width:720px;margin:0 auto}
.rg-sess-1{grid-template-columns:1fr;max-width:420px;margin:0 auto}
.rg-s{display:flex;flex-direction:column;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px 20px 20px;text-align:center;backdrop-filter:blur(4px);transition:border-color .15s,transform .15s,background .15s}
.rg-s:hover{border-color:rgba(255,217,46,.6);background:rgba(255,255,255,.09);transform:translateY(-3px)}
.rg-s-top{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 12px}
.rg-cal{width:22px;height:22px;color:var(--yellow)}
.rg-s-n{font:700 22px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.rg-s p{color:#dfe8f5;font:600 19px/1.4 var(--body);margin:6px 0 0}
.rg-s .cdown{margin:6px 0 4px}
.rg-s .countdown-row{display:flex;justify-content:center;gap:6px}
.rg-s .countdown-section{min-width:48px;padding:8px 4px;border-radius:10px;background:rgba(0,0,0,.25)}
.rg-s .countdown-amount{font:700 24px/1 var(--head);color:#fff}
.rg-s .countdown-period{font:600 16px/1.2 var(--body);color:#aab6c9}
.rg-s .cta{margin:auto 0 0;padding-top:16px}
.rg-s .btn{width:100%;padding:15px 12px;font-size:19px}
.rg-s .btn .bt:after{content:""}
.rg-s:only-child .btn .bt:after{content:" \00bb"}

/* WebinarFuel band */
.rg-wf-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.rg-pick-wf .rg-pick-head{text-align:left;margin:0}
.rg-pick-wf .rg-lead{margin:0}

/* ---------- letter ---------- */
.rg-letter{padding:var(--sec) 0;background:#fff}
.rg-letter.rg-alt{background:var(--tint)}
.rg-read{max-width:var(--read);margin:0 auto;font-size:19px;line-height:1.7}
.rg-read p{margin:0 0 1.05em;color:var(--ink-2)}
.rg-read p.c{text-align:center}
.rg-read p.c strong{font:700 clamp(26px,2.8vw,34px)/1.15 var(--head);display:block;color:var(--ink-2)}
.rg-h{font-size:clamp(28px,3vw,38px);margin:.6em 0 .5em;text-align:center}
.rg-letter .rg-h:first-child{margin-top:0}
.rg-callout{background:var(--navy);color:#fff!important;border-radius:18px;padding:22px 26px;font-weight:600;border-left:6px solid var(--yellow);box-shadow:var(--sh-2)}
.rg-ticks{list-style:none;margin:6px 0 26px;padding:0;display:grid;gap:10px}
.rg-ticks li{position:relative;padding:12px 16px 12px 52px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);line-height:1.5}
.rg-ticks li:before{content:"";position:absolute;left:14px;top:13px;width:24px;height:24px;border-radius:50%;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%23ffd92e' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.rg-hero-copy .rg-ticks li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none}
.rg-ways{list-style:none;margin:8px 0 28px;padding:0;display:grid;gap:12px}
.rg-ways li{background:var(--navy);color:#fff;border-radius:16px;padding:18px 22px;font:600 21px/1.35 var(--head);letter-spacing:.01em;border-left:6px solid var(--yellow);box-shadow:var(--sh-2)}
.rg-fig{margin:10px auto 28px;max-width:640px}
.rg-fig img{border-radius:16px;margin:0 auto;box-shadow:var(--sh-2)}
.rg-vid{margin:10px 0 30px;border-radius:16px;overflow:hidden;box-shadow:var(--sh-2)}
.rg-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin:16px 0 28px}
.rg-person{margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center;box-shadow:var(--sh-1)}
.rg-person img{border-radius:50%;width:150px;height:150px;object-fit:cover;margin:0 auto 12px}
.rg-person figcaption{font-size:17px;line-height:1.45}
.rg-media{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--sh-1);margin:10px 0 30px}
.rg-media figure{margin:0}
.rg-media img{border-radius:12px}
.rg-media-b p:last-child{margin:0}
.rg-read .cta{margin:28px 0}

/* ---------- closing band ---------- */
.rg-final{padding:var(--sec) 0;color:#fff;overflow:hidden;
  background:radial-gradient(55% 70% at 90% 20%,rgba(26,154,214,.3),transparent 70%),linear-gradient(135deg,#0b1730 0%,#070f22 100%)}
.rg-final-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
.rg-final .rg-chip{margin:0 0 18px}
.rg-final .rg-h2{color:#fff;font-size:clamp(34px,4vw,52px)}
.rg-final p{color:#d3deec;font-size:19px;max-width:560px}
.rg-final .cta{text-align:left;margin:26px 0 0}
.rg-final .rg-priv{justify-content:flex-start;color:#aab6c9}
.rg-final .rg-priv .rg-ico{color:#7fd0f5}
.rg-final-pic{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(2,6,16,.5),0 0 0 1px rgba(255,255,255,.1);max-height:440px}
.rg-final-pic img{width:100%;height:100%;object-fit:cover}

/* ---------- lightbox ---------- */
dialog.rg-lb{border-top:5px solid var(--yellow)}
.rg-lb .lbin{padding-top:38px}
.rg-lb-chip{margin:0 0 14px}
.rg-lb h3{font-size:clamp(26px,3vw,32px)}
.rg-lb h3 strong{font-weight:inherit}
.rg-lb form.optin{gap:12px}
.rg-lb .fld input{font-size:17px}
.rg-lb .btn{margin-top:6px}

/* ---------- archetype tests ---------- */
.rg-tt{padding:var(--sec) 0}
.rg-tt.rg-alt{background:var(--tint)}
.rg-tt-pic{margin:6px auto 30px;border-radius:20px;overflow:hidden;box-shadow:var(--sh-2)}
.rg-q{margin:6px 0 28px;padding:22px 26px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);font:600 22px/1.4 var(--head);color:var(--ink-2);border-left:6px solid var(--blue)}
.rg-q cite{display:block;margin-top:10px;font:600 16px/1.3 var(--body);color:var(--muted);font-style:normal}
.rg-stories{display:grid;gap:18px;margin:10px 0 30px}
.rg-story{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 26px;box-shadow:var(--sh-1)}
.rg-story h3{margin:0 0 8px}
.rg-story p:last-child{margin:0}
.rg-x{list-style:none;margin:6px 0 26px;padding:0;display:grid;gap:10px}
.rg-x li{position:relative;padding:12px 16px 12px 52px;background:#fff;border:1px solid var(--line);border-radius:14px;line-height:1.5}
.rg-x li:before{content:"\00d7";position:absolute;left:14px;top:11px;width:26px;height:26px;border-radius:50%;background:#fde8ea;color:var(--hot);font:700 20px/26px var(--body);text-align:center}
.rg-steps{list-style:none;counter-reset:rgs;margin:10px 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rg-steps li{counter-increment:rgs;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--sh-1);font-size:17px;line-height:1.5}
.rg-steps li:before{content:counter(rgs);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--navy);color:var(--yellow);font:700 20px/1 var(--head);margin:0 0 12px}
.rg-steps b{display:block;font:700 21px/1.2 var(--head);margin:0 0 6px;color:var(--ink-2)}

/* ---------- responsive ---------- */
@media (max-width:1060px){
  .rg-sess-4{grid-template-columns:repeat(2,1fr);max-width:720px;margin:0 auto}
  .rg-bens:not(.rg-has-pic) .rg-list{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .rg-hero-in,.rg-final-in,.rg-wf-in{grid-template-columns:1fr;gap:36px}
  .rg-card{max-width:560px;width:100%;margin:0 auto}
  .rg-bens.rg-has-pic{grid-template-columns:1fr}
  .rg-proof{position:static;max-width:460px;margin:0 auto}
  .rg-final-pic{max-height:300px}
  .rg-pick-wf .rg-pick-head{text-align:center}
  .rg-steps{grid-template-columns:1fr}
}
@media (max-width:640px){
  .rg-wrap{padding:0 18px}
  .rg-hero{padding:44px 0 56px}
  .rg-h1{font-size:clamp(34px,9.4vw,44px)}
  .rg-sub{font-size:21px}
  .rg-chip{font-size:16px}
  .rg-card-b{padding:22px 18px 22px}
  .rg-list,.rg-bens:not(.rg-has-pic) .rg-list{grid-template-columns:1fr;gap:12px}
  .rg-ben{flex-direction:row;align-items:flex-start;gap:14px;padding:18px 16px}
  .rg-n{width:40px;height:40px;font-size:18px}
  .rg-head{margin-bottom:28px}
  .rg-proof{max-width:300px;padding:12px}
  .rg-sess-4,.rg-sess-3,.rg-sess-2{grid-template-columns:1fr}
  .rg-read{font-size:18px}
  .rg-media{grid-template-columns:1fr;padding:18px}
  .rg-ways li{font-size:20px;padding:16px 18px}
  .rg-final .cta{text-align:center}
  .rg-final .rg-final-copy{text-align:center}
  .rg-final p{margin-left:auto;margin-right:auto}
  .rg-final .rg-priv{justify-content:center}
  .rg-q{font-size:20px;padding:18px 20px}
}
.rg-letter.rg-mini{padding:28px 0;background:var(--tint)}
.rg-letter.rg-mini p{margin:0;text-align:center;font-size:17px}
.rg-ben.rg-more:nth-child(odd){grid-column:1/-1;flex-direction:row;align-items:center}