html{overflow-x:clip}*{box-sizing:border-box;margin:0;padding:0}body{font:400 16px/1.55 "Space Grotesk",system-ui,sans-serif;color:#f2f2ee;background:#141414;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,50px)}
.logo{font:400 26px "Anton";letter-spacing:.02em}.logo b{color:#c6ff2e;font-weight:400}
.pill{background:#c6ff2e;color:#111;text-decoration:none;font-weight:600;padding:10px 18px;border-radius:4px;font-size:14px}
.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.bg{position:absolute;inset:0}.bg img{width:100%;height:100%;object-fit:cover;opacity:.62;transform:scale(1.1)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.3),rgba(20,20,20,.15) 50%,#141414)}
.kin{position:relative;z-index:2;font:400 clamp(70px,15vw,230px)/.86 "Anton",sans-serif;text-transform:uppercase;white-space:nowrap}
.row{display:block;will-change:transform}.r1{color:#f2f2ee}.r2{color:transparent;-webkit-text-stroke:2px #c6ff2e}.r3{color:#ff3b2f}
.hero-card{position:absolute;z-index:3;right:clamp(16px,4vw,50px);bottom:clamp(30px,6vh,60px);background:#c6ff2e;color:#111;padding:22px;max-width:300px;border-radius:6px}
.hero-card p{font-weight:600;margin-bottom:14px}.btn{display:inline-block;background:#111;color:#c6ff2e;text-decoration:none;font-weight:600;padding:13px 20px;border-radius:4px;transition:transform .25s}.btn:hover{transform:translateY(-3px)}
.ticker{background:#ff3b2f;padding:16px 0;overflow:hidden;white-space:nowrap;transform:rotate(-2deg);margin:30px 0;width:104%;margin-left:-2%}.tt{display:inline-flex;font:400 clamp(26px,3vw,42px) "Anton"}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:clamp(70px,10vw,130px) clamp(16px,4vw,50px)}
.n{background:#1e1e1e;padding:clamp(22px,3vw,40px);border-radius:6px}.n b{display:block;font:400 clamp(54px,7vw,104px)/1 "Anton";color:#c6ff2e;font-variant-numeric:tabular-nums}.n span{opacity:.7;font-size:14px}
.big{font:400 clamp(54px,9vw,140px)/.9 "Anton";text-transform:uppercase}.big span{color:#c6ff2e}
.programs{padding:20px clamp(16px,4vw,50px) clamp(80px,10vw,130px)}
.prog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.prog article{border:1px solid #333;padding:30px;border-radius:6px;transition:background .3s,color .3s,transform .3s}.prog article:hover{background:#c6ff2e;color:#111;transform:translateY(-6px)}
.prog i{font-style:normal;font:400 18px "Anton";color:#ff3b2f}.prog h3{font:400 42px "Anton";text-transform:uppercase;margin:10px 0}
.join{padding:clamp(80px,10vw,130px) clamp(16px,4vw,50px);background:#c6ff2e;color:#111}.join .big span{color:#ff3b2f}.join .btn{margin-top:30px}
.kcopy{background:#c6ff2e;color:rgba(0,0,0,.6)}
@media (max-width:900px){.nums{grid-template-columns:repeat(2,1fr)}.prog{grid-template-columns:1fr}}
@media (max-width:520px){.hero-card{left:16px;right:16px;max-width:none}.kin{margin-top:-120px}}

/* darker, glossy pass */
.n{--glow:rgba(198,255,46,.35)}.prog article{--glow:rgba(255,59,47,.35)}.hero-card{box-shadow:0 0 40px -6px rgba(198,255,46,.7)}

/* fix: lower sections always visible */
.programs .big,.prog article,.join .big{opacity:1!important;visibility:visible!important}
@media(max-width:600px){.hero-card{bottom:64px}}