/* --- hero --- */
.hero{position:relative;padding:calc(120px + env(safe-area-inset-top,0px)) var(--gutter) 0;overflow:hidden;isolation:isolate}
.hero .glow.a{top:-10%;right:10%}
.hero .glow.b{bottom:0;left:-10%}
.hero-video{position:absolute;inset:-4%;z-index:-2;object-fit:cover;width:108%;height:108%;opacity:.28;filter:blur(14px) saturate(1.3)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,11,28,.2),var(--ink) 92%)}
.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:24px;max-width:1280px;margin:0 auto}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--flame-2);border:1px solid rgba(255,178,31,.35);padding:.5em 1em;border-radius:999px;background:rgba(255,106,31,.08)}
.kicker i{width:8px;height:8px;border-radius:50%;background:var(--flame);box-shadow:0 0 12px var(--flame);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}
.hero h1{font-size:clamp(4.2rem,13vw,11.5rem);text-transform:uppercase;margin-top:26px}
.hero h1 .l1,.hero h1 .l2{display:block;opacity:0;transform:translateY(40px) skewY(2deg);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 .l2{animation-delay:.12s;color:transparent;background:linear-gradient(95deg,var(--flame-2) 0%,var(--flame) 45%,var(--red) 100%);-webkit-background-clip:text;background-clip:text;padding-right:.08em}
@keyframes rise{to{opacity:1;transform:none}}
.hero .script{font-family:var(--script);font-size:clamp(1.8rem,4vw,3rem);color:var(--azul);transform:rotate(-3deg);display:inline-block;margin:6px 0 18px;text-shadow:0 0 30px rgba(47,125,246,.5)}
.hero .lead{max-width:34ch;font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--cream-dim)}
.hero .cta{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 44px}
.hero-fig{position:relative;justify-self:end;width:min(100%,520px);margin-bottom:-6px}
.hero-fig img{width:100%;height:auto;mask-image:linear-gradient(180deg,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));opacity:0;animation:fadein 1.2s .3s ease forwards}
@keyframes fadein{to{opacity:1}}
.hero-fig::before{content:"";position:absolute;inset:8% -10% 10%;background:radial-gradient(ellipse at 50% 60%,rgba(255,106,31,.5),transparent 60%);filter:blur(30px);z-index:-1}
.sticker{position:absolute;background:var(--cream);color:var(--ink);font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:1;padding:14px 18px;border-radius:16px;box-shadow:0 20px 40px -10px rgba(0,0,0,.6);transform:rotate(-6deg)}
.sticker b{display:block;font-size:2.4rem;color:var(--red)}
.sticker small{display:block;font-family:var(--body);font-size:.72rem;letter-spacing:.12em;font-weight:700}
.sticker.s1{top:14%;left:-6%;animation:bob 5s ease-in-out infinite}
.sticker.s2{bottom:18%;right:-4%;transform:rotate(5deg);background:var(--azul);color:#fff}.sticker.s2 b{color:#fff}
@keyframes bob{50%{transform:rotate(-6deg) translateY(-8px)}}
.stats{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);margin-top:10px}
.stats div{flex:1 1 160px;padding:22px 24px 26px 0;border-right:1px solid var(--line);margin-right:24px}
.stats div:last-child{border:0}
.stats b{font-family:var(--display);font-size:2.6rem;font-weight:900;line-height:1;display:block;font-variant-numeric:tabular-nums}
.stats span{font-size:.85rem;color:var(--cream-dim)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-fig{justify-self:center;width:min(85%,420px);margin-top:10px}.sticker.s1{left:-2%}.sticker.s2{right:-2%}}