/* Business Foundations: clean light layer. Wider layout, quiet motion, one video treatment. */
.wrap{max-width:1200px!important}
h1,h2{color:var(--ink)}
.card,.tier,.item,.q,.result,.lesson,details.mod,.faq details,.panel{box-shadow:0 1px 2px rgba(20,17,15,.04),0 10px 30px -18px rgba(20,17,15,.2)}
.tier,.item,.lesson{transition:transform .3s,box-shadow .3s}
.tier:not(.hot):hover,.item:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(20,17,15,.05),0 18px 40px -18px rgba(20,17,15,.3)}
.btn{transition:transform .15s,box-shadow .2s,background .15s}
/* scroll reveal: gentle */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
/* hero with the one video */
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.hero .heroText{min-width:0}
.hero h1{max-width:none!important;font-size:clamp(38px,5vw,64px)!important}
.hero .lead{max-width:520px}
.herovid{animation:vidin 1.1s cubic-bezier(.2,.8,.2,1) .35s both}
@keyframes vidin{from{opacity:0;transform:translateX(48px) scale(.96)}to{opacity:1;transform:none}}
.vid{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#14110f;display:grid;place-items:center;text-align:center;color:#fff;cursor:pointer;box-shadow:0 2px 4px rgba(20,17,15,.1),0 30px 60px -28px rgba(20,17,15,.55)}
.vid .pl{width:76px;height:76px;border-radius:50%;background:#c8261e;display:grid;place-items:center;font-size:26px;margin:0 auto 14px;transition:transform .25s;box-shadow:0 10px 26px -8px rgba(200,38,30,.8)}
.vid:hover .pl{transform:scale(1.08)}
.vid b{font-family:var(--serif);font-size:clamp(18px,2.2vw,26px);display:block;font-weight:600}
.vid small{color:#b9b1a6}
.vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vidmini{margin:14px 0 4px;border-radius:14px}
.vidmini .pl{width:54px;height:54px;font-size:18px}
.vid.wide{max-width:900px;margin:26px auto}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:34px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* Montserrat is wide: tighten display sizes */
h1,h2,h3,.big,.brand,.logo{font-family:var(--serif)}
.hero h1{font-size:clamp(32px,4.1vw,54px)!important;font-weight:700;letter-spacing:-.03em;line-height:1.1}
h2{font-weight:700;letter-spacing:-.025em;font-size:clamp(26px,3.4vw,40px)}
h3{font-weight:700}
.big,.tier .price,.proof b{font-weight:700}
/* liquid glass over a soft wallpaper (same material as FL's GlassView, clear variant) */
body{background:#f3ece4!important;position:relative}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:
 radial-gradient(900px 600px at 6% 0%,rgba(255,150,128,.5),transparent 60%),
 radial-gradient(800px 700px at 100% 18%,rgba(140,165,255,.45),transparent 60%),
 radial-gradient(900px 600px at 40% 110%,rgba(120,225,196,.4),transparent 60%),#f3ece4}
nav{background:rgba(255,255,255,.28)!important;backdrop-filter:blur(16px) saturate(2.1) brightness(1.06)!important;-webkit-backdrop-filter:blur(16px) saturate(2.1) brightness(1.06)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.7)!important;box-shadow:inset 0 -1px .5px rgba(255,255,255,.35),0 10px 30px -12px rgba(15,23,42,.18)}
.card:not(.hot),.tier:not(.hot),.item,.q,.result,.lesson,details.mod,.faq details{background:rgba(255,255,255,.62)!important;backdrop-filter:blur(30px) saturate(1.8);-webkit-backdrop-filter:blur(30px) saturate(1.8);border:1px solid rgba(255,255,255,.85)!important;box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(15,23,42,.07),0 16px 40px -16px rgba(15,23,42,.22)!important}
.btn.ghost{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.9)!important;backdrop-filter:blur(12px)}
.btn.ghost:hover{background:#17131f!important;color:#fff}
#score{background:transparent!important}
.seg button,.cal button,.wk button,.chk label,select,input[type=number],.doc{background:rgba(255,255,255,.7)!important}
.vid{border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 .5px rgba(15,23,42,.2),0 30px 60px -28px rgba(20,17,15,.6)}
footer{border-top:1px solid rgba(23,19,31,.1)}

/* tier: the $97 card keeps its dark face and visible price */
.tier.hot{background:linear-gradient(160deg,#241b33,#14101c)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}
.tier.hot .price,.tier.hot li,.tier.hot .for{color:#fff!important}.tier.hot .for{color:#d9d1ea!important}
.tier .price{color:var(--ink)}
/* full-width section bands that change the whole background */
.band{padding:110px 0!important;position:relative}
.band .bandtag{display:inline-block;font:700 13px var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:9px 16px;border-radius:99px;margin-bottom:18px}
.band h2{font-size:clamp(34px,5.4vw,70px)!important;line-height:1.04!important;max-width:820px;letter-spacing:-.035em;color:#fff}
.band .lead{color:rgba(255,255,255,.78)!important;font-size:clamp(17px,2vw,22px)}
.bandhead{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;flex-wrap:wrap;margin-bottom:46px}
.bandprice{text-align:left;min-width:240px}.bandprice b{display:block;font:800 clamp(72px,10vw,132px)/.9 var(--sans);letter-spacing:-.05em;color:#fff}
.bandprice span{display:block;color:rgba(255,255,255,.7);font-weight:600;margin:6px 0 18px}
.kitband{background:transparent!important}
.kitband .bandtag{background:rgba(255,255,255,.12);color:#ffb3a9}
.kitband .item{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;backdrop-filter:blur(14px)}
.kitband .item h3{color:#fff}.kitband .item p{color:rgba(255,255,255,.7)}.kitband .item .n{background:rgba(255,255,255,.12);color:#ffb3a9}
.courseband{background:transparent!important}
.courseband .bandtag{background:rgba(255,255,255,.14);color:#b9ccff}
.courseband .btn.primary{background:#fff!important;color:#16284a!important;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
/* video skeleton cards */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;grid-auto-flow:dense}
.vc{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:12px;cursor:pointer;transition:transform .3s,background .3s;color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.vc:hover{transform:translateY(-4px);background:rgba(255,255,255,.16)}
.vf{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#2a1d3a,#120d1b);display:grid;place-items:center}
.vf:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.16) 48%,transparent 62%);background-size:260% 100%;animation:vshim 2.6s linear infinite}
@keyframes vshim{from{background-position:140% 0}to{background-position:-140% 0}}
.vnum{position:absolute;left:14px;top:8px;font:800 44px/1 var(--sans);color:rgba(255,255,255,.22);letter-spacing:-.04em}
.vplay{width:54px;height:54px;border-radius:50%;background:#c8261e;display:grid;place-items:center;font-size:18px;box-shadow:0 10px 24px -8px rgba(0,0,0,.6);transition:transform .35s}
.vc:hover .vplay{transform:scale(1.12)}
.vdur{position:absolute;right:10px;bottom:22px;background:rgba(0,0,0,.6);padding:3px 9px;border-radius:7px;font:700 11px var(--sans)}
.vskel{position:absolute;left:14px;bottom:14px;display:flex;gap:6px}.vskel i{display:block;height:6px;width:46px;border-radius:9px;background:rgba(255,255,255,.2)}.vskel i:nth-child(2){width:28px}.vskel i:nth-child(3){width:18px}
.vprog{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.14)}.vprog b{display:block;height:100%;width:0;background:#ff5a4f;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.vt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 6px 6px}.vt b{font-size:16px}.vt span{color:rgba(255,255,255,.6);font-size:12px;font-weight:600;white-space:nowrap}
.vbody{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1)}
.vbody>.vin{overflow:hidden;min-height:0;opacity:0;transition:opacity .4s .12s;padding:0 6px}
.vc.open{grid-column:1/-1;background:rgba(255,255,255,.18);animation:vopen .5s cubic-bezier(.2,.8,.2,1)}
@keyframes vopen{from{transform:scale(.97)}to{transform:none}}
.vc.open .vbody{grid-template-rows:1fr}.vc.open .vbody>.vin{opacity:1;padding:8px 6px 10px}
.vc.open .vprog b{width:38%}
.vc.open .vf{aspect-ratio:21/6}
.vc.open .vplay{width:68px;height:68px;font-size:22px}
.vc .vf{transition:aspect-ratio .5s}
.vcap{font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#b9ccff;margin:6px 0 8px}
.vin ul{list-style:none;padding:0;display:grid;gap:8px}
.vin li{padding:11px 16px;border-radius:12px;background:rgba(255,255,255,.1);font-weight:600;font-size:15px;opacity:0;transform:translateX(-14px);transition:.4s}
.vc.open .vin li{opacity:1;transform:none}.vc.open .vin li:nth-child(2){transition-delay:.12s}.vc.open .vin li:nth-child(3){transition-delay:.22s}.vc.open .vin li:nth-child(4){transition-delay:.3s}
.vin p{color:rgba(255,255,255,.65)!important;font-size:13.5px;margin-top:12px}
@media(max-width:900px){.vgrid{grid-template-columns:1fr}.bandhead{align-items:flex-start}}
/* checkout modal: liquid glass */
.co{position:fixed;inset:0;z-index:100;background:rgba(23,19,31,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;animation:fadein .25s}
.co[hidden]{display:none}
@keyframes fadein{from{opacity:0}}
.cobox{position:relative;width:min(480px,100%);border-radius:30px;padding:34px;background:rgba(255,255,255,.62);backdrop-filter:blur(34px) saturate(2);-webkit-backdrop-filter:blur(34px) saturate(2);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 40px 100px -20px rgba(15,23,42,.55);animation:pop .4s cubic-bezier(.2,.9,.3,1.1)}
@keyframes pop{from{opacity:0;transform:translateY(20px) scale(.96)}}
.cobox h3{font-size:30px;margin:6px 0 6px;letter-spacing:-.025em}.cosub{color:var(--mute);font-size:15px;margin-bottom:18px}
.cobox label{display:block;font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-top:12px}
.cobox input,.cobox select{display:block;width:100%;margin-top:6px;font:500 16px var(--sans);padding:13px 14px;border-radius:14px;border:1px solid rgba(23,19,31,.12);background:rgba(255,255,255,.8);color:#17131f}
.cobox .btn{width:100%;margin-top:20px;padding:16px}
.coclose{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer;color:var(--mute)}
.cosafe{margin-top:14px;font-size:12.5px;color:var(--mute);text-align:center}
.cotest{margin-top:12px;padding:10px 14px;border-radius:12px;background:#fff4d6;color:#7a5a00;font-size:12.5px;font-weight:600;text-align:center}
.kitband{background:transparent!important}

/* whole-page background that changes with the section on screen */
.bgx{position:fixed;inset:0;z-index:-1;opacity:0;transition:opacity 1s ease;pointer-events:none;overflow:hidden}
.bgx i{position:absolute;border-radius:50%;filter:blur(110px);animation:bgdrift 16s ease-in-out infinite alternate}
@keyframes bgdrift{to{transform:translate(80px,60px) scale(1.2)}}
.bgk{background:radial-gradient(1100px 700px at 80% 10%,#4a1f2b,transparent 60%),radial-gradient(900px 700px at 10% 100%,#2a1b45,transparent 60%),#120e19}
.bgk i:nth-child(1){width:520px;height:520px;background:#c8261e;opacity:.32;right:-120px;top:-100px}
.bgk i:nth-child(2){width:480px;height:480px;background:#6a3cff;opacity:.22;left:-140px;bottom:-120px;animation-delay:-6s}
.bgc{background:linear-gradient(150deg,#0a1a2f 0%,#0b3a4a 55%,#0e5a5a 100%)}
.bgc i:nth-child(1){width:600px;height:600px;background:#27b3a6;opacity:.28;left:-160px;top:20%}
.bgc i:nth-child(2){width:520px;height:520px;background:#3b6bff;opacity:.3;right:-120px;bottom:-140px;animation-delay:-5s}
body[data-t="kit"] .bgk,body[data-t="course"] .bgc{opacity:1}
/* nav follows the section: light text over dark backgrounds */
nav,nav .logo,nav .logo b,nav .by{transition:background .6s,color .6s,border-color .6s}
.logo .by{display:inline-block;margin-left:10px;font:600 12px var(--sans);letter-spacing:.04em;color:var(--mute);vertical-align:2px}
body[data-t="kit"] nav,body[data-t="course"] nav{background:rgba(10,8,18,.42)!important;border-bottom-color:rgba(255,255,255,.14)!important}
body[data-t="kit"] nav .logo,body[data-t="course"] nav .logo{color:#fff}
body[data-t="kit"] nav .logo b,body[data-t="course"] nav .logo b{color:#ffb3a9}
body[data-t="kit"] nav .by,body[data-t="course"] nav .by{color:rgba(255,255,255,.65)}
body[data-t="kit"] #navbtn,body[data-t="course"] #navbtn{background:#fff!important;color:#17131f!important;box-shadow:0 10px 26px -10px rgba(0,0,0,.6)}
#navbtn{transition:background .5s,color .5s,transform .15s}
@media(max-width:700px){.logo .by{display:none}}
/* sticky buy bar: bottom middle, prominent */
#sticky{position:fixed;left:50%;bottom:22px;z-index:50;transform:translate(-50%,160%);transition:transform .6s cubic-bezier(.2,.9,.3,1.1);pointer-events:none}
body[data-t="kit"] #sticky,body[data-t="course"] #sticky{transform:translate(-50%,0);pointer-events:auto}
#sticky .skin{display:flex;align-items:center;gap:22px;padding:12px 12px 12px 30px;border-radius:99px;background:rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(2.1);-webkit-backdrop-filter:blur(20px) saturate(2.1);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px .5px rgba(255,255,255,.8),0 24px 60px -12px rgba(0,0,0,.65)}
#sticky small{display:block;color:rgba(255,255,255,.75);font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase}
#sticky b{display:block;color:#fff;font:800 28px/1.05 var(--sans);letter-spacing:-.03em}
#sticky .btn{padding:20px 40px;font-size:19px;animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,90,79,.6)}70%{box-shadow:0 0 0 18px rgba(255,90,79,0)}100%{box-shadow:0 0 0 0 rgba(255,90,79,0)}}
@media(max-width:600px){#sticky{width:calc(100% - 24px);bottom:12px}#sticky .skin{justify-content:space-between;gap:10px;padding:10px 10px 10px 20px}#sticky .btn{padding:16px 22px;font-size:16px}}
/* checkout: wide, two columns, heavier blur, motion */
.co{background:rgba(12,8,20,.68)!important;backdrop-filter:blur(22px) saturate(1.3)!important;-webkit-backdrop-filter:blur(22px) saturate(1.3)!important}
.cx{position:relative;width:min(940px,100%);display:grid;grid-template-columns:.9fr 1.1fr;border-radius:34px;overflow:hidden;box-shadow:0 60px 140px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.25);animation:cxin .55s cubic-bezier(.2,.9,.3,1.08)}
@keyframes cxin{from{opacity:0;transform:translateY(34px) scale(.95)}}
.cl{position:relative;padding:44px 38px;background:linear-gradient(160deg,#1a1326,#0d0a14);color:#fff;overflow:hidden}
.co[data-k="course"] .cl{background:linear-gradient(160deg,#0b2a3f,#08141f)}
.cglow{position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(80px);background:#c8261e;opacity:.45;right:-140px;top:-120px;animation:bgdrift 9s ease-in-out infinite alternate}
.co[data-k="course"] .cglow{background:#27b3a6}
.cl>*:not(.cglow){position:relative}
.cl .eyebrow{color:#ffb3a9}.co[data-k="course"] .cl .eyebrow{color:#9ff0e6}
.cl h3{font-size:clamp(28px,3.4vw,40px);margin:8px 0 14px;color:#fff;letter-spacing:-.03em}
.cprice{display:flex;align-items:baseline;gap:10px;margin-bottom:22px}.cprice b{font:800 clamp(54px,6vw,76px)/1 var(--sans);letter-spacing:-.05em}.cprice span{color:rgba(255,255,255,.65);font-weight:600}
.cchecks{list-style:none;padding:0;display:grid;gap:12px}
.cchecks li{display:flex;gap:12px;align-items:center;font-weight:600;font-size:15px;opacity:0;transform:translateX(-14px);animation:cin .5s forwards}
.cchecks li:before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:#2fe39a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23052' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain}
@keyframes cin{to{opacity:1;transform:none}}
.ctrust{margin-top:28px;display:grid;gap:8px;font-size:13px;color:rgba(255,255,255,.7);font-weight:600}
.cr{position:relative;padding:44px 40px;background:rgba(255,255,255,.82);backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6)}
.cr h4{font:700 24px var(--sans);letter-spacing:-.02em;margin-bottom:6px}
.cr .cosub{margin-bottom:18px}
#coform{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}
#coform label{margin-top:12px;opacity:0;transform:translateY(12px);animation:cin .5s forwards}
#coform .f1,#coform .f2{grid-column:1/-1}
#coform .f1{animation-delay:.18s}#coform .f2{animation-delay:.26s}#coform .f3{animation-delay:.34s}#coform .f4{animation-delay:.42s}
#coform input,#coform select{transition:box-shadow .25s,border-color .25s,transform .25s}
#coform input:focus,#coform select:focus{outline:0;border-color:#c8261e;box-shadow:0 0 0 4px rgba(200,38,30,.15);transform:translateY(-1px)}
.cgo{grid-column:1/-1;position:relative;overflow:hidden;margin-top:22px!important;padding:18px!important;font-size:16.5px!important;animation:cin .5s .5s both}
.cgo:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);background-size:250% 100%;animation:sheen2 3.2s linear infinite}
@keyframes sheen2{from{background-position:140% 0}to{background-position:-140% 0}}
.cr .coclose{display:none}
.cx>.coclose{position:absolute;right:16px;top:12px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.7);font-size:24px;cursor:pointer;color:#17131f}
@media(max-width:820px){.cx{grid-template-columns:1fr;max-height:94vh;overflow:auto}.cl{padding:30px 26px}.cr{padding:28px 24px}.cchecks{grid-template-columns:1fr 1fr}.ctrust{display:none}}

.cr .cosub{color:var(--mute);font-size:15px}
.cr label{display:block;font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.cr input,.cr select{display:block;width:100%;margin-top:7px;font:500 16px var(--sans);letter-spacing:0;text-transform:none;padding:14px 15px;border-radius:14px;border:1px solid rgba(23,19,31,.14);background:rgba(255,255,255,.9);color:#17131f}
.cr .cosafe{margin-top:14px;font-size:12.5px;color:var(--mute);text-align:center}
.cr .cotest{margin-top:12px;padding:10px 14px;border-radius:12px;background:#fff4d6;color:#7a5a00;font-size:12.5px;font-weight:600;text-align:center}

/* answer buttons keep readable text once chosen */
.seg button.on[data-v="2"]{background:var(--ok)!important;border-color:var(--ok)!important;color:#fff!important}
.seg button.on[data-v="1"]{background:var(--warn)!important;border-color:var(--warn)!important;color:#fff!important}
.seg button.on[data-v="0"]{background:var(--bad)!important;border-color:var(--bad)!important;color:#fff!important}
.cal button.sel{background:#17131f!important;border-color:#17131f!important;color:#fff!important}
.wk button.d{background:var(--ok)!important;border-color:var(--ok)!important;color:#fff!important}
.btn.ghost.on{background:#17131f!important;color:#fff!important}
.seg button{transition:background .25s,color .25s,transform .15s}.seg button:active{transform:scale(.97)}
/* custom pickers */
.pick{display:flex;align-items:center;gap:12px;width:100%;font:600 16px var(--sans);padding:13px 16px;border-radius:14px;border:1.5px solid rgba(23,19,31,.12);background:rgba(255,255,255,.78);color:#17131f;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}
.pick:hover{border-color:#c8261e;transform:translateY(-1px);box-shadow:0 8px 20px -10px rgba(200,38,30,.5)}
.pick .pi{font-size:20px}.pick span:nth-child(2){flex:1}.pick i{font-style:normal;font-size:24px;color:var(--mute)}
.pick:not(.set) #statelab{color:var(--mute);font-weight:500}
.entnote{display:none;margin:0 0 18px;padding:14px 16px;border-radius:14px;background:rgba(36,87,197,.08);border:1px solid rgba(36,87,197,.18);font-size:14px;line-height:1.55;color:#2a2f4a}
.entnote.show{display:block;animation:fadein .35s}
.pk{position:fixed;inset:0;z-index:130;background:rgba(12,8,20,.66);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);display:grid;place-items:center;padding:18px;animation:fadein .25s}
.pk[hidden]{display:none}
.pkbox{position:relative;width:min(860px,100%);max-height:90vh;overflow:auto;border-radius:30px;padding:34px;background:rgba(255,255,255,.82);backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 50px 120px -24px rgba(0,0,0,.7);animation:cxin .5s cubic-bezier(.2,.9,.3,1.08)}
.pkbox h3{font-size:clamp(24px,3vw,34px);margin:6px 0 6px;letter-spacing:-.03em}
.pksub{color:var(--mute);font-size:15px;margin-bottom:16px}
.pkx{position:absolute;right:16px;top:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(23,19,31,.08);font-size:24px;cursor:pointer;color:#17131f}
.pksearch{width:100%;font:500 17px var(--sans);padding:15px 18px;border-radius:16px;border:1.5px solid rgba(23,19,31,.14);background:#fff;margin-bottom:16px}
.pksearch:focus{outline:0;border-color:#c8261e;box-shadow:0 0 0 4px rgba(200,38,30,.14)}
.stgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:52vh;overflow:auto;padding:2px}
.stt{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1.5px solid rgba(23,19,31,.1);background:rgba(255,255,255,.8);cursor:pointer;text-align:left;font:inherit;color:#17131f;transition:transform .2s,border-color .2s,box-shadow .2s;opacity:0;animation:cin .35s forwards}
.stt:hover{transform:translateY(-2px);border-color:#c8261e;box-shadow:0 10px 22px -12px rgba(200,38,30,.5)}
.stt.on{border-color:#c8261e;background:#fff4f2}
.stt .sb{flex:none;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#17131f,#3a2f55);color:#fff;font:800 14px/42px var(--sans);text-align:center;letter-spacing:.02em}
.stt .sn{font-weight:700;font-size:14.5px;line-height:1.25}.stt .sn small{display:block;color:var(--mute);font-weight:500;font-size:12px;margin-top:2px}
.entgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.entc{position:relative;text-align:left;padding:22px;border-radius:22px;border:1.5px solid rgba(23,19,31,.1);background:rgba(255,255,255,.85);cursor:pointer;font:inherit;color:#17131f;display:flex;flex-direction:column;gap:6px;transition:transform .25s,box-shadow .25s,border-color .25s;opacity:0;animation:cin .45s forwards}
.entc:nth-child(2){animation-delay:.06s}.entc:nth-child(3){animation-delay:.12s}.entc:nth-child(4){animation-delay:.18s}.entc:nth-child(5){animation-delay:.24s}
.entc:hover{transform:translateY(-4px);border-color:var(--c);box-shadow:0 18px 36px -18px var(--c)}
.entc.on{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.entc .ei{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:color-mix(in srgb,var(--c) 14%,white)}
.entc b{font:800 20px var(--sans);letter-spacing:-.02em;margin-top:6px}.entc em{font-style:normal;font-weight:600;font-size:13px;color:var(--c)}
.entc .ed{font-size:14px;line-height:1.55;color:#3a3450}.entc .eb{font-size:12.5px;font-weight:600;color:var(--mute);margin-top:4px}
@media(max-width:760px){.stgrid{grid-template-columns:1fr 1fr}.entgrid{grid-template-columns:1fr}.pkbox{padding:26px 20px}}

.ic{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}
.ic.play{fill:currentColor;stroke:none;margin-left:.08em}
.pick .pi .ic{width:20px;height:20px}
.entc .ei .ic{width:26px;height:26px;stroke:var(--c)}
.ctrust .ic{width:15px;height:15px;margin-right:6px;vertical-align:-3px}
.pl .ic.play{width:.9em;height:.9em}

/* modals grow out of the control that opened them: no screen blur, no centered pop */
.co,.pk{background:rgba(20,16,28,.30)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:fadein .2s}
.cx,.pkbox{animation:none!important}
.cr{background:#fbf8f3!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.pkbox{background:#fbf8f3!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* done-for-you offer */
.dfy2{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;text-align:left!important;padding:56px!important;align-items:start}
.dfy2 h2{font-size:clamp(28px,3.6vw,46px)!important;margin:10px 0 18px;max-width:none;color:#fff;-webkit-text-fill-color:#fff}
.dfyprice{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:14px}.dfyprice b{font:800 clamp(56px,7vw,92px)/1 var(--sans);letter-spacing:-.05em;color:#fff}.dfyprice span{color:rgba(255,255,255,.7);font-weight:600}
.dfy2 p{margin:0 0 24px!important;max-width:460px}
.dfyr{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dg{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:20px 22px}
.dg h4{font:700 15px var(--sans);letter-spacing:.02em;color:#ffb3a9;margin-bottom:10px}
.dg ul{list-style:none;padding:0;display:grid;gap:8px}
.dg li{font-size:14.5px;line-height:1.4;color:rgba(255,255,255,.9);padding-left:20px;position:relative}
.dg li:before{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%;background:#2fe39a}
@media(max-width:900px){.dfy2{grid-template-columns:1fr;padding:34px 24px!important;gap:30px}.dfyr{grid-template-columns:1fr}}

.dfyflow{margin-top:70px}
.dfh{font-size:clamp(26px,3.4vw,42px);margin:10px 0 30px;letter-spacing:-.03em}
.dsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
.dsteps:before{content:"";position:absolute;left:6%;right:6%;top:26px;height:3px;border-radius:3px;background:linear-gradient(90deg,#c8261e,#ff7a6e);transform-origin:left;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.8,.2,1) .2s}
.dfyflow.in .dsteps:before{transform:scaleX(1)}
.ds{position:relative;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:22px;box-shadow:0 16px 40px -20px rgba(15,23,42,.3);opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.dfyflow.in .ds{opacity:1;transform:none}.dfyflow.in .ds:nth-child(2){transition-delay:.15s}.dfyflow.in .ds:nth-child(3){transition-delay:.3s}.dfyflow.in .ds:nth-child(4){transition-delay:.45s}
.dn{width:52px;height:52px;border-radius:50%;background:#17131f;color:#fff;font:800 20px/52px var(--sans);text-align:center;margin-bottom:14px;box-shadow:0 0 0 6px #f3ece4}
.ds b{display:block;font-size:17px;margin-bottom:2px}.ds small{display:block;color:#c8261e;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.ds p{font-size:14px;line-height:1.55;color:#4a4560;margin:0}
.dwalk{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:34px 0 6px}
.dwalk .dw{margin-right:6px}.dwalk .dw b{font-size:15px}
.dwalk span{padding:10px 18px;border-radius:99px;background:#17131f;color:#fff;font-weight:600;font-size:14px}
.dfit{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:30px}
.df{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:28px;box-shadow:0 16px 40px -20px rgba(15,23,42,.3)}
.df h4{font:800 20px var(--sans);letter-spacing:-.02em;margin-bottom:14px}
.df ul{list-style:none;padding:0;display:grid;gap:12px}.df li{padding-left:28px;position:relative;font-weight:600;font-size:15px;line-height:1.5}
.df li:before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#1f7a4d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain}
.df.alt{background:rgba(23,19,31,.06)}.df.alt p{color:#4a4560;font-size:15px;line-height:1.6;margin-bottom:18px}
@media(max-width:900px){.dsteps{grid-template-columns:1fr}.dsteps:before{display:none}.dfit{grid-template-columns:1fr}}

/* phone polish */
@media(max-width:600px){
  nav .wrap{gap:8px;padding:0 14px!important}
  .logo{font-size:15px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
  #navbtn{padding:9px 14px!important;font-size:13px!important;min-height:40px;white-space:nowrap;flex:none}
  .cx{max-height:92dvh;overflow:auto;border-radius:26px}
  .cl{padding:22px 24px!important}.cl .cchecks,.cl .ctrust{display:none}.cl h3{margin:4px 0 6px;font-size:26px}.cprice{margin-bottom:0}.cprice b{font-size:46px}
  .cr{padding:22px 22px 26px!important}.cr h4{font-size:20px}
  #coform{grid-template-columns:1fr}
  .cx>.coclose{top:10px;right:10px}
  .pkbox{max-height:92dvh;border-radius:24px}
  .stgrid{max-height:48dvh}
  .band{padding:76px 0!important}
  .bandprice b{font-size:72px}
  #sticky .skin{box-shadow:0 18px 44px -10px rgba(0,0,0,.7)}
  .dfy2 .dfyprice b{font-size:56px}
}
@media(pointer:coarse){
  .btn,.pick{min-height:46px}
  .seg button,.cal button,.wk button,.tabs button{min-height:44px}
  .chk label{min-height:46px}
}
.co,.pk{overscroll-behavior:contain}

/* phone top row: stack the name so it can never run into the button */
@media(max-width:600px){
  nav .wrap{height:58px}
  .logo{display:flex!important;flex-direction:column;line-height:1.08;font-size:13.5px!important;white-space:normal!important;overflow:visible!important}
  .top a.b{display:flex;flex-direction:column;line-height:1.08;font-size:13px;white-space:normal}
  .top .wrap{gap:10px}
}
@media(max-width:360px){#navbtn{padding:9px 11px!important;font-size:12px!important}.logo{font-size:12.5px!important}}

/* hero background: a faint, slow loop of real work, always under a cream wash */
.hero{position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:1}
.herobg{position:absolute;inset:0;z-index:0;background:url(video/hero-poster.jpg) center/cover no-repeat;pointer-events:none}
.herobg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease;filter:saturate(.9) contrast(1)}
.herobg.on video{opacity:1}
.herobg:before{content:"";position:absolute;inset:0;background:rgba(243,236,228,.22)}
.herobg i{position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,236,228,.92) 0%,rgba(243,236,228,.78) 42%,rgba(243,236,228,.30) 100%),linear-gradient(180deg,rgba(243,236,228,0) 60%,#f3ece4 100%)}
@media(max-width:900px){.herobg i{background:linear-gradient(180deg,rgba(243,236,228,.86) 0%,rgba(243,236,228,.74) 70%,#f3ece4 100%)}}
@media print,(prefers-reduced-motion:reduce){.herobg video{display:none}}

/* one floating pill instead of a full top bar (landing page) */
nav{position:fixed!important;top:14px!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:max-content!important;max-width:calc(100vw - 24px);border-radius:99px!important;border:1px solid rgba(255,255,255,.8)!important;background:rgba(255,255,255,.34)!important;box-shadow:inset 0 1px .5px rgba(255,255,255,.95),0 0 0 .5px rgba(15,23,42,.1),0 16px 40px -12px rgba(15,23,42,.28)!important;z-index:60;overflow:visible}
nav .wrap{max-width:none!important;width:auto!important;height:auto!important;margin:0!important;padding:7px 7px 7px 22px!important;display:flex;align-items:center;justify-content:flex-start;gap:18px}
nav .logo{white-space:nowrap}
#navbtn{padding:11px 20px!important}
body[data-t="kit"] nav,body[data-t="course"] nav{background:rgba(10,8,18,.46)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 16px 40px -12px rgba(0,0,0,.6)!important}
.hero{padding-top:128px!important}
@media(max-width:600px){nav{top:10px!important}nav .wrap{padding:6px 6px 6px 16px!important;gap:12px}.hero{padding-top:104px!important}}
/* very small phones: nothing may be wider than the screen */
.sc{grid-template-columns:minmax(0,1fr)}
@media(min-width:861px){.sc{grid-template-columns:1.15fr .85fr}}
.sc>*{min-width:0}
.pick{min-width:0}.pick span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setup>div{min-width:0}
@media(max-width:420px){.sc .q{padding:20px 16px!important}.qrow .t{font-size:15px}}
.share{flex-wrap:wrap}.share .btn{min-width:0}
@media(max-width:420px){.result{padding:22px 16px!important}}

.navfree{font:600 14px var(--sans);color:var(--ink);text-decoration:none;padding:8px 6px;white-space:nowrap}
.navfree:hover{text-decoration:underline}
body[data-t="kit"] .navfree,body[data-t="course"] .navfree{color:#fff}
.btn.dark{background:#17131f!important;color:#fff!important;border:0!important}
.freelink{display:block;text-align:center;margin-top:12px;font-weight:700;font-size:14px;color:var(--red);text-decoration:none}
.freelink:hover{text-decoration:underline}
@media(max-width:460px){.navfree{display:none}}

.whyvid{background-size:cover;background-position:center}
.whyvid:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,28,.15),rgba(20,16,28,.6))}
.whyvid>div{position:relative;z-index:1}
.vid video{background:#000;z-index:2}

video::cue{background:rgba(23,19,31,.78);color:#fff;font:600 18px "Montserrat",sans-serif;line-height:1.35}
@media(max-width:600px){video::cue{font-size:15px}}

.fvid{width:100%;max-width:760px;border-radius:16px;background:#000;display:block;margin:8px 0}

/* performance: no backdrop blur on the many content cards (nothing sits behind them that needs blurring); glass stays on the header pill, sticky bar and windows */
.card,.tier,.item,.q,.result,.lesson,details.mod,.faq details,.nt,.vc,.panel,.col,.bk,.dg,.ds,.df,.kitband .item,.statecard,.note{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.card:not(.hot),.tier:not(.hot),.q,.result,.lesson,details.mod,.faq details,.nt,.ds,.df{background:rgba(255,255,255,.84)!important}
/* soft color fields without blur filters or endless animation */
.bgx i{filter:none!important;animation:none!important;-webkit-mask-image:radial-gradient(circle,#000 0,transparent 68%);mask-image:radial-gradient(circle,#000 0,transparent 68%)}
.herobg video{will-change:auto}
.vf:before{animation:none}
@media(prefers-reduced-motion:no-preference){.vc:hover .vf:before{animation:vshim 2.6s linear infinite}}
.sticky-glass,#sticky .skin{backdrop-filter:blur(14px) saturate(1.6)!important;-webkit-backdrop-filter:blur(14px) saturate(1.6)!important}
/* the dark kit section keeps its dark glass cards (the light-card rule above must not reach them) */
.kitband .card.item,.kitband .item{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important}
.kitband .item h3{color:#fff!important}.kitband .item p{color:rgba(255,255,255,.72)!important}
.courseband .vc{background:rgba(255,255,255,.1)!important}