/* B2B product presentation. Shared purchase components retain their approved styles. */
.bb-product{color:#183348}.bb-product h1,.bb-product h2,.bb-product h3{color:#183348}.bb-product p{color:#566978}.bb-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;padding:30px 0 48px;min-height:500px}.bb-hero h1{font-size:clamp(38px,4vw,60px);letter-spacing:-1.8px;line-height:1.07}.bb-hero em{font-style:normal;color:#3269ab}.bb-hero>div>p{max-width:495px;font-size:16px;line-height:1.8}.bb-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:27px}.bb-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;font-size:11px;color:#566978}.bb-proof span:before{content:'✓';color:#3269ab;margin-right:7px}.bb-hero figure{margin:0;min-width:0}.bb-hero img{width:100%;height:auto;opacity:1;filter:none}.bb-hero figcaption{font-size:9px;text-align:center;color:#566978}.bb-nav{display:flex;justify-content:space-between;gap:20px;border-block:1px solid #dce5ef;padding:20px 0;font-size:12px}.bb-nav a{color:#3269ab}.bb-core{padding:65px 0}.bb-section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:30px}.bb-product h2{font-size:35px;letter-spacing:-.9px}.bb-section-head h2{margin:0}.bb-section-head>p{margin:0;max-width:490px;font-size:14px}.bb-core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.bb-core-grid h3{font-size:23px;margin:24px 0 12px}.bb-core-grid p{font-size:14px;margin:0}.bb-ui{border:1px solid #dce5ef;border-radius:12px;padding:24px;background:#f6f8fc;min-height:225px}.bb-ui>span{font-size:10px;letter-spacing:1.1px;color:#3269ab;font-weight:650;display:block;margin-bottom:18px}.bb-ui-members>div{display:flex;align-items:center;gap:12px;padding:11px 0;font-size:12px;border-bottom:1px solid #dce5ef}.bb-ui-members i{font-size:10px;font-style:normal;color:#3269ab}.bb-ui-members b{margin-left:auto;color:#3269ab}.bb-ui-catalog>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bb-ui-catalog>div>div{background:white;border:1px solid #dce5ef;border-radius:7px;padding:19px 8px;text-align:center;font-size:11px}.bb-ui svg{width:26px;height:26px;color:#3269ab;display:block;margin:0 auto 14px}.bb-ui small{display:block;font-size:10px;color:#566978;margin-top:15px}.bb-ui ol{padding:0;margin:0;list-style:none}.bb-ui-orders li{display:flex;gap:12px;align-items:center;margin:0 0 12px;font-size:12px}.bb-ui-orders li b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#3269ab;color:white;font-size:10px}.bb-note{font-size:11px;margin:23px 0 0!important}.bb-modules{padding:40px;border:1px solid #dce5ef;background:#f6f8fc;border-radius:15px}.bb-tabs{display:flex;gap:27px;overflow:auto;border-bottom:1px solid #c2cfde}.bb-tabs button{background:none;border:0;border-bottom:3px solid transparent;white-space:nowrap;font-size:13px;color:#566978;padding:17px 0;cursor:pointer}.bb-tabs button[aria-selected=true]{color:#3269ab;border-color:#3269ab;font-weight:650}.bb-story-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;padding-top:35px;align-items:center;min-height:310px}.bb-story-panel h3{font-size:27px;line-height:1.2}.bb-story-panel p{font-size:14px;line-height:1.8}.bb-story-visual{background:white;border:1px solid #dce5ef;border-radius:12px;padding:25px}.bb-story-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-bottom:1px solid #dce5ef;padding-bottom:22px}.bb-story-flow b{font-size:11px;color:#3269ab;display:block;margin-bottom:10px}.bb-story-flow strong{display:block;font-size:14px}.bb-story-flow small{font-size:10px;color:#566978;display:block;margin-top:5px}.bb-story-modules{display:flex;flex-wrap:wrap;gap:10px;padding-top:23px}.bb-story-modules span{display:flex;gap:8px;align-items:center;border:1px solid #dce5ef;border-radius:7px;padding:10px;font-size:11px;color:#183348}.bb-story-modules svg{width:17px;height:17px;color:#3269ab}.bb-story-visual>small{display:block;margin-top:18px;font-size:9px;color:#566978}.bb-design{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0}.bb-design>div>p{font-size:14px}.bb-design-board{padding:30px;border:1px solid #dce5ef;border-radius:12px;background:#f6f8fc}.bb-board-top{display:flex;gap:20px;align-items:center}.bb-board-top strong{display:block;font-size:20px}.bb-board-top small{font-size:11px;color:#566978}.bb-color-row{display:flex;gap:11px;align-items:center;margin:30px 0;padding:19px;background:white;border:1px solid #dce5ef;border-radius:8px}.bb-color-row span{width:25px;height:25px;border-radius:50%;background:#3269ab}.bb-color-row span:nth-child(2){background:#183348}.bb-color-row span:nth-child(3){background:white;border:1px solid #c2cfde}.bb-color-row b{font-size:11px;font-weight:500;margin-left:auto}.bb-design-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bb-design-choices b{font-size:14px}.bb-design-choices p{font-size:12px;margin:8px 0 0}.bb-design-board>small{display:block;font-size:9px;color:#566978;margin-top:25px}.bb-growth{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;border-top:1px solid #dce5ef;padding:50px 0 65px;align-items:center}.bb-growth p{font-size:14px}.bb-growth>div>svg{width:32px;height:32px;color:#3269ab;margin-bottom:19px}.bb-growth h3{font-size:25px}.bb-growth .ec-link{display:block;margin-top:20px}.bb-product section[id]{scroll-margin-top:120px}.bb-buy #bb-custom-brief label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.bb-buy #bb-custom-brief small{display:block;margin-top:8px;font-size:11px;color:#566978}.bb-buy #bb-copy-status{font-size:12px;white-space:pre-line;margin-top:15px}
@media(max-width:1100px){.bb-hero>div>p{font-size:14px}.bb-modules{padding:30px}.bb-story-panel{gap:28px}.bb-design,.bb-growth{gap:40px}.bb-ui{padding:20px}.bb-section-head{gap:35px}}
@media(max-width:800px){.bb-hero{grid-template-columns:1fr;gap:25px;padding:25px 0 35px}.bb-hero figure{max-width:650px;margin:auto}.bb-section-head{grid-template-columns:1fr;gap:20px}.bb-core-grid{grid-template-columns:1fr;gap:28px}.bb-ui{min-height:0}.bb-core-grid article{display:grid;grid-template-columns:.9fr 1fr;gap:0 22px}.bb-core-grid .bb-ui{grid-row:1/3}.bb-core-grid h3{margin:12px 0}.bb-story-panel{grid-template-columns:1fr;gap:24px}.bb-design,.bb-growth{grid-template-columns:1fr;gap:30px}.bb-nav{flex-wrap:wrap;justify-content:flex-start;gap:15px 23px}.bb-nav strong{width:100%}.bb-design{padding:50px 0}.bb-core{padding:48px 0}}
@media(max-width:550px){.bb-hero h1{font-size:36px;letter-spacing:-1.4px}.bb-product h2{font-size:29px}.bb-hero>div>p{font-size:14px}.bb-actions{gap:22px}.bb-proof{font-size:10px;gap:15px}.bb-core-grid article{display:block}.bb-ui{padding:22px}.bb-core-grid h3{font-size:22px;margin-top:20px}.bb-modules{padding:24px 18px}.bb-tabs{gap:22px}.bb-tabs button{font-size:12px}.bb-story-panel h3{font-size:25px}.bb-story-panel p{font-size:13px}.bb-story-visual{padding:18px}.bb-story-flow{gap:9px}.bb-story-flow strong{font-size:12px}.bb-story-flow small{font-size:9px}.bb-story-modules span{font-size:10px}.bb-design-board{padding:23px}.bb-board-top strong{font-size:17px}.bb-board-top small{font-size:10px}.bb-design-choices{gap:15px}.bb-design-choices p{font-size:11px}.bb-color-row b{font-size:9px}.bb-growth{gap:28px}.bb-note{font-size:10px}}

.bb-software-hero{border:1px solid #c8d6e5;border-radius:13px;background:white;box-shadow:0 22px 45px #18334812;overflow:hidden;width:100%}.bb-portal-head{background:#183348;padding:22px 25px;color:white;display:flex;align-items:center;justify-content:space-between;gap:15px}.bb-portal-head b{font-size:17px}.bb-portal-head span{font-size:11px}.bb-portal-main{padding:28px}.bb-portal-main>small{color:#3269ab;font-size:9px;letter-spacing:.7px}.bb-portal-main h3{font-size:28px;margin:10px 0 27px}.bb-portal-flow{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bb-portal-flow>div{padding:20px;border:1px solid #dce5ef;background:#f6f8fc;border-radius:8px}.bb-portal-flow b{color:#3269ab;font-size:12px;display:block;margin-bottom:13px}.bb-portal-flow strong{font-size:17px;display:block;margin-bottom:6px}.bb-portal-flow span{font-size:10px;color:#566978}.bb-portal-main footer{display:flex;align-items:center;gap:15px;justify-content:center;font-size:11px;color:#3269ab;margin-top:25px}.bb-software-hero figcaption{padding-bottom:16px}.bb-base-diagram{background:#f1f5fa;border:1px solid #dce5ef;border-radius:10px;padding:25px;display:flex;flex-direction:column;gap:17px;justify-content:center;color:#183348}.bb-base-diagram>b{font-size:18px;color:#3269ab;margin-bottom:6px}.bb-base-diagram span{font-size:13px}.bb-base-diagram small{font-size:10px;color:#566978}
@media(max-width:550px){.bb-portal-head{padding:18px}.bb-portal-head b{font-size:14px}.bb-portal-head span{font-size:9px}.bb-portal-main{padding:20px}.bb-portal-main h3{font-size:23px}.bb-portal-flow{gap:12px}.bb-portal-flow>div{padding:15px 12px}.bb-portal-flow strong{font-size:15px}.bb-portal-flow span{font-size:8px}.bb-portal-main footer{font-size:9px;gap:8px}}

/* Original B2B product artwork and source-page red/Nunito identity. */
.bb-product{font-family:Nunito,'Segoe UI',sans-serif;color:#333}
.bb-product h1,.bb-product h2,.bb-product h3{font-family:Nunito,'Segoe UI',sans-serif;letter-spacing:0;font-weight:700}
.bb-product h1,.bb-product h2,.bb-product .bb-hero em{color:#bc171c}
.bb-product .bb-hero h1{font-size:clamp(32px,3.1vw,40px);line-height:1.2;letter-spacing:0;font-weight:700}
.bb-product h2{font-size:30px;line-height:1.25}.bb-product h3{font-size:22px;line-height:1.3}
.bb-product p{color:#555;font-size:16px;line-height:1.65}
.bb-product .ec-eyebrow{color:#bc171c;font-size:11px}
.bb-hero{grid-template-columns:1fr 1fr;min-height:430px;padding:35px 0 38px;gap:40px}
.bb-hero>div>p{font-size:17px;max-width:535px;line-height:1.65}
.bb-original-hero{max-width:400px;justify-self:center;background:white}
.bb-hero .bb-original-hero img{width:340px;height:300px;max-width:100%;object-fit:contain;display:block;margin:auto;opacity:1;filter:none}
.bb-original-hero figcaption{font-size:15px;line-height:1.6;max-width:360px;margin:15px auto 0;color:#555}
.bb-proof{font-size:13px;gap:17px}
.bb-nav{font-size:14px;gap:20px;flex-wrap:wrap}
.bb-core{padding:55px 0}
.bb-core-grid{gap:28px}
.bb-core-grid article{min-width:0}
.bb-core-grid article>img{width:100%;height:auto;aspect-ratio:800/489;object-fit:contain;border-radius:10px;opacity:1;filter:none;display:block;background:white}
.bb-core-grid h3{font-size:22px;margin:20px 0 10px}.bb-core-grid p{font-size:16px}
.bb-note{font-size:14px!important;line-height:1.6}
.bb-modules{background:white;padding:32px;border-color:#dbe3ec}
.bb-tabs button{font-family:inherit;font-size:16px;color:#555}
.bb-tabs button[aria-selected=true]{color:#bc171c;border-color:#bc171c}
.bb-story-panel{grid-template-columns:.85fr 1.15fr;gap:32px;padding-top:30px;min-height:0}
.bb-story-panel h3{font-size:25px;color:#bc171c}.bb-story-panel p{font-size:16px;line-height:1.65}
.bb-story-modules{padding:0;margin:22px 0;gap:10px}
.bb-story-modules span{font-size:14px;background:#f8fafc;line-height:1.4;padding:8px 11px}
.bb-original-visuals{display:grid;grid-template-columns:1fr;gap:20px;max-width:470px;width:100%;margin:auto}
.bb-original-visuals a{display:block;text-decoration:none}
.bb-original-visuals img{width:100%;height:auto;aspect-ratio:800/489;object-fit:contain;display:block;border-radius:9px;background:white;opacity:1;filter:none}
.bb-original-visuals strong{display:block;font-size:17px;line-height:1.4;color:#183348;margin-top:10px;font-weight:700}
.bb-design{gap:42px;padding:55px 0}.bb-design>div>p{font-size:16px}
.bb-design-choices{gap:20px}
.bb-design-choices article{padding:25px 20px;border:1px solid #dbe3ec;border-radius:10px;background:#f8fafc}
.bb-design-choices article>span{font-size:14px;color:#bc171c;display:block;margin-bottom:15px}
.bb-design-choices h3{font-size:21px;margin:0 0 12px}.bb-design-choices p{font-size:15px;line-height:1.6}
.bb-growth{padding:48px 0 55px;gap:42px}.bb-growth p{font-size:16px}.bb-growth h3{font-size:24px}
.bb-product :focus-visible{outline:3px solid #3269ab;outline-offset:4px}
@media(min-width:1500px){.bb-original-visuals{grid-template-columns:1fr 1fr;max-width:none;gap:18px}.bb-story-panel{grid-template-columns:.8fr 1.2fr}}
@media(max-width:1000px){.bb-nav strong{width:100%}.bb-story-panel{grid-template-columns:1fr}.bb-original-visuals{grid-template-columns:1fr 1fr;max-width:none}.bb-core-grid{gap:20px}.bb-section-head{gap:30px}.bb-core-grid h3{font-size:21px}}
@media(max-width:800px){.bb-hero{grid-template-columns:1fr;min-height:0;gap:25px}.bb-core-grid article{display:block}.bb-core-grid article>img{max-width:460px}.bb-core-grid{grid-template-columns:1fr}.bb-product h2{font-size:29px}.bb-design{grid-template-columns:1fr}}
@media(max-width:550px){.bb-product .bb-hero h1{font-size:32px}.bb-product h2{font-size:27px}.bb-hero>div>p{font-size:16px}.bb-hero .bb-original-hero img{width:260px;height:245px}.bb-original-hero figcaption{font-size:15px}.bb-proof{font-size:12px}.bb-modules{padding:22px 18px}.bb-tabs{gap:20px}.bb-tabs button{font-size:14px}.bb-original-visuals{grid-template-columns:1fr;max-width:420px}.bb-story-panel h3{font-size:23px}.bb-story-modules span{font-size:14px}.bb-design-choices{grid-template-columns:1fr}.bb-nav{font-size:13px}.bb-growth p{font-size:16px}}

/* Match the flagship hero composition while retaining B2B's source identity. */
.bb-product .bb-hero{grid-template-columns:1.12fr .88fr;gap:12px;min-height:460px;margin:24px 0 30px;padding:38px 44px;background:#fff;border:1px solid #e7dfe1;border-left:4px solid #bc171c;border-radius:18px;align-items:center}
.bb-hero .bb-hero-copy{max-width:600px;padding-right:14px}
.bb-product .bb-hero h1{font-size:40px;line-height:1.2;margin:14px 0 20px;max-width:600px}
.bb-hero>div>p{margin:0;max-width:550px}
.bb-hero .bb-original-hero{width:100%;max-width:470px;justify-self:end;align-self:center;margin:0;background:transparent}
.bb-hero .bb-original-hero img{width:100%;height:auto;max-height:420px;aspect-ratio:510/479;object-fit:contain;display:block;margin:0;opacity:1;filter:none}
.bb-hero .bb-actions{margin-top:24px;gap:24px}.bb-hero .bb-proof{margin-top:24px;gap:13px;font-size:13px}
@media(max-width:1100px){.bb-product .bb-hero{padding:30px;min-height:420px}.bb-product .bb-hero h1{font-size:35px}.bb-hero .bb-original-hero img{max-height:350px}}
@media(max-width:800px){.bb-product .bb-hero{grid-template-columns:1fr;min-height:0;gap:0;text-align:center;padding:28px 24px;margin:18px 0 24px}.bb-hero .bb-hero-copy{display:contents}.bb-hero-copy>.ec-eyebrow{grid-row:1;margin:0}.bb-product .bb-hero h1{grid-row:2;font-size:34px;margin:14px auto 8px;max-width:560px}.bb-hero .bb-original-hero{grid-row:3;justify-self:center;max-width:285px;margin:8px 0 10px}.bb-hero .bb-original-hero img{max-height:270px;width:100%;height:auto}.bb-hero-copy>p{grid-row:4;margin:12px auto 0;max-width:520px}.bb-hero .bb-actions{grid-row:5;justify-content:center;margin-top:22px;gap:18px}.bb-hero .bb-proof{grid-row:6;justify-content:center;margin-top:20px;gap:12px 16px}}
@media(max-width:550px){.bb-product .bb-hero{padding:24px 20px}.bb-product .bb-hero h1{font-size:31px;line-height:1.22}.bb-hero .bb-original-hero{max-width:250px}.bb-hero .bb-original-hero img{max-height:240px}.bb-hero .bb-proof{font-size:12px}}
