/* Public landing page. Scoped so account screens retain their own theme. */
.bb-landing{--bb-ink:#132b32;--bb-green:#176447;--bb-green-dark:#104c36;--bb-orange:#f5a44e;--bb-paper:#fbfaf6;--bb-muted:#65716d;--bb-line:#e1e6dc;color:var(--bb-ink);background:var(--bb-paper);font-family:'Poppins',sans-serif;overflow-x:clip}
.bb-landing h1,.bb-landing h2,.bb-landing h3,.bb-landing h4{font-family:'Outfit','Poppins',sans-serif;color:var(--bb-ink)}
.bb-landing a,.bb-landing button{-webkit-tap-highlight-color:transparent}
.bb-landing :focus-visible{outline:3px solid #cb791e;outline-offset:5px}
.bb-landing [hidden]{display:none!important}
.bb-landing section[id],.bb-landing #bb-pos-demo{scroll-margin-top:106px}
.bb-shell{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.bb-skip-link{position:fixed;left:20px;top:-70px;z-index:2000;background:var(--bb-green);color:#fff;padding:12px 20px;border-radius:8px}
.bb-skip-link:focus{top:10px;color:#fff}
.bb-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bb-site-header{position:sticky;top:0;z-index:1000;background:rgba(251,250,246,.96);border-bottom:1px solid #dfe5db;backdrop-filter:blur(16px)}
.bb-navigation{display:flex;align-items:center;gap:36px;min-height:91px}
.bb-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;color:var(--bb-ink)}
.bb-brand:hover{color:var(--bb-green)}
.bb-brand img{object-fit:contain;width:47px;height:49px}
.bb-brand strong{display:block;font:700 28px/1.1 'Outfit',sans-serif;letter-spacing:-1px}
.bb-brand strong span{color:var(--bb-green)}
.bb-brand small{display:block;font-size:7px;font-weight:600;letter-spacing:1.5px;margin-top:7px}
.bb-menu{display:flex;align-items:center;justify-content:space-between;gap:25px;flex:1}
.bb-menu-links,.bb-menu-actions{display:flex;align-items:center;gap:25px}
.bb-menu-links{margin-left:auto;margin-right:auto}
.bb-menu-links a,.bb-sign-in{font-size:12px;font-weight:500;color:#45554e;white-space:nowrap}
.bb-menu-links a:hover,.bb-sign-in:hover{color:var(--bb-green);text-decoration:underline;text-underline-offset:6px}
.bb-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:8px;padding:16px 22px;font-size:13px;font-weight:600;line-height:1.45;border:1px solid transparent;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
.bb-button-green{background:var(--bb-green);color:#fff;box-shadow:0 5px 12px #17644715}
.bb-button-green:hover{background:var(--bb-green-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #17644725}
.bb-button-outline{background:#ffffff85;color:var(--bb-ink);border-color:#cbd6c9}
.bb-button-outline:hover{color:var(--bb-green);background:#edf4e9;border-color:var(--bb-green)}
.bb-nav-cta{padding:12px 17px;font-size:12px}
.bb-menu-toggle{margin-left:auto;background:transparent;border:1px solid #d4decd;border-radius:7px;color:var(--bb-ink);width:44px;height:44px;font-size:27px}
.bb-retail-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 82% 28%,#e4ecd99c,transparent 48%),radial-gradient(ellipse at 8% 82%,#fff1df70,transparent 40%);padding-top:64px}
.bb-hero-grid{display:grid;grid-template-columns:.93fr 1.16fr;gap:48px;align-items:center;padding-bottom:54px}
.bb-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:500;color:#3f6950;border:1px solid #dbe4d5;border-radius:30px;padding:7px 13px;background:#f1f5e9}
.bb-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4c9a62;box-shadow:0 0 0 3px #4c9a6210;flex-shrink:0}
.bb-hero-copy h1{font-size:clamp(42px,4.3vw,66px);font-weight:600;line-height:1.075;letter-spacing:-2.6px;margin:25px 0 23px}
.bb-hero-copy h1>span{color:var(--bb-green)}
.bb-hero-description{font-size:14px;color:#627066;line-height:1.9;max-width:460px;margin:0}
.bb-hero-actions{display:flex;gap:12px;margin-top:29px;flex-wrap:wrap}
.bb-hero-actions .bb-button{padding:15px 19px;font-size:12px}
.bb-hero-reassurance{display:flex;align-items:center;gap:9px;margin:14px 0 0;color:#748075;font-size:10px}
.bb-hero-reassurance i{color:#5e8f5c;font-size:12px}
.bb-built-for{display:flex;align-items:center;gap:12px;margin-top:35px;font-size:10px;line-height:1.7;color:#7b8175}
.bb-built-for strong{color:#516051;font-weight:500}
.bb-india-mark{display:flex;flex-direction:column;width:27px;gap:4px;transform:skewY(-13deg)}
.bb-india-mark i{height:4px;border-radius:3px;background:var(--bb-orange)}
.bb-india-mark i:nth-child(2){background:#d9dccc}
.bb-india-mark i:nth-child(3){background:var(--bb-green)}
/* A real DOM counter scene: every product, bill line and receipt is live. */
.bb-demo{min-width:0;position:relative;outline:none;border-radius:15px}
.bb-demo-topline{display:flex;align-items:center;justify-content:space-between;margin:0 9px 17px;gap:10px;font-size:8px;font-weight:600;letter-spacing:1.4px;color:#56705d}
.bb-demo-topline>span:first-child{display:flex;align-items:center;gap:8px}
.bb-demo-label{font-weight:400;letter-spacing:0;color:#7c847a;font-size:9px}
.bb-pos-machine{position:relative;z-index:2;padding:12px 12px 20px;border-radius:19px;background:linear-gradient(150deg,#39433b,#1e2824 60%,#374338);box-shadow:0 20px 40px -15px #17392340,0 1px 0 1px #869181;transform:perspective(1600px) rotateY(-3deg) rotateX(2deg)}
.bb-pos-screen{overflow:hidden;border-radius:7px;background:#fff;color:#203a37;box-shadow:0 0 0 1px #111a14}
.bb-pos-topbar{height:43px;background:#f9faf6;border-bottom:1px solid #e7eadf;display:flex;align-items:center;justify-content:space-between;padding:0 13px;gap:8px}
.bb-pos-brand{display:flex;align-items:center;font-size:12px;font-weight:700;gap:6px;white-space:nowrap}
.bb-pos-brand img{object-fit:contain;width:25px;height:25px}
.bb-pos-brand b{font-weight:500;color:#bf731e;font-size:10px}
.bb-pos-shop{font-size:7px;color:#6b7b70;white-space:nowrap}
.bb-pos-shop span{padding:0 4px;color:#5a8966}
.bb-pos-topbar>.bi{font-size:12px;color:#677b68}
.bb-pos-body{display:grid;grid-template-columns:1.3fr 1fr;min-height:305px}
.bb-catalog{background:#f2f5ee;padding:12px;min-width:0}
.bb-demo-search{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e0e6da;border-radius:5px;padding:7px;font-size:8px;color:#8b9588}
.bb-demo-search .bi:last-child{margin-left:auto;font-size:13px;color:#60715c}
.bb-demo-categories{display:flex;gap:5px;margin:10px 0;font-size:7px;white-space:nowrap;color:#7c887a}
.bb-demo-categories span{padding:5px 7px;border-radius:4px}
.bb-demo-categories .is-active{background:#e0e9d9;color:#2a6143;font-weight:600}
.bb-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.bb-product{position:relative;min-width:0;text-align:left;border:1px solid #e4e8de;background:#fff;padding:6px;border-radius:6px;transition:background .2s,border-color .2s,transform .2s;cursor:pointer;color:#334137;font-family:inherit;box-shadow:0 2px 3px #27392303}
.bb-product:disabled{opacity:1;cursor:default}
.bb-product:hover{border-color:#8baa7e;background:#f9fdf5}
.bb-product.is-selected{border-color:#3b8d56;background:#edf6e6;box-shadow:0 0 0 1px #5c9b5125}
.bb-product.is-tapped{animation:bb-product-tap .42s ease}
.bb-product-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px;font-weight:500;margin-top:5px}
.bb-product-meta{display:flex;justify-content:space-between;align-items:center;gap:2px;margin-top:2px}
.bb-product-meta small{font-size:6px;color:#91a089}
.bb-product-meta strong{font-size:9px;font-weight:600}
.bb-product-count{display:none;position:absolute;top:4px;right:4px;align-items:center;justify-content:center;min-width:14px;height:14px;border-radius:50%;font-size:8px;color:#fff;background:#397f46}
.bb-product.is-selected .bb-product-count{display:flex}
.bb-product-art{height:55px;display:flex;justify-content:center;align-items:center;perspective:200px;background:radial-gradient(ellipse at 50% 87%,#d5d8c76b,transparent 60%);border-radius:4px}
.bb-package{position:relative;display:flex;align-items:center;justify-content:center;box-shadow:3px 4px 5px #37482c20;transform:rotate(-6deg);color:#fff}
.bb-package>span{font:bold 7px/1.3 'Outfit',sans-serif;letter-spacing:.5px;text-transform:uppercase;padding:4px 1px;display:block;text-align:center}
.bb-art-rice .bb-package{width:35px;height:43px;border-radius:5px 5px 9px 9px;background:linear-gradient(100deg,#e7d4aa,#f9edcd 50%,#d9c294);border-top:3px solid #e1c69a;border-bottom:3px solid #d6c297}
.bb-art-rice .bb-package>span{background:#587843;width:100%;margin-top:8px}
.bb-art-rice .bb-package:before{content:'✦';position:absolute;top:0;color:#9b7946;font-size:12px}
.bb-art-oil .bb-package{width:24px;height:39px;border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,#e6a616,#fce079 40%,#ecc43c);border:1px solid #e6bb37;transform:rotate(4deg);margin-top:5px}
.bb-art-oil .bb-package:before{content:'';width:13px;height:7px;background:#517436;position:absolute;top:-6px;left:5px;border-radius:2px 2px 0 0}
.bb-art-oil .bb-package>span{background:#fff7c7;width:100%;color:#64834c}
.bb-art-milk .bb-package{width:31px;height:39px;background:linear-gradient(90deg,#f0eee1,#fffef7 55%,#d9e4e1);border-top:8px solid #b8d4df;clip-path:polygon(18% 0,82% 0,100% 18%,100% 100%,0 100%,0 18%);transform:rotate(-3deg)}
.bb-art-milk .bb-package>span{background:#468b9f;width:100%;margin-top:6px}
.bb-art-bread .bb-package{width:35px;height:39px;border-radius:12px 12px 4px 4px;background:repeating-linear-gradient(90deg,#ba7b3e 0px,#e4b86f 5px,#f3ce8c 10px);border:3px solid #d49c59;transform:rotate(8deg)}
.bb-art-bread .bb-package>span{background:#8e5730d9;width:100%;font-size:6px;letter-spacing:0;margin-top:8px}
.bb-art-tea .bb-package{width:32px;height:42px;background:linear-gradient(90deg,#1d543b,#3d7850 60%,#1c5035);border-top:3px solid #d5af5a;border-bottom:3px solid #d5af5a;border-radius:3px;transform:rotate(-4deg)}
.bb-art-tea .bb-package>span{color:#f9e6a2;border-block:1px solid #d5af5a;width:80%}
.bb-art-biscuits .bb-package{width:45px;height:26px;background:linear-gradient(0deg,#c87027,#e9ad49 65%,#fac968);border-inline:4px solid #d78530;border-radius:4px;transform:rotate(-13deg)}
.bb-art-biscuits .bb-package>span{font-size:5px;letter-spacing:0;color:#78351c;background:#ffedb4;border-radius:50%;padding:5px 2px}
.bb-catalog-foot{display:flex;align-items:center;gap:5px;font-size:7px;color:#87927f;margin-top:10px}
.bb-catalog-foot>span{margin-left:auto;font-size:6px;color:#5a8554}
.bb-demo-bill{padding:14px 12px 10px;display:flex;flex-direction:column;min-width:0}
.bb-bill-heading{display:flex;align-items:center;justify-content:space-between;gap:3px}
.bb-bill-heading strong{font-size:11px}
.bb-bill-heading>span{color:#658252;background:#f0f4e9;border-radius:4px;padding:3px 5px;font-size:7px}
.bb-bill-customer{background:#f8f9f4;border-radius:4px;padding:7px;margin:10px 0;font-size:8px;color:#7b8578}
.bb-bill-customer i{color:#557a4e;margin-right:3px}
.bb-bill-columns{display:flex;justify-content:space-between;font-size:7px;color:#86927c;padding-bottom:8px;border-bottom:1px solid #edf0e8}
.bb-bill-lines{height:107px;overflow-y:auto;scrollbar-width:thin;padding:5px 0}
.bb-empty-bill{text-align:center;color:#9da793;font-size:9px;line-height:1.8;padding-top:24px}
.bb-bill-line{display:flex;justify-content:space-between;gap:4px;font-size:8px;padding:7px 0;color:#55604e;animation:bb-line-in .3s ease}
.bb-bill-line span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bb-bill-line strong{font-weight:500;color:#314331;white-space:nowrap}
.bb-bill-total{border-top:1px dashed #d9e2d0;display:flex;justify-content:space-between;align-items:center;padding:10px 0 3px;font-size:9px;margin-top:auto}
.bb-bill-total strong{font-size:17px;color:#1a543c;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.bb-tax-note{font-size:6px;color:#7d8a75;margin-bottom:9px}
.bb-demo-pay{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;font-size:9px;color:#fff;background:var(--bb-green);border:0;border-radius:5px;padding:9px 4px;font-weight:500;transition:background .2s}
.bb-demo-pay:disabled{background:#8ea38a;cursor:default}
.bb-demo-pay:not(:disabled):hover{background:#123d2d}
.bb-demo-pay.is-paying{background:#dd932f}
.bb-payment-types{font-size:6px;color:#87917d;text-align:center;margin-top:6px;letter-spacing:.3px}
.bb-payment-types span{margin-inline:7px;color:#c7d1bb}
.bb-machine-label{position:absolute;bottom:3px;left:0;right:0;text-align:center;color:#97a493;font-size:5px;letter-spacing:3px}
.bb-counter-scene{height:141px;position:relative;isolation:isolate}
.bb-counter-scene:after{content:'';position:absolute;z-index:-2;height:27px;left:-18px;right:-18px;bottom:8px;background:linear-gradient(0deg,#d6bb9230,#e7cf9b45);border-radius:50%;filter:blur(6px)}
.bb-terminal-stand{position:absolute;width:90px;height:55px;left:calc(50% - 45px);top:-1px;background:linear-gradient(90deg,#899184,#49574c 55%,#82927c);transform:perspective(140px) rotateX(22deg);z-index:-1}
.bb-terminal-stand:after{content:'';position:absolute;bottom:-6px;width:155px;height:12px;left:-32px;border-radius:50% 50% 4px 4px;background:linear-gradient(#929e8a,#424f42);box-shadow:0 6px 10px #304b3720}
.bb-connected-card{display:flex;align-items:center;gap:10px;position:absolute;left:0;bottom:25px;background:#fffefb;border:1px solid #dfe6d6;box-shadow:0 6px 16px #28422806;padding:12px;border-radius:10px;width:62%;z-index:4}
.bb-ai-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;font-size:17px;background:#edf3e4;border:1px solid #e2ead7;color:#57823f;border-radius:9px}
.bb-connected-card strong{font-size:9px;display:block;font-weight:600;color:#42563d}
.bb-connected-card p{font-size:8px;margin:4px 0 0;color:#88907a}
.bb-sync-check{display:grid;place-items:center;margin-left:auto;border-radius:50%;background:#edf5e6;color:#598446;font-size:12px;width:20px;height:20px}
.bb-connected-card.is-synced{border-color:#8baa74;background:#f9fff2}
.bb-printer{position:absolute;right:3px;bottom:13px;width:142px;height:145px;z-index:3}
.bb-printer-body{position:absolute;bottom:0;height:65px;left:0;right:0;background:linear-gradient(120deg,#4e5a4f,#26352d 55%,#344536);border-radius:12px 12px 9px 9px;border-bottom:6px solid #213127;box-shadow:0 7px 9px #31492f20;z-index:2}
.bb-printer-slot{position:absolute;top:11px;left:12px;right:12px;height:8px;border-radius:5px;background:#15221b;box-shadow:0 1px 0 #738067}
.bb-printer-body small{position:absolute;bottom:8px;left:15px;font-size:5px;letter-spacing:1px;color:#a7b0a1}
.bb-printer-body>.bi{position:absolute;right:12px;bottom:7px;color:#91a78b;font-size:13px}
.bb-printer-light{position:absolute;width:5px;height:5px;border-radius:50%;background:#a2c869;top:27px;left:15px}
.bb-printer.is-printing .bb-printer-light{animation:bb-printer-light .35s 4}
.bb-receipt-window{position:absolute;bottom:48px;left:16px;right:16px;height:132px;overflow:hidden;z-index:3;pointer-events:none}
.bb-demo-receipt{position:absolute;bottom:0;left:2px;right:2px;background:#fffdf7;padding:8px 7px 7px;min-height:125px;box-shadow:0 1px 5px #3e4b3920;text-align:center;font-family:monospace;color:#40513e;transform:translateY(105%);transition:transform 1s cubic-bezier(.2,.7,.3,1);clip-path:polygon(0 0,100% 0,100% 97%,95% 100%,90% 97%,85% 100%,80% 97%,75% 100%,70% 97%,65% 100%,60% 97%,55% 100%,50% 97%,45% 100%,40% 97%,35% 100%,30% 97%,25% 100%,20% 97%,15% 100%,10% 97%,5% 100%,0 97%)}
.bb-demo-receipt.is-printed{transform:translateY(0)}
.bb-demo-receipt>strong{font-size:8px;display:block;letter-spacing:1px}
.bb-demo-receipt>small{display:block;font-size:4px;margin:2px 0 6px}
.bb-receipt-rule{border-top:1px dashed #b8c3b1;margin-bottom:5px}
.bb-receipt-line,.bb-receipt-total{display:flex;justify-content:space-between;gap:3px;font-size:5px;line-height:1.9}
.bb-receipt-line span:first-child{max-width:65px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bb-receipt-total{border-top:1px dashed #b8c3b1;margin-top:4px;padding-top:3px;font-size:7px}
.bb-receipt-paid{display:block;font-size:4px;margin-top:4px;letter-spacing:.5px}
.bb-receipt-barcode{height:9px;margin:4px 10px 0;background:repeating-linear-gradient(90deg,#455440 0,#455440 1px,transparent 1px,transparent 3px,#455440 3px,#455440 5px,transparent 5px,transparent 6px)}
.bb-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px;font-size:9px;color:#71826a;min-height:26px}
.bb-demo-controls>div{display:flex;gap:6px;flex-shrink:0}
.bb-demo-controls button{font-size:9px;background:transparent;border:1px solid #d5dfcc;padding:4px 7px;border-radius:5px;color:#687a5e}
.bb-demo-controls button:hover{background:#edf4e5;color:#365b35}
.bb-demo-status{font-size:9px}
.bb-demo-fallback{font-size:12px}
.bb-feature-rail{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #dce2d4;padding:25px 0 27px}
.bb-feature-rail a{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 13px;border-right:1px solid #dce2d4;color:#3c5748;font-size:11px;font-weight:500}
.bb-feature-rail a:first-child{justify-content:flex-start;padding-left:0}
.bb-feature-rail a:last-child{border-right:0;padding-right:0}
.bb-feature-rail a>.bi:first-child{font-size:21px;color:#638250}
.bb-feature-rail a:nth-child(even)>.bi:first-child{color:#c98e40}
.bb-feature-rail a>.bi:last-child{font-size:11px;color:#90a180;margin-left:auto}
.bb-feature-rail a:hover{color:var(--bb-green);background:#eaf0e330}
/* The same type, palette and surfaces carry into the rest of the page. */
.bb-product-section{padding:80px 0 55px;background:#fff;border-top:1px solid #e8ebdf}
.bb-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:34px}
.bb-section-kicker{font-size:9px;letter-spacing:1.8px;color:#7b896d;font-weight:600;display:block}
.bb-section-heading h2,.bb-invoice-intro h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-1px;margin:13px 0 0;font-weight:500}
.bb-section-heading>p{font-size:12px;color:#7e897a;line-height:1.9;margin:0 0 3px;max-width:370px}
.bb-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.bb-capability{position:relative;border:1px solid #e3e8de;padding:28px;border-radius:12px;background:#fcfcf8;min-width:0}
.bb-capability-featured{grid-row:span 2;background:#eaf1e3;border-color:#dae6cd;display:flex;flex-direction:column}
.bb-capability-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce4d3;background:#f1f5e9;border-radius:10px;font-size:20px;color:#5d7f45;margin-bottom:18px}
.bb-capability:nth-child(even) .bb-capability-icon{color:#b98443;background:#fbf0df;border-color:#f1e4cc}
.bb-card-number{display:block;font-size:8px;letter-spacing:1.5px;color:#93a087;font-weight:500;margin-bottom:13px}
.bb-capability h3{font-size:22px;font-weight:500;line-height:1.2;letter-spacing:-.4px;margin-bottom:12px}
.bb-capability p{font-size:11px;line-height:1.9;color:#7b8773;margin:0 0 18px}
.bb-capability-featured h3{font-size:35px;margin-top:11px;max-width:220px}
.bb-capability-featured p{font-size:13px;line-height:1.9;margin-top:5px}
.bb-capability a{font-size:11px;color:#3e6742;font-weight:500}
.bb-capability a .bi{margin-left:8px}
.bb-card-detail{display:block;font-size:9px;color:#819476;margin-top:auto}
.bb-ai-question{font-size:10px;display:block;border:1px solid #e0e8d7;border-radius:7px;background:#f3f7ed;color:#60804f;padding:8px 10px}
.bb-ai-question i{margin-right:7px}
.bb-flow-tags{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:35px;color:#7a9c62;gap:6px}
.bb-flow-tags>span{display:flex;align-items:center;flex-direction:column;background:#fff9;border:1px solid #d6e1cb;border-radius:9px;padding:14px 9px;font-size:9px;color:#5b784d;min-width:55px;gap:9px}
.bb-flow-tags>span>i{font-size:21px}
.bb-flow-tags>i{font-size:12px}
.bb-plan-disclaimer{font-size:10px;text-align:center;color:#909c85;margin:26px 0 0}
.bb-plan-disclaimer a{color:#52734b;margin-left:5px;text-decoration:underline;text-underline-offset:3px}
.bb-free-invoice{padding:80px 0;background:#f3f5ed;border-top:1px solid #e4e8dc}
.bb-invoice-grid{display:grid;grid-template-columns:.72fr 1fr;align-items:center;gap:80px}
.bb-invoice-intro h2{font-size:43px;margin:17px 0 22px}
.bb-invoice-intro>p{font-size:13px;line-height:1.9;color:#75816b;max-width:370px}
.bb-invoice-points{list-style:none;padding:0;margin:28px 0;display:grid;gap:16px}
.bb-invoice-points li{display:flex;align-items:center;gap:12px;font-size:12px;color:#596c4e}
.bb-invoice-points i{color:#748f56;font-size:19px}
.bb-invoice-intro>a{color:var(--bb-green);font-size:12px;font-weight:500}
.bb-invoice-intro>a i{margin-left:8px}
.bb-invoice-card{min-width:0;position:relative}
.bb-invoice-card #invoiceArea{border:1px solid #dce3d2!important;border-radius:14px!important;box-shadow:0 12px 35px #314d2010!important}
.bb-invoice-card #invoiceArea h5{color:var(--bb-green)!important}
.bb-invoice-card .table{color:#506443}
.bb-invoice-card .table>:not(caption)>*>*{border-color:#e2e8d9}
.bb-landing .btn-primary{background:var(--bb-green);border-color:var(--bb-green);color:#fff}
.bb-landing .btn-primary:hover{background:var(--bb-green-dark);border-color:var(--bb-green-dark)}
.bb-landing .btn-outline-primary{color:var(--bb-green);border-color:#acbca0}
.bb-landing .btn-outline-primary:hover{background:var(--bb-green);color:#fff}
.bb-landing .text-primary{color:var(--bb-green)!important}
.bb-landing .text-secondary{color:#b97b37!important}
.bb-landing .border-primary{border-color:#a4b394!important}
.bb-landing .bg-primary{background:var(--bb-green)!important}
.bb-landing #price_structure{background:#fbfaf6!important;padding:85px 0!important;border-top:1px solid #e5e8dc}
.bb-landing .pricing-head{max-width:640px;margin-bottom:42px}
.bb-landing .pricing-head h2{font-family:'Outfit',sans-serif;font-size:41px;letter-spacing:-1px;font-weight:500}
.bb-landing .pricing-head p{font-size:13px;color:#7c8773}
.bb-landing .pricing-note{color:#557146!important;font-size:12px!important}
.bb-landing .plan-card{border-radius:13px;box-shadow:0 5px 25px #30482805;border-color:#e2e7da}
.bb-landing .plan-card.is-popular{border-color:#8da478;box-shadow:0 10px 25px #3048280c}
.bb-landing .plan-name{font-family:'Outfit',sans-serif;font-weight:500;font-size:29px}
.bb-landing .plan-tag{font-size:9px;letter-spacing:1px;color:#89947e}
.bb-landing .plan-ribbon{font-size:8px;letter-spacing:1px;border-radius:0 0 0 7px;top:0;right:0;padding:6px 13px}
.bb-landing .plan-feats li{font-size:11px;color:#67765d}
.bb-landing .plan-feats li.off{color:#a5ad9a}
.bb-landing .plan-feats li small{font-size:10px;color:#8b9780}
.bb-landing .pf-ic.yes{background:#edf2e7;color:#708b57}
.bb-landing .pf-ic.no{background:#f4f3ef;color:#b1b2a4}
.bb-landing .plan-foot{border-top:1px solid #e0e6d6;background:#f0f3e9;color:var(--bb-ink);padding:25px}
.bb-landing .plan-foot:before{display:none}
.bb-landing .plan-price{font-family:'Outfit',sans-serif;font-size:39px;font-weight:500}
.bb-landing .plan-per{color:#7a896c;font-size:11px}
.bb-landing .plan-note{color:#85937a;font-size:10px}
.bb-landing .plan-cta{background:var(--bb-green);color:#fff;border-radius:7px;font-size:12px;font-weight:500}
.bb-landing .bb-landing-offers{background:#f1f4e9!important}
.bb-landing .bb-landing-offers a{border-radius:12px!important;border-color:#dfe6d4!important}
.bb-landing .bb-landing-offers h3{font-weight:500;font-size:25px}
.bb-landing .bb-landing-offers .display-3{font-size:42px}
.bb-landing .faq-card{background:#fbfcf8;border:1px solid #e0e7d6;box-shadow:none;border-radius:14px}
.bb-landing .faq-title{font-family:'Outfit',sans-serif;color:var(--bb-green);font-size:31px;font-weight:500;border-color:#d6dfca!important}
.bb-landing .faq-subtitle{color:#869579!important;font-size:13px!important}
.bb-landing .accordion-button{font-size:13px;color:#597049;background:#fff}
.bb-landing .accordion-button:not(.collapsed){background:#eef3e6;color:#3f6033;box-shadow:none}
.bb-landing .accordion-body{font-size:13px;color:#7a8870;background:#fafcf7}
.bb-landing .accordion-item{border-color:#dfe6d7}
.bb-landing .bb-campaign{border-top:1px solid #e2e7d8}
.bb-landing .bb-business{background:#f3f5ed}
.bb-landing .bb-business-heading h2,.bb-landing .bb-business-card h3,.bb-landing .bb-campaign h2,.bb-landing .bb-campaign h3{color:var(--bb-ink);font-family:'Outfit',sans-serif}
.bb-landing .bb-business-heading h2 span,.bb-landing .bb-kicker{color:var(--bb-green)}
.bb-landing .bb-business-card{border-color:#dfe7d5;border-radius:12px;box-shadow:none}
.bb-landing .bb-business-cta{background:#e4eddb;border-color:#d8e4cd;color:#425a35}
.bb-landing .bb-business-cta p,.bb-landing .bb-business-cta h3,.bb-landing .bb-business-price>span{color:#4b623e}
.bb-landing .bb-campaign-button{background:var(--bb-green);color:#fff}
.bb-landing #blog{border-top:1px solid #e1e7d8}
.bb-landing #blog .display-3{font-size:40px;font-weight:500}
.bb-landing #blog .title-border-radius{border:0!important;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.bb-landing #blog .productImg-item{border-color:#e2e8d9!important;border-radius:12px;overflow:hidden}
.bb-landing #blog .h4{font-size:19px;font-family:'Outfit',sans-serif}
.bb-landing .footer{background:#183c2d!important}
.bb-landing .footer .d-flex img{max-width:100%;object-fit:contain}
.bb-landing .footer .d-flex>img{width:64px!important;flex-shrink:0}
.bb-landing .footer .d-flex>div{min-width:0}
.bb-landing #chatButton{background:var(--bb-green)!important}
@keyframes bb-product-tap{50%{transform:scale(.93)}}
@keyframes bb-line-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes bb-printer-light{50%{background:#f6d570}}
@media(min-width:1550px){.bb-retail-hero{padding-top:80px}.bb-hero-grid{padding-bottom:68px;gap:65px}.bb-hero-copy h1{font-size:68px}}
@media(max-width:1199px){.bb-shell{width:calc(100% - 64px)}.bb-navigation{gap:25px}.bb-menu-links,.bb-menu-actions{gap:17px}.bb-menu-links a{font-size:11px}.bb-brand strong{font-size:25px}.bb-brand small{font-size:6px}.bb-hero-grid{gap:30px;grid-template-columns:.9fr 1.12fr}.bb-hero-copy h1{font-size:clamp(39px,4.4vw,53px);letter-spacing:-1.9px}.bb-hero-actions .bb-button{padding:13px 15px;font-size:11px}.bb-hero-description{font-size:12px}.bb-pos-shop{font-size:6px}.bb-catalog{padding:9px}.bb-demo-categories{font-size:6px;gap:1px}.bb-demo-categories span{padding:5px}.bb-demo-bill{padding:12px 9px 9px}.bb-product-grid{gap:5px}.bb-product{padding:5px}.bb-product-art{height:50px}.bb-pos-body{min-height:295px}.bb-feature-rail a{font-size:10px;gap:8px;padding-inline:10px}.bb-invoice-grid{gap:50px}.bb-capability{padding:23px}.bb-flow-tags>span{min-width:48px}}
@media(max-width:991px){.bb-navigation{min-height:77px;flex-wrap:wrap;gap:0}.bb-brand img{width:40px;height:43px}.bb-menu-toggle:not([hidden]){display:block}.bb-menu{flex-basis:100%;display:flex;flex-direction:column;align-items:stretch;padding:12px 0 24px;gap:18px}.bb-menu-links{flex-direction:column;align-items:stretch;margin:0;gap:0}.bb-menu-links a{font-size:14px;padding:12px 0;border-bottom:1px solid #e4e8dd}.bb-menu-actions{justify-content:space-between}.bb-menu-actions .bb-sign-in{font-size:14px}.bb-navigation.is-enhanced .bb-menu{display:none}.bb-navigation.is-enhanced.is-open .bb-menu{display:flex}.bb-retail-hero{padding-top:45px}.bb-hero-grid{grid-template-columns:1fr;gap:42px}.bb-hero-copy{max-width:650px}.bb-hero-copy h1{font-size:62px;letter-spacing:-2px}.bb-hero-description{font-size:15px;max-width:540px}.bb-hero-actions .bb-button{font-size:13px;padding:16px 22px}.bb-hero-reassurance{font-size:11px}.bb-built-for{display:none}.bb-demo{width:100%;max-width:650px;justify-self:center}.bb-pos-shop{font-size:8px}.bb-product-art{height:66px}.bb-product-name{font-size:9px}.bb-product-meta small{font-size:7px}.bb-product-meta strong{font-size:11px}.bb-bill-lines{height:133px}.bb-bill-line{font-size:10px}.bb-bill-heading strong{font-size:13px}.bb-demo-pay{font-size:11px}.bb-demo-categories{font-size:8px}.bb-demo-controls,.bb-demo-controls button,.bb-demo-status{font-size:10px}.bb-demo-topline{font-size:9px}.bb-feature-rail{grid-template-columns:repeat(3,1fr);gap:15px 0}.bb-feature-rail a:nth-child(3){border-right:0}.bb-feature-rail a:first-child{justify-content:center;padding-left:10px}.bb-feature-rail a{font-size:11px;justify-content:flex-start}.bb-capability-grid{grid-template-columns:repeat(2,1fr)}.bb-capability-featured{grid-row:auto;grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.bb-capability-featured h3{font-size:30px;max-width:initial;grid-column:1}.bb-capability-featured .bb-capability-icon{grid-column:1}.bb-capability-featured .bb-card-number{grid-column:1}.bb-capability-featured p{grid-column:1}.bb-capability-featured a{grid-column:1}.bb-flow-tags{grid-column:2;grid-row:1/6;align-self:center;padding:0}.bb-flow-tags>span{min-width:62px}.bb-invoice-grid{grid-template-columns:1fr;gap:35px}.bb-invoice-intro h2{font-size:36px}.bb-invoice-intro>p{max-width:540px}.bb-invoice-points{grid-template-columns:repeat(3,1fr);gap:15px}.bb-invoice-points li{font-size:11px;align-items:flex-start}.bb-invoice-card{max-width:680px;width:100%;margin:auto}}
@media(max-width:575px){.bb-shell{width:calc(100% - 36px)}.bb-navigation{min-height:72px}.bb-brand strong{font-size:24px}.bb-brand small{font-size:6px}.bb-retail-hero{padding-top:30px}.bb-eyebrow{font-size:9px;padding:6px 10px}.bb-hero-copy h1{font-size:clamp(37px,10.4vw,53px);letter-spacing:-1.7px;margin:21px 0 20px;line-height:1.1}.bb-hero-description{font-size:12px;line-height:1.85}.bb-desktop-break{display:none}.bb-hero-actions{gap:8px;margin-top:23px}.bb-hero-actions .bb-button{font-size:10px;padding:13px 12px;gap:8px}.bb-hero-reassurance{font-size:9px;margin-top:13px}.bb-hero-grid{gap:32px;padding-bottom:24px}.bb-demo-topline{font-size:7px;margin-inline:0;letter-spacing:1px}.bb-demo-label{font-size:8px}.bb-pos-machine{padding:7px 7px 15px;border-radius:12px;transform:none}.bb-pos-screen{border-radius:5px}.bb-pos-topbar{height:34px;padding:0 8px}.bb-pos-brand{font-size:9px;gap:4px}.bb-pos-brand img{height:21px;width:21px}.bb-pos-brand b{font-size:8px}.bb-pos-shop{font-size:5px}.bb-pos-topbar>.bi{display:none}.bb-catalog{padding:7px}.bb-demo-search{font-size:6px;padding:5px;gap:4px}.bb-demo-search .bi:last-child{font-size:10px}.bb-demo-categories{font-size:5px;margin:7px 0;gap:1px}.bb-demo-categories span{padding:4px}.bb-pos-body{grid-template-columns:1.25fr 1fr;min-height:240px}.bb-product-grid{gap:4px}.bb-product{padding:4px}.bb-product-art{height:43px}.bb-product-art .bb-package{scale:.8}.bb-product-name{font-size:6px;margin-top:3px}.bb-product-meta small{font-size:5px}.bb-product-meta strong{font-size:7px}.bb-product-count{font-size:6px;width:11px;min-width:11px;height:11px}.bb-demo-bill{padding:10px 7px 8px}.bb-bill-heading strong{font-size:8px}.bb-bill-heading>span{font-size:5px}.bb-bill-customer{font-size:6px;padding:5px;margin:7px 0}.bb-bill-columns{font-size:6px;padding-bottom:5px}.bb-bill-lines{height:89px}.bb-bill-line{font-size:6px;padding:5px 0}.bb-empty-bill{font-size:7px;padding-top:18px}.bb-bill-total{font-size:7px;padding-top:7px}.bb-bill-total strong{font-size:13px}.bb-tax-note{font-size:4.5px;margin-bottom:6px}.bb-demo-pay{font-size:7px;padding:7px 3px;gap:4px}.bb-payment-types{font-size:5px}.bb-catalog-foot{font-size:5px;margin-top:9px;gap:3px}.bb-catalog-foot>span{font-size:5px}.bb-counter-scene{height:133px}.bb-connected-card{padding:9px;gap:6px;width:62%;bottom:21px;border-radius:7px}.bb-connected-card strong{font-size:7px}.bb-connected-card p{font-size:6px}.bb-ai-icon{width:25px;height:25px;font-size:14px;border-radius:6px}.bb-sync-check{width:14px;height:14px;font-size:9px}.bb-printer{right:0;bottom:8px;scale:.8;transform-origin:right bottom}.bb-demo-controls{align-items:flex-start;gap:5px}.bb-demo-status{font-size:8px;max-width:53%;line-height:1.7}.bb-demo-controls button{font-size:8px;padding:4px 6px}.bb-feature-rail{grid-template-columns:repeat(2,1fr);gap:7px 0;padding-block:18px}.bb-feature-rail a{font-size:9px;padding:8px 10px;gap:7px}.bb-feature-rail a:first-child{justify-content:flex-start}.bb-feature-rail a>.bi:first-child{font-size:18px}.bb-feature-rail a:nth-child(3){border-right:1px solid #dce2d4}.bb-feature-rail a:nth-child(even){border-right:0}.bb-feature-rail a:last-child{grid-column:span 2;border-top:1px solid #e2e7da;padding-top:14px;margin-top:4px;justify-content:center}.bb-feature-rail a:last-child>.bi:last-child{margin-left:4px}.bb-product-section{padding:46px 0 35px}.bb-section-heading{display:block;margin-bottom:25px}.bb-section-heading h2{font-size:32px}.bb-section-heading>p{margin-top:18px;font-size:11px}.bb-section-kicker{font-size:8px;letter-spacing:1.2px}.bb-capability-grid{grid-template-columns:1fr;gap:12px}.bb-capability{padding:24px}.bb-capability-featured{grid-column:auto;display:flex}.bb-capability-featured h3{font-size:31px}.bb-capability-featured p{font-size:12px}.bb-flow-tags{padding-top:25px;align-self:stretch}.bb-flow-tags>span{flex:1}.bb-card-number{font-size:7px}.bb-plan-disclaimer{font-size:9px;line-height:1.9}.bb-plan-disclaimer a{display:block;margin-left:0}.bb-free-invoice{padding:45px 0}.bb-invoice-intro h2{font-size:33px}.bb-invoice-intro>p{font-size:12px}.bb-invoice-points{grid-template-columns:1fr;gap:12px}.bb-invoice-card #invoiceArea{padding:15px!important}.bb-invoice-card #itemsTable{display:block;overflow-x:auto}.bb-invoice-card #itemsTable th{font-size:9px}.bb-invoice-card #itemsTable input,.bb-invoice-card #itemsTable select{min-width:55px}.bb-invoice-card #itemsTable input.particular{min-width:105px}.bb-invoice-card #invoiceArea>.d-flex{gap:6px}.bb-invoice-card #invoiceArea h5{font-size:14px}.bb-landing #price_structure{padding:50px 0!important}.bb-landing .pricing-head h2{font-size:34px}.bb-landing .pricing-head p{font-size:12px}.bb-landing .faq-section>.container{padding-block:20px!important}.bb-landing .faq-card{padding:24px 16px!important}.bb-landing .faq-title{font-size:26px}.bb-landing .accordion-button{font-size:12px;padding:16px}.bb-landing .accordion-body{font-size:12px}.bb-landing .bb-landing-offers h3{font-size:19px}.bb-landing .bb-landing-offers .display-3{font-size:27px}.bb-landing .bb-landing-offers p.text-muted{font-size:10px}.bb-landing .bb-landing-offers img{max-width:48%}.bb-landing .footer .d-flex{max-width:300px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.bb-landing *,.bb-landing *:before,.bb-landing *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bb-landing .wow{visibility:visible!important}.bb-pos-machine{transform:none}.bb-button:hover{transform:none}}
/* Keep the receipt clear of the terminal, and the menu control mobile-only. */
.bb-menu-toggle{display:none}
.bb-counter-scene{height:198px}
.bb-connected-card{bottom:35px}
.bb-retail-hero{padding-top:42px}
.bb-hero-grid{padding-bottom:34px}
.bb-landing .back-to-top{right:24px;bottom:86px;background:#eff4e9!important;color:var(--bb-green)!important;border:1px solid #d8e2cc;box-shadow:none}
@media(max-width:991px){.bb-navigation .bb-menu-toggle:not([hidden]){display:block}}
@media(max-width:575px){.bb-retail-hero{padding-top:30px}.bb-counter-scene{height:178px}.bb-connected-card{bottom:25px}.bb-hero-grid{padding-bottom:24px}.bb-landing .chatbot-container{right:15px;bottom:15px}.bb-landing .back-to-top{right:15px;bottom:78px}}
.bb-landing{--bs-primary:#176447;--bs-primary-rgb:23,100,71}

/* Rich retail palette: a photographic counter, bold brand colour and full-colour artwork. */
.bb-landing{--bb-ink:#0b2147;--bb-green:#008b50;--bb-green-dark:#006c3f;--bb-orange:#ff8a16;--bb-paper:#fffaf3;--bb-muted:#4e607c;--bb-line:#dce5ef;--bs-primary:#008b50;--bs-primary-rgb:0,139,80;background:#fffaf3;color:var(--bb-ink)}
.bb-site-header{background:#071b36f7;border-bottom:1px solid #24415e;box-shadow:0 4px 20px #071b361a}
.bb-brand,.bb-brand:hover{color:#fff}
.bb-brand img{background:#fff;border-radius:10px;padding:3px}
.bb-brand strong span{color:#ff9b32}
.bb-brand small{color:#c8d8eb}
.bb-menu-links a,.bb-sign-in{color:#e0e9f5}
.bb-menu-links a:hover,.bb-sign-in:hover{color:#ffb754}
.bb-nav-cta{background:#ff8917;color:#151d33;box-shadow:0 5px 18px #ff891729}
.bb-nav-cta:hover{background:#ffa63d;color:#10213d}
.bb-menu-toggle{color:#fff;border-color:#46617e;background:#122b49}
.bb-retail-hero{background:#0a203e;padding-top:42px;overflow:hidden}
.bb-hero-backdrop{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.bb-hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.bb-retail-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071b36 0%,#092446f7 29%,#0b2544d9 41%,#0b254452 57%,#061c3020 100%)}
.bb-retail-hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:190px;z-index:-1;background:linear-gradient(0deg,#071c35bf,transparent);pointer-events:none}
.bb-hero-copy{position:relative;z-index:3}
.bb-eyebrow{color:#fff;background:#d32e38;border:1px solid #f15455;box-shadow:0 4px 18px #e52f3329;font-size:10px;padding:8px 13px;font-weight:600}
.bb-eyebrow .bb-live-dot{background:#ffe391;box-shadow:0 0 0 3px #ffe39120}
.bb-hero-copy h1{color:#fff;font-weight:650;text-shadow:0 2px 16px #071b3638;letter-spacing:-2.4px}
.bb-hero-copy h1>span{color:#ff9825}
.bb-hero-copy h1>.bb-title-final{color:#4ee29b}
.bb-hero-description{color:#e1e8f2;font-size:14px;line-height:1.9}
.bb-hero-actions .bb-button-green{color:#fff;background:#f05223;border-color:#ff713d;box-shadow:0 8px 25px #df371a3b}
.bb-hero-actions .bb-button-green:hover{background:#d83617;box-shadow:0 10px 30px #df371a55}
.bb-hero-actions .bb-button-outline{background:#102d4dd9;border-color:#7891ab;color:#fff}
.bb-hero-actions .bb-button-outline:hover{background:#254a70;border-color:#b7cadf}
.bb-hero-reassurance{color:#d0ddec}
.bb-hero-reassurance i{color:#4ee29b}
.bb-built-for{color:#bed0e4}
.bb-built-for strong{color:#fff}
.bb-india-mark i{background:#ff901c}
.bb-india-mark i:nth-child(2){background:#fff}
.bb-india-mark i:nth-child(3){background:#24ce79}
.bb-demo{perspective:1300px;padding-top:8px}
.bb-demo-topline{color:#f5f8ff;background:#0a2144e8;border:1px solid #46617d;border-radius:8px;padding:8px 12px;box-shadow:0 4px 16px #061c3520;margin-bottom:25px}
.bb-demo-topline .bb-live-dot{background:#4aeda2}
.bb-demo-label{color:#ffd299}
.bb-pos-machine{background:linear-gradient(130deg,#2a3547 0%,#090f1e 50%,#1b2738 100%);border:1px solid #53647a;box-shadow:12px 15px 0 -8px #040b18,22px 26px 40px -12px #030d2880,inset 0 1px 0 #7e8c9d;transform:perspective(1250px) rotateY(-17deg) rotateX(5deg) rotateZ(-2deg);transform-origin:52% 65%;border-radius:19px}
.bb-pos-topbar{background:#0d2c56;border-color:#204879;color:#fff}
.bb-pos-brand{color:#fff}
.bb-pos-brand img{background:#fff;border-radius:4px;padding:2px}
.bb-pos-brand b{color:#ffb331;font-weight:700}
.bb-pos-shop{color:#d4e3f6}
.bb-pos-shop span{color:#52f1a3}
.bb-pos-topbar>.bi{color:#d6e7fb}
.bb-catalog{background:#edf3fc}
.bb-demo-search{border-color:#c8d8f0;color:#526784}
.bb-demo-search .bi:last-child{color:#1659ba}
.bb-demo-categories{color:#365581}
.bb-demo-categories .is-active{background:#1263d6;color:#fff;box-shadow:0 3px 6px #1263d629}
.bb-product{border-color:#d2deee;box-shadow:0 3px 7px #1137660a;color:#132e53}
.bb-product:hover{border-color:#0766d3;background:#f3f8ff}
.bb-product.is-selected{border-color:#00a65b;background:#e4ffef;box-shadow:0 0 0 1px #06ad6829}
.bb-product-count{background:#009650}
.bb-product-name{color:#132e53}
.bb-product-meta small{color:#566a82}
.bb-product-meta strong{color:#0a3264}
.bb-catalog-foot,.bb-catalog-foot>span{color:#426282}
.bb-bill-heading strong{color:#102c58}
.bb-bill-heading>span{background:#e5f8ee;color:#007c48}
.bb-bill-customer{color:#416082;background:#eaf2fd}
.bb-bill-customer i{color:#1263d6}
.bb-bill-columns{color:#637a98;border-color:#dce6f3}
.bb-bill-line{color:#344c6d}
.bb-bill-line strong{color:#123561}
.bb-empty-bill{color:#7a8ca8}
.bb-bill-total{border-color:#a8c3e5;color:#174778}
.bb-bill-total strong{color:#006f3c}
.bb-tax-note,.bb-payment-types{color:#61789b}
.bb-demo-pay{background:linear-gradient(120deg,#00a65a,#00733f);box-shadow:0 3px 10px #00925225}
.bb-demo-pay:disabled{background:#576f90;color:#fff}
.bb-demo-pay.is-paying{background:#db4c1d}
.bb-machine-label{color:#b1bed0}
.bb-terminal-stand{background:linear-gradient(90deg,#101e33,#5b6b81 52%,#1a2a43);transform:perspective(160px) rotateX(22deg) skewX(-9deg);left:calc(50% - 37px)}
.bb-terminal-stand:after{background:linear-gradient(#53637b,#0c1a31);box-shadow:8px 9px 15px #0a152647}
.bb-counter-scene:after{background:#24100836;height:21px;bottom:18px;filter:blur(9px)}
.bb-connected-card{background:#fff;border:1px solid #ffd59e;border-left:4px solid #ff8e13;box-shadow:0 12px 25px #152c4129}
.bb-connected-card strong{color:#0b2854}
.bb-connected-card p{color:#4b6081}
.bb-ai-icon{background:#ffe8bf;border-color:#ffc366;color:#c95b00}
.bb-sync-check{background:#cbfae0;color:#087d43}
.bb-connected-card.is-synced{background:#f2fff7;border-color:#34c986;border-left-color:#00ab5b}
.bb-printer{transform:perspective(600px) rotateY(-23deg) rotateX(5deg) rotateZ(-3deg);transform-origin:center bottom;right:12px}
.bb-printer-body{background:linear-gradient(120deg,#41516a,#0c1629 65%,#1a2941);border-bottom-color:#071124;box-shadow:8px 8px 0 -3px #071124,15px 15px 22px #091b344a}
.bb-printer-body small{color:#c2d2e5}
.bb-printer-slot{background:#020815;box-shadow:0 1px 0 #667992}
.bb-printer-body>.bi{color:#b8cce5}
.bb-printer-light{background:#4eff84;box-shadow:0 0 6px #46ff8c82}
.bb-demo-receipt{background:#fffdf7;color:#192e49;box-shadow:0 1px 7px #10233e38}
.bb-receipt-paid{color:#008243;font-weight:bold}
.bb-demo-controls{background:#071d39e8;border:1px solid #5e7694;border-radius:8px;padding:7px 10px;color:#fff}
.bb-demo-status{color:#fff}
.bb-demo-controls button{background:#1a3c65;color:#fff;border-color:#7086a1}
.bb-demo-controls button:hover{background:#f3781e;color:#fff;border-color:#ffb254}
.bb-feature-rail{position:relative;background:#fff;border:1px solid #e0e7f2;border-radius:16px 16px 0 0;box-shadow:0 -6px 40px #051b3533;padding:20px 14px 22px;gap:6px}
.bb-feature-rail a,.bb-feature-rail a:first-child,.bb-feature-rail a:last-child{position:relative;flex-direction:column;gap:7px;padding:4px 14px 13px;justify-content:center;border:0;color:#0a2a54;font-size:12px;font-weight:600;text-align:center;border-radius:10px;background:#fff}
.bb-feature-rail a:after{content:'';position:absolute;height:3px;bottom:0;left:22%;right:22%;border-radius:3px;background:#069954}
.bb-feature-rail a:nth-child(2):after{background:#f98413}
.bb-feature-rail a:nth-child(3):after{background:#8450dd}
.bb-feature-rail a:nth-child(4):after{background:#126ee3}
.bb-feature-rail a:nth-child(5):after{background:#e63847}
.bb-feature-rail a img{display:block;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 3px #24446c13);transition:transform .2s}
.bb-feature-rail a:hover{background:#f2f7ff;color:#0059ba}
.bb-feature-rail a:hover img{transform:translateY(-4px)}
.bb-feature-rail a>.bi:last-child{position:absolute;top:4px;right:14px;color:#6d87a9;font-size:13px;margin:0}
/* Colourful feature cards carry the same visual language down the page. */
.bb-product-section{background:linear-gradient(135deg,#fff6e9 0%,#fff 55%,#eef7ff 100%);border-color:#ffe4bc}
.bb-section-kicker{color:#c54d12;font-weight:700}
.bb-section-heading h2{color:#102b54;font-weight:600}
.bb-section-heading>p{color:#435d7c;font-size:13px}
.bb-capability{--feature-accent:#e63949;border:1px solid #f3cdd1;border-top:4px solid var(--feature-accent);background:#fff;box-shadow:0 9px 28px #263d5710}
.bb-capability:nth-child(3){--feature-accent:#f28711;background:#fff9f0;border-color:#f4d9b5;border-top-color:var(--feature-accent)}
.bb-capability:nth-child(4){--feature-accent:#8551d8;background:#faf6ff;border-color:#dfcff5;border-top-color:var(--feature-accent)}
.bb-capability:nth-child(5){--feature-accent:#126bdd;background:#f3f8ff;border-color:#c9dff7;border-top-color:var(--feature-accent)}
.bb-capability-icon,.bb-capability:nth-child(even) .bb-capability-icon{width:76px;height:76px;border:0;background:transparent;margin-bottom:12px}
.bb-capability-icon img{display:block;width:76px;height:76px;filter:drop-shadow(0 4px 6px #1d345714)}
.bb-card-number{color:var(--feature-accent);font-weight:700;font-size:9px}
.bb-capability h3{color:#112d55;font-weight:600}
.bb-capability p{color:#506180;font-size:12px}
.bb-card-detail{color:#49617e;font-size:10px}
.bb-ai-question{background:#fff0d9;border-color:#f6c371;color:#a14b00}
.bb-capability-featured{--feature-accent:#ffb640;background:linear-gradient(145deg,#006940,#00955a 60%,#007940);border-color:#009653;box-shadow:0 12px 30px #008b5029}
.bb-capability-featured h3{color:#fff}
.bb-capability-featured .bb-card-number{color:#ffcf7f}
.bb-capability-featured p{color:#ebfff5;font-size:13px}
.bb-capability-featured a{color:#ffe49b}
.bb-capability-featured .bb-capability-icon{background:#fff;border-radius:13px;width:84px;height:84px}
.bb-flow-tags{color:#91e2b3}
.bb-flow-tags>span{background:#fff;color:#066f42;border-color:#fff}
.bb-flow-tags>span:first-child i{color:#1775df}
.bb-flow-tags>span:nth-of-type(2) i{color:#e65e15}
.bb-flow-tags>span:nth-of-type(3) i{color:#8c40c7}
.bb-plan-disclaimer{color:#586c88}
.bb-plan-disclaimer a{color:#007e4b;font-weight:500}
.bb-free-invoice{background:radial-gradient(ellipse at 10% 80%,#164681 0%,transparent 60%),linear-gradient(120deg,#071b38,#12355b);border-color:#204269}
.bb-free-invoice .bb-section-kicker{color:#ffb24a}
.bb-invoice-intro h2{color:#fff;font-weight:600}
.bb-invoice-intro>p{color:#d0dcef}
.bb-invoice-points li{color:#edf4ff}
.bb-invoice-points li:first-child i{color:#ffb332}
.bb-invoice-points li:nth-child(2) i{color:#ff6975}
.bb-invoice-points li:nth-child(3) i{color:#49dfa0}
.bb-invoice-intro>a{color:#ffbb5a}
.bb-invoice-card #invoiceArea{border:1px solid #c8daf0!important;box-shadow:0 18px 45px #010c2347!important}
.bb-invoice-card #invoiceArea h5{color:#1161bd!important}
.bb-invoice-card .table{color:#264572}
.bb-landing .text-secondary{color:#e76116!important}
.bb-landing #price_structure{background:linear-gradient(130deg,#fff8e9,#fff 55%,#eef5ff)!important;border-top-color:#d5e1ef}
.bb-landing .pricing-head h2{color:#102b54;font-weight:600}
.bb-landing .pricing-head p{color:#536682}
.bb-landing .pricing-note{color:#007844!important}
.bb-landing .plan-card{border:1px solid #cfddf0;border-top:5px solid var(--plan-ink);box-shadow:0 10px 32px #16375b0d}
.bb-landing .plan-card.is-popular{border-color:#00a55f;box-shadow:0 12px 35px #07965324}
.bb-landing .plan-name{color:var(--plan-ink);font-weight:600}
.bb-landing .plan-tag{color:#546b88}
.bb-landing .plan-feats li{color:#344e71}
.bb-landing .plan-feats li.off{color:#8694a6}
.bb-landing .plan-feats li small{color:#5d7090}
.bb-landing .pf-ic.yes{background:#d5f6e4;color:#007e42}
.bb-landing .pf-ic.no{background:#fee8e9;color:#c23b43}
.bb-landing .plan-foot{background:var(--plan-ink);color:#fff;border:0}
.bb-landing .plan-per,.bb-landing .plan-note{color:#fff}
.bb-landing .plan-cta{background:#fff;color:var(--plan-ink);font-weight:600}
.bb-landing .bb-landing-offers{background:#0c2344!important}
.bb-landing .bb-landing-offers a{border:2px solid #ff952c!important;background:#fffbf3!important}
.bb-landing .bb-landing-offers .col-lg-6:nth-child(2) a{border-color:#36c68a!important;background:#f1fff7!important}
.bb-landing .faq-section{background:linear-gradient(120deg,#edf5ff,#fff9ef)!important}
.bb-landing .faq-card{background:#fff;border:1px solid #c7d9f0;border-top:5px solid #155cbe;box-shadow:0 12px 40px #183c6612}
.bb-landing .faq-title{color:#103d80;border-color:#ff8b22!important;font-weight:600}
.bb-landing .faq-subtitle{color:#526a89!important}
.bb-landing .accordion-button{color:#193e70}
.bb-landing .accordion-button:not(.collapsed){background:#e7f0ff;color:#0751ba}
.bb-landing .accordion-body{background:#f9fcff;color:#425c80}
.bb-landing .accordion-item{border-color:#d3e1f2}
/* Existing promotions, attendance previews, resources and footer. */
.bb-landing .bb-campaign{border-color:#cddced}
.bb-landing .bb-attendance{background:#fff}
.bb-landing .bb-attendance-intro h2 span{color:#d94525}
.bb-landing .bb-campaign .bb-kicker{color:#ce4e12}
.bb-landing .bb-attendance-image-label{color:#fff;background:#113867;border-color:#214b7d}
.bb-landing .bb-attendance-highlights>span{background:#fff2dc;border-color:#ffc374;color:#9b450b}
.bb-landing .bb-attendance-highlights>span:nth-child(2){background:#e4f9ef;border-color:#79dbac;color:#007b45}
.bb-landing .bb-attendance-highlights>span:nth-child(3){background:#edf0ff;border-color:#a8b5fa;color:#404bb1}
.bb-landing .bb-attendance-feature{--feature-ink:#075dcd;--feature-tint:#dcecff;border-top:4px solid var(--feature-ink)}
.bb-landing .bb-attendance-feature.bb-tone-purple{--feature-ink:#7637c8;--feature-tint:#ecdfff}
.bb-landing .bb-attendance-feature.bb-tone-orange{--feature-ink:#d85709;--feature-tint:#ffebce}
.bb-landing .bb-attendance-feature.bb-tone-green{--feature-ink:#008650;--feature-tint:#d7f8e7}
.bb-landing .bb-attendance-feature.bb-tone-pink{--feature-ink:#db2d64;--feature-tint:#ffe0ea}
.bb-landing .bb-attendance-features .bb-feature-icon{background:var(--feature-ink);box-shadow:0 6px 13px color-mix(in srgb,var(--feature-ink) 20%,transparent)}
.bb-landing .bb-attendance-features .bb-feature-icon i{color:#fff}
.bb-landing .bb-attendance-feature h4{color:#163760}
.bb-landing .bb-attendance-bottom{background:#103567;border-color:#103567;color:#fff}
.bb-landing .bb-attendance-bottom h3,.bb-landing .bb-attendance-bottom p{color:#fff}
.bb-landing .bb-business{background:linear-gradient(120deg,#fff5e8,#f1f7ff)}
.bb-landing .bb-business-heading h2 span{color:#db4d16}
.bb-landing .bb-business-card{--card-accent:#0b68cc;border-color:#d4e0f0;border-top:3px solid var(--card-accent);box-shadow:0 6px 20px #1431530a;background:#fff}
.bb-landing .bb-business-card:nth-child(5n+2){--card-accent:#8550d8}
.bb-landing .bb-business-card:nth-child(5n+3){--card-accent:#e46512}
.bb-landing .bb-business-card:nth-child(5n+4){--card-accent:#03965a}
.bb-landing .bb-business-card:nth-child(5n+5){--card-accent:#d73550}
.bb-landing .bb-card-top img{width:64px;height:64px;object-fit:contain}
.bb-landing .bb-card-top>span{color:var(--card-accent)}
.bb-landing .bb-business-card p{color:#536885}
.bb-landing .bb-business-cta{background:linear-gradient(120deg,#092448,#154778);border-color:#244f7f;color:#fff}
.bb-landing .bb-business-cta p,.bb-landing .bb-business-cta h3,.bb-landing .bb-business-price>span,.bb-landing .bb-business-cta .bb-business-credit{color:#fff}
.bb-landing .bb-business-cta .bb-kicker{color:#ffb848}
.bb-landing .bb-business-cta .bb-campaign-link{color:#a7f2cd}
.bb-landing .bb-campaign-button{background:#ec561e;color:#fff;box-shadow:0 6px 18px #d7471b26}
.bb-landing .bb-campaign-button:hover{background:#cc3d13;color:#fff}
.bb-landing .bb-testimonial-card.is-active{border-color:#ffb950;box-shadow:0 12px 30px #b3661620}
.bb-landing #blog{background:#fff!important;border-color:#d5e2f1}
.bb-landing #blog .productImg-item{border-color:#cadaef!important;border-bottom:3px solid #1269ce!important}
.bb-landing .footer{background:linear-gradient(115deg,#061931,#0a3159)!important;border-top:4px solid #ff8819}
.bb-landing .copyright{background:#040f23!important}
.bb-landing .back-to-top{background:#0d3565!important;color:#fff!important;border-color:#6788af}
@media(max-width:1199px){.bb-feature-rail a{font-size:10px}.bb-feature-rail a img{width:58px;height:58px}.bb-pos-machine{transform:perspective(1100px) rotateY(-14deg) rotateX(4deg) rotateZ(-2deg)}.bb-hero-description{font-size:12px}}
@media(max-width:991px){.bb-menu-links a{border-color:#2b4464}.bb-retail-hero:before{background:linear-gradient(180deg,#071b36 0%,#0a2445f5 28%,#0a2445a6 46%,#061c3010 68%,#061c3070 100%)}.bb-hero-backdrop img{object-position:72% center}.bb-hero-copy{max-width:690px}.bb-hero-description{font-size:15px}.bb-demo{margin-top:10px}.bb-pos-machine{transform:perspective(1200px) rotateY(-14deg) rotateX(4deg) rotateZ(-2deg)}.bb-feature-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.bb-feature-rail a,.bb-feature-rail a:first-child,.bb-feature-rail a:last-child{font-size:9px;padding:4px 5px 12px;gap:5px}.bb-feature-rail a img{width:54px;height:54px}.bb-feature-rail a:nth-child(3){border:0}.bb-feature-rail a>.bi:last-child{display:none}}
@media(max-width:575px){.bb-retail-hero{padding-top:30px}.bb-hero-copy h1{letter-spacing:-1.6px}.bb-hero-description{font-size:12px}.bb-eyebrow{font-size:8px;max-width:100%;padding:8px 11px}.bb-pos-machine{transform:perspective(750px) rotateY(-10deg) rotateX(3deg) rotateZ(-1.5deg);border-radius:12px}.bb-demo-topline{font-size:6px;letter-spacing:.7px;padding:7px;margin-bottom:19px}.bb-demo-label{font-size:7px}.bb-printer{transform:perspective(500px) rotateY(-18deg) rotateX(4deg) rotateZ(-3deg);right:7px}.bb-demo-controls{padding:7px;gap:6px}.bb-demo-controls button{font-size:7px}.bb-demo-status{font-size:7px}.bb-feature-rail{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 10px;gap:8px;border-radius:12px 12px 0 0}.bb-feature-rail a,.bb-feature-rail a:first-child,.bb-feature-rail a:last-child{flex-direction:row;justify-content:flex-start;font-size:9px;padding:8px 6px 12px;gap:7px;background:#f6f9ff}.bb-feature-rail a img{width:45px;height:45px;flex-shrink:0}.bb-feature-rail a:after{left:10px;right:10px;height:2px}.bb-feature-rail a:last-child{grid-column:span 2;justify-content:center;border:0;margin:0}.bb-capability-icon,.bb-capability-icon img{width:68px;height:68px}.bb-capability-featured .bb-capability-icon{width:76px;height:76px}.bb-capability p{font-size:12px}.bb-card-number{font-size:8px}}
@media(prefers-reduced-motion:reduce){.bb-feature-rail a:hover img{transform:none}}

/* Supplied POS tablet artwork, with interactive hotspots registered to its screen. */
.bb-hero-logo{display:block;width:150px;height:150px;object-fit:contain;margin:0 0 20px;filter:drop-shadow(0 8px 16px #03142b35)}
.bb-hero-copy .bb-eyebrow{display:block;background:none;border:0;border-radius:0;box-shadow:none;padding:0;color:#ffbe6a;letter-spacing:2.4px;font-size:10px;font-weight:600}
.bb-hero-copy h1{margin-top:20px}
.bb-hero-grid{grid-template-columns:.9fr 1.2fr;gap:42px;padding-bottom:42px}
.bb-tablet-demo .bb-demo-topline{margin-inline:15px;margin-bottom:14px}
.bb-tablet-device{position:relative;container-type:inline-size;aspect-ratio:1536 / 880;width:100%;transform:perspective(1250px) rotateY(-16deg) rotateX(4deg) rotateZ(-2deg);transform-origin:50% 65%;filter:drop-shadow(14px 21px 15px #00092270);isolation:isolate}
.bb-tablet-image{position:absolute;top:0;left:0;width:100%;height:auto;clip-path:polygon(9% 3.2%,91% 3.2%,93.2% 4.2%,94.5% 6.5%,95% 11%,97% 79%,97% 81%,96% 83%,94% 84%,6% 84%,4% 83%,3% 80%,5.3% 9%,5.8% 6.2%,7% 4.2%);pointer-events:none;user-select:none}
.bb-tablet-interaction{position:absolute;inset:0}
.bb-tablet-product{position:absolute;left:var(--x);top:var(--y);width:10.15%;height:24.5%;border:2px solid transparent;border-radius:5px;background:transparent;color:transparent;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s;padding:0}
.bb-tablet-product:hover{border-color:#ff961b;background:#ffad2514;box-shadow:0 0 0 2px #ffb12640}
.bb-tablet-product.is-selected{border-color:#00bf69;background:#00ce6720;box-shadow:0 0 0 1px #00d47745,inset 0 0 15px #00ca6720}
.bb-tablet-product.is-tapped{animation:bb-tablet-tap .55s ease}
.bb-tablet-product .bb-product-count{top:4%;right:4%;font-size:1.5cqw;width:2.5cqw;height:2.5cqw;min-width:0;box-shadow:0 2px 4px #0635233b;background:#029b50;border:1px solid #fff}
.bb-tablet-product.is-selected .bb-product-count{display:flex}
.bb-tablet-product:focus-visible{outline:3px solid #ff8415;outline-offset:0}
.bb-tablet-cart{position:absolute;left:64.2%;top:27.5%;width:28.4%;height:64.5%;background:#fff;display:flex;flex-direction:column;padding:.5% .55% 1%;color:#0c204b;font:1.35cqw/1.45 'Roboto',sans-serif;transform:skewX(1.4deg);border-radius:3px}
.bb-tablet-cart-heading{display:flex;align-items:center;justify-content:space-between;gap:2px;padding:3% 3%;background:#f0f4fb;color:#0b2253;font-size:1.4cqw}
.bb-tablet-cart-heading>span{color:#007d44;font-size:1.1cqw;background:#e7f9ed;border-radius:3px;padding:1px 3px}
.bb-tablet-columns{display:flex;justify-content:space-between;padding:2.5% 3%;color:#415d82;font-size:1.15cqw;border-bottom:1px solid #e6edf6}
.bb-tablet-cart .bb-bill-lines{height:auto;min-height:0;flex:1;padding:1% 3%;overflow-y:auto;scrollbar-width:thin}
.bb-tablet-cart .bb-bill-line{font-size:1.32cqw;line-height:1.35;padding:4% 0;border-bottom:1px solid #e9eff7;color:#0d2954;gap:4px}
.bb-tablet-cart .bb-bill-line strong{font-weight:500;color:#0b2253}
.bb-tablet-cart .bb-empty-bill{font-size:1.35cqw;color:#6a7e9c;padding:12% 3%;line-height:1.7;margin:0}
.bb-tablet-subtotal{display:flex;justify-content:space-between;gap:2px;font-size:1.25cqw;padding:1.5% 3%;color:#1d3968}
.bb-tablet-cart .bb-bill-total{background:#e4f2ff;border:0;border-radius:5px;padding:3% 4%;margin-top:2%;color:#00296c;font-size:2cqw;font-weight:700}
.bb-tablet-cart .bb-bill-total strong{font-size:2.6cqw;color:#033489;letter-spacing:-.04em}
.bb-tablet-hold{display:flex;justify-content:center;align-items:center;gap:5px;background:#e1f0ff;color:#0564dc;font-size:1.6cqw;font-weight:600;border-radius:5px;padding:3.5% 0;margin:3% 0}
.bb-tablet-cart .bb-demo-pay{font-size:1.65cqw;line-height:1.3;padding:7% 2%;border-radius:5px;gap:4%;flex-shrink:0;min-height:0;background:linear-gradient(120deg,#00a853,#007e38);box-shadow:none}
.bb-tablet-cart .bb-demo-pay:disabled{background:#007c3d;color:#fff;opacity:.75}
.bb-tablet-cart .bb-demo-pay.is-paying{background:#e75d14;opacity:1}
.bb-tablet-cart .bb-demo-pay .bi:first-child{font-size:2.4cqw}
.bb-demo-pointer{position:absolute;left:15%;top:50%;z-index:5;width:3.2%;height:auto;opacity:0;pointer-events:none;filter:drop-shadow(1px 2px 2px #12304c70);transition:left .38s ease,top .38s ease,opacity .2s}
.bb-demo-pointer svg{display:block;width:100%;height:auto}
.bb-demo-pointer:after{content:'';position:absolute;left:-35%;top:-25%;width:100%;aspect-ratio:1;border:2px solid #ff8c17;border-radius:50%;opacity:0}
.is-auto .bb-demo-pointer{opacity:1}
.is-auto .bb-demo-pointer.is-clicking:after{animation:bb-tablet-click .6s .35s ease}
.bb-tablet-demo .bb-counter-scene{height:185px;margin-top:6px}
.bb-tablet-demo .bb-connected-card{bottom:45px;width:60%;left:10px}
.bb-tablet-demo .bb-printer{bottom:8px;right:17px}
.bb-tablet-demo .bb-demo-controls{margin-inline:12px}
@keyframes bb-tablet-tap{50%{box-shadow:0 0 0 5px #2bf59255,inset 0 0 16px #00bd6d35}}
@keyframes bb-tablet-click{0%{transform:scale(.5);opacity:1}100%{transform:scale(2.2);opacity:0}}
@media(min-width:1550px){.bb-hero-logo{width:164px;height:164px}}
@media(max-width:1199px){.bb-hero-grid{gap:25px}.bb-hero-logo{width:128px;height:128px}.bb-tablet-device{transform:perspective(1000px) rotateY(-13deg) rotateX(4deg) rotateZ(-2deg)}}
@media(max-width:991px){.bb-hero-grid{grid-template-columns:1fr;gap:28px}.bb-hero-logo{width:130px;height:130px;margin-bottom:17px}.bb-tablet-device{transform:perspective(1200px) rotateY(-13deg) rotateX(4deg) rotateZ(-2deg)}.bb-tablet-demo{max-width:690px}.bb-hero-copy .bb-eyebrow{font-size:10px;letter-spacing:2px}}
@media(max-width:575px){.bb-hero-grid{gap:22px;padding-bottom:24px}.bb-hero-logo{width:105px;height:105px;margin-bottom:17px}.bb-hero-copy .bb-eyebrow{font-size:8px;letter-spacing:1.7px}.bb-tablet-demo .bb-demo-topline{margin-inline:0}.bb-tablet-device{transform:perspective(750px) rotateY(-9deg) rotateX(3deg) rotateZ(-1.5deg);width:104%;margin-left:-2%}.bb-tablet-product{border-width:1px;border-radius:3px}.bb-tablet-cart-heading>span{padding:1px}.bb-tablet-demo .bb-counter-scene{height:161px;margin-top:0}.bb-tablet-demo .bb-connected-card{left:0;bottom:33px;width:61%;padding:8px}.bb-tablet-demo .bb-printer{right:4px;bottom:9px}.bb-tablet-demo .bb-demo-controls{margin-inline:0}.bb-tablet-cart .bb-bill-line{font-size:1.4cqw}.bb-tablet-cart .bb-demo-pay{border-radius:3px}.bb-tablet-cart .bb-empty-bill{font-size:1.65cqw}}
@media(prefers-reduced-motion:reduce){.bb-demo-pointer{display:none}}

/* White photographic canvas, saturated text and fluid edge-to-edge sections. */
.bb-landing{--bb-paper:#fff;background:#fff;--bb-page-gutter:clamp(16px,2.5vw,48px)}
.bb-landing .bb-shell,.bb-landing .container{width:100%;max-width:none;margin-inline:0;padding-left:var(--bb-page-gutter);padding-right:var(--bb-page-gutter)}
.bb-site-header{background:#fffffff5;border-color:#e0e7ee;box-shadow:0 3px 15px #18385909}
.bb-brand,.bb-brand:hover{color:#0b2b55}
.bb-brand strong span{color:#e66c12}
.bb-brand small{color:#435d7b}
.bb-brand img{padding:0;background:transparent;border-radius:0}
.bb-menu-links a,.bb-sign-in{color:#153c67}
.bb-menu-links a:hover,.bb-sign-in:hover{color:#d85b11}
.bb-menu-toggle{color:#11375e;background:#fff;border-color:#c6d5e4}
.bb-menu-links a{border-color:#dce6f0}
.bb-retail-hero{background:#fff}
.bb-retail-hero:before{background:linear-gradient(90deg,#fff 0%,#fffffff2 25%,#ffffffb8 40%,#ffffff1f 60%,#fff0 100%)}
.bb-retail-hero:after{background:linear-gradient(0deg,#ffffffc9,transparent)}
.bb-hero-copy .bb-eyebrow{color:#163764}
.bb-hero-copy h1{color:#082450;text-shadow:none;font-size:clamp(42px,4.25vw,92px)}
.bb-hero-copy h1>.bb-title-line:nth-child(1){color:#082450}
.bb-hero-copy h1>.bb-title-line:nth-child(2){color:#008448}
.bb-hero-copy h1>.bb-title-line:nth-child(3){color:#d9530c}
.bb-hero-description{color:#213e63}
.bb-hero-actions .bb-button-outline{color:#16395f;background:#ffffffed;border-color:#6786a8}
.bb-hero-actions .bb-button-outline:hover{background:#eaf3ff;border-color:#0d60bc}
.bb-hero-reassurance{color:#44627c}
.bb-hero-reassurance i{color:#008f50}
.bb-built-for{color:#486583}
.bb-built-for strong{color:#123d67}
.bb-india-mark i:nth-child(2){background:#dce2e9}
.bb-hero-logo{filter:drop-shadow(0 4px 6px #15355f12)}
.bb-feature-rail{border-radius:0;box-shadow:0 -4px 20px #1436590f;border-left:0;border-right:0}
.bb-hero-description{max-width:560px}
.bb-invoice-grid{grid-template-columns:.85fr 1fr}
.bb-free-invoice{background:#fff;border-top:1px solid #dce7f4;border-bottom:1px solid #dce7f4}
.bb-free-invoice .bb-section-kicker{color:#c54d12}
.bb-invoice-intro h2{color:#103569}
.bb-invoice-intro>p{color:#445f82}
.bb-invoice-points li{color:#214e7b}
.bb-invoice-points li:first-child i{color:#ed8318}
.bb-invoice-points li:nth-child(2) i{color:#dd3453}
.bb-invoice-points li:nth-child(3) i{color:#00914e}
.bb-invoice-intro>a{color:#087544}
.bb-landing .bb-landing-offers{background:#fff!important}
.bb-landing .bb-business-cta{background:#fff;border:2px solid #e5a048}
.bb-landing .bb-business-cta p,.bb-landing .bb-business-cta h3,.bb-landing .bb-business-price>span,.bb-landing .bb-business-cta .bb-business-credit{color:#173c6b}
.bb-landing .bb-business-cta .bb-kicker{color:#c45a0d}
.bb-landing .bb-business-cta .bb-campaign-link{color:#007846}
.bb-landing .bb-attendance-bottom{background:#fff8ef;border-color:#ffb768;color:#123b68}
.bb-landing .bb-attendance-bottom h3,.bb-landing .bb-attendance-bottom p{color:#123b68}
.bb-rotating-title{height:3.27em;line-height:1.09;margin-bottom:10px!important}
.bb-title-line{display:flex;align-items:center;height:1.09em;white-space:nowrap;transition:opacity .28s ease,transform .28s ease;transform:translateY(0);opacity:1}
.bb-title-text{display:inline-block;white-space:nowrap;line-height:1.09;flex-shrink:0}
.bb-rotating-title.is-changing .bb-title-line{opacity:0;transform:translateY(-9px)}
.bb-title-controls{display:flex;align-items:center;gap:15px;margin:8px 0 21px}
.bb-title-dots{display:flex;align-items:center;gap:1px}
.bb-title-dots button{position:relative;border:0;padding:0;width:23px;height:23px;background:transparent;border-radius:50%;cursor:pointer}
.bb-title-dots button:after{content:'';position:absolute;width:7px;height:7px;left:8px;top:8px;background:#aebfce;border-radius:50%;transition:background .2s,transform .2s}
.bb-title-dots button[aria-pressed=true]:after{background:#ef7913;transform:scale(1.3);box-shadow:0 0 0 3px #f39e3226}
.bb-title-toggle{display:flex;align-items:center;gap:4px;font-size:9px;background:transparent;border:0;color:#4b6884;padding:3px 0}
.bb-title-toggle i{font-size:14px;color:#1b628d}
@media(min-width:1600px){.bb-hero-logo{width:174px;height:174px}.bb-hero-description{font-size:17px;max-width:650px}.bb-hero-actions .bb-button{font-size:15px;padding:18px 24px}.bb-hero-reassurance{font-size:12px}.bb-built-for{font-size:12px}.bb-tablet-demo .bb-counter-scene{height:210px}.bb-connected-card strong{font-size:12px}.bb-connected-card p{font-size:10px}.bb-demo-controls button,.bb-demo-status{font-size:11px}.bb-tablet-demo .bb-printer{scale:1.14;transform-origin:right bottom}.bb-feature-rail a{font-size:15px}.bb-feature-rail a img{width:78px;height:78px}}
@media(max-width:991px){.bb-hero-grid{grid-template-columns:1fr}.bb-hero-copy{max-width:none}.bb-hero-copy h1{font-size:clamp(42px,7vw,68px)}.bb-tablet-demo{max-width:none}.bb-retail-hero:before{background:linear-gradient(180deg,#fff 0%,#fffffff5 26%,#ffffffc2 42%,#ffffff14 65%,#ffffff29 100%)}.bb-invoice-grid{grid-template-columns:1fr}.bb-invoice-card{max-width:none}}
@media(max-width:575px){.bb-hero-copy h1{font-size:clamp(36px,10.4vw,58px)}.bb-hero-copy{max-width:100%}.bb-tablet-device{width:100%;margin-left:0}.bb-title-controls{margin-bottom:17px}.bb-title-toggle{font-size:8px}.bb-hero-description{font-size:12px}.bb-feature-rail{border-radius:0}.bb-tablet-cart .bb-bill-lines{flex:1}}
/* Scale the live bill with the photographed screen, including all three demo lines. */
.bb-tablet-cart-heading{font-size:1.3cqw;padding:.5cqw .4cqw}
.bb-tablet-columns{font-size:1.1cqw;padding:.3cqw .4cqw}
.bb-tablet-cart .bb-bill-line{font-size:1.35cqw;padding:.4cqw 0;line-height:1.35}
.bb-tablet-subtotal{font-size:1.25cqw;padding:.15cqw .4cqw}
.bb-tablet-cart .bb-bill-total{font-size:1.8cqw;padding:.4cqw .7cqw;margin:.3cqw 0 0}
.bb-tablet-hold{font-size:1.4cqw;padding:.45cqw 0;margin:.6cqw 0}
.bb-tablet-cart .bb-demo-pay{font-size:1.65cqw;padding:.9cqw .3cqw}

/* Wide tablet composition; controls sit quietly below instead of in blue bars. */
.bb-tablet-demo .bb-demo-topline{display:none}
.bb-tablet-demo .bb-demo-controls{background:transparent;border:0;box-shadow:none;padding:5px 0;margin-top:0}
.bb-tablet-demo .bb-demo-status{display:inline-block;background:#ffffffeb;color:#234d78;padding:5px 9px;border-radius:5px;font-size:10px}
.bb-tablet-demo .bb-demo-controls button{background:#fff;color:#103e71;border:1px solid #7294b8;padding:5px 9px;font-size:10px}
.bb-tablet-demo .bb-demo-controls button:hover{background:#fff0d8;color:#aa4506;border-color:#f08f28}
@media(min-width:992px){
  .bb-hero-grid{grid-template-columns:minmax(0,25%) minmax(0,75%);gap:0;align-items:start;padding-right:0}
  .bb-hero-copy{padding-right:25px;min-width:0}
  .bb-hero-copy .bb-rotating-title{width:clamp(430px,43vw,820px);max-width:none;position:relative;z-index:4}
  .bb-hero-copy .bb-title-controls{width:340px;max-width:calc(100vw - 40px)}
  .bb-hero-copy .bb-hero-description{max-width:100%;font-size:13px}
  .bb-hero-copy .bb-hero-actions{flex-direction:column;align-items:flex-start;gap:10px;margin-top:23px}
  .bb-hero-copy .bb-hero-reassurance{font-size:9px;flex-wrap:wrap;gap:6px}
  .bb-tablet-demo{margin-top:var(--tablet-offset,300px);padding-top:0;max-width:none;width:100%}
  .bb-tablet-device{transform:perspective(1900px) rotateY(-13deg) rotateX(3deg) rotateZ(-2deg);transform-origin:52% 65%}
  .bb-tablet-demo .bb-counter-scene{height:177px;margin-top:0;margin-inline:30px}
  .bb-tablet-demo .bb-connected-card{left:3%;width:auto;min-width:310px;bottom:44px;padding:15px 20px;gap:13px}
  .bb-tablet-demo .bb-connected-card strong{font-size:12px}
  .bb-tablet-demo .bb-connected-card p{font-size:10px}
  .bb-tablet-demo .bb-printer{right:5%;scale:1.2;transform-origin:right bottom;bottom:10px}
  .bb-tablet-demo .bb-demo-controls{margin-inline:45px}
}
@media(min-width:1600px){.bb-hero-copy .bb-hero-description{font-size:16px}.bb-hero-copy .bb-hero-reassurance{font-size:11px}.bb-tablet-demo .bb-counter-scene{height:215px}.bb-tablet-demo .bb-printer{scale:1.4}}
@media(max-width:991px){.bb-tablet-demo{margin-top:0}.bb-tablet-demo .bb-demo-status{font-size:9px}.bb-tablet-demo .bb-demo-controls button{font-size:9px}}
@media(max-width:575px){.bb-tablet-demo .bb-demo-status{font-size:7px;padding:4px 6px}.bb-tablet-demo .bb-demo-controls button{font-size:8px;padding:5px 7px}}

/* Requested +2 px reading size for navigation and sections below the hero. */
.bb-menu-links a,.bb-sign-in{font-size:14px}
.bb-nav-cta{font-size:14px}
.bb-section-kicker{font-size:11px}
.bb-section-heading h2{font-size:clamp(32px,calc(3vw + 2px),44px)}
.bb-section-heading>p{font-size:15px}
.bb-card-number{font-size:11px}
.bb-capability h3{font-size:24px}
.bb-capability-featured h3{font-size:37px}
.bb-capability p{font-size:14px}
.bb-capability-featured p{font-size:15px}
.bb-capability a{font-size:13px}
.bb-card-detail{font-size:12px}
.bb-ai-question{font-size:12px}
.bb-flow-tags>span{font-size:11px}
.bb-plan-disclaimer{font-size:12px}
.bb-invoice-intro h2{font-size:45px}
.bb-invoice-intro>p{font-size:15px}
.bb-invoice-points li,.bb-invoice-intro>a{font-size:14px}
.bb-invoice-card #invoiceArea,.bb-invoice-card #invoiceArea [style*="font-size:12px"],.bb-invoice-card #invoiceArea input,.bb-invoice-card #invoiceArea select{font-size:14px!important}
.bb-invoice-card #invoiceArea h5{font-size:22px}
.bb-invoice-card #invoiceArea button[onclick="generatePDF()"]{font-size:16px!important}
.bb-landing .pricing-head h2{font-size:43px}
.bb-landing .pricing-head p{font-size:15px}
.bb-landing .pricing-note{font-size:14px!important}
.bb-landing .plan-name{font-size:31px}
.bb-landing .plan-tag{font-size:11px}
.bb-landing .plan-ribbon{font-size:10px}
.bb-landing .plan-feats li{font-size:13px}
.bb-landing .plan-feats li small{font-size:12px}
.bb-landing .plan-price{font-size:41px}
.bb-landing .plan-per{font-size:13px}
.bb-landing .plan-note{font-size:12px}
.bb-landing .plan-cta{font-size:14px}
.bb-landing .bb-landing-offers h3{font-size:27px}
.bb-landing .faq-title{font-size:33px}
.bb-landing .faq-subtitle{font-size:15px!important}
.bb-landing .accordion-button,.bb-landing .accordion-body{font-size:15px}
.bb-landing .bb-campaign-tag{font-size:15px}
.bb-landing .bb-business-intro,.bb-landing .bb-attendance-intro>p{font-size:18px}
.bb-landing .bb-business-card h3{font-size:19px}
.bb-landing .bb-business-card p{font-size:15px}
.bb-landing .bb-attendance-feature h4{font-size:20px}
.bb-landing .bb-attendance-feature p{font-size:14px}
.bb-landing .bb-campaign-link{font-size:16px}
.bb-landing .bb-testimonial-card blockquote{font-size:21px}
.bb-landing .bb-testimonial-card strong{font-size:19px}
.bb-landing .bb-testimonial-card small{font-size:14px}
.bb-landing #blog .display-3{font-size:42px}
.bb-landing #blog .title-border-radius{font-size:13px}
.bb-landing #blog .h4{font-size:21px}
@media(min-width:992px){.bb-tablet-demo{padding-right:40px}}
@media(max-width:1199px){.bb-menu-links a{font-size:13px}}
@media(max-width:991px){.bb-menu-links a,.bb-menu-actions .bb-sign-in{font-size:16px}.bb-capability-featured h3{font-size:32px}.bb-invoice-intro h2{font-size:38px}.bb-invoice-points li{font-size:13px}}
@media(max-width:575px){.bb-section-kicker{font-size:10px}.bb-section-heading h2{font-size:34px}.bb-section-heading>p{font-size:13px}.bb-card-number{font-size:10px}.bb-capability-featured h3{font-size:33px}.bb-capability-featured p{font-size:14px}.bb-plan-disclaimer{font-size:11px}.bb-invoice-intro h2{font-size:35px}.bb-invoice-intro>p{font-size:14px}.bb-invoice-card #itemsTable th{font-size:11px}.bb-invoice-card #invoiceArea h5{font-size:16px}.bb-landing .pricing-head h2{font-size:36px}.bb-landing .pricing-head p{font-size:14px}.bb-landing .faq-title{font-size:28px}.bb-landing .accordion-button,.bb-landing .accordion-body{font-size:14px}.bb-landing .bb-landing-offers h3{font-size:21px}.bb-landing .bb-landing-offers p.text-muted{font-size:12px}}

/* One-screen hero. The feature band begins the next section. */
.bb-landing{--bb-header-height:77px}
.bb-navigation{min-height:76px}
.bb-retail-hero{padding-top:0;height:calc(100svh - var(--bb-header-height));min-height:0}
.bb-landing .bb-hero-grid{height:100%;grid-template-columns:minmax(0,30%) minmax(0,70%);gap:0;align-items:center;padding-top:20px;padding-bottom:20px;padding-right:var(--bb-page-gutter)}
.bb-hero-copy{padding-right:22px}
.bb-hero-logo{width:clamp(72px,12vh,118px);height:clamp(72px,12vh,118px);margin-bottom:12px}
.bb-hero-copy .bb-eyebrow{font-size:9px;letter-spacing:1.8px}
.bb-hero-copy .bb-rotating-title{width:100%;max-width:100%;font-size:clamp(36px,3.6vw,64px);margin-top:16px;margin-bottom:6px!important}
.bb-hero-copy .bb-title-controls{width:auto;max-width:100%;margin:5px 0 16px}
.bb-hero-copy .bb-hero-description{font-size:13px;line-height:1.8;max-width:100%}
.bb-hero-copy .bb-hero-actions{flex-direction:row;align-items:center;gap:8px;margin-top:20px}
.bb-hero-actions .bb-button{font-size:11px;padding:13px 14px;gap:8px}
.bb-hero-copy .bb-hero-reassurance{font-size:9px;flex-wrap:wrap;margin-top:10px}
.bb-built-for{margin-top:20px;font-size:10px}
.bb-tablet-demo{width:var(--hero-demo-width,100%);max-width:100%;justify-self:end;align-self:center;margin-top:0;padding:0}
.bb-tablet-device{width:100%;margin:0;transform:perspective(1500px) rotateY(-11deg) rotateX(2deg) rotateZ(-1.5deg)}
.bb-tablet-demo .bb-counter-scene{height:110px;margin:0 10px}
.bb-tablet-demo .bb-connected-card{left:0;bottom:27px;width:59%;min-width:0;padding:10px;gap:8px}
.bb-tablet-demo .bb-connected-card strong{font-size:9px}
.bb-tablet-demo .bb-connected-card p{font-size:8px}
.bb-tablet-demo .bb-printer{scale:.67;right:10px;bottom:2px;transform-origin:right bottom}
.bb-tablet-demo .bb-demo-controls{margin:0 8px;min-height:24px;gap:6px;padding:0}
.bb-tablet-demo .bb-demo-status{font-size:8px;padding:4px 6px}
.bb-tablet-demo .bb-demo-controls button{font-size:8px;padding:4px 6px}
.bb-retail-hero.is-content-tall{height:auto;min-height:calc(100svh - var(--bb-header-height))}
.bb-retail-hero.is-content-tall .bb-hero-grid{height:auto}
@media(min-width:1600px) and (min-height:850px){.bb-hero-copy .bb-hero-description{font-size:16px}.bb-hero-actions .bb-button{font-size:13px;padding:15px 19px}.bb-built-for{font-size:12px}.bb-tablet-demo .bb-connected-card strong{font-size:12px}.bb-tablet-demo .bb-connected-card p{font-size:10px}.bb-tablet-demo .bb-counter-scene{height:130px}.bb-tablet-demo .bb-printer{scale:.78}}
@media(min-width:992px) and (max-height:849px){.bb-built-for{display:none}.bb-hero-copy .bb-hero-description{font-size:12px}.bb-hero-actions .bb-button{font-size:10px;padding:11px 12px}.bb-hero-copy .bb-title-controls{margin-bottom:12px}}
@media(min-width:992px) and (max-height:699px){.bb-hero-logo{width:62px;height:62px;margin-bottom:8px}.bb-hero-copy .bb-rotating-title{font-size:36px;margin-top:12px}.bb-hero-copy .bb-hero-description{font-size:11px}.bb-hero-copy .bb-title-controls{margin-bottom:8px}.bb-hero-copy .bb-hero-actions{margin-top:12px}.bb-hero-copy .bb-hero-reassurance{font-size:8px}.bb-tablet-demo .bb-counter-scene{height:96px}}
@media(max-width:991px){
 .bb-landing{--bb-header-height:73px}
 .bb-navigation{min-height:72px}
 .bb-landing .bb-hero-grid{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px;padding-top:14px;padding-bottom:12px;align-items:start}
 .bb-hero-copy{padding-right:0;max-width:100%}
 .bb-hero-logo{width:68px;height:68px;margin-bottom:8px}
 .bb-hero-copy .bb-eyebrow{font-size:8px;letter-spacing:1.7px}
 .bb-hero-copy .bb-rotating-title{font-size:clamp(34px,5vw,48px);margin-top:10px}
 .bb-hero-copy .bb-title-controls{margin:2px 0 8px}
 .bb-title-toggle{font-size:8px}
 .bb-title-dots button{width:21px;height:21px}
 .bb-hero-copy .bb-hero-description{font-size:12px;line-height:1.65}
 .bb-hero-copy .bb-hero-actions{margin-top:12px}
 .bb-hero-actions .bb-button{padding:11px 14px;font-size:11px}
 .bb-hero-copy .bb-hero-reassurance{margin-top:7px;font-size:8px}
 .bb-tablet-demo{justify-self:center;align-self:center;max-width:100%}
 .bb-tablet-demo .bb-counter-scene{height:93px;margin:0 6px}
 .bb-tablet-demo .bb-connected-card{bottom:22px;width:61%;padding:7px}
 .bb-tablet-demo .bb-connected-card strong{font-size:7px}
 .bb-tablet-demo .bb-connected-card p{font-size:6px}
 .bb-tablet-demo .bb-printer{scale:.54;right:3px;bottom:0}
 .bb-tablet-demo .bb-demo-controls{margin:0;gap:4px;align-items:center}
 .bb-tablet-demo .bb-demo-status{font-size:7px;max-width:55%}
 .bb-tablet-demo .bb-demo-controls button{font-size:7px}
}
@media(max-width:575px){
 .bb-landing{--bb-header-height:65px}
 .bb-navigation{min-height:64px}
 .bb-brand img{height:38px;width:38px}
 .bb-hero-logo{width:64px;height:64px}
 .bb-hero-copy .bb-rotating-title{font-size:clamp(32px,8.8vw,43px)}
 .bb-hero-copy .bb-hero-description{font-size:11px;line-height:1.6}
 .bb-hero-actions .bb-button{font-size:10px;padding:10px 12px}
 .bb-tablet-device{transform:perspective(900px) rotateY(-8deg) rotateX(2deg) rotateZ(-1deg)}
 .bb-tablet-demo .bb-counter-scene{height:88px}
 .bb-tablet-demo .bb-printer{scale:.51}
 .bb-tablet-demo .bb-demo-status{font-size:6px;padding:3px 4px}
 .bb-tablet-demo .bb-demo-controls button{font-size:7px;padding:4px}
}
@media(max-width:991px) and (max-height:700px){
 .bb-landing .bb-hero-grid{padding-top:10px;padding-bottom:8px;gap:6px}
 .bb-hero-logo{width:44px;height:44px;margin-bottom:6px}
 .bb-hero-copy .bb-eyebrow{font-size:7px}
 .bb-hero-copy .bb-rotating-title{font-size:32px;margin-top:8px}
 .bb-hero-copy .bb-title-controls{margin:0 0 6px}
 .bb-hero-copy .bb-hero-description,.bb-hero-copy .bb-hero-reassurance{display:none}
 .bb-hero-copy .bb-hero-actions{margin-top:6px}
 .bb-hero-actions .bb-button{font-size:9px;padding:9px 11px}
 .bb-tablet-demo .bb-counter-scene{height:65px}
 .bb-tablet-demo .bb-printer{scale:.38}
 .bb-tablet-demo .bb-connected-card{bottom:11px}
 .bb-tablet-demo .bb-demo-controls{min-height:20px}
}
/* Floating support widgets stay clear of the receipt and demo controls. */
.bb-landing.bb-hero-in-view .back-to-top{display:none!important}
.bb-landing.bb-hero-in-view .chatbot-icon{visibility:hidden;pointer-events:none}
@media(max-width:991px) and (max-height:700px){.bb-tablet-demo .bb-demo-status{display:none}.bb-tablet-demo .bb-demo-controls{justify-content:flex-end}.bb-hero-copy .bb-rotating-title{font-size:30px}}
@media(max-width:991px) and (orientation:landscape) and (max-height:600px){
 .bb-landing .bb-hero-grid{grid-template-columns:minmax(0,40%) minmax(0,60%);grid-template-rows:1fr;gap:0;align-items:center}
 .bb-hero-copy{padding-right:18px}
 .bb-hero-logo{width:36px;height:36px;margin-bottom:5px}
 .bb-hero-copy .bb-eyebrow{font-size:6px;letter-spacing:1.2px}
 .bb-hero-copy .bb-rotating-title{font-size:27px;margin-top:6px}
 .bb-hero-copy .bb-title-controls{margin:0 0 3px}
 .bb-hero-copy .bb-hero-actions{margin-top:3px;gap:5px}
 .bb-hero-actions .bb-button{font-size:8px;padding:8px;gap:5px}
 .bb-tablet-demo{justify-self:end}
 .bb-retail-hero:before{background:linear-gradient(90deg,#fff 0%,#ffffffe8 33%,#ffffff40 65%,transparent)}
}

/* Bring the copy and tablet together; give the receipt printer more presence. */
@media(min-width:992px){
 .bb-hero-copy{transform:translateX(20px)}
 .bb-tablet-demo{justify-self:start;transform:translateX(-2.5%)}
 .bb-tablet-demo .bb-counter-scene{height:176px}
 .bb-tablet-demo .bb-printer{scale:1;right:6px;bottom:10px}
 .bb-tablet-demo .bb-connected-card{bottom:42px;width:58%}
}
.bb-printer{pointer-events:none}
@media(min-width:1600px) and (min-height:850px){.bb-tablet-demo .bb-counter-scene{height:206px}.bb-tablet-demo .bb-printer{scale:1.16}}
@media(max-width:991px){
 .bb-landing .bb-hero-grid{grid-template-rows:auto auto;align-content:center;row-gap:8px}
 .bb-tablet-demo{align-self:start}
 .bb-tablet-demo .bb-counter-scene{height:125px}
 .bb-tablet-demo .bb-printer{scale:.72;right:3px;bottom:8px}
 .bb-tablet-demo .bb-connected-card{bottom:31px}
}
@media(max-width:575px){.bb-tablet-demo .bb-counter-scene{height:117px}.bb-tablet-demo .bb-printer{scale:.68}.bb-landing .bb-hero-grid{row-gap:6px}}
@media(max-width:991px) and (max-height:700px){
 .bb-tablet-demo .bb-counter-scene{height:82px}
 .bb-tablet-demo .bb-printer{scale:.48;bottom:7px}
 .bb-tablet-demo .bb-connected-card{bottom:15px;padding:7px 6px;gap:0}
 .bb-tablet-demo .bb-connected-card .bb-ai-icon,.bb-tablet-demo .bb-connected-card .bb-sync-check,.bb-tablet-demo .bb-connected-card p{display:none}
 .bb-tablet-demo .bb-connected-card strong{font-size:7px;line-height:1.5}
}
@media(max-width:991px) and (orientation:landscape) and (max-height:600px){
 .bb-landing .bb-hero-grid{grid-template-rows:1fr;align-content:center;align-items:center}
 .bb-hero-copy{transform:translateX(var(--hero-group-shift,0px))}
 .bb-tablet-demo{align-self:center;justify-self:start;transform:translateX(calc(var(--hero-group-shift,0px) - 2%))}
}

/* ------------------------------------------------------------------
   Sections sit in a centred container; only the hero runs edge to edge.
   ------------------------------------------------------------------ */
.bb-landing{--bb-container:1320px;--bb-hero-max:1760px}
.bb-landing .bb-shell,.bb-landing .container,.bb-landing .bb-landing-offers>.container-fluid{width:100%;max-width:calc(var(--bb-container) + 2*var(--bb-page-gutter));margin-inline:auto;padding-left:var(--bb-page-gutter);padding-right:var(--bb-page-gutter)}
.bb-landing .bb-site-header .bb-shell,.bb-landing .bb-retail-hero .bb-shell{max-width:calc(var(--bb-hero-max) + 2*var(--bb-page-gutter))}
.bb-landing .bb-feature-rail{width:calc(100% - 2*var(--bb-page-gutter));max-width:var(--bb-container);padding:20px 14px 22px;margin-top:26px;border:1px solid #e0e7f2;border-radius:16px;box-shadow:0 10px 34px #1436591a}
@media(max-width:575px){.bb-landing .bb-feature-rail{border-radius:14px;margin-top:18px}}

/* Hero: copy and tablet as one group in the middle of the page, the same
   space on both sides. The tablet fills its column and the hero grows with it
   rather than shrinking the tablet to one screen. */
.bb-landing .bb-retail-hero,.bb-landing .bb-retail-hero.is-content-tall{height:auto;min-height:calc(100svh - var(--bb-header-height))}
.bb-landing .bb-hero-grid{height:auto;min-height:calc(100svh - var(--bb-header-height));margin-inline:auto;padding-left:var(--bb-page-gutter);padding-right:var(--bb-page-gutter)}
.bb-landing .bb-tablet-demo{width:100%;max-width:none;justify-self:stretch;transform:none}
.bb-landing .bb-tablet-device{width:100%;margin:0}
@media(min-width:992px){
 .bb-landing .bb-hero-grid{grid-template-columns:minmax(0,29%) minmax(0,71%);align-items:center;padding-top:28px;padding-bottom:28px}
 .bb-landing .bb-hero-copy{transform:none;padding-right:18px}
}
@media(max-width:991px){
 .bb-landing .bb-hero-grid{grid-template-rows:auto auto;align-content:start}
 .bb-landing .bb-tablet-demo{transform:translateX(-4%)}
}
@media(max-width:575px){.bb-landing .bb-tablet-demo{transform:translateX(-2%)}}
@media(min-width:992px){
 /* The tilt brings the tablet's right edge forward; this puts it back in the middle of its column. */
 .bb-landing .bb-tablet-demo{transform:translateX(-4%)}
}
.bb-landing .bb-tablet-demo .bb-demo-controls{justify-content:flex-start}

/* The counter card: dark navy, centred, a size up. */
.bb-landing .bb-capability-featured{--feature-accent:#ffb640;background:linear-gradient(155deg,#0a1f44 0%,#0d2b5e 55%,#081a3a 100%);border-color:#17366b;box-shadow:0 14px 34px #0a1f4433;align-items:center;text-align:center;justify-content:center}
.bb-landing .bb-capability-featured .bb-capability-icon{margin-inline:auto}
.bb-landing .bb-capability-featured .bb-card-number{font-size:13px;color:#ffcf7f}
.bb-landing .bb-capability-featured h3{font-size:39px;max-width:none;color:#fff}
.bb-landing .bb-capability-featured p{font-size:17px;color:#dbe7ff;max-width:420px}
.bb-landing .bb-capability-featured a{font-size:15px;color:#ffe49b}
.bb-landing .bb-capability-featured .bb-flow-tags{justify-content:center;gap:12px;color:#8fb4f3;margin-top:34px;padding-top:0;width:100%}
.bb-landing .bb-capability-featured .bb-flow-tags>span{font-size:13px;color:#0b2147;min-width:76px}
@media(max-width:991px){.bb-landing .bb-capability-featured h3{font-size:34px}}
@media(max-width:575px){.bb-landing .bb-capability-featured h3{font-size:35px}.bb-landing .bb-capability-featured p{font-size:16px}.bb-landing .bb-capability-featured .bb-flow-tags{gap:7px}.bb-landing .bb-capability-featured .bb-flow-tags>span{min-width:64px}}

/* ------------------------------------------------------------------
   Plans: a bill-shaped card each. A tinted head, the features as lines
   with what you get at the end of the line, a torn edge, and the price
   on the plan's colour with the button under it.
   ------------------------------------------------------------------ */
.bb-price-panel{background:#dfe8f6;border:1px solid #c9d6ea;border-radius:20px;padding:22px}
.bb-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.bb-price-card{--plan-a:#0f7a6c;--plan-b:#0a5a4e;--plan-ink:#0b5d50;--plan-tint:#eafaf1;position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #cfd9e8;border-top:5px solid var(--plan-b);border-radius:22px;overflow:hidden;box-shadow:0 1px 2px #16233a0a,0 16px 30px -18px #16233a40;transition:transform .2s ease,box-shadow .2s ease}
.bb-price-card.is-business{--plan-a:#4f46e5;--plan-b:#352c9c;--plan-ink:#3a30b4;--plan-tint:#eef0ff}
.bb-price-card.is-premium{--plan-a:#be185d;--plan-b:#93124a;--plan-ink:#a3154f;--plan-tint:#fff0f4}
.bb-price-card.is-custom{--plan-a:#b45309;--plan-b:#7c3a05;--plan-ink:#8a4a08;--plan-tint:#fff6e6}
.bb-price-card.is-custom .bb-price-amount{font-size:36px}
.bb-price-card:hover{transform:translateY(-4px);box-shadow:0 1px 2px #16233a0a,0 26px 44px -20px #16233a59}
.bb-price-card.is-popular{border-color:var(--plan-a);border-top-color:var(--plan-b);box-shadow:0 0 0 1px var(--plan-a),0 22px 40px -18px #352c9c66}
.bb-price-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:18px 16px 14px;background:linear-gradient(180deg,var(--plan-tint),#fff)}
.bb-price-top>div:first-child{display:contents}
.bb-price-top .bb-price-tag{grid-column:1/-1;grid-row:2}
.bb-price-top .bb-price-mark{grid-column:2;grid-row:1}
.bb-landing .bb-price-name{margin:0;font-family:'Outfit','Poppins',sans-serif;font-size:25px;font-weight:700;letter-spacing:-.3px;line-height:1.1;color:var(--plan-ink)}
.bb-price-tag{display:flex;align-items:center;gap:6px;margin:9px 0 0;font-size:13px;font-weight:600;color:var(--plan-ink)}
.bb-price-tag .bi{font-size:13px}
.bb-price-badge{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:2px solid #c3cfdf;background:#fff;color:var(--plan-ink);font-size:16px}
.bb-price-badge.is-on{border-color:transparent;background:var(--plan-a);color:#fff}
.bb-price-mark{flex:none;display:flex;align-items:center;gap:9px}
.bb-price-ribbon{padding:4px 8px;border-radius:999px;background:var(--plan-a);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
.bb-price-feats{flex:1;list-style:none;margin:0 16px;padding:12px 0 28px;border-top:1px dashed #c4cfdd}
.bb-price-feats li{display:flex;align-items:flex-start;gap:9px;padding:6px 0;font-size:13.5px;line-height:1.45;font-weight:600;color:#33415a}
.bb-price-feats li>.bi{flex:none;width:16px;margin-top:2px;font-size:15px;color:#16a34a}
.bb-price-feats li>span{flex:1;min-width:0}
.bb-price-feats li small{display:block;margin-top:1px;font-size:12.5px;font-weight:500;color:#64748b}
.bb-price-feats li>b{flex:none;margin-left:8px;font-weight:800;color:#0f172a;white-space:nowrap}
.bb-price-feats li.is-off{color:#9aa6b8;font-weight:500}
.bb-price-feats li.is-off>.bi{color:#c2cad6;font-size:13px;margin-top:3px}
.bb-price-foot{position:relative;padding:24px 16px 16px;background:linear-gradient(155deg,var(--plan-a),var(--plan-b));color:#fff;text-align:center}
.bb-price-foot:before{content:'';position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:17px;background:linear-gradient(155deg,var(--plan-a),var(--plan-a));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='17' viewBox='0 0 36 17' preserveAspectRatio='none'%3E%3Cpath d='M0 17 L18 0 L36 17 Z' fill='%23fff'/%3E%3C/svg%3E") repeat-x bottom center/36px 17px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='17' viewBox='0 0 36 17' preserveAspectRatio='none'%3E%3Cpath d='M0 17 L18 0 L36 17 Z' fill='%23fff'/%3E%3C/svg%3E") repeat-x bottom center/36px 17px}
.bb-price-was{display:flex;align-items:center;justify-content:center;gap:9px;margin:-4px 0 10px;font-size:16px;font-weight:500;color:#ffffffc2}
.bb-price-was s{text-decoration-thickness:1.5px}
.bb-price-off{padding:3px 9px;border-radius:999px;background:#ffb848;color:#0a1f44;font-size:11.5px;font-weight:800;letter-spacing:.2px;line-height:1.35}
.bb-price-amount{font-family:'Inter','Poppins',sans-serif;font-size:46px;font-weight:300;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums lining-nums}
.bb-price-per{margin-top:9px;font-size:14px;font-weight:600}
.bb-price-note{margin-top:2px;font-size:12.5px;color:#ffffffc7}
.bb-landing .bb-price-cta{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin-top:18px;padding:10px 16px;border:1px solid #ffffff80;border-radius:12px;background:#ffffff26;color:#fff;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s ease,color .15s ease,transform .15s ease}
.bb-landing .bb-price-cta:hover{background:#fff;color:var(--plan-ink);transform:translateY(-1px)}
.bb-landing .bb-price-card.is-popular .bb-price-cta{background:#fff;color:var(--plan-ink);border-color:#fff}
.bb-landing .bb-price-card.is-popular .bb-price-cta:hover{background:#f1f1ff}
.bb-landing .bb-price-cta:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* What every plan has, once, under the cards: a navy band like the feature showcase's. */
.bb-price-common{margin-top:16px;padding:30px 40px 32px;border:1px solid #17366b;border-radius:22px;background:radial-gradient(50% 90% at 100% 0%,#2b63d040 0%,#0000 65%),linear-gradient(155deg,#0a1f44 0%,#0d2b5e 52%,#071a3a 100%);box-shadow:0 1px 2px #16233a0a,0 16px 30px -18px #16233a40;color:#e3ebfb}
.bb-landing .bb-price-common h3{margin:0;font-family:'Outfit','Poppins',sans-serif;font-size:28px;font-weight:600;letter-spacing:-.3px;line-height:1.25;text-align:center;color:#fff}
.bb-price-common h3 span{color:#ffb848}
.bb-price-common ul{max-width:1080px;margin:22px auto 0;padding:0;list-style:none;columns:3;column-gap:40px}
.bb-price-common li{display:flex;align-items:flex-start;gap:10px;padding:6px 0;break-inside:avoid;font-size:14.5px;line-height:1.45;font-weight:500}
.bb-price-common li>.bi{flex:none;margin-top:2px;font-size:15px;color:#4ade80}
@media(max-width:1199px){.bb-price-panel{padding:14px}.bb-price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bb-price-common{margin-top:14px;padding:26px 24px 28px}.bb-price-common ul{columns:2;column-gap:28px}}
@media(max-width:991px){.bb-price-grid{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto;gap:18px}.bb-price-feats li{font-size:14px}.bb-price-common{max-width:560px;margin:18px auto 0}.bb-price-common ul{columns:1}.bb-landing .bb-price-common h3{font-size:24px}}
@media(max-width:575px){.bb-price-panel{padding:10px;border-radius:16px}.bb-price-common{padding:22px 18px 22px}.bb-landing .bb-price-common h3{font-size:21px}.bb-price-common ul{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.bb-price-card,.bb-price-card:hover,.bb-landing .bb-price-cta:hover{transform:none;transition:none}}
@media(min-width:992px){.bb-landing .bb-tablet-demo .bb-demo-status{font-size:11px;padding:5px 9px}}
.bb-landing .bb-landing-offers a{height:100%}

/* A larger headline. The copy column is a little wider to hold it; each line
   is still fitted to the column by landing.js, so a long phrase cannot run
   under the tablet. */
.bb-landing .bb-hero-copy .bb-rotating-title{font-size:clamp(40px,4.25vw,80px)}
@media(min-width:992px){.bb-landing .bb-hero-grid{grid-template-columns:minmax(0,34%) minmax(0,66%)}}
@media(max-width:991px){.bb-landing .bb-hero-copy .bb-rotating-title{font-size:clamp(40px,7vw,60px)}}
@media(max-width:575px){.bb-landing .bb-hero-copy .bb-rotating-title{font-size:clamp(36px,11.5vw,50px)}}
@media(max-width:991px) and (orientation:landscape) and (max-height:600px){.bb-landing .bb-hero-copy .bb-rotating-title{font-size:clamp(30px,4.6vw,42px)}}

/* Section headings below the hero, one and a half times their earlier size.
   On a phone they stop at an eighth of the screen's width, so a single long
   word ("Guidelines", "Attendance") cannot run off the edge. */
.bb-landing .bb-section-heading h2{font-size:clamp(48px,calc(4.5vw + 3px),66px);line-height:1.1}
.bb-landing .bb-invoice-intro h2{font-size:67.5px;line-height:1.1}
.bb-landing .pricing-head{max-width:940px}
.bb-landing .pricing-head h2{font-size:64.5px;line-height:1.12}
.bb-landing .faq-title{font-size:49.5px}
.bb-landing .bb-attendance h2{font-size:clamp(51px,5.4vw,78px)}
.bb-landing .bb-attendance-feature-heading h3{font-size:clamp(37.5px,4.5vw,51px)}
.bb-landing .bb-business h2{font-size:clamp(45px,4.8vw,66px);line-height:1.12}
.bb-landing .bb-testimonials-heading h3{font-size:clamp(39px,4.5vw,54px)}
.bb-landing #blog .display-3{font-size:63px}
@media(max-width:991px){.bb-landing .bb-invoice-intro h2{font-size:57px}}
@media(max-width:575px){
 .bb-landing .bb-section-heading h2{font-size:min(51px,12.5vw)}
 .bb-landing .bb-invoice-intro h2{font-size:min(52.5px,12.5vw)}
 .bb-landing .pricing-head h2{font-size:min(54px,12.5vw)}
 .bb-landing .faq-title{font-size:min(42px,12.5vw)}
 .bb-landing .bb-attendance h2{font-size:min(51px,12.5vw)}
 .bb-landing .bb-attendance-feature-heading h3{font-size:min(37.5px,12.5vw)}
 .bb-landing .bb-business h2{font-size:min(45px,12.5vw)}
 .bb-landing .bb-testimonials-heading h3{font-size:min(39px,12.5vw)}
 .bb-landing #blog .display-3{font-size:min(63px,12.5vw)}
}

/* The card under the testimonials: dark navy, with the features picture in
   the middle, between the words and the price. The picture is three quarters
   of the size that would fill the card from top edge to bottom edge (the
   owner's choice, 2026-10-02), centred in the space between the two. */
.bb-landing .bb-business-cta{--cta-pad:38px;--art-scale:.75;position:relative;gap:22px;padding:var(--cta-pad) 40px;background:linear-gradient(155deg,#0a1f44 0%,#0d2b5e 55%,#081a3a 100%);border:1px solid #17366b;color:#dbe7ff;box-shadow:0 16px 38px #0a1f4433}
.bb-landing .bb-business-cta>div:first-child{position:relative;z-index:2;flex:0 1 390px;min-width:0}
.bb-landing .bb-business-cta h3{color:#fff}
.bb-landing .bb-business-cta p{color:#dbe7ff}
.bb-landing .bb-business-cta .bb-kicker{color:#ffb848}
.bb-landing .bb-business-cta .bb-business-credit{color:#b9c9e6}
.bb-landing .bb-business-cta .bb-business-credit strong{color:#fff}
.bb-landing .bb-business-price{position:relative;z-index:2}
.bb-landing .bb-business-cta .bb-business-price>span{color:#dbe7ff}
.bb-landing .bb-business-cta .bb-business-price p{color:#ffcd97}
.bb-landing .bb-business-cta .bb-campaign-link{color:#a7f2cd}
.bb-business-art{position:relative;z-index:1;flex:1 1 0;min-width:0;align-self:stretch;margin-block:calc(-1*var(--cta-pad));container-type:size}
.bb-business-art img{position:absolute;left:50%;top:50%;width:calc(var(--art-scale)*max(100cqw,176.6cqh));max-width:none;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 10px 18px #02081a66)}
@media(min-width:1200px) and (max-width:1365px){
 .bb-landing .bb-business-cta{gap:16px;padding-inline:28px}
}
/* Narrower than a laptop: the words and the price share a row, the picture sits under them. */
@media(max-width:1199px){
 .bb-landing .bb-business-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:26px 30px;--cta-pad:34px;padding:var(--cta-pad) 28px 26px}
 .bb-business-art{grid-column:1/-1;grid-row:2;align-self:auto;container-type:normal;margin:0}
 .bb-business-art img{position:static;display:block;width:calc(var(--art-scale)*100%);margin-inline:auto;transform:none}
}
/* A phone: words, picture, price, one under the other. The picture keeps the
   card's full width here; at three quarters its labels are too small to read. */
@media(max-width:767px){
 .bb-landing .bb-business-cta{grid-template-columns:minmax(0,1fr);padding:28px 22px}
 .bb-business-art{margin:0 -22px}
 .bb-business-art img{width:100%}
 .bb-landing .bb-business-price{grid-row:3;text-align:center}
}

/* The hero's left panel (two-column layout only): the logo at twice its
   earlier size, and the panel starts at the top of the hero instead of being
   centred against the tablet, which left 100-150px of empty space above the
   logo (the owner's choice, 2026-10-03). The tablet column is unchanged.
   The logo and the "AI-powered retail software" line under it are centred in
   the panel; the headline and everything below stay left-aligned. */
@media(min-width:992px){
 .bb-landing .bb-hero-copy{align-self:start}
 .bb-landing .bb-hero-logo{width:clamp(144px,24vh,236px);height:clamp(144px,24vh,236px);margin-inline:auto}
 .bb-landing .bb-hero-copy .bb-eyebrow{text-align:center}
}
@media(min-width:992px) and (max-height:699px){.bb-landing .bb-hero-logo{width:124px;height:124px}}

/* The capability cards overlap the bottom edge of the hero's picture by 20px
   instead of sitting 26px below it (the owner's choice, 2026-10-03). On
   tablets and phones the demo's caption sits close to that edge, so the
   stacked hero gets 20px more room at its foot and the cards never cover it. */
.bb-landing .bb-feature-rail{margin-top:-20px;z-index:2}
@media(max-width:991px){.bb-landing .bb-hero-grid{padding-bottom:32px}}

/* Phones and tablets, where the hero stacks into one column: the copy above
   the tablet is centred as a block (logo, slogan, headline, dots, text,
   buttons), since left-aligned short lines left it lopsided in a full-width
   column (the owner's choice, 2026-10-03). A landscape phone keeps two
   columns, so it matches the desktop panel: only the logo and slogan centred. */
@media(max-width:991px){
 .bb-landing .bb-hero-copy{text-align:center}
 .bb-landing .bb-hero-logo{margin-inline:auto}
 .bb-landing .bb-hero-copy .bb-title-line,.bb-landing .bb-hero-copy .bb-title-controls,.bb-landing .bb-hero-copy .bb-title-dots,
 .bb-landing .bb-hero-copy .bb-hero-actions,.bb-landing .bb-hero-copy .bb-hero-reassurance{justify-content:center}
 .bb-landing .bb-hero-copy .bb-hero-description{margin-inline:auto}
}
@media(max-width:991px) and (orientation:landscape) and (max-height:600px){
 .bb-landing .bb-hero-copy{text-align:start}
 .bb-landing .bb-hero-copy .bb-eyebrow{text-align:center}
 .bb-landing .bb-hero-copy .bb-title-line,.bb-landing .bb-hero-copy .bb-title-controls,.bb-landing .bb-hero-copy .bb-title-dots,
 .bb-landing .bb-hero-copy .bb-hero-actions,.bb-landing .bb-hero-copy .bb-hero-reassurance{justify-content:flex-start}
 .bb-landing .bb-hero-copy .bb-hero-description{margin-inline:0}
}

/* The section under the hero (2026-10-03): one dark navy panel in place of
   the card grid. Five features in a list, one open at a time, each with a
   sample screen: beside the list on a desktop, under its text on a tablet or
   phone. On a desktop the list moves on by itself until somebody uses it.
   Without JavaScript (no .is-live) every feature is simply open. The older
   .bb-product-section and .bb-capability rules above match nothing now.
   An item must stay position:static and untransformed: on a desktop its
   sample screen is placed against .bb-show-stage, not against the item. */
.bb-show-section{padding:46px 0 78px;background:#fff}
.bb-show{--sh-amber:#ffb848;--sh-ink:#e3ebfb;--sh-muted:#a8b8d8;--sh-line:#ffffff26;position:relative;isolation:isolate;overflow:hidden;padding:clamp(20px,4.2vw,60px);border:1px solid #17366b;border-radius:clamp(20px,2.4vw,32px);background:radial-gradient(60% 70% at 100% 0%,#2b63d04d 0%,#0000 62%),radial-gradient(52% 60% at 0% 100%,#ffb84824 0%,#0000 64%),linear-gradient(155deg,#0a1f44 0%,#0d2b5e 52%,#071a3a 100%);box-shadow:0 26px 60px #0a1f4438;color:var(--sh-ink);font-family:'Poppins',sans-serif}
.bb-show::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,#000,#0000 72%);mask-image:linear-gradient(180deg,#000,#0000 72%);pointer-events:none}
.bb-show-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 48px;margin-bottom:clamp(22px,3.2vw,42px)}
.bb-show-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--sh-amber);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.2em}
.bb-show-kicker::before{content:"";flex:none;width:26px;height:2px;border-radius:2px;background:currentColor}
.bb-landing .bb-show-head h2{margin:14px 0 0;color:#fff;font:700 clamp(31px,4.5vw,62px)/1.07 'Outfit','Poppins',sans-serif;letter-spacing:-.03em}
.bb-landing .bb-show-head h2 span{color:#ffc65e;background:linear-gradient(90deg,#ffd98a,#ffb848 55%,#ff9d3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bb-landing .bb-show-head p{margin:0 0 8px;color:var(--sh-muted);font-size:16px;line-height:1.8}

.bb-show-stage{position:relative;display:grid;gap:10px}
.bb-show-item{position:static;border:1px solid var(--sh-line);border-radius:18px;background:#ffffff0d;transition:background .2s,border-color .2s}
.bb-landing .bb-show-item h3{margin:0;font:inherit;color:inherit}
.bb-show-tab{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;border-radius:18px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.bb-show:not(.is-live) .bb-show-tab{cursor:default}
.bb-show-tab:focus-visible{outline:2px solid var(--sh-amber);outline-offset:-2px}
.bb-show-icon{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff;box-shadow:0 6px 16px #02081a47}
.bb-show-icon img{width:36px;height:36px}
.bb-show-name{flex:1;min-width:0;color:#fff;font:600 clamp(18px,1.75vw,22px)/1.25 'Outfit','Poppins',sans-serif;letter-spacing:-.01em}
.bb-show-name small{display:block;margin-bottom:4px;color:var(--accent);font:700 10.5px/1.4 'Poppins',sans-serif;letter-spacing:.18em}
.bb-show-mark{flex:none;position:relative;width:28px;height:28px;border:1px solid var(--sh-line);border-radius:50%;transition:background .2s,border-color .2s}
.bb-show-mark::before,.bb-show-mark::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;margin:-1px 0 0 -5px;border-radius:2px;background:#fff;transition:transform .25s}
.bb-show-mark::after{transform:rotate(90deg)}
.bb-show:not(.is-live) .bb-show-mark{display:none}
.bb-show-panel{padding:0 16px 16px}
.bb-landing .bb-show-copy p{margin:0;color:#d5e0f7;font-size:15.5px;line-height:1.7}
.bb-show-detail{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.bb-show-detail span{padding:4px 11px;border:1px solid var(--sh-line);border-radius:999px;color:#c3d1ee;font-size:12px;line-height:1.5}
.bb-show-detail .bb-show-ask{border-color:#ffb84866;background:#ffb8481a;color:#ffd98a}
.bb-landing .bb-show-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#ffd98a;font-size:15px;font-weight:600;text-decoration:none}
.bb-landing .bb-show-link:hover{text-decoration:underline;text-underline-offset:4px}
.bb-landing .bb-show-links{display:flex;flex-wrap:wrap;column-gap:24px}
.bb-show-progress{display:none}
.bb-landing .bb-show-foot{margin:clamp(20px,2.6vw,30px) 0 0;color:var(--sh-muted);font-size:14px;line-height:1.7;text-align:center}
.bb-landing .bb-show-foot a{color:#a7f2cd;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* One open at a time. */
.bb-show.is-live .bb-show-item:not(.is-active) .bb-show-panel{display:none}
.bb-show.is-live .bb-show-item:not(.is-active):hover{background:#ffffff17;border-color:#ffffff40}
.bb-show.is-live .bb-show-item.is-active{background:#ffffff14;border-color:#ffffff40;box-shadow:inset 3px 0 0 var(--accent)}
.bb-show.is-live .bb-show-item.is-active .bb-show-mark{background:var(--accent);border-color:var(--accent)}
.bb-show.is-live .bb-show-item.is-active .bb-show-mark::before,.bb-show.is-live .bb-show-item.is-active .bb-show-mark::after{background:#0a1f44}
.bb-show.is-live .bb-show-item.is-active .bb-show-mark::after{transform:none}
/* The script reads how tall each feature's text is with all of them laid out. */
.bb-show.is-measuring .bb-show-panel{display:block!important}
.bb-show.is-measuring .bb-show-copy{min-height:0!important}

/* The sample screens. */
.bb-show-visual{position:relative;isolation:isolate;margin-top:16px;container-type:inline-size}
.bb-show-visual::before{content:"";position:absolute;inset:6% 4%;z-index:-1;border-radius:50%;background:var(--accent);opacity:.2;filter:blur(46px)}
.bb-mock{width:min(100%,540px);margin-inline:auto;overflow:hidden;border-radius:18px;background:#f5f7fc;box-shadow:0 26px 54px #02081a70,0 0 0 1px #ffffff2e;color:#14223f;font:400 13px/1.45 'Poppins',sans-serif;font-variant-numeric:tabular-nums;text-align:left}
.bb-mock p{margin:0}
.bb-mock-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid #e2e8f3;background:#fff}
.bb-mock-bar i{flex:none;width:8px;height:8px;border-radius:50%;background:#d6ddea}
.bb-mock-bar b{margin-left:8px;font-size:12.5px;font-weight:600}
.bb-mock-bar em{margin-left:auto;padding:2px 9px;border-radius:999px;background:#eef2f9;color:#5d6b85;font-size:11px;font-style:normal;white-space:nowrap}
.bb-mock-body{display:grid;gap:12px;padding:14px}
.bb-mock-steps{display:flex;gap:8px}
.bb-mock-steps span{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 4px;border:1px solid #e2e8f3;border-radius:10px;background:#fff;font-size:12px;font-weight:600}
.bb-mock-steps span:nth-child(1) i{color:#1263d6}
.bb-mock-steps span:nth-child(2) i{color:#e8742a}
.bb-mock-steps span:nth-child(3) i{color:#7a4fd6}
.bb-mock-split{display:grid;gap:12px}
.bb-mock-receipt{--t:5px;display:grid;gap:3px;padding:12px 12px 17px;background:#fff;font:500 11.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#1d2b47;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/calc(2*var(--t)) 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/calc(2*var(--t)) 100%}
.bb-mock-receipt strong{font-size:12px;letter-spacing:.06em;text-align:center}
.bb-mock-receipt small{margin-bottom:3px;padding-bottom:6px;border-bottom:1px dashed #b9c3d6;color:#5d6b85;font-size:10.5px;text-align:center}
.bb-landing .bb-mock-receipt p{display:flex;justify-content:space-between;gap:8px}
.bb-landing .bb-mock-receipt .bb-mock-total{margin-top:3px;padding-top:6px;border-top:1px dashed #b9c3d6;font-size:12.5px;font-weight:700}
.bb-mock-receipt em{justify-self:center;margin-top:5px;padding:1px 9px;border:1px solid #0a8f5b;border-radius:4px;color:#0a7a4d;font-size:10.5px;font-style:normal;font-weight:700;letter-spacing:.08em}
.bb-mock-done{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.bb-mock-done li{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #e2e8f3;border-radius:12px;background:#fff}
.bb-mock-done li>i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e2f6ec;color:#0a7a4d;font-size:14px}
.bb-mock-done b{display:block;font-size:12.5px;font-weight:600}
.bb-mock-done small{display:block;color:#5d6b85;font-size:11px}
.bb-mock-prompt{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #f1cf8c;border-radius:12px;background:#fff8e8;color:#3a2a05;font-weight:500}
.bb-mock-prompt i{flex:none;color:#d98408;font-size:15px}
.bb-mock-paper{display:grid;gap:5px;padding:12px 14px;border:1px solid #e2e8f3;border-radius:12px;background:#fff}
.bb-mock-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px}
.bb-mock-row b{font:600 14px/1.3 'Outfit','Poppins',sans-serif}
.bb-mock-row em{padding:2px 8px;border-radius:999px;background:#fff1d6;color:#7a4f00;font-size:10.5px;font-style:normal;font-weight:600;white-space:nowrap}
.bb-mock-paper small{color:#5d6b85;font-size:11.5px}
.bb-landing .bb-mock-line{display:grid;grid-template-columns:minmax(0,1fr) 34px 58px 70px;gap:6px;padding:5px 0;border-bottom:1px solid #edf1f7;font-size:12px}
.bb-mock-line span:not(:first-child){text-align:right}
.bb-landing .bb-mock-th{color:#5d6b85;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.bb-landing .bb-mock-sum{display:flex;justify-content:flex-end;gap:14px;color:#44526c;font-size:12px}
.bb-mock-sum span:last-child{min-width:70px;text-align:right}
.bb-landing .bb-mock-sum.bb-mock-total{color:#14223f;font-size:14px;font-weight:700}
.bb-mock-actions{display:flex;align-items:center;gap:12px;margin-top:6px;color:#5d6b85;font-size:12px;font-weight:600}
.bb-mock-btn{padding:7px 14px;border-radius:9px;background:#0a7a4d;color:#fff}
.bb-landing .bb-mock-me{justify-self:end;max-width:86%;padding:8px 12px;border-radius:14px 14px 4px 14px;background:#0b1f47;color:#fff;font-weight:500}
.bb-mock-bot{display:grid;gap:10px;padding:12px 14px;border:1px solid #e2e8f3;border-radius:14px 14px 14px 4px;background:#fff}
.bb-mock-bot>b{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}
.bb-mock-bot>b i{color:#d98408}
.bb-mock-stock{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.bb-mock-stock li{display:grid;grid-template-columns:minmax(0,1fr) minmax(36px,.7fr) auto;align-items:center;gap:10px;font-size:12px}
.bb-mock-meter{height:6px;border-radius:6px;background:#edf1f7;overflow:hidden}
.bb-mock-meter::after{content:"";display:block;width:var(--v);height:100%;border-radius:inherit;background:#d9482b;transform-origin:0 50%}
.bb-mock-stock em{padding:1px 8px;border-radius:999px;background:#fdebe6;color:#a53218;font-size:11px;font-style:normal;font-weight:600;white-space:nowrap}
.bb-mock-chip{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#eef2f9;color:#0b1f47;font-size:11.5px;font-weight:600}
.bb-mock-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bb-mock-tiles-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bb-mock-tiles div{padding:10px 12px;border:1px solid #e2e8f3;border-radius:12px;background:#fff}
.bb-mock-tiles small{display:block;color:#5d6b85;font-size:11px}
.bb-mock-tiles b{display:block;font:700 clamp(13px,4.2cqw,18px)/1.3 'Outfit','Poppins',sans-serif}
.bb-mock-tiles .is-good{border-color:#bfe8d4;background:#eefaf4}
.bb-mock-list{border:1px solid #e2e8f3;border-radius:12px;background:#fff;overflow:hidden}
.bb-landing .bb-mock-list p{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid #edf1f7;font-size:12.5px}
.bb-landing .bb-mock-list p:first-child{border-top:0;background:#f8fafd;font-size:10.5px}
.bb-mock-list p i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ebe6ff;color:#5a3fc0;font-size:10px;font-style:normal;font-weight:700}
.bb-mock-list p span:first-of-type{flex:1;min-width:0}
.bb-mock-list p b{font-weight:600}
.bb-landing .bb-mock-note{display:flex;align-items:flex-start;gap:7px;color:#44526c;font-size:11.5px}
.bb-mock-note i{color:#0a8f5b;font-size:13px;line-height:1.3}
.bb-mock-chart{padding:10px 12px 8px;border:1px solid #e2e8f3;border-radius:12px;background:#fff}
.bb-mock-chart small{display:block;margin-bottom:6px;color:#5d6b85;font-size:11px}
/* One series, so one colour and no legend; the bars stand on a hairline. */
.bb-mock-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:104px}
.bb-mock-bars span{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;color:#5d6b85;font-size:10.5px;line-height:1.9}
.bb-mock-bars span::after{content:"";grid-row:2;grid-column:1;align-self:start;width:100%;border-top:1px solid #d6ddea}
.bb-mock-bars i{grid-row:1;align-self:end;width:min(56%,26px);height:var(--h);border-radius:4px 4px 0 0;background:#2f6fe0;transform-origin:50% 100%}
@container (min-width:430px){
 .bb-mock-split{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center}
}
/* With room to spare the whole screen is drawn a fifth larger, like a picture. */
@container (min-width:600px){
 .bb-mock{zoom:1.2}
}
@container (max-width:399px){
 .bb-mock-tiles-3{grid-template-columns:minmax(0,1fr)}
 .bb-mock-tiles-3 div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px}
}
@container (max-width:329px){
 .bb-mock-body{padding:10px}
 .bb-mock-paper,.bb-mock-bot{padding:10px}
 .bb-mock-tiles div{padding:8px 9px}
 .bb-landing .bb-mock-line{grid-template-columns:minmax(0,1fr) 28px 66px}
 .bb-mock-line span:nth-child(3){display:none}
 .bb-mock-bar em{display:none}
}

/* A desktop: the list on the left, the open feature's screen on the right. */
@media(min-width:992px){
 .bb-show.is-live .bb-show-stage{grid-template-columns:minmax(0,43%);align-content:start;min-height:520px}
 .bb-show.is-live .bb-show-panel{padding:0 16px 10px 82px}
 .bb-show.is-live .bb-show-copy{min-height:var(--copy-h,0px)}
 .bb-show.is-live .bb-show-visual{position:absolute;top:0;right:0;bottom:0;width:calc(57% - clamp(24px,3vw,48px));margin:0;display:grid;align-content:center}
 .bb-show.is-live .bb-show-item.is-active .bb-show-progress{display:block;height:3px;margin:0 16px 13px 82px;border-radius:3px;background:#ffffff1f;overflow:hidden}
 .bb-show.is-live:not(.is-auto) .bb-show-progress{visibility:hidden}
}
@media(max-width:575px){
 .bb-show-section{padding:30px 0 54px}
 .bb-show{padding:22px 14px 20px}
 .bb-show-kicker{font-size:10.5px;letter-spacing:.16em}
 .bb-landing .bb-show-head h2{font-size:min(40px,9vw)}
 .bb-landing .bb-show-head p{font-size:15px;line-height:1.7}
 .bb-show-tab{gap:11px;padding:12px}
 .bb-show-icon{width:44px;height:44px;border-radius:12px}
 .bb-show-icon img{width:30px;height:30px}
 .bb-show-panel{padding:0 12px 14px}
}

/* Movement, for visitors who have not asked for less of it. The bar under the
   open feature is the clock for moving on: when it is full the script opens
   the next one. It waits while the pointer or the keyboard is on the panel,
   and while the panel is off the screen. */
@media(prefers-reduced-motion:no-preference){
 .bb-show.is-live .bb-show-item.is-active .bb-show-copy{animation:bb-show-in .35s ease-out both}
 .bb-show.is-live .bb-show-item.is-active .bb-mock{animation:bb-show-in .5s cubic-bezier(.2,.7,.2,1) both}
 .bb-show.is-live .bb-show-item.is-active .bb-mock-done li{animation:bb-show-in .4s ease-out both}
 .bb-show.is-live .bb-show-item.is-active .bb-mock-done li:nth-child(1){animation-delay:.35s}
 .bb-show.is-live .bb-show-item.is-active .bb-mock-done li:nth-child(2){animation-delay:.6s}
 .bb-show.is-live .bb-show-item.is-active .bb-mock-done li:nth-child(3){animation-delay:.85s}
 .bb-show.is-live .bb-show-item.is-active .bb-mock-paper{animation:bb-show-in .45s ease-out .35s both}
 .bb-show.is-live .bb-show-item.is-active .bb-mock-bot{animation:bb-show-in .45s ease-out .35s both}
 .bb-show.is-live .bb-show-item.is-active .bb-mock-meter::after{animation:bb-show-wide .7s ease-out .6s both}
 .bb-show.is-live .bb-show-item.is-active .bb-mock-bars i{animation:bb-show-tall .6s cubic-bezier(.2,.7,.2,1) .25s both}
 .bb-mock-prompt span::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;background:#3a2a05;vertical-align:-.16em;animation:bb-show-blink 1s steps(2,jump-none) infinite}
}
@media(min-width:992px) and (prefers-reduced-motion:no-preference){
 .bb-show.is-live.is-auto .bb-show-item.is-active .bb-show-progress::after{content:"";display:block;height:100%;border-radius:inherit;background:var(--accent);transform-origin:0 50%;animation:bb-show-tick 7s linear both}
 .bb-show.is-live.is-auto:hover .bb-show-item.is-active .bb-show-progress::after,
 .bb-show.is-live.is-auto:focus-within .bb-show-item.is-active .bb-show-progress::after,
 .bb-show.is-live.is-auto.is-away .bb-show-item.is-active .bb-show-progress::after{animation-play-state:paused}
}
@keyframes bb-show-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes bb-show-tick{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bb-show-wide{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bb-show-tall{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes bb-show-blink{from{opacity:1}to{opacity:0}}
.bb-nav-pos{gap:8px;padding:12px 17px;font-size:14px;background:#153c67;color:#fff;border-color:#153c67;box-shadow:0 5px 18px #153c6729}
.bb-nav-pos:hover{background:#0f2d4f;border-color:#0f2d4f;color:#ffd98a}
.bb-nav-pos i{font-size:15px}
@media(max-width:1199px){.bb-nav-pos{padding:11px 14px;font-size:12px}}
@media(max-width:991px){.bb-menu-actions{flex-wrap:wrap;row-gap:14px}.bb-nav-pos{flex-basis:100%;justify-content:center;font-size:14px;padding:14px 18px}}