:root{
  --night:#0d1117; --night2:#151d27; --night3:#1d2835; --line-d:#2a3747;
  --paper:#f4f3ee; --surface:#ffffff; --ink:#141b23; --muted:#5b6876; --line:#dcddd8;
  --signal:#ffcf1a; --signal-ink:#0d1117; --red:#e0362c;
  --text-d:#eef0ec; --muted-d:#98a5b2;
  --display:"Big Shoulders Display", Impact, "Arial Narrow", sans-serif;
  --body:"Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);line-height:.92;margin:0;letter-spacing:-.005em}
h2{font-size:clamp(44px,9vw,84px);text-transform:uppercase;font-weight:900}
.wrap{max-width:1160px;margin:0 auto;padding:0 16px}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.muted{color:var(--muted-d)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:4px;font-weight:800;text-decoration:none;border:0;cursor:pointer;background:var(--ink);color:#fff;transition:transform .15s ease, box-shadow .15s ease, background .15s}
.btn.sig{background:var(--signal);color:var(--signal-ink);box-shadow:0 0 0 0 rgba(255,207,26,.5)}
.btn.sig:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(255,207,26,.65)}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.btn.ghost:hover{background:rgba(255,255,255,.08)}
.btn.sm{min-height:40px;padding:8px 14px;font-size:14px}
.btn.lg{min-height:56px;padding:14px 26px;font-size:17px}
.btn.block{width:100%}
.btn:active{transform:translateY(1px)}

/* Nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:40;color:var(--text-d);transition:background .2s, box-shadow .2s;padding-top:env(safe-area-inset-top,0)}
.nav.solid{background:rgba(13,17,23,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line-d)}
.nav-in{display:flex;align-items:center;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:900;font-size:24px;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.brand.small{font-size:20px}
.tape{background:var(--signal);color:var(--signal-ink);padding:0 7px;transform:rotate(-4deg);display:inline-block}
.links{display:none;margin-left:auto;gap:26px;font-weight:700;font-size:15px}
.links a{text-decoration:none;opacity:.8}.links a:hover{opacity:1;color:var(--signal)}
.nav .btn{margin-left:auto}

/* Hero */
.hero{position:relative;background:var(--night);color:var(--text-d);overflow:hidden;isolation:isolate;min-height:100svh;display:flex;align-items:flex-end}
.hero-art{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hero-bg{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center 20%;opacity:0;transition:opacity .6s}
.hero-bg.on{opacity:1}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,17,23,.35) 0%,rgba(13,17,23,.6) 50%,var(--night) 100%),linear-gradient(90deg,rgba(13,17,23,.85) 0%,rgba(13,17,23,0) 70%)}
.hero-in{width:100%;padding-top:110px;padding-bottom:48px;display:grid;gap:34px;align-items:end}
.kicker{display:inline-block;background:var(--red);color:#fff;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;transform:skewX(-10deg);margin-bottom:18px}
.kicker span{display:inline-block;transform:skewX(10deg)}
.hero h1{font-size:clamp(88px,min(27vw,20svh),230px);font-weight:900;text-transform:uppercase;line-height:.8}
.hero h1 span{display:block}
.hero h1 .outline{color:transparent;-webkit-text-stroke:2px var(--signal)}
.plate{margin-top:20px;display:flex;flex-direction:column;align-items:flex-start}
.plate-name{background:var(--signal);color:var(--signal-ink);font-family:var(--display);font-weight:800;font-size:clamp(24px,6vw,38px);text-transform:uppercase;padding:4px 18px 2px;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%)}
.plate-meta{background:var(--text-d);color:var(--night);font-weight:800;font-size:13px;padding:5px 16px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%);text-transform:uppercase;letter-spacing:.04em}
.lead{font-size:18px;max-width:44ch;color:#d5dce2;margin:22px 0 0}
.price-inline{display:flex;align-items:center;gap:12px;margin-top:22px}
.price-inline b{font-family:var(--display);font-size:58px;font-weight:900;color:var(--signal);line-height:1}
.price-inline span{font-size:13px;color:var(--muted-d);line-height:1.3;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.hero-video{margin:0;border:2px solid var(--line-d);background:#000;border-radius:6px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.8);position:relative}
.hero-video::before{content:"Pelea destacada";position:absolute;z-index:2;top:10px;left:10px;background:var(--red);color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;pointer-events:none}
.hero-video:empty{display:none}

/* Lite YouTube */
.yt{position:relative;aspect-ratio:16/9;background:#000 center/cover no-repeat;cursor:pointer;display:block;width:100%;border:0;padding:0;color:#fff}
.yt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.75))}
.yt .play{position:absolute;z-index:1;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--signal);display:grid;place-items:center;transition:transform .15s}
.yt:hover .play{transform:scale(1.08)}
.yt .play svg{width:28px;height:28px;margin-left:4px;fill:var(--signal-ink)}
.yt .cap{position:absolute;z-index:1;left:12px;right:12px;bottom:10px;text-align:left;font-weight:800;font-size:15px;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Stats */
.stats{background:var(--signal);color:var(--signal-ink)}
.stats-in{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.stat{padding:20px 8px;border-right:2px solid rgba(13,17,23,.15);text-align:center}
.stat:nth-child(2n){border-right:0}
.stat b{display:block;font-family:var(--display);font-size:clamp(40px,10vw,64px);font-weight:900;line-height:1}
.stat span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}

/* Bonus */
.bonus{background:linear-gradient(135deg,#1a1405 0%,var(--night) 60%);color:var(--text-d);padding:64px 0;border-bottom:1px solid var(--line-d)}
.bonus-in{display:grid;gap:28px;align-items:center}
.bonus-amt{border:3px solid var(--signal);border-radius:6px;padding:22px 24px;text-align:center;transform:rotate(-2deg);background:rgba(255,207,26,.06);box-shadow:0 0 60px -10px rgba(255,207,26,.35)}
.bonus-amt b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(64px,16vw,104px);line-height:.9;color:var(--signal)}
.bonus-amt span{display:block;margin-top:8px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.bonus .eyebrow{color:var(--signal)}
.bonus h2{font-size:clamp(40px,7vw,64px)}
.bonus .sub{color:var(--muted-d)}
.bonus-video:empty{display:none}
.bonus-video{border-radius:6px;overflow:hidden;border:2px solid var(--line-d)}

/* Sections */
.section{padding:84px 0}
.section.tight{padding:64px 0}
.section.dark{background:var(--night);color:var(--text-d)}
.eyebrow{margin:0 0 10px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--red)}
.dark .eyebrow{color:var(--signal)}
.sub{font-size:18px;color:var(--muted);max-width:56ch;margin:14px 0 0}
.dark .sub{color:var(--muted-d)}

.videos{display:grid;gap:18px;margin-top:36px}
.vcard{background:var(--night2);border:1px solid var(--line-d);border-radius:6px;overflow:hidden}
.vcard .vmeta{padding:12px 14px;display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted-d)}
.vcard .res{font-family:var(--display);font-weight:900;font-size:22px;color:var(--signal);line-height:1}
.record-wrap{margin-top:40px}
.record{width:100%;border-collapse:collapse;font-size:15px}
.record th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-d);padding:10px 8px;border-bottom:1px solid var(--line-d)}
.record td{padding:12px 8px;border-bottom:1px solid var(--line-d);vertical-align:top}
.record .w{color:var(--signal);font-weight:800}
.record .l{color:var(--muted-d);font-weight:800}
.record-note{font-size:13px;color:var(--muted-d);margin-top:10px}
.scroll-x{overflow-x:auto}

