:root{--bg:#0c0c0d;--ink:#f3eee3;--mut:#a39f95;--line:#2a2a2c;--red:#ff4438;--cream:#f3eee3;--disp:'Archivo',system-ui,sans-serif;--body:'Instrument Sans',system-ui,sans-serif;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:84px}
html{overflow-x:clip}
body{background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}.in{width:min(1120px,100% - 40px);margin:0 auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#000;padding:8px 12px;border-radius:8px;z-index:99}.skip:focus{left:8px}
.top{position:sticky;top:0;z-index:50;background:rgba(12,12,13,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .in{display:flex;align-items:center;gap:22px;height:68px}
.logo{display:flex;align-items:center;gap:10px;font:800 19px var(--disp);font-stretch:112%;text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.rec{width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,68,56,.6);animation:rec 1.6s ease-out infinite}
@keyframes rec{0%{box-shadow:0 0 0 0 rgba(255,68,56,.55)}100%{box-shadow:0 0 0 12px rgba(255,68,56,0)}}
nav{display:flex;gap:6px;margin-left:auto}nav a{text-decoration:none;color:var(--mut);padding:8px 12px;border-radius:999px;font-size:15px;transition:color .2s,background-color .2s}nav a:hover{color:var(--ink);background:#1b1b1d}
.back{font-size:13px;color:var(--mut);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 12px;white-space:nowrap}.back:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.home{padding:64px 0 34px}
h1{font:900 clamp(40px,7.2vw,92px)/.95 var(--disp);font-stretch:118%;letter-spacing:-.035em;max-width:14ch;text-wrap:balance}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}
.card{border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:10px;min-height:300px}
.card .k{font:600 14px var(--body);letter-spacing:.02em}
.card .price{font:900 clamp(44px,6vw,72px)/1 var(--disp);font-stretch:118%;letter-spacing:-.03em}
.card .price s{font-size:.4em;font-weight:600;opacity:.55;margin-right:6px}
.card .d{max-width:44ch;font-size:16.5px}
.card.free{background:var(--cream);color:#0c0c0d}.card.free .d{color:#2c2a26}
.card.live{border:2px solid var(--red)}.card.live .k{color:var(--red)}.card.live .d{color:var(--mut)}.card.live .d b{color:var(--ink)}
.cta{margin-top:auto;align-self:flex-start;text-decoration:none;font:700 16px var(--body);padding:12px 22px;border-radius:999px;transition:transform .16s var(--ease),background-color .2s}
.cta:active{transform:scale(.97)}
.free .cta{background:#0c0c0d;color:var(--cream)}.free .cta:hover{background:#2a2a2c}
.live .cta{background:var(--red);color:#fff}.live .cta:hover{background:#ff6256}
.line{color:var(--mut);margin-top:18px}
.meter{display:flex;gap:4px;align-items:flex-end;height:44px;margin:26px 0 8px}
.meter i{flex:1;height:100%;border-radius:2px;background:linear-gradient(to top,#3ddc84 0 55%,#ffb020 55% 80%,var(--red) 80%);transform-origin:bottom;transform:scaleY(.12);animation:vu 1.3s ease-in-out infinite alternate}
.meter i:nth-child(3n){animation-duration:.9s}.meter i:nth-child(4n){animation-duration:1.7s;animation-delay:-.5s}.meter i:nth-child(5n){animation-delay:-.9s}.meter i:nth-child(7n){animation-duration:1.1s}
@keyframes vu{to{transform:scaleY(.85)}}
.panel{border:1px solid var(--line);border-radius:16px;margin-top:14px;background:#111112}
.panel summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 24px;font:800 22px var(--disp);font-stretch:112%}
.panel summary::-webkit-details-marker{display:none}.panel summary span{font:500 15px var(--body);color:var(--mut)}
.panel summary::after{content:"+";font:400 28px var(--body);color:var(--red);margin-left:10px}.panel[open] summary::after{content:"–"}
.pbody{padding:6px 24px 28px}.note{color:var(--mut);margin-bottom:18px;max-width:60ch}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px}.full{grid-column:1/-1}
label{display:block;font:600 14px var(--body);margin-bottom:6px}
input[type=text],input[type=email],input[type=url],input[type=tel],input[type=date],select,textarea{width:100%;background:#0c0c0d;border:1px solid #3a3a3d;border-radius:10px;color:var(--ink);padding:12px 14px;font:400 16px var(--body)}
input[type=file]{width:100%;color:var(--mut);font-size:14px}textarea{min-height:96px}
.hint{color:var(--mut);font-size:13.5px;margin-top:6px}.hp{position:absolute;left:-9999px}
.check{display:flex;gap:10px;font-weight:400;font-size:14.5px;color:var(--mut)}.check input{margin-top:4px}
.go{background:var(--red);color:#fff;border:0;border-radius:999px;padding:13px 26px;font:700 16px var(--body);cursor:pointer;transition:transform .16s var(--ease),background-color .2s}.go:hover{background:#ff6256}.go:active{transform:scale(.97)}
.watch{padding:54px 0}h2{font:800 clamp(28px,4vw,44px)/1.05 var(--disp);font-stretch:114%;letter-spacing:-.025em;margin-bottom:24px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.clip{all:unset;cursor:pointer;display:block}.clip:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:12px}
.th{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#161617}.th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}.clip:hover img{transform:scale(1.04)}
.pl{position:absolute;left:12px;bottom:12px;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.65);border:1px solid #555}.pl::after{content:"";position:absolute;left:16px;top:12px;border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
.clip b{display:block;margin-top:10px;font:700 17px var(--disp);font-stretch:108%}.clip small{color:var(--mut);font-size:14.5px}
.more{margin-top:26px}.more a{color:var(--red);font-weight:600}
.pod{border-top:1px solid var(--line);padding:26px 0;color:var(--mut)}.pod b{color:var(--ink)}.pod a{color:var(--ink)}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--mut);font-size:14px}footer .in{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:90;padding:20px}.lb.on{display:flex}
.fr{width:min(960px,100%);aspect-ratio:16/9}.fr iframe{width:100%;height:100%;border:0;border-radius:12px}.x{position:absolute;top:16px;right:16px;background:#fff;color:#000;border:0;border-radius:999px;padding:9px 16px;font:600 14px var(--body);cursor:pointer}
@media(max-width:860px){.cards{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}form{grid-template-columns:1fr}.back{display:none}.card{min-height:0}}
@media(max-width:560px){.card .price{font-size:40px;white-space:nowrap}.lx{display:none}.grid{grid-template-columns:1fr}.top .in{gap:10px}.logo{font-size:16px}nav{gap:0}nav a{padding:8px 8px;font-size:14px}.home{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.rec,.meter i{animation:none}.meter i{transform:scaleY(.5)}html{scroll-behavior:auto}}