*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:#20242e}
body{font-family:'Barlow',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a1e27;
 background-color:#20242e;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 14px);
 font-size:16.5px;line-height:1.65;padding-bottom:92px}
h1,h2,h3,h4{font-family:'Barlow Condensed',system-ui,sans-serif;line-height:1.12;text-transform:uppercase;letter-spacing:.4px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.narrow{max-width:860px}
a{color:inherit}
/* CTAs: parallelogram */
.btn{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;
 letter-spacing:1.2px;text-decoration:none;background:#e70a13;color:#fff;padding:13px 34px;font-size:16.5px;
 transform:skewX(-10deg);transition:transform .18s ease,box-shadow .18s ease}
.btn>span{display:inline-block;transform:skewX(10deg)}
.btn:hover{transform:skewX(-10deg) translateY(-2px)}
.btn-big{font-size:19px;padding:15px 44px}
.btn-small{padding:10px 24px;font-size:14px}
.btn-header{padding:9px 24px;font-size:14.5px}
@keyframes hbpulse{0%{box-shadow:0 0 0 0 rgba(231,10,19,.5),0 10px 22px -10px rgba(231,10,19,.6)}
 50%{box-shadow:0 0 0 7px rgba(231,10,19,0),0 14px 28px -8px rgba(231,10,19,.8)}
 100%{box-shadow:0 0 0 0 rgba(231,10,19,0),0 10px 22px -10px rgba(231,10,19,.6)}}
.btn-cta{animation:hbpulse 2.8s infinite}
@media (prefers-reduced-motion: reduce){.btn-cta{animation:none}html{scroll-behavior:auto}}
/* textures: diagonal hatch */
.hb-tex{position:relative}
.hb-tex::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 16px)}
.hb-white{background:#fff;padding:88px 0}
.hb-white .wrap{position:relative;z-index:1}
.hb-band{background:#20242e;color:#dfe2e9;padding:88px 0}
.hb-band.alt{background:#262b38}
.hb-band .wrap{position:relative;z-index:1}
.hb-band h2{color:#fff}
.hb-band p{color:#9a9ca3}
/* header */
.hb-topbar{position:sticky;top:0;z-index:50;background:#1a1e27;border-bottom:2px solid #e70a13}
.hb-topbar::after{content:"";position:absolute;inset:0;pointer-events:none;
 background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 2px,transparent 2px 18px)}
.bar-inner{position:relative;z-index:1;display:flex;align-items:center;gap:24px;min-height:70px}
.brand img{height:46px;width:auto;display:block}
.hb-nav{display:flex;gap:22px;margin-inline-start:auto;flex-wrap:nowrap}
.hb-nav a{color:#9a9ca3;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:600;
 font-size:16px;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}
.hb-nav a:hover{color:#fff}
/* hero: full-bleed banner, angled ink panel, left text */
.hb-hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden;background:#1a1e27}
.hero-art{position:absolute;inset:0;background:url('hero-banner.jpg') no-repeat right center / cover}
.hero-art::before{content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(26,30,39,.96) 0%,rgba(26,30,39,.88) 30%,rgba(26,30,39,.45) 55%,rgba(26,30,39,.1) 100%)}
.hero-panel{position:relative;z-index:2;width:min(560px,100%);background:rgba(26,30,39,.78);
 clip-path:polygon(0 0,100% 0,calc(100% - 90px) 100%,0 100%);padding:64px 120px 64px 0;margin-left:0}
.hero-inner{padding-inline-start:max(24px,calc((100vw - 1120px)/2 + 24px))}
.hero-kicker{display:inline-block;border:2px solid #e70a13;color:#fff;font-family:'Barlow Condensed',sans-serif;
 font-weight:700;text-transform:uppercase;letter-spacing:1.6px;font-size:14px;padding:5px 14px;margin-bottom:18px}
.hero-text h1{font-size:84px;font-weight:800;color:#fff;letter-spacing:.5px;margin-bottom:14px;
 text-shadow:0 2px 16px rgba(26,30,39,.6)}
.hero-bonus{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:700;color:#fff;margin-bottom:26px;
 text-wrap:balance;text-shadow:0 1px 12px rgba(26,30,39,.7)}
.hero-bonus em{font-style:normal;color:#e70a13}
.hero-fine{margin-top:20px;font-size:13px;color:#9a9ca3}
.hero-redline{height:4px;width:120px;background:#e70a13;margin:0 0 22px;transform:skewX(-10deg)}
/* offer strip */
.hb-offerstrip{background:#262b38;border-bottom:3px solid #e70a13;padding:34px 0}
.hb-offerstrip .wrap{position:relative;z-index:1;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.chip{display:inline-block;border:1.5px solid #9a9ca3;color:#dfe2e9;padding:5px 14px;
 font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;font-size:13px}
.offer-h3{font-family:'Barlow Condensed',sans-serif;font-size:27px;font-weight:800;color:#fff}
.offer-p{color:#9a9ca3;font-size:14.5px;flex:1 1 320px;min-width:280px}
.offer-cta{margin-inline-start:auto}
/* facts: timing tower */
.hb-facts{background:#1a1e27;border-bottom:3px solid #e70a13;padding:44px 0}
.hb-facts .wrap{position:relative;z-index:1}
.facts-strip{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:6px 30px;border-inline-start:1px solid rgba(154,156,163,.35)}
.fact:first-child{border-inline-start:none}
.fact h3{font-size:44px;font-weight:800;color:#fff;line-height:1}
.fact h3 b{color:#e70a13}
.fact strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:15.5px;font-weight:700;
 letter-spacing:1px;text-transform:uppercase;color:#e70a13;margin:6px 0 4px}
.fact p{font-size:13.5px;color:#9a9ca3}
/* sections */
.hb-white h2,.hb-band h2{font-size:34px;margin-bottom:20px}
.hb-white p,.hb-band p{margin-bottom:15px}
.hb-white h3,.hb-band h3{font-size:23px;margin:26px 0 10px}
.hb-band h3{color:#fff}
.card{background:#fff;border:1px solid #dfe2e9;padding:34px 38px}
.hb-band .card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.14)}
.hb-white .card p:last-child,.hb-band .card p:last-child{margin-bottom:0}
/* table */
.hb-table{width:100%;border-collapse:collapse;margin:24px 0 0;background:#fff;border:1px solid #dfe2e9}
.hb-table th,.hb-table td{border:1px solid #dfe2e9;padding:12px 16px;text-align:start;font-size:15px;vertical-align:top}
.hb-table th{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.8px;
 background:#f6f7f9;width:32%}
.hb-table td{color:#565d6b}
/* faq */
.faq-q{font-weight:700;margin:20px 0 6px !important}
.faq-q:first-child{margin-top:0}
.faq-q strong{font-family:'Barlow Condensed',sans-serif;font-size:19px;letter-spacing:.4px;text-transform:uppercase}
/* verdict */
.hb-verdict{background:#1a1e27;border-top:3px solid #e70a13;padding:96px 0;position:relative}
.hb-verdict::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 2px,transparent 2px 16px);
 pointer-events:none}
.hb-verdict .wrap{position:relative;z-index:1;text-align:center}
.hb-verdict h2{color:#fff;font-size:46px;margin-bottom:18px}
.verdict-lede{color:#9a9ca3;font-size:18.5px;max-width:780px;margin:0 auto 28px}
.hb-verdict .fine{margin-top:20px;font-size:13px;color:#7c8296}
/* footer */
.hb-footer{background:#20242e;color:#9a9ca3;padding:60px 0 30px;position:relative}
.hb-footer::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 2px,transparent 2px 18px);
 pointer-events:none}
.foot-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:44px;padding-bottom:38px}
.hb-footer h4{color:#fff;font-size:16px;letter-spacing:1.4px;margin-bottom:14px}
.hb-footer ul{list-style:none}
.hb-footer li{margin-bottom:9px}
.hb-footer a{color:#9a9ca3;text-decoration:none}
.hb-footer a:hover{color:#fff;text-decoration:underline}
.hb-footer .btn{animation:none}
.foot-bar{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.14);padding-top:22px;display:flex;
 justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.foot-bar p{font-size:13px;margin:0}
.hb-langswitch{display:flex;gap:8px;flex-wrap:wrap}
.hb-langswitch a{display:inline-block;border:1px solid rgba(154,156,163,.45);padding:5px 13px;
 font-size:13px;color:#9a9ca3;text-decoration:none;font-family:'Barlow Condensed',sans-serif;letter-spacing:.6px}
.hb-langswitch a[aria-current="true"]{color:#fff;font-weight:700;border-color:#e70a13;background:rgba(231,10,19,.16)}
/* sticky bar */
.hb-ctabar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#1a1e27;border-top:2px solid #e70a13;
 display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 24px;
 box-shadow:0 -10px 30px rgba(26,30,39,.45)}
.ctabar-bonus{font-family:'Barlow Condensed',sans-serif;font-weight:700;color:#fff;font-size:16px;letter-spacing:.4px}
/* responsive */
@media (max-width:1120px){.hb-nav{gap:14px}.hb-nav a{font-size:14px}}
@media (max-width:980px){
 .facts-strip{grid-template-columns:repeat(2,1fr)}
 .fact:nth-child(odd){border-inline-start:none}
 .fact{padding:18px 24px}
 .hero-panel{width:min(520px,100%);clip-path:polygon(0 0,100% 0,calc(100% - 60px) 100%,0 100%)}
}
@media (max-width:760px){
 .hb-nav{display:none}
 .btn-header{display:none}
 .hero-text h1{font-size:52px}
 .hero-bonus{font-size:24px}
 .hero-panel{background:rgba(26,30,39,.86);clip-path:none;padding:48px 24px;width:100%}
 .hero-art::before{background:linear-gradient(180deg,rgba(26,30,39,.9) 0%,rgba(26,30,39,.8) 100%)}
 .offer-h3{font-size:21px}
 .hb-offerstrip .wrap{flex-direction:column;align-items:flex-start;gap:12px}
 .offer-cta{margin-inline-start:0}
 .facts-strip{grid-template-columns:1fr}
 .fact{border-inline-start:none;border-top:1px solid rgba(154,156,163,.35)}
 .fact:first-child{border-top:none}
 .foot-grid{grid-template-columns:1fr;gap:28px}
 .ctabar-bonus{font-size:13px;line-height:1.3}
 .hb-ctabar .btn{padding:9px 18px;font-size:13.5px;white-space:nowrap}
 .hero-inner{padding-inline-start:0}
 .hero-fine{background:rgba(26,30,39,.85);display:inline-block;padding:7px 14px;color:#fff;text-shadow:none}
}