.benefits{display:grid;gap:14px;margin-top:40px}
.benefit{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:24px;position:relative;transition:transform .2s, box-shadow .2s}
.benefit:hover{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(13,17,23,.35)}
.benefit .num{font-family:var(--display);font-weight:900;font-size:18px;color:var(--red)}
.benefit h3{font-size:34px;text-transform:uppercase;margin:6px 0 8px}
.benefit p{margin:0;color:var(--muted)}
.benefit.star{background:var(--night);color:var(--text-d);border-color:var(--night)}
.benefit.star p{color:var(--muted-d)}
.benefit.star .num{color:var(--signal)}

.steps{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:14px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:64px 1fr;gap:4px 16px;align-items:start;padding:18px 0;border-top:2px solid var(--ink)}
.steps li::before{content:counter(s);grid-row:span 2;font-family:var(--display);font-weight:900;font-size:64px;line-height:.8;color:var(--signal);-webkit-text-stroke:2px var(--ink)}
.steps b{font-family:var(--display);font-size:30px;text-transform:uppercase;line-height:1}
.steps span{color:var(--muted)}

.about{display:grid;gap:32px;align-items:center}
.about-photo{aspect-ratio:4/5;border-radius:6px;background:var(--night3) center/cover no-repeat;display:grid;place-items:center;border:2px solid var(--line-d);position:relative;overflow:hidden}
.about-photo span{font-family:var(--display);font-weight:900;font-size:120px;color:var(--line-d)}
.about-photo.has span{display:none}
.about h2{font-size:clamp(40px,7vw,68px)}
#bio p{color:#cfd6dc;font-size:17px;margin:16px 0}
.facts{list-style:none;padding:0;margin:20px 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-d);border:1px solid var(--line-d)}
.facts li{background:var(--night);padding:12px 14px}
.facts li span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-d)}
.facts li b{font-size:16px}

