@font-face{font-family:OporaDisplay;src:url("/assets/club-funnel/8d909cefbf3db3f1cda0.ttf") format('truetype');font-display:swap;font-weight:900;font-style:normal}
@font-face{font-family:OporaCondensed;src:url("/assets/club-funnel/1c538632e9fcee77f039.ttf") format('truetype');font-display:swap;font-weight:800;font-style:normal}
.main-site-section{
  --bg0:#0b1130; --bg1:#070b1c; --bg2:#04060f;
  --ink:#F3F3FB; --ink-soft:#C9CCEA; --muted:#9aa0d0;
  --pur:#B9AEFF; --pur2:#A99BFF; --pur3:#C7BEFF;
  --mint:#A6F0C8; --pink:#FFB3BF;
  --line:rgba(150,168,255,.22);
  --card:rgba(120,140,255,.055);
}
.main-site-section *{margin:0;padding:0;box-sizing:border-box}
.main-site-section{scroll-behavior:smooth}
.main-site-section{font-family:'Gilroy','Manrope','Segoe UI',system-ui,sans-serif;color:var(--ink);
  background:
   radial-gradient(90% 55% at 82% 0%, rgba(70,96,230,.22) 0%, rgba(40,60,160,.08) 40%, rgba(0,0,0,0) 70%),
   radial-gradient(70% 50% at 12% 100%, rgba(60,80,200,.12) 0%, rgba(0,0,0,0) 60%),
   linear-gradient(160deg, var(--bg0) 0%, var(--bg1) 45%, var(--bg2) 100%);
  background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}
.main-site-section .serif{font-family:'OporaDisplay','Moula','Georgia',serif}
.main-site-section .wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,48px);position:relative;z-index:2}
.main-site-section a{text-decoration:none;color:inherit}
.main-site-section p{margin:0}
.main-site-section .hl{color:#b9a9ff}
.main-site-section .eyebrow{display:flex;align-items:center;gap:12px;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--pur);font-weight:700}
.main-site-section .eyebrow::before{content:'✦';color:var(--pur);filter:drop-shadow(0 0 8px rgba(169,155,255,.9))}
.main-site-section .eyebrow::after{content:'';height:1px;flex:1;max-width:120px;background:linear-gradient(90deg,rgba(150,160,255,.5),rgba(150,160,255,0))}
.main-site-section .sec-head{font-family:'OporaDisplay','Moula',serif;font-weight:900;text-transform:uppercase;
  font-size:clamp(30px,4.2vw,54px);line-height:1.03;letter-spacing:.01em;color:#fff;
  text-shadow:0 2px 40px rgba(90,120,255,.3);margin-top:18px}
