.hb-slider{padding:0;position:relative;overflow:hidden}
.hb-slider.hb-hero{background:radial-gradient(55% 75% at 80% 48%,rgba(96,136,255,.5) 0%,transparent 70%),radial-gradient(45% 55% at 0% 100%,rgba(255,201,51,.14) 0%,transparent 70%),linear-gradient(135deg,#0a1633 0%,#17275f 48%,#2d479c 100%)}
.hb-slider.hb-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1.3px,transparent 1.4px);background-size:28px 28px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 100%);mask-image:linear-gradient(90deg,transparent 30%,#000 100%);pointer-events:none}
.hb-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;position:relative;z-index:1}
.hb-track::-webkit-scrollbar{display:none}
.hb-slide{flex:0 0 100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;min-height:620px;padding:72px 0 100px}
.hb-slide>.hb-w{width:100%}
.hb-slider .hb-hg{grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hb-copy{position:relative;z-index:2}
.hb-eye{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#cfe0ff;margin-bottom:20px}
.hb-eye::before{content:'';width:8px;height:8px;border-radius:50%;background:#ffc933;box-shadow:0 0 0 4px rgba(255,201,51,.25)}
.hb-slider .hb-ht{font-size:clamp(36px,5.6vw,64px);line-height:1.02;font-weight:800;margin:0 0 18px;color:#fff;letter-spacing:-.035em}
.hb-slider .hb-hl{display:block;color:#ffc933}
.hb-slider .hb-lead{color:#d6e3ff;font-size:18px;line-height:1.55;max-width:500px;margin:0 0 24px}
.hb-feats{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-wrap:wrap;gap:10px}
.hb-feats li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:14px;font-weight:600;color:#fff}
.hb-feats svg{color:#ffc933;flex:none}
.hb-act{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hb-btn.hb-pri{background:#ffc933;color:#0b1b3a;padding:15px 30px;box-shadow:0 12px 26px -12px rgba(255,201,51,.8)}
.hb-btn.hb-pri:hover{background:#ffd75e;color:#0b1b3a}
.hb-btn.hb-ghost{background:transparent;color:#fff;padding:13px 26px;border:1.5px solid rgba(255,255,255,.4)}
.hb-btn.hb-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.hb-stage{position:relative;width:100%;max-width:470px;margin:0 auto}
.hb-stage::before{content:'';position:absolute;inset:-30px;border-radius:50%;border:1px dashed rgba(255,255,255,.28);pointer-events:none}
.hb-stage::after{content:'';position:absolute;inset:-62px;border-radius:50%;border:1px solid rgba(255,255,255,.1);pointer-events:none}
.hb-slider .hb-vis{aspect-ratio:1;max-width:none;width:100%;margin:0;border:0;border-radius:50%;isolation:isolate;background:radial-gradient(circle at 50% 36%,#fff 0%,#eaf0ff 55%,#c6d6ff 100%);box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 90px rgba(96,136,255,.35)}
.hb-slider .hb-vis img{object-fit:contain;padding:9%;max-width:none;mix-blend-mode:multiply}
.hb-badge{position:absolute;top:8%;right:-6px;z-index:3;background:#ffc933;color:#0b1b3a;font-weight:800;font-size:13px;padding:9px 16px;border-radius:99px;box-shadow:0 14px 28px -12px rgba(0,0,0,.55);transform:rotate(4deg)}
.hb-pcard{position:absolute;left:-18px;bottom:9%;z-index:3;display:flex;flex-direction:column;gap:2px;max-width:210px;padding:12px 16px;border-radius:16px;background:#fff;color:#0b1b3a;text-decoration:none;box-shadow:0 18px 40px -16px rgba(0,0,0,.55)}
.hb-pcard b{font-size:14px;line-height:1.25}
.hb-pcard span{font-size:13px;font-weight:700;color:#2d479c}
@media (prefers-reduced-motion:no-preference){.hb-slider .hb-vis img{animation:hbfloat 6s ease-in-out infinite}}
@keyframes hbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hb-dots{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:3}
.hb-dots button{width:10px;height:10px;border-radius:99px;border:0;background:#ffffff66;padding:0;cursor:pointer;transition:all .25s}
.hb-dots button.on{background:#ffc933;width:28px}
.hb-arr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#ffffff26;color:#fff;font-size:22px;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center}
.hb-arr:hover{background:#ffffff50}.hb-prev{left:16px}.hb-next{right:16px}
@media(max-width:860px){
.hb-arr{display:none}
.hb-slide{min-height:0;padding:44px 0 84px}
.hb-slider .hb-hg{grid-template-columns:1fr;gap:56px}
.hb-slider .hb-lead{font-size:16px}
.hb-feats li{font-size:13px;padding:8px 12px}
.hb-stage{max-width:290px}
.hb-stage::before{inset:-18px}
.hb-stage::after{inset:-36px}
.hb-badge{right:-4px;font-size:12px;padding:8px 13px}
.hb-pcard{left:-8px;max-width:170px;padding:10px 12px}
}