:root{--g:#f5c542;--g2:#fff1b8;--g3:#c98a2b;--bg:#060605;--bg2:#0d0c09;--txt:#f6f2e8;--mut:rgba(246,242,232,.74);--dim:rgba(246,242,232,.5);--line:rgba(245,197,66,.16);--line2:rgba(245,197,66,.34);--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--disp:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg)}
body{font:16px/1.65 var(--sans);color:var(--txt);background:radial-gradient(120% 60% at 50% -10%,rgba(245,197,66,.10),transparent 60%) no-repeat,var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--g);text-decoration:none}
::selection{background:var(--g);color:#000}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 22px}.narrow{max-width:760px}
.gold{background:linear-gradient(100deg,#fff1b8,#f5c542 40%,#c98a2b 75%,#f5c542);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font:600 11px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--g);display:flex;align-items:center;gap:12px;margin-bottom:18px}
.eyebrow:before{content:"";width:26px;height:1px;background:var(--g)}
.c{justify-content:center;text-align:center;margin-left:auto;margin-right:auto}
.h1{font:700 clamp(46px,12.5vw,112px)/.98 var(--disp);letter-spacing:-.035em}
.h1.sm{font-size:clamp(38px,9vw,72px)}
.h2{font:700 clamp(32px,8.4vw,60px)/1.04 var(--disp);letter-spacing:-.03em;margin-bottom:18px}
h3{font:650 20px/1.25 var(--disp);letter-spacing:-.01em;margin-bottom:8px}
.lead{font-size:clamp(17px,4.4vw,20px);color:var(--mut);max-width:620px}.lead+.lead{margin-top:14px}
.tag{font:italic 500 clamp(22px,6vw,30px)/1.3 var(--serif);color:var(--g2);margin:22px 0 14px}
.small{font-size:13px;color:var(--dim);margin-top:22px;text-align:center}.left{text-align:left}
/* nav */
.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;padding-top:max(12px,env(safe-area-inset-top));background:rgba(6,6,5,.92);border-bottom:1px solid var(--line)}
.links{display:flex;align-items:center;gap:6px}.links a{color:var(--mut);font-size:14px;font-weight:500;padding:8px 10px}.links a.hm{display:none}
.links .btn{padding:10px 16px;font-size:14px;color:#140e00}
@media(min-width:860px){.links a.hm{display:inline}.nav{padding:14px 5vw}}
/* logo (from amazon.kngx.ca) */
.kx-logo{display:inline-flex;align-items:center;gap:6px;position:relative;isolation:isolate;animation:kxLogoArrive .75s cubic-bezier(.2,1.35,.3,1) both;min-width:132px}
.kx-logo::before{content:"";position:absolute;z-index:-1;left:-2px;top:50%;width:34px;height:34px;margin-top:-17px;border:1px solid rgba(217,178,90,.35);border-radius:50%;animation:kxLogoHalo 2.8s ease-out infinite;pointer-events:none}
.kx-crown{display:inline-grid;place-items:center;width:30px;height:30px;line-height:0;animation:kxCrownFloat 3.4s ease-in-out infinite;transform-origin:50% 80%}
.kx-crown svg{overflow:visible}
.kx-crown-shine{animation:kxCrownShine 3.4s cubic-bezier(.6,0,.3,1) infinite}
.kx-gem{transform-box:fill-box;transform-origin:center;animation:kxGem 2.2s ease-in-out infinite}.kx-gem.g2{animation-delay:.4s}.kx-gem.g3{animation-delay:.8s}.kx-gem.g4{animation-delay:1.2s}
.kx-logo.kx-tap .kx-crown{animation:kxCrownTap .7s cubic-bezier(.2,1.45,.3,1) both}
.kx-logo-stage{position:relative;display:inline-grid;align-items:center;width:86px;height:30px}
.kx-word{grid-area:1/1;white-space:nowrap;font:800 19px/1 var(--disp);letter-spacing:.08em;color:#00c9a7}
.kx-word-course{opacity:0;font-size:13px;letter-spacing:.06em;color:var(--g)}
.kx-logo-canvas{width:118px}.kx-logo-canvas .kx-word{visibility:hidden}
.kx-logo-dots{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:none}
@keyframes kxLogoArrive{from{opacity:0;transform:translateX(-18px) scale(.82)}to{opacity:1;transform:none}}
@keyframes kxLogoHalo{0%,38%{opacity:.55;transform:scale(.65)}75%,100%{opacity:0;transform:scale(1.65)}}
@keyframes kxCrownFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-2px) rotate(4deg)}}
@keyframes kxCrownShine{0%,55%{transform:translateX(0) skewX(-20deg)}100%{transform:translateX(60px) skewX(-20deg)}}
@keyframes kxGem{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.65}}
@keyframes kxCrownTap{0%{transform:rotate(-6deg)}45%{transform:translateY(-9px) rotate(18deg) scale(1.3)}100%{transform:rotate(-6deg)}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:14px 24px;border-radius:999px;font:600 15px/1 var(--sans);letter-spacing:.01em;border:1px solid transparent;cursor:pointer;transition:transform .2s,opacity .2s;-webkit-tap-highlight-color:transparent;text-align:center}
.btn:active{transform:scale(.97)}
.btn.p{background:linear-gradient(180deg,#ffe07a,#f5c542 45%,#d99a2e);color:#140e00;box-shadow:0 8px 24px -10px rgba(245,197,66,.6),inset 0 1px 0 rgba(255,255,255,.5)}
.btn.o{background:transparent;color:var(--txt);border-color:var(--line2)}
.btn.wide{width:100%;margin-top:8px}.btn:disabled{opacity:.6}
@media(hover:hover){.btn:hover{transform:translateY(-2px)}.btn.o:hover{border-color:var(--g);color:var(--g)}}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
@media(max-width:520px){.hero .ctas .btn,.final .ctas .btn{width:100%}}
/* layout */
.hero{padding:clamp(64px,16vw,150px) 0 clamp(56px,10vw,110px)}
.sec{padding:clamp(64px,13vw,128px) 0;border-top:1px solid rgba(245,197,66,.07)}
.split{display:grid;gap:40px}
@media(min-width:900px){.split{grid-template-columns:1.15fr .85fr;align-items:center;gap:64px}}
.grid3{display:grid;gap:16px;margin-top:40px}
@media(min-width:760px){.grid3{grid-template-columns:repeat(3,1fr);gap:20px}}
#offers{border:0;padding-top:24px}#offers .grid3{margin-top:0}
.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;padding:20px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:600 11px/1 var(--mono);letter-spacing:.22em;color:var(--dim)}.strip i{color:var(--g);font-style:normal;font-size:8px}
/* cards */
.card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;padding:28px 24px;background:linear-gradient(165deg,rgba(245,197,66,.065),rgba(255,255,255,.012) 38%,rgba(12,11,8,.9));color:var(--txt)}
.card p{color:var(--mut)}
.card .n{font:600 11px/1 var(--mono);letter-spacing:.22em;color:var(--g);margin-bottom:16px}
.card .btn{margin-top:auto;align-self:flex-start}
.offer .btn,.tier .btn{margin-top:24px}
.card.feat{border-color:rgba(245,197,66,.55);background:linear-gradient(165deg,rgba(245,197,66,.16),rgba(245,197,66,.03) 45%,rgba(12,11,8,.92));box-shadow:0 24px 60px -30px rgba(245,197,66,.45)}
.card .price,.price{font:700 44px/1 var(--disp);letter-spacing:-.03em;margin:4px 0 16px;color:var(--txt)}.price small{font:500 14px var(--sans);color:var(--dim);letter-spacing:0}
.card .price.sm{font-size:22px;color:var(--g2)}
.more{margin-top:auto;padding-top:20px;font-weight:600;font-size:14px;color:var(--g)}
@media(hover:hover){a.card{transition:transform .3s,border-color .3s}a.card:hover{transform:translateY(-4px);border-color:var(--line2)}}
.badge{position:absolute;top:22px;right:20px;font:700 10px/1 var(--mono);letter-spacing:.16em;padding:7px 10px;border-radius:99px;background:var(--g);color:#140e00}
.badge.live{background:#00c9a7}
.list{list-style:none;display:grid;gap:12px;margin:8px 0 0}.list li{position:relative;padding-left:26px;color:var(--mut)}
.chk li:before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:6px;border-left:2px solid var(--g);border-bottom:2px solid var(--g);transform:rotate(-45deg)}
ol.list li{padding-left:44px}ol.list b{position:absolute;left:0;font:600 12px/1.9 var(--mono);color:var(--g)}
.mod.cta{justify-content:center;border-style:dashed;border-color:var(--line2)}.mod.cta .btn{margin-top:18px}
.mod h3{font-size:19px}
.quote{font:italic 500 clamp(28px,7vw,42px)/1.25 var(--serif);color:var(--g2);padding:34px 28px;border-left:2px solid var(--g);background:linear-gradient(90deg,rgba(245,197,66,.07),transparent)}
.quote cite{display:block;margin-top:18px;font:600 12px var(--mono);letter-spacing:.2em;color:var(--dim);font-style:normal}
.vault{align-items:center;text-align:center;padding:56px 24px}.vault .btn{margin:0}
.final{text-align:center}.final .h1{font-size:clamp(44px,11vw,96px)}.final .lead{margin-top:20px}
details{border-bottom:1px solid var(--line);padding:20px 0}details:first-of-type{border-top:1px solid var(--line);margin-top:30px}
summary{cursor:pointer;list-style:none;font:600 18px/1.4 var(--disp);display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--g);font-size:24px;line-height:1;transition:transform .25s}details[open] summary:after{transform:rotate(45deg)}
details p{color:var(--mut);margin-top:12px}
footer{border-top:1px solid var(--line);padding:44px 0 calc(44px + env(safe-area-inset-bottom));font-size:13px;color:var(--dim)}
.disc{max-width:760px;line-height:1.7}.disc b{color:var(--g)}.fine{margin-top:16px}
/* auth */
.auth{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:48px 18px}
.authcard{width:100%;max-width:440px;padding:36px 26px}.authcard .h2{font-size:40px}
label{display:block;font:600 11px/1 var(--mono);letter-spacing:.2em;color:var(--dim);margin:18px 0 8px}
input{width:100%;padding:15px 16px;font:16px var(--sans);color:var(--txt);background:rgba(0,0,0,.45);border:1px solid var(--line2);border-radius:14px;outline:0;transition:border-color .2s}
input:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(245,197,66,.15)}
.msg{min-height:22px;margin:14px 0 4px;font-size:14px;color:var(--mut)}.msg.err{color:#ff8a7a}.msg.ok{color:#7ff3dd}
.mods{margin-top:20px}.out{margin-top:28px}
/* reveal: transform/opacity only, JS adds .in */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.js .rv.in{opacity:1;transform:none}
/* intro */
#intro{display:none}
.intro body{overflow:hidden}
.intro #intro{display:block;position:fixed;inset:0;z-index:100;background:#030302;overflow:hidden;cursor:pointer;animation:iOut .7s ease 9.3s forwards}
#intro.bye{animation:iOut .35s ease forwards!important}
.i-floor{position:absolute;left:-50%;right:-50%;bottom:-10%;height:70%;background:repeating-linear-gradient(90deg,rgba(245,197,66,.4) 0 1px,transparent 1px 60px),repeating-linear-gradient(0deg,rgba(245,197,66,.4) 0 1px,transparent 1px 60px);transform:perspective(500px) rotateX(62deg);transform-origin:50% 100%;opacity:0;animation:iFade 1.6s ease .3s forwards,iFloor 2.2s linear infinite;-webkit-mask:linear-gradient(transparent,#000 70%);mask:linear-gradient(transparent,#000 70%)}
.i-scan{position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,#fff6c9,var(--g),transparent);transform:scaleX(0);animation:iScan 1.4s cubic-bezier(.7,0,.2,1) .1s forwards}
.i-ring{position:absolute;left:50%;top:44%;width:240px;height:240px;margin:-120px;border-radius:50%;border:1px solid rgba(245,197,66,.6);opacity:0;animation:iRing 2.6s cubic-bezier(.2,.7,.3,1) infinite}
.i-ring.r1{animation-delay:1.4s}.i-ring.r2{animation-delay:2.2s}.i-ring.r3{animation-delay:3s;border-color:rgba(127,243,221,.5)}
.i-st{position:absolute;top:-30%;width:2px;height:28%;background:linear-gradient(transparent,var(--g));opacity:.0;animation:iStreak 1.6s linear infinite}
.s1{left:12%;animation-delay:.6s}.s2{left:28%;animation-delay:1.5s}.s3{left:46%;animation-delay:.9s}.s4{left:63%;animation-delay:2.1s}.s5{left:78%;animation-delay:1.2s}.s6{left:91%;animation-delay:2.6s}
.i-hud{position:absolute;font:600 10px/1 var(--mono);letter-spacing:.24em;color:rgba(245,197,66,.7);opacity:0;animation:iBlink 1.2s steps(2) 1s forwards}
.tl{top:max(22px,env(safe-area-inset-top));left:20px}.tr{top:max(22px,env(safe-area-inset-top));right:20px;animation-delay:1.3s}.bl{bottom:60px;left:20px;animation-delay:1.6s}.br{bottom:60px;right:20px;animation-delay:1.9s;color:rgba(127,243,221,.7)}
.i-core{position:absolute;left:0;right:0;top:44%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;text-align:center}
.i-crown{width:96px;height:84px;overflow:visible;opacity:0;animation:iCrown 1.4s cubic-bezier(.2,1.4,.3,1) 1.1s forwards,iCrownUp .8s cubic-bezier(.6,0,.3,1) 3.4s forwards}
.i-cl{fill:none;stroke:#fff3b0;stroke-width:.7;stroke-dasharray:1;stroke-dashoffset:1;animation:iDraw 1.3s ease 1.2s forwards}
.i-cf{opacity:0;animation:iFade .8s ease 2.2s forwards}
.i-words{position:relative;height:96px;width:100%;margin-top:-6px}
.i-w{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font:800 clamp(58px,19vw,120px)/1 var(--disp);letter-spacing:.06em}
.i-w b{display:inline-block;background:linear-gradient(180deg,#fff6c9,#f5c542 50%,#a86400);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0}
.i-k b{animation:iLetIn .7s cubic-bezier(.2,1.3,.3,1) forwards,iLetOut .5s cubic-bezier(.7,0,.8,.4) forwards;animation-delay:calc(3.6s + var(--i)*.12s),calc(6.1s + var(--i)*.06s)}
.i-c{font-size:clamp(44px,14vw,96px)}
.i-c b{animation:iLetIn2 .7s cubic-bezier(.2,1.3,.3,1) forwards;animation-delay:calc(6.6s + var(--i)*.09s)}
.i-tag{margin-top:18px;font:600 11px/1.6 var(--mono);letter-spacing:.3em;color:var(--dim);opacity:0;animation:iUp .8s ease 7.6s forwards;padding:0 20px}.i-tag span{display:block;font:italic 500 20px var(--serif);letter-spacing:0;color:var(--g2);margin-top:6px}
.i-bar{margin-top:26px;width:180px;height:2px;background:rgba(245,197,66,.15);overflow:hidden}.i-bar i{display:block;height:100%;background:var(--g);transform:scaleX(0);transform-origin:0 50%;animation:iBar 9.3s linear forwards}
.i-skip{position:absolute;left:0;right:0;bottom:max(22px,env(safe-area-inset-bottom));text-align:center;font:600 10px var(--mono);letter-spacing:.26em;color:var(--dim);text-transform:uppercase;opacity:0;animation:iFade .6s ease .8s forwards}
@keyframes iOut{to{opacity:0;transform:scale(1.06);visibility:hidden}}
@keyframes iFade{to{opacity:1}}
@keyframes iFloor{to{background-position:0 60px,0 60px}}
@keyframes iScan{50%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1) scaleY(.5);opacity:0}}
@keyframes iRing{0%{opacity:0;transform:scale(.2)}20%{opacity:.9}100%{opacity:0;transform:scale(2.6)}}
@keyframes iStreak{0%{opacity:0;transform:translateY(0)}15%{opacity:.8}100%{opacity:0;transform:translateY(520%)}}
@keyframes iBlink{0%{opacity:0}50%{opacity:.4}100%{opacity:1}}
@keyframes iCrown{from{opacity:0;transform:translateY(30px) scale(.4) rotate(-20deg)}to{opacity:1;transform:none}}
@keyframes iCrownUp{to{opacity:1;transform:translateY(-8px) scale(.7)}}
@keyframes iDraw{to{stroke-dashoffset:0}}
@keyframes iLetIn{from{opacity:0;transform:translateY(60px) scale(.6) rotateX(80deg)}to{opacity:1;transform:none}}
@keyframes iLetOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-40px) scaleY(.2)}}
@keyframes iLetIn2{from{opacity:0;transform:scaleX(.05) translateY(20px)}to{opacity:1;transform:none}}
@keyframes iUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes iBar{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}.intro #intro{display:none}.intro body{overflow:auto}}

#fx{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;display:block}
body>main,body>section,body>footer,body>div:not(#intro){position:relative;z-index:1}
.buyf{display:inline-flex;margin:0}.tier .buyf+.btn,.ctas .buyf+.btn{margin-left:8px}.tier .buyf .btn{width:auto}.refund{margin-top:18px;opacity:.8}.badge.own{background:rgba(0,201,167,.15);color:#7ff3dd}