.main-site-section .sec-sub{font-size:clamp(15px,1.4vw,18px);line-height:1.55;color:var(--ink-soft);max-width:640px;margin-top:16px}
.main-site-section .section{padding:clamp(64px,8vw,120px) 0;position:relative}
.main-site-section .glow{position:absolute;width:560px;height:560px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(90,110,255,.28),rgba(90,110,255,0) 68%);filter:blur(12px)}
.main-site-section .btn-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:28px}
.main-site-section .btn-yellow{display:inline-flex;align-items:center;gap:14px;background:#b7acff;color:#10142b;font-size:16px;font-weight:600;letter-spacing:.2px;padding:18px 30px;border-radius:5px;border:1px solid #b7acff;box-shadow:0 12px 34px rgba(108,92,231,.35);transition:.2s;cursor:pointer}
.main-site-section .btn-yellow:hover{background:#d0c8ff;border-color:#d0c8ff;transform:translateY(-2px)}
.main-site-section .btn-outline{display:inline-flex;align-items:center;gap:14px;background:transparent;color:#fff;font-size:16px;font-weight:600;letter-spacing:.2px;padding:18px 30px;border-radius:5px;border:1px solid rgba(183,172,255,.6);transition:.2s;cursor:pointer}
.main-site-section .btn-outline:hover{border-color:var(--pur);color:#fff;background:rgba(120,130,255,.14)}
.main-site-section .hero-pad{padding:clamp(12px,2.2vw,26px)}
.main-site-section .stage{position:relative;border-radius:28px;overflow:hidden;min-height:calc(100vh - clamp(24px,4.4vw,52px));
  box-shadow:0 30px 80px rgba(0,0,0,.6);display:flex;flex-direction:column;
  background:linear-gradient(160deg,#0b1130,#04060f)}
.main-site-section .stage .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:0;opacity:1}
.main-site-section .stage .grid{position:absolute;inset:0;z-index:1;opacity:.07;background-image:radial-gradient(#9fb0ff 1.1px,transparent 1.1px);background-size:34px 34px}
.main-site-section .stage .oglow{position:absolute;width:620px;height:620px;right:-160px;top:-140px;border-radius:50%;z-index:1;
  background:radial-gradient(circle,rgba(80,110,255,.35),rgba(80,110,255,0) 68%);filter:blur(10px)}
.main-site-section .scrim{position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg, rgba(4,6,15,.55) 0%, rgba(4,6,15,.15) 12%, rgba(4,6,15,0) 26%),
  linear-gradient(90deg, rgba(4,6,15,.92) 0%, rgba(4,6,15,.72) 30%, rgba(4,6,15,.32) 52%, rgba(4,6,15,0) 72%)}
.main-site-section .nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:26px clamp(20px,4vw,48px)}
.main-site-section .nav .logo{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;line-height:1.2}
.main-site-section .nav .logo .logo-ic{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(150,120,255,.5))}
.main-site-section .nav-links{display:flex;gap:24px;align-items:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.main-site-section .nav-links a:hover{color:#fff}
.main-site-section .nav-cta{background:none!important;box-shadow:none!important;border-radius:0!important;padding:6px 0!important;border-bottom:1px solid #b7acff;color:#fff!important;font-weight:600;letter-spacing:.06em;display:inline-flex;gap:8px;align-items:center}
.main-site-section .content{position:relative;z-index:3;margin-top:auto;padding:0 clamp(22px,4vw,60px) clamp(34px,4.5vw,64px);max-width:min(680px,66%)}
.main-site-section .content .eyebrow{margin-bottom:18px}
.main-site-section .name{font-family:'OporaDisplay','Moula',Georgia,serif;font-weight:900;font-size:clamp(42px,5.8vw,82px);line-height:.9;text-transform:uppercase;letter-spacing:.005em;color:#fff;text-shadow:0 2px 40px rgba(90,120,255,.35)}
.main-site-section .name .y{color:#b9a9ff}
.main-site-section .uline{width:96px;height:2px;background:linear-gradient(90deg,var(--pur2),rgba(169,155,255,0));margin:24px 0 0}
.main-site-section .lead{font-size:clamp(15px,1.35vw,17px);line-height:1.5;font-weight:500;color:var(--ink-soft);max-width:540px;margin-top:22px;
  padding:16px 22px;background:rgba(120,130,255,.08);border-radius:14px;border-left:3px solid var(--pur2)}
.main-site-section .tagrow{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.main-site-section .tagrow span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--pur3);
  border:1.4px solid rgba(169,155,255,.4);border-radius:30px;padding:8px 18px;background:rgba(120,130,255,.05)}
@media(max-width:820px){.main-site-section .content{max-width:100%}
.main-site-section .nav-links{display:none}}
.main-site-section .cards{display:grid;gap:20px;margin-top:40px}
.main-site-section .card{background:var(--card);border:1.4px solid var(--line);border-radius:24px;padding:28px 26px;
  display:flex;flex-direction:column;transition:.22s;position:relative;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 40px rgba(0,0,0,.28)}
.main-site-section .card:hover{transform:translateY(-4px);border-color:rgba(169,155,255,.5);background:rgba(120,140,255,.09)}
.main-site-section .cicon,.main-site-section .ricon{flex:none;width:64px;height:64px;border-radius:16px;background:rgba(120,140,255,.12);
  border:1px solid rgba(150,168,255,.28);display:flex;align-items:center;justify-content:center;color:var(--pur);margin-bottom:18px}
.main-site-section .cname{font-family:'OporaDisplay','Moula',serif;font-weight:900;font-size:clamp(19px,2vw,23px);line-height:1.15;color:#fff;font-weight:400}
.main-site-section .cdesc{font-size:15px;line-height:1.5;color:var(--ink-soft);margin-top:10px}
.main-site-section .cnum{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--pur);font-weight:700;margin-bottom:8px}
.main-site-section .spacer{flex:1}
.main-site-section .clink{margin-top:18px;font-weight:700;font-size:14px;color:var(--pur);display:inline-flex;align-items:center;gap:6px}
.main-site-section .card:hover .clink{color:#fff}
.main-site-section .pains{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.main-site-section .pain{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1.4px solid var(--line);
  border-radius:20px;padding:22px 24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 34px rgba(0,0,0,.25)}
.main-site-section .pain b{flex:none;width:52px;height:52px;border-radius:14px;background:rgba(120,140,255,.12);
  border:1px solid rgba(150,168,255,.25);display:flex;align-items:center;justify-content:center;color:var(--pur)}
.main-site-section .pain span{font-size:15.5px;line-height:1.45;color:var(--ink-soft);padding-top:4px}
@media(max-width:900px){.main-site-section .pains{grid-template-columns:1fr}}
.main-site-section .vframe{position:relative;width:100%;max-width:960px;padding-bottom:56.25%;height:0;margin:0 auto;
  border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);border:1.4px solid var(--line)}
.main-site-section .vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.main-site-section .about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(24px,3vw,44px);align-items:stretch}
.main-site-section .about-photo{border-radius:24px;overflow:hidden;border:1.4px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.4);min-height:340px}
.main-site-section .about-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:860px){.main-site-section .about-grid{grid-template-columns:1fr}
.main-site-section .about-photo{min-height:280px}}
.main-site-section .car-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.main-site-section .car-nav{display:flex;gap:10px}
.main-site-section .car-btn{width:46px;height:46px;border-radius:50%;border:1.4px solid rgba(169,155,255,.45);background:rgba(120,130,255,.06);
  color:var(--pur);font-size:22px;cursor:pointer;transition:.2s}
.main-site-section .car-btn:hover{background:rgba(120,130,255,.16);color:#fff}
.main-site-section .carousel{display:flex;gap:20px;margin-top:36px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
.main-site-section .carousel::-webkit-scrollbar{display:none}
.main-site-section .carousel .card{flex:0 0 clamp(280px,32%,360px);scroll-snap-align:start}
.main-site-section .card-img{margin:-28px -26px 18px;border-radius:22px 22px 0 0;overflow:hidden;aspect-ratio:16/9;background:#0b1130}
.main-site-section .card-img img{width:100%;height:100%;object-fit:cover;display:block}
.main-site-section .inside{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:9px}
.main-site-section .inside li{font-size:14px;color:var(--ink-soft);padding-left:24px;position:relative;line-height:1.4}
.main-site-section .inside li::before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;
  background:radial-gradient(circle,var(--mint),rgba(166,240,200,0) 70%)}
.main-site-section .car-foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px;flex-wrap:wrap;gap:12px}
.main-site-section .car-dots{display:flex;gap:8px}
.main-site-section .car-dots span{width:8px;height:8px;border-radius:50%;background:rgba(169,155,255,.3);transition:.2s}
.main-site-section .car-dots span.active{background:var(--pur);width:24px;border-radius:5px}
.main-site-section .car-hint{font-size:13px;color:var(--muted)}
.main-site-section .formats-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.main-site-section .formats-grid{grid-template-columns:1fr}}
.main-site-section .diag-card{background:linear-gradient(150deg,rgba(120,140,255,.12),rgba(80,90,200,.06));
  border:1.4px solid rgba(169,155,255,.35);border-radius:24px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.main-site-section .diag-card h3{font-size:26px;color:#fff;font-weight:400;margin-bottom:12px}
.main-site-section .diag-card p{color:var(--ink-soft);font-size:15.5px;line-height:1.5}
.main-site-section .diag-list{margin-top:22px;list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}
.main-site-section .diag-list li{position:relative;padding-left:34px;font-size:15.5px;line-height:1.45;color:var(--ink-soft)}
.main-site-section .diag-list li::before{content:'✓';position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;
  background:rgba(166,240,200,.15);color:var(--mint);font-size:13px;display:flex;align-items:center;justify-content:center;font-weight:700}
.main-site-section footer{border-top:1px solid var(--line);margin-top:20px;padding:clamp(44px,5vw,70px) 0 30px;position:relative;z-index:2}
.main-site-section .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.main-site-section .flogo{font-family:'OporaDisplay','Moula',serif;font-size:22px;color:#fff;margin-bottom:12px}
.main-site-section .ftag{font-size:14px;line-height:1.5;color:var(--muted);max-width:340px}
.main-site-section .foot h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--pur);margin-bottom:14px}
.main-site-section .flink{display:block;font-size:14px;color:var(--ink-soft);margin-bottom:9px}
.main-site-section .flink:hover{color:#fff}
.main-site-section .foot-bottom{margin-top:36px;font-size:12.5px;color:var(--muted);text-align:center}
@media(max-width:820px){.main-site-section .foot-grid{grid-template-columns:1fr}}
.main-site-section .floatvid{position:fixed;right:22px;bottom:22px;width:330px;max-width:46vw;z-index:80;
  border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.6);border:1.4px solid rgba(169,155,255,.4);
  background:#0b1130;transition:transform .35s,opacity .35s}
.main-site-section .floatvid.hidden{transform:translateY(160%);opacity:0;pointer-events:none}
.main-site-section .floatvid .fv-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,#1a1f45,#0b1130);color:var(--pur3);font-size:13px;font-weight:600}
.main-site-section .floatvid .fv-close{cursor:pointer;color:rgba(199,190,255,.7);font-size:16px;border:none;background:none}
.main-site-section .floatvid .fv-close:hover{color:var(--pur)}
.main-site-section .floatvid .fv-frame{position:relative;padding-bottom:56.25%;height:0}
.main-site-section .floatvid .fv-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:640px){.main-site-section .floatvid{width:220px;right:12px;bottom:12px}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(34px,22px) scale(1.1)}}
@keyframes sparklePulse{0%,100%{opacity:1;filter:drop-shadow(0 0 6px rgba(169,155,255,.7))}50%{opacity:.55;filter:drop-shadow(0 0 14px rgba(169,155,255,1))}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.main-site-section .stage .oglow{animation:drift 16s ease-in-out infinite}
.main-site-section .glow{animation:floatY 14s ease-in-out infinite}
.main-site-section .eyebrow::before{animation:sparklePulse 2.8s ease-in-out infinite}
.main-site-section .name .y,.main-site-section .sec-head .hl{color:#b9a9ff;-webkit-text-fill-color:#b9a9ff;background:none;text-shadow:0 0 22px rgba(169,155,255,.4)}
.main-site-section .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.main-site-section .reveal.show{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.main-site-section .reveal{opacity:1;transform:none}
.main-site-section .stage .oglow,.main-site-section .glow,.main-site-section .eyebrow::before,.main-site-section .name .y,.main-site-section .sec-head .hl{color:#b9a9ff;-webkit-text-fill-color:#b9a9ff;background:none;text-shadow:0 0 22px rgba(169,155,255,.4)}}
.main-site-section .cicon img,.main-site-section .pain b img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(130,120,255,.55))}
.main-site-section .cicon{background:rgba(120,140,255,.10);padding:12px}
.main-site-section .pain b{background:rgba(120,140,255,.10);padding:8px;width:60px;height:60px}
.main-site-section .formats-grid .cicon{width:58px;height:58px}
.main-site-section .content .btn-row{flex-wrap:nowrap;max-width:540px}
.main-site-section .content .btn-row a,.main-site-section .hero .btn-row a{justify-content:center;flex:1;min-width:0;text-align:center;white-space:nowrap}
.main-site-section .author{display:grid;grid-template-columns:.8fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.main-site-section .author-photo{height:clamp(360px,52vw,560px);position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(178,173,241,.3);box-shadow:0 0 35px rgba(115,134,229,.15)}
.main-site-section .author-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.main-site-section .author-name{position:absolute;bottom:24px;left:26px;z-index:1;font-size:19px;line-height:1.5;color:#fff;text-shadow:0 2px 12px #000}
.main-site-section .author-name small{color:var(--muted);font-size:13px}
.main-site-section .author-copy h2{font-family:'OporaDisplay','Moula',serif;font-weight:900;text-transform:uppercase;font-size:clamp(40px,5.2vw,72px);line-height:.96;color:#fff;margin:16px 0 0}
.main-site-section .author-copy h2 .y{color:#b9a9ff}
.main-site-section .author blockquote{font:normal clamp(22px,2.7vw,32px)/1.4 'Moula',Georgia,serif;margin:30px 0;border-left:3px solid #b7acff;padding-left:24px;color:#fff}
.main-site-section .author-copy p{color:var(--ink-soft);font-size:17px;line-height:1.6;margin-top:16px;max-width:600px}
@media(max-width:860px){.main-site-section .author{grid-template-columns:1fr}}
.main-site-section .vposter{position:absolute;inset:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
 background:radial-gradient(120% 120% at 50% 35%,#1a2350 0%,#0b1130 55%,#05070f 100%);overflow:hidden}
.main-site-section .vposter::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#9fb0ff 1px,transparent 1px);background-size:30px 30px;opacity:.07}
.main-site-section .vp-inner{position:relative;z-index:2;padding:0 30px}
.main-site-section .vp-eyebrow{display:inline-block;color:#c7beff;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;border:1px solid rgba(169,155,255,.4);border-radius:30px;padding:7px 18px;margin-bottom:22px}
.main-site-section .vp-title{font-family:'OporaDisplay','Moula',serif;font-weight:900;text-transform:uppercase;color:#fff;font-size:clamp(30px,4.6vw,60px);line-height:.98}
.main-site-section .vp-title span{color:#b9a9ff}
.main-site-section .vp-sub{color:#c9c6dd;font-size:clamp(14px,1.5vw,17px);margin-top:16px}
.main-site-section .vp-play{position:absolute;z-index:3;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#8B7BF5,#6C5CE7);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(120,90,240,.6);transition:.2s;top:auto;bottom:26px}
.main-site-section .vposter:hover .vp-play{transform:scale(1.08)}
.main-site-section .vp-play span{display:block;width:0;height:0;border-left:24px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:6px}
.main-site-section .diag-bg{position:absolute;inset:0;z-index:0;background:url("/assets/club-funnel/96694928a8db9577bfa5.webp") center right/cover no-repeat}
.main-site-section .diag-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05070fdd 0%,#05070fcc 45%,#05070f88 100%)}
.main-site-section .vframe{max-width:760px!important;padding-bottom:0!important;height:auto!important;aspect-ratio:16/9}
.main-site-section .vp-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.main-site-section .vposter:has(.vp-cover) .vp-inner{display:none}
.main-site-section .vp-play{bottom:auto!important;top:50%!important;left:50%;transform:translate(-50%,-50%)}
.main-site-section .vposter:hover .vp-play{transform:translate(-50%,-50%) scale(1.08)!important}
.main-site-section .stage .bg{object-position:60% center!important;filter:none!important;image-rendering:auto}
.main-site-section .stage .grid{display:none}
.main-site-section .sec-head,.main-site-section .author-copy h2,.main-site-section .vp-title,.main-site-section .cname,.main-site-section .diag-card h3,.main-site-section .flogo{font-family:'Moula','OporaDisplay',Georgia,serif!important;text-transform:uppercase!important;font-weight:400!important;letter-spacing:.02em!important}
.main-site-section .cname{font-size:clamp(18px,1.8vw,21px)!important;line-height:1.2!important}
.main-site-section .diag-card .btn-row{flex-direction:column;align-items:stretch}
.main-site-section .diag-card .btn-row a{width:100%;justify-content:center;text-align:center}
@media(max-width:860px){.main-site-section #diag .about-grid{grid-template-columns:1fr!important}}
.main-site-section .diag-card .btn-row a{min-height:58px;box-sizing:border-box}
@media(max-width:600px){.main-site-section .diag-card{padding:24px 20px}
.main-site-section .diag-card .btn-row a{padding:16px 12px;font-size:15px;white-space:nowrap}}
.main-site-section .floatvid{width:360px;max-width:calc(100vw - 24px)}
.main-site-section .floatvid[hidden]{display:none}
.main-site-section .floatvid .fv-close{width:36px;height:36px;font-size:22px}
.main-site-section .fv-poster{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#0b1130;cursor:pointer;color:inherit}
.main-site-section .fv-poster img{width:100%;height:100%;object-fit:cover;display:block}
.main-site-section .fv-poster .vp-play{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
.main-site-section button.vposter{width:100%;height:100%;border:0;color:inherit;font:inherit;padding:0}
.main-site-section [data-play-lesson]:focus-visible,.main-site-section .fv-poster:focus-visible,.main-site-section .fv-close:focus-visible{outline:3px solid #b6a7ff;outline-offset:3px}
.main-site-section #video{scroll-margin-top:100px}
.main-site-section .floatvid{bottom:var(--lesson-bottom,22px)}
.main-site-section .action-arrow{width:22px;height:22px;flex:0 0 22px;display:inline-block;vertical-align:middle}
.main-site-section .btn-yellow,.main-site-section .btn-outline,.main-site-section .nav-cta{gap:14px}
.main-site-section #formats .clink{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;align-self:flex-start;width:fit-content;min-height:48px;padding:13px 22px;border:1px solid transparent;border-radius:8px;background:#b7a7ff;color:#17132d;font-size:15px;font-weight:700;line-height:1.3;transition:background .2s,transform .2s}
.main-site-section #formats .card:hover .clink,.main-site-section #formats .card:focus-visible .clink{background:#cbbfff;transform:translateY(-2px)}
.main-site-section .foot-bottom{line-height:1.8}
.main-site-section{overflow-x:clip}
.main-site-section .nav{gap:24px}
.main-site-section .nav .logo{flex-shrink:0}
.main-site-section .nav-links{flex-wrap:wrap;justify-content:flex-end;gap:12px 22px}
.main-site-section .nav-links a{white-space:nowrap}
.main-site-section .content .hero-actions{display:grid;grid-template-columns:1.35fr .7fr 1.25fr;gap:12px;align-items:stretch;max-width:100%}
.main-site-section .content .hero-actions a{padding:16px 12px;min-height:58px;white-space:normal;font-size:15px;line-height:1.3;display:flex;align-items:center;justify-content:center}
@media(max-width:640px){.main-site-section .floatvid{right:12px;bottom:12px;width:min(360px,calc(100vw - 24px))}}
@media(max-width:600px){.main-site-section .content .btn-row{flex-direction:column;align-items:stretch;max-width:100%}
.main-site-section .content .btn-row a{flex:none;width:100%;padding:16px 14px;white-space:normal}
.main-site-section .foot-bottom{overflow-wrap:anywhere}}
@media(max-width:600px){.main-site-section .content .hero-actions{grid-template-columns:1fr}}
.main-site-section{min-height:0;background:transparent;overflow-x:clip}
