:root{
  --b2b-hx-bg:#0a1020;
  --b2b-hx-bg2:#111a33;
  --b2b-hx-panel:rgba(14,21,40,.72);
  --b2b-hx-line:rgba(255,255,255,.09);
  --b2b-hx-text:#f4f7ff;
  --b2b-hx-sub:#b8c2df;
  --b2b-hx-accent:#7a8cff;
  --b2b-hx-accent2:#43d3ff;
  --b2b-hx-shadow:0 20px 60px rgba(0,0,0,.38);
}
body{background:radial-gradient(circle at top left, rgba(90,112,255,.18), transparent 30%), radial-gradient(circle at right 20%, rgba(50,193,255,.14), transparent 25%), linear-gradient(180deg,#07101f 0%,#0b1224 52%,#08101f 100%); color:var(--b2b-hx-text);}
.b2b-hx-home{display:block; padding:28px 22px 48px; position:relative; overflow:hidden;}
.b2b-hx-home *{box-sizing:border-box}
.b2b-hx-hero{position:relative; max-width:1400px; margin:0 auto 22px; border:1px solid var(--b2b-hx-line); border-radius:32px; background:linear-gradient(180deg,rgba(20,31,59,.92),rgba(9,16,31,.92)); box-shadow:var(--b2b-hx-shadow); overflow:hidden;}
.b2b-hx-glow{position:absolute; width:420px; height:420px; border-radius:50%; filter:blur(80px); opacity:.45; pointer-events:none; animation:b2bHxBreath 7s ease-in-out infinite;}
.b2b-hx-glow--one{left:-80px; top:-100px; background:rgba(97,120,255,.34)}
.b2b-hx-glow--two{right:-120px; bottom:-140px; background:rgba(39,202,255,.24); animation-delay:1.4s}
@keyframes b2bHxBreath{0%,100%{transform:scale(1); opacity:.34}50%{transform:scale(1.08); opacity:.55}}
.b2b-hx-heroGrid{position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(420px, 58%); gap:28px; padding:34px; z-index:1;}
.b2b-hx-copy{display:flex; flex-direction:column; justify-content:center; min-height:540px;}
.b2b-hx-pill{display:inline-flex; align-self:flex-start; padding:8px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:#dbe4ff; letter-spacing:.08em; text-transform:uppercase; font-size:12px; font-weight:700; backdrop-filter:blur(12px);}
.b2b-hx-title{margin:16px 0 14px; font-size:clamp(34px,4.4vw,64px); line-height:1.02; letter-spacing:-.04em; max-width:11ch;}
.b2b-hx-sub{margin:0 0 22px; color:var(--b2b-hx-sub); font-size:15px; line-height:1.8; max-width:60ch;}
.b2b-hx-actions{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px;}
.b2b-hx-btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 18px; border-radius:16px; text-decoration:none; font-weight:700; transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;}
.b2b-hx-btn:hover{transform:translateY(-2px)}
.b2b-hx-btn--primary{background:linear-gradient(135deg,var(--b2b-hx-accent),var(--b2b-hx-accent2)); color:#061121; box-shadow:0 12px 26px rgba(83,133,255,.35)}
.b2b-hx-btn--ghost{border:1px solid rgba(255,255,255,.14); color:#eef3ff; background:rgba(255,255,255,.04)}
.b2b-hx-btnIcon{display:inline-flex; width:18px; height:18px}
.b2b-hx-stats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;}
.b2b-hx-stat{padding:14px 16px; border-radius:18px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); backdrop-filter:blur(12px)}
.b2b-hx-stat span{display:block; font-size:12px; color:#9faed2; text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px}
.b2b-hx-stat strong{font-size:26px}
.b2b-hx-stage{display:flex; align-items:center; justify-content:center; min-height:540px}
.b2b-hx-slider{position:relative; width:100%; min-height:540px;}
.b2b-hx-track{display:flex; width:100%; height:100%; transition:transform .7s cubic-bezier(.22,.61,.36,1);}
.b2b-hx-slide{min-width:100%; position:relative; border-radius:30px; overflow:hidden; border:1px solid rgba(255,255,255,.08); box-shadow:0 22px 56px rgba(0,0,0,.32); background:#0c152d;}
.b2b-hx-slideMedia{position:relative; height:540px; background:linear-gradient(180deg,#19233f,#0a1020)}
.b2b-hx-slideMedia img,.b2b-hx-cardMedia img{width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.02);}
.b2b-hx-slideShade{position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,12,24,.06) 0%,rgba(7,12,24,.2) 35%,rgba(7,12,24,.86) 100%)}
.b2b-hx-slideFallback,.b2b-hx-cardFallback{width:100%; height:100%; background:linear-gradient(135deg,rgba(122,140,255,.18),rgba(67,211,255,.16),rgba(255,255,255,.05));}
.b2b-hx-slideCaption{position:absolute; left:0; right:0; bottom:0; padding:28px; z-index:1}
.b2b-hx-slideCaption span{display:inline-block; margin-bottom:10px; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#b8c7eb}
.b2b-hx-slideCaption strong{display:block; font-size:30px; line-height:1.15; letter-spacing:-.03em; margin-bottom:8px}
.b2b-hx-slideCaption p{margin:0; color:#d2ddfb; line-height:1.7; max-width:70%}
.b2b-hx-arrow{position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; border-radius:50%; border:1px solid rgba(255,255,255,.12); background:rgba(8,14,28,.56); color:#fff; display:flex; align-items:center; justify-content:center; backdrop-filter:blur(14px); cursor:pointer; z-index:2; transition:transform .2s ease, background .2s ease, border-color .2s ease;}
.b2b-hx-arrow:hover{transform:translateY(-50%) scale(1.05); background:rgba(15,27,54,.82); border-color:rgba(255,255,255,.22)}
.b2b-hx-arrow svg{width:22px; height:22px}
.b2b-hx-arrow--left{left:16px}.b2b-hx-arrow--right{right:16px}
.b2b-hx-sliderFooter{display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:14px}
.b2b-hx-progress{flex:1; height:4px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden}
.b2b-hx-progress span{display:block; height:100%; background:linear-gradient(90deg,var(--b2b-hx-accent),var(--b2b-hx-accent2)); border-radius:inherit; transition:width .45s ease}
.b2b-hx-dots{display:flex; gap:8px}.b2b-hx-dot{width:10px; height:10px; border-radius:50%; border:none; background:rgba(255,255,255,.22); cursor:pointer; padding:0; transition:transform .2s ease, background .2s ease, width .2s ease}.b2b-hx-dot.is-on{background:#fff; width:26px; border-radius:999px}
.b2b-hx-quick,.b2b-hx-section{max-width:1400px; margin:0 auto 22px}
.b2b-hx-quick{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.b2b-hx-quickCard,.b2b-hx-card{position:relative; overflow:hidden; border-radius:24px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg,rgba(18,27,51,.9),rgba(10,16,31,.9)); box-shadow:var(--b2b-hx-shadow);}
.b2b-hx-quickCard{padding:22px; text-decoration:none; color:#eef3ff; display:block; transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease;}
.b2b-hx-quickCard:hover,.b2b-hx-card:hover{transform:translateY(-4px); border-color:rgba(255,255,255,.16); box-shadow:0 28px 60px rgba(0,0,0,.42)}
.b2b-hx-quickIcon{display:inline-flex; width:46px; height:46px; align-items:center; justify-content:center; border-radius:14px; margin-bottom:16px; color:#e6edff; background:linear-gradient(135deg,rgba(122,140,255,.22),rgba(67,211,255,.18)); border:1px solid rgba(255,255,255,.09)}
.b2b-hx-quickIcon svg{width:22px; height:22px}
.b2b-hx-quickCard strong{display:block; font-size:20px; margin-bottom:8px}.b2b-hx-quickCard small{display:block; color:#afbedf; line-height:1.8}
.b2b-hx-head{display:flex; justify-content:space-between; align-items:flex-end; gap:12px; margin-bottom:16px}
.b2b-hx-head span{display:inline-flex; gap:8px; align-items:center; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#9eb1db; margin-bottom:8px}.b2b-hx-head span svg{width:16px; height:16px}
.b2b-hx-head h2{margin:0; font-size:28px; line-height:1.1; letter-spacing:-.03em}.b2b-hx-head a{color:#dfe7ff; text-decoration:none; font-weight:700}
.b2b-hx-grid{display:grid; gap:16px}.b2b-hx-grid--news{grid-template-columns:repeat(4,minmax(0,1fr))}.b2b-hx-grid--arrivals{grid-template-columns:repeat(3,minmax(0,1fr))}
.b2b-hx-cardMedia{height:220px; background:#111b34}.b2b-hx-cardBody{padding:18px}.b2b-hx-cardBody strong{display:block; font-size:18px; line-height:1.35; margin-bottom:8px}.b2b-hx-cardBody p{margin:0; color:#aebcdd; line-height:1.75; font-size:14px}
.b2b-hx-empty{padding:40px 20px; text-align:center; border-radius:24px; border:1px dashed rgba(255,255,255,.12); color:#9fb0d7; background:rgba(255,255,255,.03)}
@media (max-width: 1200px){.b2b-hx-heroGrid{grid-template-columns:1fr;}.b2b-hx-copy,.b2b-hx-stage,.b2b-hx-slider,.b2b-hx-slideMedia{min-height:auto;height:auto}.b2b-hx-slideMedia{height:460px}.b2b-hx-grid--news{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-hx-grid--arrivals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 768px){.b2b-hx-home{padding:18px 14px 34px}.b2b-hx-hero{border-radius:24px}.b2b-hx-heroGrid{padding:18px; gap:18px}.b2b-hx-title{font-size:34px; max-width:none}.b2b-hx-sub{font-size:14px; line-height:1.7}.b2b-hx-stats{grid-template-columns:1fr 1fr}.b2b-hx-slideMedia{height:320px}.b2b-hx-slideCaption{padding:18px}.b2b-hx-slideCaption strong{font-size:22px}.b2b-hx-slideCaption p{max-width:100%; font-size:13px}.b2b-hx-arrow{display:none}.b2b-hx-sliderFooter{gap:10px; align-items:center}.b2b-hx-quick{grid-template-columns:1fr}.b2b-hx-grid--news,.b2b-hx-grid--arrivals{grid-template-columns:1fr}.b2b-hx-cardMedia{height:200px}.b2b-hx-head{align-items:flex-start; flex-direction:column}.b2b-hx-head h2{font-size:24px}}