@font-face{font-family:Pixelify;src:url('/fonts/PixelifySans.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color:#161616;background:#fff;font-family:Arial,Helvetica,sans-serif;--coral:#dc7958;--muted:#62625e;--line:#ebe8e3;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;object-fit:contain}::selection{background:#ff825b;color:#161616}:focus-visible{outline:3px solid var(--coral);outline-offset:8px}
.skip-link{position:fixed;left:16px;top:16px;z-index:20;padding:12px 18px;background:white;transform:translateY(-180%)}.skip-link:focus{transform:none}
.page{width:min(720px,calc(100% - 48px));margin-inline:auto;border-inline:1px solid var(--line)}.pixel{font-family:Pixelify,monospace;font-weight:500}.hero{height:850px;position:relative;text-align:center;padding-top:49px}.asterisk{display:block;margin:auto}.eyebrow{margin-top:28px;color:var(--coral);font-size:13px;line-height:17px;font-weight:700;letter-spacing:2.3px}.hero h1{width:max-content;max-width:100%;margin:36px auto 0;font-family:'Arial Black',Arial,sans-serif;font-size:112px;font-weight:900;line-height:121px;letter-spacing:-4px}.tagline{margin-top:21px;font-size:32px;line-height:40px;width:max-content;max-width:100%;margin-inline:auto}.mascot{position:absolute;top:474px;left:50%;width:420px;height:420px;transform:translateX(-50%)}.mascot img{width:100%;height:100%}.signature{position:absolute;left:40px;bottom:32px;display:flex;align-items:center;gap:16px;color:var(--coral);font-size:12px;letter-spacing:2px;font-weight:700;line-height:15px}.signature span{height:1px;width:35px;background:var(--coral)}
.ruled{border-top:1px solid var(--line);position:relative}.ruled:before,.ruled:after{content:'';width:12px;height:1px;background:var(--line);position:absolute;top:-1px}.ruled:before{left:-6px}.ruled:after{right:-6px}.intro{min-height:260px;padding:48px 62px 32px;text-align:center}.intro-copy{max-width:590px;margin:auto;font-size:23px;line-height:33px;color:var(--muted)}.duration{font-size:13px;letter-spacing:.4px;margin-top:28px;line-height:17px}.mobile-duration,.mobile-note{display:none}h2{font-size:17px;line-height:22px;letter-spacing:.6px;text-align:center}
.curriculum{min-height:640px;padding:44px 61px 60px;scroll-margin-top:35px}.lessons{padding:0;margin:42px 0 0;list-style:none}.lessons li{position:relative;padding-left:28px;min-height:96px}.lessons li:last-child{min-height:0}.lessons li:before{content:'';position:absolute;width:7px;height:7px;background:var(--coral);left:0;top:10px}.lessons h3{font-size:20px;line-height:25px;font-weight:700}.lessons p{font-size:17px;line-height:25px;color:var(--muted);margin-top:9px}
.process{min-height:285px;padding:44px 61px 35px}.steps{list-style:none;padding:0;margin:40px 0 0}.steps li{display:grid;grid-template-columns:43px 175px 1fr;align-items:start;min-height:50px}.step-number{font-size:18px;line-height:24px;color:var(--coral)}.steps h3{font-size:17px;line-height:22px}.steps p{font-size:15px;line-height:21px;color:var(--muted)}
.audience{min-height:350px;padding:46px 40px 40px;text-align:center}.audience h2{font-size:16px;letter-spacing:.4px}.audience-copy{font-size:20px;line-height:29px;color:var(--muted);max-width:575px;margin:20px auto 0}.tools-label{color:var(--coral);font-size:12px;line-height:15px;font-weight:500;letter-spacing:.5px;margin-top:49px}.tools{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 0;padding:0}.tools li{position:relative;display:flex;justify-content:center;align-items:center;height:55px;flex-shrink:0}.tools img{height:auto}.tools .openai{width:86px}.openai img{width:40px}.openai span{position:absolute;top:64px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:var(--muted)}
.offer{min-height:430px;text-align:center;padding:43px 40px 38px}.offer h2{font-size:13px;letter-spacing:.7px;color:var(--coral);line-height:17px}.former-price{margin:29px auto 0;font-size:20px;line-height:25px;color:var(--muted);width:max-content}.price{font-family:'Arial Black',Arial,sans-serif;font-size:56px;line-height:70px;letter-spacing:-2px;font-weight:900;width:max-content;margin:7px auto 0}.cta-wrap{max-width:384px;margin:12px auto 0;padding:0 6px 6px 0}.pixel-button{min-height:64px;display:flex;gap:24px;align-items:center;justify-content:center;position:relative;text-decoration:none;background:#161616;border:3px solid #161616;box-shadow:6px 6px 0 #161616;font-family:Pixelify,monospace;font-size:20px;line-height:1.2;font-weight:500;isolation:isolate;transition:transform 160ms var(--ease),box-shadow 160ms var(--ease)}.pixel-button:before{content:'';position:absolute;inset:0;z-index:-1;background:#ff825b;clip-path:polygon(7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px),0 7px,7px 7px);box-shadow:inset 0 5px #ffb18b}.pixel-button:after{content:'';position:absolute;left:-3px;right:-3px;top:-3px;bottom:-3px;pointer-events:none;background:linear-gradient(#fff,#fff) left top/7px 7px no-repeat,linear-gradient(#fff,#fff) right top/7px 7px no-repeat,linear-gradient(#fff,#fff) left bottom/7px 7px no-repeat,linear-gradient(#fff,#fff) right bottom/7px 7px no-repeat}.pixel-button:active{transform:translate(4px,4px);box-shadow:2px 2px 0 #161616}.pixel-button svg{position:absolute;right:23px}.offer-note{font-size:15px;line-height:21px;margin-top:29px;color:var(--muted)}.offer-extra{font-size:14px;line-height:20px;margin-top:15px;color:var(--muted)}.checkout-status{font-size:14px;line-height:20px;color:var(--muted);margin-top:20px}.reconstruction-layer{position:absolute;inset:0;pointer-events:none;z-index:2;width:100%;height:100%;contain:strict}.pixel-target{position:relative}.mascot-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media(hover:hover) and (pointer:fine){.pixel-button:hover{transform:translateY(-2px);box-shadow:6px 8px 0 #161616}.pixel-button:active{transform:translate(4px,4px);box-shadow:2px 2px 0 #161616}}
@media(max-width:700px){.page{width:calc(100% - 48px)}.hero{height:700px;padding-top:33px}.asterisk{width:30px;height:30px}.eyebrow{font-size:11px;line-height:14px;letter-spacing:1.8px;margin-top:28px}.hero h1{font-size:62px;line-height:69px;letter-spacing:-2.5px;margin-top:39px}.tagline{font-size:23px;line-height:29px;margin-top:24px}.mascot{width:340px;height:340px;top:349px;max-width:calc(100vw - 50px)}.signature{left:20px;bottom:31px;font-size:10px;line-height:13px;letter-spacing:1.5px;gap:11px}.signature span{width:25px}.intro{min-height:275px;padding:42px 27px 30px}.intro-copy{font-size:18px;line-height:26px;max-width:286px}.duration{font-size:11px;letter-spacing:.2px;margin-top:30px;line-height:14px}.desktop-duration,.desktop-note{display:none}.mobile-duration,.mobile-note{display:inline}.curriculum{min-height:755px;padding:42px 21px 54px}.curriculum h2{font-size:13px;letter-spacing:0;line-height:18px}.lessons{margin-top:37px}.lessons li{padding-left:20px;min-height:123px}.lessons li:before{width:5px;height:5px;top:8px}.lessons h3{font-size:16px;line-height:22px}.lessons p{font-size:15px;line-height:22px;margin-top:12px}.process{min-height:360px;padding:42px 21px 37px}.process h2{font-size:14px;line-height:19px;letter-spacing:0}.steps{margin-top:34px}.steps li{grid-template-columns:40px 1fr;min-height:76px}.step-number{font-size:16px;line-height:21px;grid-row:span 2}.steps h3{font-size:16px;line-height:22px}.steps p{grid-column:2;font-size:14px;line-height:20px;margin-top:6px;padding-bottom:14px}.audience{min-height:455px;padding:43px 20px 39px}.audience h2{font-size:13px;line-height:18px;letter-spacing:0}.audience-copy{font-size:18px;line-height:26px;max-width:286px;margin-top:21px}.tools-label{font-size:11px;line-height:15px;letter-spacing:.2px;margin-top:40px}.tools{display:grid;grid-template-columns:repeat(6,1fr);column-gap:0;row-gap:46px;margin-top:23px;align-items:center}.tools li{height:48px;grid-column:span 2}.tools .claude img{width:82px}.tools .openai{width:auto}.tools .openai img{width:35px}.tools .hyperframes img{width:84px}.tools .remotion{grid-column:2/span 2}.tools .remotion img,.tools .ffmpeg img{width:97px}.openai span{top:55px;font-size:10px}.offer{min-height:425px;padding:46px 20px 42px}.offer h2{font-size:11px;line-height:15px;letter-spacing:.5px}.former-price{font-size:18px;line-height:23px;margin-top:29px}.price{font-size:48px;line-height:60px;letter-spacing:-1.5px;margin-top:7px}.cta-wrap{max-width:294px;margin-top:13px}.pixel-button{min-height:59px;font-size:17px;gap:14px}.pixel-button svg{right:17px}.offer-note{font-size:13px;line-height:18px;margin-top:32px}.offer-extra{font-size:13px;line-height:20px;max-width:286px;margin:16px auto 0}}
@media(max-width:700px){.steps li{grid-template-rows:22px auto;row-gap:6px;align-content:start}.steps p{margin-top:0;padding-bottom:0}.tools .remotion{grid-column:1/span 3;justify-content:flex-end;padding-right:8px}.tools .ffmpeg{grid-column:4/span 3;justify-content:flex-start;padding-left:8px}}
.steps li:last-child{min-height:0}.cta-wrap{padding:0 0 6px}
@media(max-width:700px){.cta-wrap{max-width:288px}}
@media(max-width:370px){.hero h1{font-size:56px;line-height:64px}.intro{padding-inline:18px}.intro,.curriculum,.process,.audience,.offer{height:auto}.tools{gap:46px 0}.tools img{max-width:100%}.pixel-button{font-size:15px}.pixel-button svg{right:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.reconstruction-layer,.mascot-layer{display:none!important}}