/* Three manually selected product compositions. Original product assets are preserved. */
.banner-v9{background:var(--navy);--stage:#edf3f1;--soft:#c2ded7}.b9-layout{display:grid;grid-template-columns:.9fr 1.35fr;align-items:stretch;min-height:640px}.b9-copy{color:white;padding:67px 35px 45px 0;display:flex;flex-direction:column;position:relative;z-index:1}.b9-eyebrow{font-size:9px;letter-spacing:.14em;font-weight:600;color:var(--mint);margin-bottom:36px;line-height:1.6}.b9-copy h1{font-size:clamp(49px,5.35vw,77px);line-height:1.04;letter-spacing:-.055em;margin-bottom:26px}.b9-copy h1 em{font-style:normal;font-weight:450;color:var(--mint)}.b9-description{font-size:14px;line-height:1.85;color:#c9d9e6;max-width:345px;margin-bottom:29px}.b9-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.b9-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;background:var(--mint);color:var(--navy);min-height:51px;padding:14px 20px;font-size:12px;font-weight:600}.b9-primary>span{font-size:21px;font-weight:400}.b9-primary:hover{background:#d0e8e3}.b9-secondary{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;font-size:11px;border-bottom:1px solid #759aaa;padding:10px 0;color:#c9d9e6}.b9-secondary>span{color:var(--mint);font-size:18px}.b9-secondary:hover{color:var(--mint)}.b9-copy-note{display:flex;align-items:center;gap:18px;margin-top:auto;padding-top:38px;font-size:9px;color:#a6c0d0}.b9-copy-note>span{padding-right:18px;border-right:1px solid #375d7e;white-space:nowrap;font-size:8px;letter-spacing:.06em}.b9-copy-note p{margin:0;font-size:10px;line-height:1.5}.b9-showcase{background:var(--stage);min-width:0;position:relative;isolation:isolate;display:flex;flex-direction:column;padding-left:38px}.b9-showcase:before{content:'';position:absolute;left:-1px;top:0;width:40px;bottom:0;background:var(--navy);clip-path:polygon(0 0,100% 0,0 100%);z-index:-1}.b9-showcase:after{content:'';position:absolute;left:100%;top:0;bottom:0;width:50vw;background:var(--stage);z-index:-1}.b9-showcase-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 10px 15px;font-size:8px;letter-spacing:.1em;color:#537b7b}.b9-counter{font-size:10px;letter-spacing:.06em;white-space:nowrap}.b9-panels{flex:1;position:relative;min-height:460px}.b9-panel{position:relative;height:100%;min-height:460px}.b9-stage-line{position:absolute;left:6%;right:0;bottom:65px;height:1px;background:#c7dad4;transform:rotate(-7deg);transform-origin:left center}.b9-stage-line:before{content:'';position:absolute;inset:-65px 0 1px 0;background:#e4ede9;clip-path:polygon(8% 0,95% 0,100% 100%,0 100%);z-index:-1}.b9-device{display:block;position:absolute;transition:transform .3s;outline-offset:6px!important}.b9-device img{width:100%;height:auto;display:block}.b9-label-white{width:77%;top:55px;right:1%;transform:rotate(-7deg);mix-blend-mode:multiply}.b9-label-white:hover{transform:rotate(-4deg) translateY(-3px)}.b9-label-black{width:39%;aspect-ratio:456/408;left:1%;bottom:65px;overflow:hidden;transform:rotate(6deg);box-shadow:8px 15px 15px -15px #153b4c77;border-radius:5px}.b9-label-black img{position:absolute;width:185.185%;max-width:none;left:-43.518%;top:-29.595%}.b9-label-black:hover{transform:rotate(3deg) translateY(-3px)}.b9-caption{position:absolute;display:grid;gap:5px;color:var(--navy);font-size:9px;line-height:1.5;z-index:2}.b9-caption strong{font-size:27px;font-weight:500;letter-spacing:-.04em;line-height:1.1}.b9-caption>span{display:flex;align-items:center;gap:15px}.b9-caption>span>span{color:var(--teal);font-size:16px}.b9-caption-primary{right:0;top:15px;text-align:right;border-top:1px solid #6caaa2;padding-top:11px}.b9-caption-primary>span{justify-content:flex-end}.b9-caption-secondary{left:2%;bottom:13px;border-left:1px solid #6caaa2;padding-left:13px}.b9-scene-note{position:absolute;right:0;bottom:10px;max-width:230px;text-align:right;font-size:9px;line-height:1.6;color:#698181;margin:0}.b9-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;border-top:1px solid #b9cec7;min-height:88px}.b9-selector button{position:relative;display:grid;grid-template-columns:1fr 15px;align-content:center;gap:8px 8px;border:0;border-right:1px solid #cadbd6;background:transparent;color:#5c747a;text-align:left;padding:17px 17px;font-size:11px;line-height:1.35;transition:background .2s}.b9-selector button:last-child{border-right:0}.b9-selector button:first-child{padding-left:15px}.b9-choice-number{grid-column:1/-1;font-size:8px;letter-spacing:.1em}.b9-choice-arrow{font-size:17px;align-self:center;color:var(--teal)}.b9-selector button[aria-pressed=true]{color:var(--navy);background:#dcebe6}.b9-selector button[aria-pressed=true]:before{content:'';position:absolute;top:-1px;left:0;right:0;height:3px;background:var(--teal)}.b9-selector button:hover{background:#e1ede9;color:var(--navy)}.b9-display-portrait{width:30%;height:290px;right:32%;top:16px;transform:rotate(6deg);filter:drop-shadow(11px 15px 0 #d2e3dd)}.b9-display-portrait img{width:100%;height:100%;object-fit:contain}.b9-display-strip{width:95%;left:4%;bottom:95px;transform:rotate(-3deg);box-shadow:0 12px 12px -12px #183d56aa}.b9-picking-label{width:76%;right:0;top:100px;transform:rotate(-6deg);mix-blend-mode:multiply}.b9-base-station{width:31%;left:2%;bottom:55px;transform:rotate(7deg);mix-blend-mode:multiply}.b9-warehouse .b9-caption-primary{max-width:235px}.b9-warehouse .b9-caption-secondary{bottom:11px}.b9-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1600px){.b9-layout{min-height:660px}.b9-copy{padding-block:75px 48px}.b9-panel,.b9-panels{min-height:480px}.b9-label-white{top:67px}.b9-label-black{bottom:70px}.b9-display-portrait{height:320px}.b9-picking-label{top:115px}}
@media(max-width:1150px){.b9-layout{grid-template-columns:1fr 1.35fr;min-height:610px}.b9-copy{padding:53px 22px 38px 0}.b9-copy h1{font-size:60px}.b9-description{font-size:13px;max-width:300px}.b9-primary{font-size:11px;padding:13px 16px;gap:20px}.b9-showcase{padding-left:25px}.b9-showcase:before{width:27px}.b9-showcase-top{font-size:7px;padding-left:12px}.b9-panel,.b9-panels{min-height:455px}.b9-label-white{width:86%;right:-1%;top:86px}.b9-label-black{width:43%;bottom:68px;left:0}.b9-caption strong{font-size:25px}.b9-caption-primary{top:27px}.b9-scene-note{max-width:180px;font-size:8px}.b9-selector button{font-size:10px;padding-inline:13px}.b9-display-portrait{width:36%;right:30%;height:295px;top:27px}.b9-display-strip{bottom:105px}.b9-picking-label{width:85%;top:130px}.b9-base-station{width:37%;bottom:63px}.b9-warehouse .b9-scene-note{max-width:165px}.b9-copy-note{gap:12px}.b9-copy-note>span{padding-right:12px}.b9-copy-note p{font-size:9px}}
@media(max-width:900px) and (min-width:701px){.b9-layout{grid-template-columns:1fr 1.2fr;min-height:590px}.b9-copy h1{font-size:51px}.b9-copy{padding-top:45px}.b9-eyebrow{font-size:8px;margin-bottom:28px}.b9-primary{font-size:10px;gap:15px}.b9-description{font-size:12px;max-width:260px}.b9-panel,.b9-panels{min-height:435px}.b9-caption-primary{font-size:8px;top:26px}.b9-label-white{width:95%;top:105px}.b9-label-black{width:48%;bottom:72px}.b9-caption-secondary{font-size:8px}.b9-scene-note{max-width:135px;font-size:7px}.b9-selector button{font-size:9px;padding:15px 9px}.b9-selector button:first-child{padding-left:10px}.b9-showcase-top{font-size:6px}.b9-display-portrait{height:250px;width:40%;right:30%;top:51px}.b9-display-strip{bottom:118px}.b9-picking-label{top:144px;width:97%}.b9-base-station{width:39%;bottom:70px}.b9-warehouse .b9-caption-primary{max-width:190px}.b9-warehouse .b9-scene-note{max-width:125px}}
@media(max-width:700px){.b9-layout{display:block;width:100%;min-height:0}.b9-copy{padding:35px 24px 32px;max-width:600px;margin:auto}.b9-eyebrow{font-size:8px;margin-bottom:25px}.b9-copy h1{font-size:56px;line-height:1.03;margin-bottom:22px}.b9-description{font-size:13px;max-width:380px;margin-bottom:24px}.b9-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:13px 22px}.b9-primary{font-size:11px;min-height:47px;padding:12px 16px;gap:20px}.b9-secondary{font-size:10px;gap:20px;padding-block:9px}.b9-copy-note{display:none}.b9-showcase{padding:0 24px}.b9-showcase:before,.b9-showcase:after{display:none}.b9-showcase-top{padding:22px 0 10px;font-size:7px}.b9-panel,.b9-panels{min-height:355px}.b9-label-white{width:84%;top:62px;right:0}.b9-label-black{width:42%;left:-3%;bottom:67px}.b9-caption-primary{right:0;top:7px;font-size:8px;padding-top:7px}.b9-caption strong{font-size:23px}.b9-caption-secondary{left:0;bottom:10px;font-size:8px;padding-left:10px}.b9-scene-note{font-size:8px;max-width:150px;bottom:9px}.b9-stage-line{bottom:60px;left:0}.b9-selector{margin-top:15px;min-height:81px}.b9-selector button{padding:14px 10px;font-size:9px;gap:7px 3px}.b9-selector button:first-child{padding-left:9px}.b9-choice-number{font-size:7px}.b9-choice-arrow{font-size:15px}.b9-display-portrait{height:220px;width:39%;top:19px;right:31%;filter:drop-shadow(8px 10px 0 #d2e3dd)}.b9-display-strip{width:100%;left:0;bottom:92px}.b9-picking-label{width:95%;top:105px;right:-1%}.b9-base-station{width:37%;left:0;bottom:60px}.b9-warehouse .b9-caption-primary{max-width:200px}.b9-warehouse .b9-scene-note{max-width:140px}}
@media(min-width:460px) and (max-width:700px){.b9-showcase{padding-inline:35px}.b9-panel,.b9-panels{min-height:430px}.b9-label-white{width:75%;right:2%;top:55px;max-width:390px}.b9-label-black{width:36%;bottom:75px;left:4%}.b9-display-portrait{height:285px;width:34%;right:32%}.b9-display-strip{bottom:105px}.b9-picking-label{top:125px;width:85%}.b9-base-station{width:32%;left:4%;bottom:65px}.b9-selector button{font-size:11px;padding:17px}.b9-caption-secondary{left:4%}}
@media(max-width:380px){.b9-copy{padding-inline:20px}.b9-copy h1{font-size:51px}.b9-showcase{padding-inline:20px}.b9-panel,.b9-panels{min-height:330px}.b9-label-white{top:66px}.b9-label-black{bottom:68px}.b9-scene-note{max-width:125px;font-size:7px}.b9-caption-secondary{font-size:7px}.b9-selector button{font-size:8px}.b9-caption strong{font-size:22px}.b9-display-portrait{height:205px}.b9-display-strip{bottom:87px}.b9-picking-label{top:100px}.b9-base-station{bottom:59px}.b9-warehouse .b9-scene-note{max-width:120px}}
@media(prefers-reduced-motion:reduce){.banner-v9 *{transition:none!important}}