:root{--black:#0b0b0b;--panel:#151515;--line:#2a2a2a;--white:#f2f2ee;--muted:#9a9a93;--lime:#c6ff3d}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:clip}
body{margin:0;background:var(--black);color:var(--white);font:500 17px/1.6 Manrope,Arial,sans-serif;overflow-x:clip}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul{margin:0;padding:0}
ul{list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}

.bar{position:fixed;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(16px,4vw,48px);background:linear-gradient(var(--black) 50%,transparent)}
.logo{font:700 26px/1 Oswald,sans-serif;letter-spacing:.02em}
.logo span{margin-left:8px;font:500 14px Manrope,sans-serif;color:var(--lime)}
.bar nav{display:flex;gap:28px;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.bar nav a:hover{color:var(--lime)}
.bar-cta{padding:11px 20px;background:var(--lime);color:var(--black);font:600 15px Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}

.hero{display:flex;min-height:100svh;flex-direction:column;justify-content:flex-end;padding:110px clamp(16px,4vw,48px) 44px}
.kicker{color:var(--lime);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:14px}
h1{margin-top:14px;font:700 clamp(68px,15vw,230px)/.86 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.01em}
.line{display:block;overflow:hidden}
.outline{color:transparent;-webkit-text-stroke:2px var(--white)}
.line{clip-path:inset(0 0 100% 0);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards}
.line:nth-child(2){animation-delay:.12s}.line:nth-child(3){animation-delay:.24s}
@keyframes up{from{clip-path:inset(0 0 100% 0);transform:translateY(40px)}to{clip-path:inset(0 0 0 0);transform:none}}
.pulse{width:100%;height:clamp(60px,9vw,120px);margin:10px 0 18px;overflow:visible}
.pulse path{fill:none;stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.35 .65;stroke-dashoffset:1;vector-effect:non-scaling-stroke;animation:beat 2.4s linear infinite}
@keyframes beat{to{stroke-dashoffset:0}}
.hero-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.lead{max-width:30em;color:var(--muted);font-size:clamp(17px,1.4vw,20px)}
.btn{display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:0 30px;background:var(--lime);color:var(--black);font:600 19px Oswald,sans-serif;letter-spacing:.04em;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:filter .2s}
.btn:hover{filter:brightness(1.1)}
.btn span{transition:transform .2s}
.btn:hover span{transform:translate(3px,-3px)}

.tape{overflow:hidden;padding:18px 0;border-block:1px solid var(--line)}
.tape-run{display:flex;gap:48px;width:max-content;font:700 clamp(32px,5vw,64px)/1 Oswald,sans-serif;text-transform:uppercase;animation:tape 22s linear infinite}
.tape-run span:nth-child(odd){color:transparent;-webkit-text-stroke:1.5px var(--muted)}
.tape-run span:nth-child(even){color:var(--lime)}
@keyframes tape{to{transform:translateX(calc(-50% - 24px))}}

.goal,.numbers,.price,.final{padding:clamp(70px,10vw,140px) clamp(16px,4vw,48px)}
h2{font:700 clamp(48px,8vw,120px)/.92 Oswald,sans-serif;text-transform:uppercase}
.goal-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.goal-tabs button{padding:14px 24px;border:1px solid var(--line);background:var(--panel);font:600 18px Oswald,sans-serif;letter-spacing:.04em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}
.goal-tabs button:hover{border-color:var(--lime)}
.goal-tabs button[aria-selected='true']{background:var(--lime);border-color:var(--lime);color:var(--black)}
.goal-card{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:20px}
.goal-main,.goal-plan{padding:clamp(24px,3vw,40px);border:1px solid var(--line);background:var(--panel)}
.weeks{font:700 clamp(90px,12vw,170px)/.9 Oswald,sans-serif;color:var(--lime)}
.weeks-label{margin-left:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.goal-main h3{margin-top:22px;font:600 clamp(24px,2.6vw,34px)/1.15 Oswald,sans-serif;text-transform:uppercase}
.goal-main p{margin-top:10px;color:var(--muted)}
.goal-plan{display:grid;align-content:center;gap:4px}
.goal-plan li{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.goal-plan b{min-width:3.6em;color:var(--lime);font:600 18px Oswald,sans-serif;text-transform:uppercase}
.goal-card.swap .goal-main,.goal-card.swap .goal-plan{animation:swap .45s}
@keyframes swap{from{opacity:0;transform:translateY(14px)}}

.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:0;border-block:1px solid var(--line)}
.num{display:flex;flex-direction:column;gap:6px;padding:clamp(30px,4vw,56px) clamp(16px,2vw,32px);background:var(--black)}
.num b{font:700 clamp(56px,7vw,104px)/1 Oswald,sans-serif;color:var(--white)}
.num span{color:var(--muted)}

.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.price article{position:relative;padding:32px;border:1px solid var(--line);background:var(--panel);transition:transform .3s,border-color .3s}
.price article:hover{transform:translateY(-6px);border-color:var(--lime)}
.price article.hot{background:var(--lime);color:var(--black);border-color:var(--lime)}
.badge{position:absolute;top:-14px;left:24px;padding:4px 12px;background:var(--white);color:var(--black);font:600 13px Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.price h3{font:600 22px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.price b{display:block;margin-top:18px;font:700 clamp(40px,4.4vw,60px)/1 Oswald,sans-serif}
.price p{margin-top:12px;color:var(--muted)}
.price .hot p{color:#2e3a10}

.final{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}
.final h2 span{color:var(--lime)}

footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:24px clamp(16px,4vw,48px);border-top:1px solid var(--line);color:var(--muted);font-size:14px}

@media(max-width:900px){
  .bar nav{display:none}
  .goal-card,.price-grid{grid-template-columns:1fr}
  .numbers{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .line{animation:none;clip-path:none}
  .pulse path{animation:none;stroke-dasharray:none;stroke-dashoffset:0}
  .tape-run,.goal-card.swap .goal-main,.goal-card.swap .goal-plan{animation:none}
}