/* Original BBX artwork, composed for the website without redrawing it. */
.brand-bbx{gap:12px;perspective:600px}
.bbx-symbol{width:47px;height:57px;overflow:hidden;flex-shrink:0;transform-origin:50% 70%;transition:transform .45s cubic-bezier(.2,.7,.3,1);animation:bbx-arrive .75s ease-out backwards}
.bbx-wordmark{width:141px;height:35px;flex-shrink:0;filter:invert(1) hue-rotate(180deg)}
.is-fixed .bbx-wordmark{filter:none}
.brand-bbx:hover .bbx-symbol,.brand-bbx:focus-visible .bbx-symbol{transform:translateY(-2px) rotateY(-12deg)}
.bbx-shine{opacity:0;animation:bbx-shine 8s ease-in-out 1.2s infinite;pointer-events:none}
.site-footer .bbx-shine{animation:none}
.site-footer .brand-bbx:hover .bbx-shine{animation:bbx-hover-shine .85s ease-in-out}
@keyframes bbx-arrive{from{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:none}}
@keyframes bbx-shine{0%{opacity:0;transform:translateX(350px) skewX(-18deg)}3%{opacity:.6}18%{opacity:.6;transform:translateX(1200px) skewX(-18deg)}19%,100%{opacity:0;transform:translateX(1200px) skewX(-18deg)}}
@keyframes bbx-hover-shine{0%{opacity:0;transform:translateX(350px) skewX(-18deg)}15%{opacity:.7}85%{opacity:.7}100%{opacity:0;transform:translateX(1200px) skewX(-18deg)}}
/* Plain business comparison: all four workflows are readable at once. */
.workflow-section{background:#f7f9fc;color:#203449;padding:78px 0 83px}
.workflow-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}
.workflow-heading .eyebrow{font-size:14px;letter-spacing:1px;color:#6d829a;margin-bottom:14px}
.workflow-heading h2{font-size:34px;font-weight:600;letter-spacing:0;line-height:1.5}
.workflow-heading>p{font-size:15px;color:#75859a;line-height:1.85;margin-bottom:5px}
.workflow-table-wrap{border-top:2px solid #91b1d4;background:#fff}
.workflow-table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}
.workflow-col-topic{width:22%}.workflow-col-old{width:35%}.workflow-col-new{width:43%}
.workflow-table thead th{font-size:14px;font-weight:500;color:#8291a4;padding:19px 26px;background:#f0f4f9;border-bottom:1px solid #dde5ee}
.workflow-table thead th:last-child{color:#497fb8;background:#edf4fc}
.workflow-table tbody th,.workflow-table tbody td{border-bottom:1px solid #e2e9f1;padding:28px 26px;vertical-align:top}
.workflow-table tbody th{font-weight:400}
.workflow-table tbody th>div{display:inline-block;vertical-align:top;max-width:calc(100% - 34px)}
.workflow-row-number{font-size:12px;line-height:26px;font-family:Arial,sans-serif;color:#a3b3c5;margin-right:12px}
.workflow-table tbody strong{display:block;font-size:18px;font-weight:500;color:#283e55;line-height:1.5}
.workflow-table tbody small{display:block;font-size:13px;color:#99a8b9;margin-top:8px;line-height:1.7}
.workflow-table tbody p{font-size:16px;font-weight:400;color:#7d8b9c;line-height:1.85}
.workflow-table .workflow-after{background:#f7faff;padding-left:32px}
.workflow-after h3{font-size:17px;font-weight:500;line-height:1.5;margin-bottom:9px;color:#357abf}
.workflow-table .workflow-after p{color:#58748f}
.mobile-cell-label{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.family-list{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Independent mall page: an honest pre-launch state, ready for real products. */
.page-shop{background:#f6f8fc}
.page-shop .site-header{background:#fff;color:#40566e;border-bottom:1px solid #e7edf4}
.page-shop .bbx-wordmark{filter:none}
.page-shop .main-nav>a:hover,.page-shop .main-nav>a[aria-current]{color:#197ce7}
.page-shop .main-nav .nav-action{color:#2479d2;border-color:#c5ddf6}
.page-shop .main-nav .nav-action:hover{color:#fff}
.shop-intro{padding:130px 0 42px;background:#fff;border-bottom:1px solid #e2e9f1}
.breadcrumbs{display:flex;gap:10px;font-size:13px;color:#8b9aac;margin-bottom:36px}
.breadcrumbs a:hover{color:#2179d8}
.shop-intro .eyebrow{font-size:13px;letter-spacing:1px;color:#6685a5;margin-bottom:10px}
.shop-intro h1{font-size:38px;font-weight:600;line-height:1.5}
.shop-intro-description{font-size:16px;color:#7f8fa3;margin-top:14px}
.shop-content{padding:43px 0 84px;min-height:490px}
.shop-section-label{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:21px}
.shop-section-label h2{font-size:20px;font-weight:500;letter-spacing:0}
.shop-section-label>span{font-size:13px;color:#8c9bb0}
.shop-empty{background:#fff;border:1px solid #e3eaf4;border-radius:6px;text-align:center;padding:51px 28px 54px}
.shop-empty-symbol{width:55px;height:55px;border-radius:50%;background:#f1f6fc;color:#7499c2;display:grid;place-items:center;margin:0 auto 22px}
.shop-empty-symbol svg{width:28px;height:28px}
.shop-empty h3{font-size:23px;font-weight:500;color:#3e5976;margin-bottom:18px}
.shop-empty>p{font-size:16px;color:#8494a8;line-height:1.9}
.shop-empty>p.shop-empty-secondary{font-size:14px;color:#a0adbc;margin-top:4px}
.shop-empty .button{margin-top:27px;min-height:46px;font-size:14px;padding:11px 24px}
@media(max-width:1150px){.bbx-symbol{width:43px;height:52px}.bbx-wordmark{width:130px;height:33px}.workflow-heading h2{font-size:30px}.workflow-table thead th,.workflow-table tbody th,.workflow-table tbody td{padding-left:22px;padding-right:22px}.workflow-table .workflow-after{padding-left:26px}.workflow-col-topic{width:23%}.workflow-col-old{width:34%}.workflow-col-new{width:43%}}
@media(max-width:850px){.bbx-symbol{width:39px;height:47px}.bbx-wordmark{width:119px;height:30px}.brand-bbx{gap:10px}.workflow-section{padding:62px 0}.workflow-heading{display:block;margin-bottom:25px}.workflow-heading>p{margin:14px 0 0}.workflow-heading>p br{display:none}.workflow-heading h2{font-size:29px}.workflow-col-topic{width:25%}.workflow-col-old{width:34%}.workflow-col-new{width:41%}.workflow-table thead th,.workflow-table tbody th,.workflow-table tbody td{padding:22px 18px}.workflow-table .workflow-after{padding-left:22px}.workflow-row-number{display:none}.workflow-table tbody th>div{max-width:100%}.workflow-table tbody strong{font-size:17px}.workflow-table tbody small{font-size:12px}.workflow-after h3{font-size:16px}.workflow-table tbody p{font-size:16px}.shop-intro{padding-top:112px}}
@media(max-width:600px){.brand-bbx{gap:8px}.bbx-symbol{width:34px;height:42px}.bbx-wordmark{width:111px;height:28px}.workflow-section{padding:51px 0 55px}.workflow-heading h2{font-size:27px;line-height:1.5}.workflow-heading>p{font-size:14px;line-height:1.9}.workflow-heading .eyebrow{font-size:13px;margin-bottom:11px}.workflow-table-wrap{border-top:0;background:transparent}.workflow-table,.workflow-table tbody,.workflow-table tr,.workflow-table tbody th,.workflow-table tbody td{display:block;width:100%}.workflow-table colgroup,.workflow-table thead{display:none}.workflow-table tr{background:#fff;border:1px solid #dce6f1;border-radius:4px;margin-top:18px;overflow:hidden}.workflow-table tr:first-child{margin-top:0}.workflow-table tbody th{padding:21px 23px 18px;background:#fff;border-bottom:1px solid #e6edf5}.workflow-row-number{display:inline-block;margin-right:13px;line-height:27px;color:#849fbd}.workflow-table tbody th>div{display:inline-block;max-width:calc(100% - 36px)}.workflow-table tbody strong{font-size:19px;display:inline-block}.workflow-table tbody small{font-size:12px;display:block;margin-top:4px}.workflow-table tbody td{border-bottom:0;padding:21px 23px}.workflow-table td.workflow-before{padding-bottom:19px}.workflow-table td.workflow-after{padding:21px 23px 24px;border-top:1px solid #e4edf7}.mobile-cell-label{display:block;color:#92a1b4;font-size:12px;letter-spacing:.4px;margin-bottom:10px}.workflow-after .mobile-cell-label{color:#84a5c9}.workflow-table tbody p{font-size:16px;line-height:1.85}.workflow-after h3{font-size:17px;margin-bottom:8px}.page-shop .main-nav{background:#fff;color:#40566e;border-bottom:1px solid #e7edf4}.page-shop .main-nav .nav-action{color:#2479d2}.shop-intro{padding:98px 0 31px}.breadcrumbs{font-size:12px;margin-bottom:28px}.shop-intro h1{font-size:31px}.shop-intro-description{font-size:15px;margin-top:12px}.shop-content{padding:31px 0 52px;min-height:420px}.shop-section-label{padding-bottom:17px}.shop-section-label h2{font-size:18px}.shop-section-label>span{font-size:12px}.shop-empty{padding:40px 20px 43px}.shop-empty h3{font-size:21px}.shop-empty>p{font-size:16px}.shop-empty>p.shop-empty-secondary{font-size:14px}.shop-empty .button{margin-top:24px}.family-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.bbx-symbol,.bbx-shine{animation:none!important;transition:none!important}.brand-bbx:hover .bbx-symbol,.brand-bbx:focus-visible .bbx-symbol{transform:none}.bbx-shine{display:none}}