.bb-product-page{background:#fff;padding:0 clamp(22px,5vw,76px) 72px}.bb-breadcrumb{display:flex;gap:10px;align-items:center;padding:26px 0 0;font-size:12px;color:#697064}.bb-breadcrumb a{font-weight:800}.bb-product-story{min-height:650px;padding:55px 0 70px;display:grid;grid-template-columns:.86fr 1.14fr;gap:64px;align-items:center}.bb-product-copy h1{font-size:clamp(52px,5.7vw,82px);line-height:.94;letter-spacing:-.055em;margin:20px 0 25px}.bb-product-copy h1 span,.bb-product-copy h1 em{display:block}.bb-product-copy h1 em{font-style:normal;color:#84ad19}.bb-product-copy>p{font-size:18px;line-height:1.65;max-width:650px}.bb-product-cta,.bb-product-close>a{display:inline-flex;align-items:center;gap:18px;background:#0c0c0a;color:#fff;padding:8px 8px 8px 20px;border-radius:999px;font-size:12px;font-weight:800}.bb-product-cta{margin-top:16px}.bb-product-page .bb-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#c6ff3e;color:#111}.bb-story-visual{min-height:480px;border-radius:26px;background:radial-gradient(circle at 70% 25%,#f2ffcf,#f5f7f1 48%,#eef1e9);padding:40px;display:grid;grid-template-columns:minmax(180px,.8fr) auto minmax(260px,1.2fr);gap:18px;align-items:center;position:relative;overflow:hidden}.bb-story-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#9fa795 .7px,transparent .8px);background-size:20px 20px;opacity:.17}.bb-input-stack,.bb-result-card,.bb-story-visual>i,.bb-story-visual>small{position:relative;z-index:1}.bb-input-stack{display:grid;gap:13px}.bb-input-stack article{background:#fff;border:1px solid #dbe0d6;border-radius:13px;padding:17px;box-shadow:0 13px 32px #18210e0c;display:flex;gap:12px}.bb-input-stack b{font-size:10px;color:#798070}.bb-input-stack span{font-size:13px;font-weight:800}.bb-story-visual>i{font-style:normal;font-size:32px;color:#89b921}.bb-result-card{background:#fff;border:1px solid #d7ddd2;border-radius:16px;padding:22px;box-shadow:0 20px 40px #19230e12;min-width:0}.bb-result-card>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#68715f}.bb-result-card>strong{display:block;font-size:18px;line-height:1.35;margin:12px 0 18px}.bb-result-card img{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#f3f5ee}.bb-story-visual>small{position:absolute;right:25px;bottom:18px;color:#72796d}.variation-b .bb-product-story{grid-template-columns:1.05fr .95fr}.variation-b .bb-story-visual{order:-1;background:linear-gradient(145deg,#10110f,#23271f);color:#fff}.variation-b .bb-input-stack article,.variation-b .bb-result-card{background:#f9faf7;color:#111}.variation-c .bb-product-story{grid-template-columns:1fr;text-align:center;padding-top:45px}.variation-c .bb-product-copy{max-width:1000px;margin:auto}.variation-c .bb-product-copy>p{margin-left:auto;margin-right:auto}.variation-c .bb-story-visual{min-height:390px;grid-template-columns:1fr auto 1.15fr}.variation-c .bb-input-stack{grid-template-columns:repeat(3,1fr)}
.bb-product-workflow{border-top:1px solid #dfe3dc;padding:70px 0}.bb-product-workflow>header{height:auto;border:0;padding:0;display:block}.bb-product-workflow h2,.bb-product-responsibilities h2,.bb-product-scenarios h2,.bb-product-setup h2,.bb-product-faq h2{font-size:clamp(36px,4.5vw,58px);max-width:900px}.bb-product-workflow>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.bb-product-workflow article{border:1px solid #dce1d8;border-radius:15px;padding:25px;position:relative}.bb-product-workflow article>b{display:grid;place-items:center;width:42px;height:42px;background:#c6ff3e;border-radius:50%;margin-bottom:35px}.bb-product-workflow article h3{font-size:20px}.bb-product-workflow article p{font-size:13px;line-height:1.55}.variation-b .bb-product-workflow article:nth-child(2){background:#efffce}.variation-c .bb-product-workflow article{border-top:4px solid #c6ff3e}
.bb-product-responsibilities{padding:75px 0;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.bb-product-responsibilities>div>article{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:18px 0;border-top:1px solid #dfe3dc}.bb-product-responsibilities>div>article>span{width:34px;height:34px;border-radius:50%;background:#eef1ec;position:relative}.bb-product-responsibilities>div>article>span:before{content:"";position:absolute;inset:10px;border:2px solid #111;border-radius:3px}.bb-product-responsibilities h3{font-size:17px;margin:0 0 4px}.bb-product-responsibilities p{font-size:13px;line-height:1.55;margin:0}.bb-boundary{background:#f2f5ee;border-left:4px solid #c6ff3e;padding:18px!important;margin-top:20px!important}.bb-boundary strong{display:block;color:#111;margin-bottom:5px}.bb-product-responsibilities aside{background:#f1f4ef;border-radius:20px;padding:34px;position:relative;overflow:hidden}.bb-product-responsibilities aside p{display:flex;gap:12px;color:#111;margin:15px 0}.bb-product-responsibilities aside i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#c6ff3e;flex:0 0 auto}.bb-product-responsibilities aside img{width:46%;aspect-ratio:4/3;object-fit:contain;display:block;margin:25px 0 0 auto;border-radius:12px;background:#fff}.variation-b .bb-product-responsibilities>div{order:2}.variation-b .bb-product-responsibilities aside{background:#111;color:#fff}.variation-b .bb-product-responsibilities aside h2,.variation-b .bb-product-responsibilities aside p{color:#fff}
.bb-product-scenarios{background:#11120f;color:#fff;margin:0 calc(clamp(22px,5vw,76px) * -1);padding:75px clamp(22px,5vw,76px)}.bb-product-scenarios>header{display:block;height:auto;border:0;padding:0}.bb-product-scenarios .eyebrow{color:#c6ff3e}.bb-scenario-tabs{display:flex;gap:9px;margin:30px 0}.bb-scenario-tabs button{border:1px solid #58604e;background:transparent;color:#fff;border-radius:7px;padding:11px 20px;font-weight:800;cursor:pointer}.bb-scenario-tabs button[aria-selected="true"]{background:#c6ff3e;color:#111;border-color:#c6ff3e}.bb-scenario-tabs button:focus-visible{outline:3px solid #c6ff3e;outline-offset:3px}.bb-product-scenarios [role="tabpanel"]{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center;min-height:260px}.bb-product-scenarios [role="tabpanel"][hidden]{display:none}.bb-product-scenarios [role="tabpanel"] h3{font-size:35px;line-height:1.1}.bb-product-scenarios [role="tabpanel"] p{color:#c0c6ba}.bb-scenario-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center}.bb-scenario-flow article{background:#fff;color:#111;border-radius:12px;padding:20px;min-height:120px}.bb-scenario-flow article b{display:block;color:#748069;font-size:10px;margin-bottom:28px}.bb-scenario-flow article span{font-size:13px;font-weight:800}.bb-scenario-flow i{font-style:normal;color:#c6ff3e;font-size:24px}.bb-illustrative-note{font-size:11px!important;text-align:right;color:#929b8c!important;margin:15px 0 0}
.bb-product-setup{padding:85px 0}.bb-product-setup>header{height:auto;display:block;border:0;padding:0}.bb-setup-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px}.bb-setup-grid article{padding:25px;border-right:1px solid #dce1d8}.bb-setup-grid article:last-child{border:0}.bb-setup-grid b{color:#7a8374;font-size:11px}.bb-setup-grid p{color:#111;font-weight:700;margin:18px 0 0}.bb-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.bb-fit-grid article{border-radius:14px;padding:23px;background:#efffce}.bb-fit-grid article:last-child{background:#f1f3ef}.bb-fit-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.bb-fit-grid p{margin:8px 0 0;font-size:13px;line-height:1.55}
.bb-product-faq{padding:75px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.bb-product-faq>header{height:auto;display:block;border:0;padding:0}.bb-product-faq details{border-top:1px solid #dce1d8;padding:20px 0}.bb-product-faq details:last-child{border-bottom:1px solid #dce1d8}.bb-product-faq summary{list-style:none;cursor:pointer;font-size:16px;font-weight:800;padding-right:35px;position:relative}.bb-product-faq summary::-webkit-details-marker{display:none}.bb-product-faq summary:after{content:"+";position:absolute;right:5px;font-size:21px;top:-4px}.bb-product-faq details[open] summary:after{content:"−"}.bb-product-faq details p{font-size:13px;line-height:1.65;margin:14px 0 0;max-width:780px}.bb-product-close{background:linear-gradient(90deg,#edffd0,#c6ff3e);margin:20px calc(clamp(22px,5vw,76px) * -1) -72px;padding:34px clamp(22px,5vw,76px);display:flex;justify-content:space-between;align-items:center;gap:40px}.bb-product-close h2{font-size:clamp(28px,3.2vw,44px);margin:0 0 8px;max-width:900px}.bb-product-close p{margin:0;color:#3b4236}.bb-product-close>a{flex:0 0 auto}
@media(max-width:980px){.bb-product-story,.variation-b .bb-product-story,.bb-product-responsibilities,.bb-product-scenarios [role="tabpanel"],.bb-product-faq{grid-template-columns:1fr}.variation-b .bb-story-visual,.variation-b .bb-product-responsibilities>div{order:initial}.bb-product-workflow>div{grid-template-columns:1fr}.bb-story-visual{min-height:420px}.bb-scenario-flow{grid-template-columns:1fr}.bb-scenario-flow i{transform:rotate(90deg);justify-self:center}.bb-product-close{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.bb-product-page{padding:0 20px 50px}.bb-breadcrumb{padding-top:20px}.bb-product-story,.variation-c .bb-product-story{padding:42px 0 55px;text-align:left;gap:35px}.bb-product-copy h1{font-size:46px}.bb-product-copy>p{font-size:16px}.bb-story-visual,.variation-c .bb-story-visual{min-height:auto;padding:24px;grid-template-columns:1fr}.variation-c .bb-input-stack{grid-template-columns:1fr}.bb-story-visual>i{transform:rotate(90deg);justify-self:center}.bb-story-visual>small{right:15px;bottom:9px}.bb-product-workflow,.bb-product-responsibilities,.bb-product-setup,.bb-product-faq{padding:55px 0}.bb-product-workflow>div{gap:12px}.bb-product-responsibilities{gap:30px}.bb-product-responsibilities aside{padding:25px}.bb-product-scenarios{margin:0 -20px;padding:55px 20px}.bb-scenario-tabs{overflow-x:auto;margin-right:-20px;padding-right:20px}.bb-scenario-tabs button{white-space:nowrap}.bb-product-scenarios [role="tabpanel"] h3{font-size:29px}.bb-setup-grid{grid-template-columns:1fr}.bb-setup-grid article{border-right:0;border-bottom:1px solid #dce1d8;padding:20px 0}.bb-fit-grid{grid-template-columns:1fr}.bb-product-faq{gap:20px}.bb-product-close{margin:15px -20px -50px;padding:30px 20px}.bb-product-close>a{width:100%;justify-content:space-between}}