.product-banner{container-type:inline-size;min-width:0;margin:28px 0 0;overflow:hidden;border:1px solid #263c54;border-radius:20px;color:#fff;background:#0b182a;box-shadow:0 14px 34px rgba(6,21,37,.09);font:400 15px/1.55 Inter,"Segoe UI",sans-serif;isolation:isolate}
.product-banner--article{margin-block:36px 12px}
.product-banner-label{padding:12px 22px;border-bottom:1px solid #25364c;color:#b7c9dc;font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.5}
.product-banner-label span{padding-inline:5px;color:#6883a0}
.product-banner-track{display:grid;min-width:0}
.product-banner-slide{--promo-accent:#75e6f3;grid-area:1/1;display:grid;grid-template-columns:minmax(0,40%) minmax(0,60%);min-width:0;visibility:hidden;pointer-events:none;background:#0b182a}
.product-banner-slide.is-active{visibility:visible;pointer-events:auto}
.product-banner-accent--blue{--promo-accent:#99c4ff}.product-banner-accent--green{--promo-accent:#82ecc1}.product-banner-accent--purple{--promo-accent:#ccb5ff}.product-banner-accent--amber{--promo-accent:#ffd294}.product-banner-accent--coral{--promo-accent:#ffa898}
.product-banner-art{position:relative;min-width:0;min-height:260px;overflow:hidden;background:#14273e}
.product-banner-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(11,24,42,.28));pointer-events:none}
.product-banner .product-banner-art img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;color:transparent}
.product-banner-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:28px 34px 30px}
.product-banner-brand{color:var(--promo-accent);font-size:12px;font-weight:800;line-height:1.4;letter-spacing:.035em}
.product-banner .product-banner-title{max-width:570px;margin:10px 0 12px;color:#fff;font:800 clamp(27px,2.6vw,32px)/1.14 Manrope,Inter,sans-serif;letter-spacing:-.035em;overflow-wrap:normal}
.product-banner .product-banner-description{max-width:550px;margin:0 0 21px;color:#c5d4e5;font-size:14px;line-height:1.6;overflow-wrap:normal}
.product-banner .product-banner-cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;max-width:100%;min-height:46px;padding:11px 17px;border:1px solid var(--promo-accent);border-radius:10px;color:#0b182a;background:var(--promo-accent);font-size:13px;font-weight:800;line-height:1.35;text-decoration:none;text-align:center;transition:filter .15s ease}
.product-banner-cta span{font-size:19px;line-height:1}
.product-banner .product-banner-cta:hover{color:#0b182a;filter:brightness(1.09);text-decoration:none}
.product-banner :is(a,button):focus-visible{outline:3px solid #fff;outline-offset:3px}
.product-banner-controls{display:flex;align-items:center;justify-content:center;gap:5px;min-height:60px;padding:7px 14px;border-top:1px solid #25364c;visibility:hidden}
.product-banner.is-enhanced .product-banner-controls{visibility:visible}
.product-banner-controls button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid transparent;border-radius:9px;color:#c5d4e5;background:transparent;cursor:pointer;font-family:inherit;line-height:1}
.product-banner-controls button:hover{color:#fff;background:#1b3049}
.product-banner-controls .product-banner-arrow{font-size:21px}
.product-banner-dots{display:flex;align-items:center;justify-content:center;min-width:0}
.product-banner-dots button span{width:6px;height:6px;border-radius:50%;background:#647c96}
.product-banner-dots button[aria-current="true"] span{width:19px;border-radius:9px;background:#83e3f4}
.product-banner-controls .product-banner-toggle{min-width:76px;margin-left:8px;padding:0 10px;border-color:#3d526c;font-size:12px;font-weight:700}
@container (max-width:760px){.product-banner-copy{padding:24px}.product-banner .product-banner-title{font-size:27px}.product-banner-art{min-height:300px}}
@container (max-width:620px){.product-banner-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:150px auto}.product-banner-art{height:150px;min-height:150px}.product-banner-art::after{background:linear-gradient(0deg,rgba(11,24,42,.35),transparent 60%)}.product-banner .product-banner-art img{object-position:center 48%}.product-banner-copy{padding:23px 24px 25px}.product-banner .product-banner-title{max-width:480px;font-size:27px}.product-banner .product-banner-description{margin-bottom:20px}.product-banner-controls{flex-wrap:wrap;column-gap:0;row-gap:0;padding:5px 8px}.product-banner-controls .product-banner-toggle{margin-left:8px}.product-banner-label{padding-inline:20px}}
@container (max-width:460px){.product-banner-dots{order:1;flex-basis:100%}.product-banner-controls [data-promo-prev]{order:2}.product-banner-controls .product-banner-toggle{order:3;flex-basis:auto;margin-inline:8px}.product-banner-controls [data-promo-next]{order:4}.product-banner-controls{padding-block:3px}.product-banner-label{font-size:9px;letter-spacing:.08em}.product-banner-copy{padding:21px 20px 23px}.product-banner .product-banner-title{font-size:26px}}
@media(max-width:640px){.product-banner-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:150px auto}.product-banner-art{height:150px;min-height:150px}.product-banner-copy{padding:23px 22px}.product-banner .product-banner-title{font-size:27px}.product-banner-controls{flex-wrap:wrap;gap:0;padding:5px 8px}}
@media(max-width:460px){.product-banner-dots{order:1;flex-basis:100%}.product-banner-controls [data-promo-prev]{order:2}.product-banner-controls .product-banner-toggle{order:3;flex-basis:auto;margin-inline:8px}.product-banner-controls [data-promo-next]{order:4}}
@media(prefers-reduced-motion:reduce){.product-banner *{transition:none!important}}