.price{display:grid;gap:36px;align-items:center}
.ticket{background:var(--night);color:var(--text-d);border-radius:8px;padding:28px;position:relative;box-shadow:0 30px 60px -25px rgba(13,17,23,.6)}
.ticket::before{content:"";position:absolute;inset:-3px;border-radius:10px;background:linear-gradient(135deg,var(--signal),transparent 40%,transparent 60%,var(--red));z-index:-1}
.ticket{isolation:isolate}
.chip{display:inline-block;background:var(--signal);color:var(--signal-ink);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:3px}
.amount{display:flex;align-items:baseline;gap:8px;margin-top:14px}
.amount b{font-family:var(--display);font-weight:900;font-size:96px;line-height:.9;color:var(--signal)}
.amount span{font-weight:800;color:var(--muted-d)}
.meta{color:var(--muted-d);font-size:13px;margin:4px 0 0}
.ticks{list-style:none;padding:0;margin:22px 0 24px}
.ticks li{padding:9px 0 9px 30px;border-bottom:1px solid var(--line-d);position:relative}
.ticks li::before{content:"";position:absolute;left:4px;top:15px;width:14px;height:8px;border-left:3px solid var(--signal);border-bottom:3px solid var(--signal);transform:rotate(-45deg)}
.safe{font-size:12px;color:var(--muted-d);text-align:center;margin:12px 0 0}

.faq{max-width:820px}
.faq h2{margin-bottom:18px}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-weight:800;font-size:18px;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--display);font-size:30px;line-height:.8;color:var(--red)}
details[open] summary::after{content:"–"}
details p{margin:0 0 18px;color:var(--muted)}

.final{background:var(--night);color:var(--text-d);padding:90px 0 110px;position:relative;overflow:hidden}
.final::before{content:"";position:absolute;left:-10%;right:-10%;top:28px;height:22px;background:repeating-linear-gradient(-55deg,var(--signal) 0 14px,var(--night) 14px 28px);transform:rotate(-2deg);opacity:.9}
.final-in{text-align:center;padding-top:30px}
.final h2{font-size:clamp(56px,13vw,130px)}
.final .hl{color:var(--signal)}
.final p{font-size:18px;color:var(--muted-d);margin:14px 0 28px}

.foot{background:#080b10;color:var(--muted-d);font-size:13px;padding:28px 0 100px}
.foot-in{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}
.foot nav{display:flex;gap:18px}
.foot a{text-decoration:none}.foot a:hover{color:var(--signal)}
.foot .brand{color:var(--text-d)}

.sticky{position:fixed;left:0;right:0;bottom:0;z-index:35;background:rgba(13,17,23,.96);color:var(--text-d);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0));display:flex;align-items:center;gap:12px;transform:translateY(110%);transition:transform .25s ease;border-top:1px solid var(--line-d)}
.sticky.on{transform:none}
.sticky div{flex:1;line-height:1.1}
.sticky b{font-family:var(--display);font-size:30px;color:var(--signal)}
.sticky small{display:block;color:var(--muted-d);font-size:12px}

/* Reveal */
@media (prefers-reduced-motion:no-preference){
  .hero h1 span{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}
  .hero h1 .outline{animation-delay:.1s}
  .plate,.lead,.price-inline,.ctas{animation:rise .7s .2s cubic-bezier(.2,.8,.2,1) both}
  .hero-video{animation:rise .8s .3s cubic-bezier(.2,.8,.2,1) both}
  @keyframes rise{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease}
  .reveal.in{opacity:1;transform:none}
}

@media (min-width:720px){
  .stats-in{grid-template-columns:repeat(4,1fr)}
  .stat{border-right:2px solid rgba(13,17,23,.15)}
  .stat:nth-child(2n){border-right:2px solid rgba(13,17,23,.15)}
  .stat:last-child{border-right:0}
  .videos{grid-template-columns:repeat(2,1fr)}
  .benefits{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(3,1fr);gap:28px}
}
@media (min-width:980px){
  .wrap{padding-left:28px;padding-right:28px}
  .links{display:flex}
  .nav .btn{margin-left:0}
  .hero-in{grid-template-columns:1.05fr 1fr;gap:48px;padding-bottom:44px}
  .benefits{grid-template-columns:repeat(3,1fr)}
  .videos{grid-template-columns:repeat(3,1fr)}
  .videos .vcard:first-child{grid-column:span 2;grid-row:span 2}
  .about{grid-template-columns:.8fr 1.2fr;gap:56px}
  .bonus-in{grid-template-columns:auto 1fr}
  .bonus-in:has(.bonus-video:not(:empty)){grid-template-columns:auto 1.1fr 1fr}
  .price{grid-template-columns:1.1fr .9fr;gap:64px}
  .sticky{display:none}
  .foot{padding-bottom:28px}
}