@layer theme, base, components, utilities;@layer components{.guide-page{--grad-purple: linear-gradient(135deg, #6b43e0 0%, #4f25c8 60%, #3d1aaf 100%);--grad-lavender: linear-gradient(135deg, #eeeafb, #e2dbf6);--grad-lime: linear-gradient(135deg, #d4ff50, #a8e020);--grad-sunset: radial-gradient(120% 120% at 30% 25%, #f2a85c 0%, #e07b2e 60%, #c25e14 100%);--grad-carrot: linear-gradient(135deg, #ffa24b 0%, #f2793a 45%, #d8531f 100%);--lavender-tint: var(--raw-lavender-pale);--danger-deep: var(--raw-danger-deep);--danger: var(--raw-danger);--danger-light: var(--raw-danger-light);--action-bg: var(--color-brand);--action-fg: var(--color-brand-content);--s-1: var(--space-1);--s-2: var(--space-2);--s-3: var(--space-3);--s-4: var(--space-4);--s-6: var(--space-6);--s-8: var(--space-8);--s-10: var(--space-10);--s-12: var(--space-12);--s-16: var(--space-16)}.guide-page [data-surface=dark]{--action-bg: var(--color-cta);--action-fg: var(--color-fg)}.guide-page [data-surface=light]{--action-bg: var(--color-brand);--action-fg: var(--color-brand-content)}}@layer components{.g-webinar-hero .wh-island{border-radius:var(--corner-lg);overflow:hidden;box-shadow:0 30px 70px color-mix(in oklab,var(--raw-ink) 18%,transparent)}@media (min-width: 768px){.g-webinar-hero .wh-island.wh-noform{max-width:720px}}.g-webinar-hero .wh-offer{position:relative;overflow:hidden;padding:48px 40px;color:var(--color-brand-content);background:radial-gradient(120% 120% at 88% 0%,color-mix(in oklab,var(--raw-lime) 18%,transparent) 0%,transparent 45%),radial-gradient(110% 100% at 6% 108%,color-mix(in oklab,var(--raw-white) 12%,transparent) 0%,transparent 55%),var(--grad-purple)}.g-webinar-hero .wh-pill{font-size:var(--type-eyebrow);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-wide-100);padding:8px 16px;border-radius:var(--corner-pill);background:var(--color-cta);color:var(--color-fg);box-shadow:0 0 18px color-mix(in oklab,var(--raw-lime) 30%,transparent)}.g-webinar-hero .wh-offer h3{font-size:var(--type-heading);font-weight:var(--fw-heavy);line-height:var(--lh-tight);letter-spacing:var(--ls-tight-20);margin-top:16px;color:var(--color-brand-content)}.g-webinar-hero .wh-offer h3 i{color:var(--color-cta)}.g-webinar-hero .wh-sub{font-size:var(--type-body);color:var(--lavender-tint);margin:16px 0 24px;line-height:var(--lh-relaxed);max-width:430px}.g-webinar-hero .wh-list{list-style:none}.g-webinar-hero .wh-list li{font-size:var(--type-body-sm);color:var(--color-brand-content);line-height:var(--lh-body)}.g-webinar-hero .wh-ic{width:24px;height:24px;border-radius:var(--corner-sm);background:var(--color-cta);flex:none;box-shadow:0 0 11px color-mix(in oklab,var(--raw-lime) 28%,transparent)}.g-webinar-hero .wh-ic svg{width:14px;height:14px}.g-webinar-hero .wh-when{margin-top:24px;background:color-mix(in oklab,var(--raw-white) 10%,transparent);border:1px solid color-mix(in oklab,var(--raw-white) 20%,transparent);border-radius:var(--corner-pill);padding:12px 16px;font-size:var(--type-body-sm);font-weight:var(--fw-bold);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.g-webinar-hero .wh-when b{color:var(--color-cta)}.g-webinar-hero .wh-form{background:var(--color-surface);padding:40px}@media (max-width: 640px){.g-webinar-hero .wh-offer,.g-webinar-hero .wh-form{padding:32px 24px}}.g-webinar-hero .wh-island.wh-form-first .wh-form{order:-1}@media (min-width: 768px){.g-webinar-hero .wh-island.wh-form-first .wh-form{order:0}}@media (max-width: 640px){.guide-page .section.g-webinar-hero-form-first{padding-top:0}.g-webinar-hero-form-first .wh-island.wh-form-first{margin-inline:calc(-1 * var(--section-px));border-radius:0;box-shadow:none}.g-webinar-hero .wh-island.wh-form-first .wh-form{padding:0}.g-webinar-hero .wh-island.wh-form-first .wh-form .hg-form-card{padding:var(--s-6) var(--s-4);border-radius:0;box-shadow:none}.g-webinar-hero .wh-island.wh-form-first .wh-offer{padding:var(--s-6) var(--s-4)}}.g-webinar-hero .wh-onpage{margin-top:var(--s-6)}.g-webinar-hero .wh-onpage-label{font-size:var(--type-eyebrow);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-wide-140);color:var(--color-brand-soft)}.g-webinar-hero .wh-onpage-links{list-style:none;max-width:100%}.g-webinar-hero .wh-chip{display:inline-flex;align-items:center;padding:var(--s-2) var(--s-4);border-radius:var(--corner-pill);font-size:var(--type-body-sm);font-weight:var(--fw-bold);color:var(--color-brand);background:color-mix(in oklab,var(--color-brand) 6%,transparent);border:1px solid color-mix(in oklab,var(--color-brand) 16%,transparent);text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.g-webinar-hero .wh-chip:hover{background:color-mix(in oklab,var(--color-cta) 24%,transparent);border-color:color-mix(in oklab,var(--color-brand) 32%,transparent)}.g-webinar-hero .wh-cue{width:34px;height:34px;border-radius:var(--corner-pill);color:var(--color-brand);background:color-mix(in oklab,var(--color-cta) 32%,transparent);animation:wh-cue-bob 1.7s ease-in-out infinite}.g-webinar-hero .wh-cue svg{width:18px;height:18px}@keyframes wh-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion: reduce){.g-webinar-hero .wh-cue{animation:none}}.guide-page .cross-dark.wl-hero{position:relative;overflow:hidden;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><g stroke='%23B9A7E8' stroke-width='0.8' opacity='0.10' stroke-linecap='round'><line x1='12' y1='10' x2='12' y2='18'/><line x1='8' y1='14' x2='16' y2='14'/><line x1='52' y1='52' x2='52' y2='60'/><line x1='48' y1='56' x2='56' y2='56'/></g></svg>"),var(--grad-purple);background-size:80px 80px,auto;padding:34px 0 56px}@media (min-width: 1024px){.guide-page .cross-dark.wl-hero{padding:72px 0 168px}}.wl-blob{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0}.wl-blob-1{width:420px;height:420px;right:-110px;top:-140px;background:color-mix(in oklab,var(--raw-purple-bright) 55%,transparent)}.wl-blob-2{width:320px;height:320px;left:-120px;bottom:-140px;background:color-mix(in oklab,var(--raw-lime) 16%,transparent)}.wl-blob-3{width:220px;height:220px;right:28%;bottom:-90px;background:color-mix(in oklab,var(--raw-terracotta) 18%,transparent)}.wl-grid{position:relative;z-index:1;align-items:start}@media (min-width: 1024px){.wl-grid{align-items:center}}.wl-chips{margin-bottom:16px}.wl-chip{font-size:var(--type-body-sm);font-weight:var(--fw-bold);padding:8px 12px;border-radius:var(--corner-pill);background:color-mix(in oklab,var(--raw-white) 12%,transparent);border:1px solid color-mix(in oklab,var(--raw-white) 16%,transparent);color:var(--color-brand-content);white-space:nowrap}.wl-chip-date{background:var(--color-cta);border-color:var(--color-cta);color:var(--color-fg);font-weight:var(--fw-heavy)}.wl-live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-brand);flex:none;animation:wl-pulse 1.8s ease-out infinite}@keyframes wl-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--color-brand) 55%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in oklab,var(--color-brand) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--color-brand) 0%,transparent)}}.wl-title{font-size:clamp(1.875rem,4.2vw,3.125rem);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-30);line-height:var(--lh-tight);color:var(--color-brand-content)}.wl-title mark{background:none;color:var(--color-cta);padding:0}.wl-lead{font-size:var(--type-body-lg);color:var(--lavender-tint);margin:16px 0 0;max-width:32rem;line-height:var(--lh-relaxed)}.wl-facts{margin-top:24px}.wl-fact{font-size:var(--type-body-sm);font-weight:var(--fw-bold);color:var(--color-brand-content);background:color-mix(in oklab,var(--raw-white) 8%,transparent);border:1px solid color-mix(in oklab,var(--raw-white) 14%,transparent);padding:8px 12px;border-radius:var(--corner-md)}.wl-fact svg{width:15px;height:15px;flex:none;color:var(--color-cta)}.wl-host{margin-top:24px}.wl-host-av{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:none;border:2px solid color-mix(in oklab,var(--color-cta) 90%,transparent);background:var(--raw-lavender-soft)}.wl-host-av img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 12%;object-position:center 12%}.wl-host b{display:block;font-size:var(--type-body);font-weight:var(--fw-heavy);color:var(--color-brand-content)}.wl-host span span{font-size:var(--type-caption);color:var(--lavender-tint)}@media (max-width: 640px){.wl-host{display:none}}.wl-right{position:relative}.wl-float{position:absolute;z-index:3;background:var(--raw-white);color:var(--color-fg);border-radius:var(--corner-lg);box-shadow:0 30px 60px color-mix(in oklab,var(--raw-shadow-purple) 35%,transparent)}.wl-float-chat{display:none;inset:100% -4px auto auto;margin-top:-16px;width:170px;padding:0;overflow:hidden}@media (min-width: 1024px){.wl-float-chat{display:block;inset:auto auto -88px -60px;margin-top:0;width:190px}}.wl-chat-head{display:flex;align-items:center;gap:8px;background:var(--raw-white);padding:8px 12px;border-bottom:1px solid var(--color-border-subtle)}.wl-chat-av{width:26px;height:26px;border-radius:50%;flex:none;background:var(--grad-carrot)}.wl-chat-head span b{display:block;font-size:11px;font-weight:var(--fw-heavy);color:var(--color-fg)}.wl-chat-head span span{font-size:8.5px;color:var(--color-muted)}.wl-chat-body{padding:8px 8px 12px;display:flex;flex-direction:column;gap:5px;background:color-mix(in oklab,var(--raw-lavender-pale) 55%,var(--raw-white))}.wl-chat-body p{position:relative;max-width:92%;font-size:11px;line-height:var(--lh-snug);color:var(--color-fg);padding:6px 10px 14px;border-radius:var(--corner-md);border-bottom-left-radius:var(--corner-xs);background:var(--raw-white);box-shadow:0 1px 1.5px color-mix(in oklab,var(--raw-ink) 7%,transparent)}.wl-chat-body time{position:absolute;right:8px;bottom:4px;font-size:7.5px;color:var(--color-muted-soft);font-weight:var(--fw-semibold)}.wl-chat-react{align-self:flex-start;background:var(--raw-white);border-radius:var(--corner-pill);padding:2px 8px;font-size:9px;font-weight:var(--fw-bold);color:var(--danger);box-shadow:0 2px 6px color-mix(in oklab,var(--raw-ink) 12%,transparent)}.wl-float-alert{display:none;right:-20px;top:-92px;width:230px;padding:12px 16px;gap:12px;align-items:flex-start}@media (min-width: 1024px){.wl-float-alert{display:flex}}.wl-alert-ic{width:34px;height:34px;border-radius:var(--corner-sm);flex:none;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-heavy);font-size:13px;color:var(--raw-white);background:var(--danger-deep);letter-spacing:var(--ls-tight-50)}.wl-float-alert div b{display:block;font-size:12px;color:var(--color-fg);line-height:var(--lh-snug)}.wl-float-alert div span{display:block;font-size:10.5px;color:var(--color-muted);margin-top:3px;line-height:var(--lh-snug)}.wl-float-alert div em{display:inline-block;font-style:normal;font-size:9.5px;font-weight:var(--fw-heavy);color:var(--color-fg);background:var(--color-cta);border-radius:var(--corner-pill);padding:3px 8px;margin-top:6px}.wl-reg{position:relative;z-index:2;background:var(--raw-white);color:var(--color-fg);border-radius:var(--corner-xl);padding:32px 24px 24px;box-shadow:0 32px 70px color-mix(in oklab,var(--raw-shadow-purple) 42%,transparent)}@media (max-width: 640px){.wl-reg{padding:24px 16px}}.wl-reg-top{margin-bottom:16px}.wl-reg-title{font-size:var(--type-subheading);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-20);line-height:var(--lh-snug);color:var(--color-fg)}.wl-reg-badge{font-size:var(--type-caption);font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--ls-wide-90);padding:6px 11px;border-radius:var(--corner-pill);background:var(--color-border-subtle);color:var(--color-brand);white-space:nowrap;flex:none}.wl-reg-when{background:var(--color-surface-brand, var(--color-border-subtle));border-radius:var(--corner-md);padding:12px 16px;margin-bottom:12px}.wl-reg-when svg{width:20px;height:20px;color:var(--color-brand);flex:none}.wl-reg-when b{font-size:var(--type-body);font-weight:var(--fw-heavy);display:block;line-height:var(--lh-snug);color:var(--color-fg)}.wl-reg-when span span{font-size:var(--type-caption);color:var(--color-muted)}.wl-reg-gift{background:var(--color-surface-brand, var(--color-border-subtle));border:1px solid var(--color-border-subtle);border-radius:var(--corner-md);padding:12px;margin-bottom:16px;font-size:var(--type-caption);line-height:var(--lh-normal);color:var(--color-fg-soft)}.wl-reg-gift b{color:var(--color-fg);font-weight:var(--fw-heavy)}.wl-reg-gift-ic{font-size:var(--type-body-sm);flex:none;line-height:var(--lh-solid);width:30px;height:30px;border-radius:var(--corner-sm);background:var(--color-cta);display:flex;align-items:center;justify-content:center}.wl-form .hg-form-card{padding:0;box-shadow:none;border-radius:0;background:none}.wl-form .hg-form-card .hg-form-title:empty,.wl-form .hg-form-card .hg-form-sub:empty{display:none;margin:0}}
