/* v28: compact, real-asset hero. Previous general LP styles remain untouched. */
:root{--hero-red:#e90026}
.header{position:fixed!important;top:0;left:0;right:0;z-index:65;visibility:hidden;opacity:0;transform:translateY(-110%);transition:transform .24s ease,opacity .24s ease,visibility .24s}
.header.is-visible{visibility:visible;opacity:1;transform:translateY(0)}
.ribbon{height:40px!important;display:flex!important;align-items:center;overflow:hidden;background:linear-gradient(100deg,#570007,#9e0014,#5d000a);border-top:1px solid #e3253b;border-bottom:1px solid #8b0919;color:#fff;letter-spacing:0}
.ribbon-track{display:flex;flex-wrap:nowrap;width:max-content;min-width:max-content;animation:ribbonMarquee 24s linear infinite!important;transform:translateZ(0);will-change:transform}
.ribbon-group{flex:0 0 auto;display:flex!important;align-items:center;height:40px;gap:35px;padding:0 36px 0 0;white-space:nowrap;font:900 14px/1 Arial,Helvetica,sans-serif}
.ribbon-group b{color:#f81738;font-size:19px;font-weight:400}
@keyframes ribbonMarquee{to{transform:translateX(-33.333333%)}}
.hero.hero-reference{position:relative;background:#020202;overflow:hidden;isolation:isolate;min-height:770px}
.hero-reference .hero-photo{position:absolute;inset:0 0 0 auto;height:100%;width:72%;z-index:-2;pointer-events:none;opacity:1;overflow:hidden}
.hero-reference .hero-photo picture,.hero-reference .hero-photo img{display:block;width:100%;height:100%}
.hero-reference .hero-photo img{object-fit:cover;object-position:52% 52%;filter:brightness(1.01) contrast(1.02) saturate(.96)}
.hero-reference .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#010101 0%,#010101ef 17%,#060206d9 28%,#09020ab0 39%,#0a04066b 49%,rgba(0,0,0,.18) 60%,transparent 73%),linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.02) 30%,rgba(0,0,0,.16) 100%)}
.hero-reference::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 18%,rgba(141,0,27,.18),transparent 48%),linear-gradient(90deg,#010101 0%,#010101 24%,#070205ef 34%,#0a0208be 45%,#0902075b 55%,transparent 71%)}
.hero-reference .hero-inner.container{width:min(1320px,calc(100% - 10%));max-width:1320px;margin:0 auto;padding:0;display:flex;align-items:center;min-height:770px}
.hero-reference .hero-copy{padding:22px 0 37px;width:min(53%,690px);max-width:690px;position:relative;z-index:1;min-width:0}
.hero-reference .hero-brand{display:block;width:205px;height:125px;max-width:none;object-fit:contain;object-position:left center;margin:0 0 4px}
.hero-reference .hero-badge{display:block;width:min(100%,575px);height:auto;min-height:0;max-height:none;padding:0;margin:0 0 7px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.hero-reference .hero-badge img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.hero-reference .hero-title{font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:none;margin:0 0 6px;overflow:visible;line-height:1;letter-spacing:0}
.hero-reference .hero-title .hero-esquenta{display:block;color:#fff;font:1000 clamp(60px,6.25vw,94px)/.97 'Arial Black',Arial,Helvetica,sans-serif;letter-spacing:-.074em;white-space:nowrap;text-shadow:0 3px 3px #0004}
.hero-reference .hero-title .neon-art{display:block;position:relative;background:none;border:0;filter:drop-shadow(0 0 6px #fb002b88);width:min(100%,625px);max-width:100%;margin:1px 0 0;font-size:0;line-height:0;letter-spacing:0;overflow:visible}
.hero-reference .hero-title .neon-art img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.hero-reference .hero-title .neon-art::after{display:none}
.hero-reference .hero-offer{display:block;margin:0 0 15px;max-width:680px;color:#fff;font:650 clamp(22px,2.13vw,30px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.025em}
.hero-reference .hero-offer strong{display:block;color:#ff1836;font-weight:900;font-size:1.12em;line-height:1.22;max-width:100%;white-space:normal}
.hero-reference .hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(100%,628px);max-width:628px;margin:0 0 18px}
.hero-reference .hero-benefits span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:66px;padding:9px 5px;border:1px solid #ed0c2b;border-radius:12px;background:#080406c9;color:white;font:850 clamp(12px,1.05vw,15px)/1.22 Arial,Helvetica,sans-serif;box-shadow:0 8px 25px #0005}
.hero-reference .hero-benefits span::before{display:none!important}
.hero-reference .hero-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box;width:min(100%,628px);max-width:628px;min-height:76px;margin:0;padding:15px 78px 15px 30px;background:linear-gradient(120deg,#f70632,#dc0025 65%,#e9002a);border:2px solid #ff5f70;border-radius:29px;color:#fff;font:900 clamp(17px,1.68vw,24px)/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.025em;text-align:center;white-space:normal;text-decoration:none;box-shadow:0 0 12px #f3093588,inset 0 2px 12px #ffb3c84f,0 10px 25px #8a001244}
.hero-reference .hero-cta .arrow-right{position:absolute;right:28px;top:50%;transform:translateY(-52%);font:400 45px/1 Arial,sans-serif;line-height:1;flex:none;margin:0}
.hero-reference .hero-cta.cta-pulse{animation:heroPulse 2.6s ease-in-out infinite}
@keyframes heroPulse{0%,100%{box-shadow:0 0 10px #f3093570,inset 0 2px 12px #ffb3c84f,0 10px 25px #8a001244;filter:brightness(1)}50%{box-shadow:0 0 24px #ff0b42aa,inset 0 2px 14px #ffb3c863,0 10px 31px #8a001264;filter:brightness(1.07)}}
@media(max-width:1279px){.hero-reference .hero-copy{width:58%}.hero-reference .hero-brand{width:178px;height:107px}.hero-reference .hero-title .hero-esquenta{font-size:clamp(57px,5.9vw,82px)}.hero-reference .hero-offer{font-size:clamp(20px,2.05vw,27px)}.hero-reference .hero-cta{font-size:clamp(16px,1.7vw,21px)}.hero.hero-reference,.hero-reference .hero-inner.container{min-height:700px}}
@media(max-width:900px) and (min-width:721px){.hero-reference .hero-inner.container{width:calc(100% - 7%)}.hero-reference .hero-copy{width:64%}.hero-reference .hero-photo{width:79%}.hero-reference .hero-photo img{object-position:50% 52%}.hero-reference .hero-title .hero-esquenta{font-size:clamp(48px,6.1vw,60px)}.hero-reference .hero-offer{font-size:20px}.hero-reference .hero-benefits span{font-size:11px;min-height:60px}.hero-reference .hero-cta{font-size:16px;min-height:68px}.hero.hero-reference,.hero-reference .hero-inner.container{min-height:660px}.hero-reference .hero-brand{height:95px;width:165px}}
@media(max-width:720px){
 .ribbon{height:27px!important}.ribbon-group{height:27px;font-size:10px;gap:18px;padding-right:22px}.ribbon-group b{font-size:13px}.ribbon-track{animation-duration:22s!important}
 .hero.hero-reference{min-height:0;background:#020202}
 .hero-reference .hero-photo{width:118%;height:100%;inset:0 -6% 0 auto}
 .hero-reference .hero-photo img{object-fit:cover;object-position:56% 50%;filter:contrast(1.03) brightness(.9) saturate(.97)}
 .hero-reference .hero-photo::after{background:linear-gradient(90deg,#020202 0%,#020202f1 23%,#060205d8 38%,#0901089f 51%,#0901084a 62%,transparent 79%),linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.02) 28%,rgba(0,0,0,.18) 100%)}
 .hero-reference::after{background:radial-gradient(ellipse at 26% 16%,rgba(141,0,27,.18),transparent 45%),linear-gradient(90deg,#020202 0%,#020202e4 24%,#090007a8 46%,transparent 82%),linear-gradient(0deg,#0202029e 0%,#0202021a 8%,transparent 26%)}
 .hero-reference .hero-inner.container{width:calc(100% - 32px);max-width:520px;display:block;min-height:0;margin-inline:auto}
 .hero-reference .hero-copy{width:100%;max-width:none;margin:0;padding:13px 0 41px}
 .hero-reference .hero-brand{width:147px;height:105px;object-position:left center;margin:0 0 16px}
 .hero-reference .hero-badge{width:min(100%,400px);margin:0 0 7px}
 .hero-reference .hero-title{margin:0 0 6px}
 .hero-reference .hero-title .hero-esquenta{font-size:clamp(44px,13.5vw,67px);letter-spacing:-.073em;line-height:1}
 .hero-reference .hero-title .neon-art{width:100%;max-width:385px;margin:1px 0 0;filter:drop-shadow(0 0 7px #ef003180)}
 .hero-reference .hero-offer{max-width:344px;font-size:clamp(21px,5.9vw,26px);line-height:1.17;margin:0 0 18px;letter-spacing:-.032em}
 .hero-reference .hero-offer strong{max-width:280px;font-size:1.11em;line-height:1.18;margin-top:4px}
 .hero-reference .hero-benefits{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 21px}
 .hero-reference .hero-benefits span{min-height:59px;padding:6px 3px;font-size:clamp(9px,2.5vw,12px);line-height:1.2;border-radius:10px}
 .hero-reference .hero-cta{width:100%;max-width:100%;min-height:66px;padding:10px 54px 10px 18px;gap:0;border-radius:22px;font-size:clamp(12px,3.7vw,17px);line-height:1.16}
 .hero-reference .hero-cta .arrow-right{right:18px;font-size:34px;margin:0}
}
@media(max-width:375px){.hero-reference .hero-copy{padding-bottom:36px}.hero-reference .hero-brand{height:96px;width:136px}.hero-reference .hero-title .hero-esquenta{font-size:clamp(40px,12.9vw,50px)}.hero-reference .hero-offer{font-size:21px}.hero-reference .hero-cta{font-size:12px;padding-right:50px}.hero-reference .hero-benefits span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ribbon-track,.hero-reference .hero-cta.cta-pulse{animation:none!important}}