/* September 2026 approved reference. Every rule is limited to the homepage. */
@font-face { font-family: 'Basalt Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/inter-latin.woff2') format('woff2'); }
@font-face { font-family: 'Basalt Signature'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/caveat-latin.woff2') format('woff2'); }
body.bd-reference { --br-lime:#c1ed00; --br-green:#43e508; --br-black:#050a06; --br-ink:#141814; --br-muted:#737d74; --br-white:#f6f8f3; background:var(--br-white); color:var(--br-ink); overflow-x:clip; }
body.bd-reference :where(.br-header,.br-hero,.br-home,.br-footer),
body.bd-reference :where(.br-header,.br-hero,.br-home,.br-footer) :where(div,section,article,aside,nav,h1,h2,h3,p,a,button,input,span,small,strong,em,li,dt,dd,blockquote,select) { font-family:'Basalt Inter','Plus Jakarta Sans',sans-serif; box-sizing:border-box; }
body.bd-reference :where(.br-header,.br-hero,.br-home,.br-footer) :where(p,h1,h2,h3,ul,dl,dd,blockquote) { margin:0; }
body.bd-reference :where(.br-header,.br-hero,.br-home,.br-footer) a { text-decoration:none; }
body.bd-reference :where(.br-header,.br-hero,.br-home,.br-footer) ul { padding:0; list-style:none; }
body.bd-reference :where(.br-header,.br-hero,.br-home,.br-footer) :where(a,button,input):focus-visible { outline:3px solid #81b817; outline-offset:5px; }
body.bd-reference :where(.br-hero,.br-home) h2 { color:var(--br-ink); font-size:46px; font-weight:700; line-height:.99; letter-spacing:-.045em; }
body.bd-reference .br-home h3 { color:var(--br-ink); }
body.bd-reference .br-container { width:calc(100% - 200px); max-width:1240px; margin-inline:auto; position:relative; }
body.bd-reference .br-icon { width:22px; height:22px; flex:none; vertical-align:middle; }
body.bd-reference .br-eyebrow { display:flex; align-items:center; gap:8px; color:var(--br-lime); font-size:11px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; line-height:1.35; margin-bottom:17px; }
body.bd-reference .br-eyebrow:before { content:''; height:2px; width:24px; background:#8cbd22; flex:none; }
body.bd-reference .br-eyebrow--light { color:#63715f; }
body.bd-reference .br-button { display:inline-flex; justify-content:center; align-items:center; gap:15px; min-height:48px; padding:0 24px; border:1px solid transparent; border-radius:8px; color:#131a0a; font-size:14px; font-weight:650; line-height:1.1; white-space:nowrap; transition:background .18s,box-shadow .18s,transform .18s; }
body.bd-reference .br-button:hover { transform:translateY(-2px); }
body.bd-reference .br-button--lime { background:var(--br-lime); box-shadow:0 0 22px #b8e80008; }
body.bd-reference .br-button--lime:hover { background:#d1ff15; box-shadow:0 4px 24px #b8e80022; }
body.bd-reference .br-button--outline { border-color:#71922091; color:#f1f5ec; background:#0409048c; }
body.bd-reference .br-button--outline:hover { background:#192919; border-color:#b0d44b; }
body.bd-reference .br-button--story { min-height:44px; padding-inline:25px; border-color:#9ccd47; background:transparent; }
body.bd-reference .br-actions { display:flex; align-items:center; gap:18px; }
body.bd-reference .br-text-link { display:inline-flex; align-items:center; gap:9px; color:#527d1d; font-size:13px; line-height:1.2; font-weight:650; }
body.bd-reference .br-text-link .br-icon { width:16px; height:16px; }
body.bd-reference .br-text-link:hover { color:#456e10; }
body.bd-reference .br-round { width:38px; height:38px; border-radius:50%; border:1px solid #ffffff14; background:#ffffff0d; display:inline-flex; align-items:center; justify-content:center; padding:0; color:#c2ccc0; transition:background .2s,transform .2s; }
body.bd-reference .br-round .br-icon { width:20px; height:20px; }
body.bd-reference .br-round:hover { transform:translateX(2px); background:#a4d90030; }
body.bd-reference .br-round--lime { background:var(--br-lime); color:#1f3309; }
body.bd-reference .br-logo { display:inline-block; flex:none; }
body.bd-reference .br-logo img { display:block; width:132px; height:auto; aspect-ratio:1121/321; }
body.bd-reference .br-header { position:absolute; z-index:100; top:0; left:0; width:100%; color:#fff; }
body.bd-reference .br-nav { max-width:1284px; width:calc(100% - 156px); height:74px; display:flex; align-items:center; gap:145px; }
body.bd-reference .br-nav-panel { display:flex; align-items:center; flex:1; min-width:0; }
body.bd-reference .br-nav-links { display:flex; align-items:center; gap:26px; }
body.bd-reference .br-nav-links a,body.bd-reference .br-login { position:relative; display:block; padding:23px 0; color:#d9ded8; font-size:13px; line-height:1; font-weight:450; white-space:nowrap; }
body.bd-reference .br-nav-links a:after { position:absolute; content:''; height:2px; left:0; right:0; bottom:10px; background:var(--br-lime); transform:scaleX(0); transform-origin:left; transition:transform .2s; }
body.bd-reference .br-nav-links a:hover:after,body.bd-reference .br-nav-links a.is-active:after { transform:scaleX(1); }
body.bd-reference .br-nav-actions { display:flex; gap:34px; align-items:center; margin-left:auto; }
body.bd-reference .br-nav-actions .br-button { min-height:40px; padding-inline:18px; font-size:12px; gap:8px; }
body.bd-reference .br-nav-actions .br-icon { width:16px; height:16px; }
body.bd-reference .br-menu-toggle { display:none; }
body.bd-reference .br-hero { position:relative; background:#050b07; height:745px; color:#fff; isolation:isolate; }
body.bd-reference .br-hero__scenery { position:absolute; inset:0; z-index:-2; overflow:hidden; }
body.bd-reference .br-hero__scenery img { width:100%; height:100%; object-fit:cover; object-position:center 47%; }
body.bd-reference .br-hero:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#050b0755 0%,transparent 55%),linear-gradient(180deg,#02060244 0%,transparent 18%,transparent 93%,#080e08 100%); }
body.bd-reference .br-hero__grid { display:grid; grid-template-columns:49% 51%; gap:0; padding-top:140px; height:100%; }
body.bd-reference .br-hero__copy { position:relative; z-index:2; }
body.bd-reference .br-hero__copy .br-eyebrow { font-size:11px; margin-bottom:17px; }
body.bd-reference .br-hero h1 { font-size:62px; font-weight:720; line-height:.94; letter-spacing:-.038em; color:#f8faf7; margin:0; }
body.bd-reference .br-hero h1 span { color:#a9e522; }
body.bd-reference .br-hero__copy>p { color:#c4ccc2; font-size:17px; line-height:1.5; max-width:432px; margin:27px 0 22px; }
body.bd-reference .br-hero__trust { display:flex; align-items:center; gap:22px; margin-top:48px; }
body.bd-reference .br-hero__trust li { display:flex; align-items:center; gap:7px; font-size:10.5px; line-height:1.25; color:#c3cbc0; white-space:nowrap; }
body.bd-reference .br-hero__trust .br-icon { width:16px; height:16px; color:#a3cf2b; }
body.bd-reference .br-hero__visual { position:relative; padding-top:15px; min-width:0; }
body.bd-reference .br-dashboard { position:relative; width:calc(100% + 35px); padding:23px 22px 21px; border-radius:22px; border:1px solid #9fc53a90; background:linear-gradient(135deg,#142016f5,#09110cf2 65%,#182511f2); box-shadow:0 0 3px #b4e95150,inset 0 1px 2px #ecffd42b,0 24px 85px #0009; color:#ecf2e7; line-height:1.4; transform:perspective(1500px) rotateY(-3deg) rotateX(1deg); }
body.bd-reference .br-dashboard__head { display:flex; align-items:center; gap:20px; margin-bottom:18px; }
body.bd-reference .br-dashboard__head>strong { font-size:16px; font-weight:650; }
body.bd-reference .br-live { font-size:11px; font-weight:650; color:#a9e118; background:#56801232; border:1px solid #638b2433; padding:5px 10px; border-radius:20px; display:inline-flex; align-items:center; gap:6px; }
body.bd-reference .br-live i { width:5px; height:5px; border-radius:50%; background:#a8e524; box-shadow:0 0 9px #a8e55e; }
body.bd-reference .br-dashboard__range { margin-left:auto; display:flex; align-items:center; gap:6px; padding:7px 8px; border:1px solid #cadfa332; border-radius:5px; font-size:10px; color:#b8c4b2; }
body.bd-reference .br-dashboard__range .br-icon { width:10px; height:10px; }
body.bd-reference .br-dashboard__metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
body.bd-reference .br-dashboard__metrics>div { min-width:0; padding:15px 13px 12px; background:linear-gradient(120deg,#fff05b04,#dbffd404); border:1px solid #b1c99812; border-radius:10px; }
body.bd-reference .br-dashboard__metrics span { display:block; color:#8d9c88; font-size:10px; white-space:nowrap; }
body.bd-reference .br-dashboard__metrics strong { display:block; font-size:21px; line-height:1.2; font-weight:650; letter-spacing:-.045em; margin:6px 0; white-space:nowrap; }
body.bd-reference .br-dashboard__metrics small { display:block; color:#addb31; font-size:12px; font-weight:700; }
body.bd-reference .br-dashboard__body { display:grid; grid-template-columns:56% 44%; gap:10px; margin-top:12px; }
body.bd-reference .br-chart { border:1px solid #accea016; border-radius:10px; padding:15px 5px 9px; background:#0f1b1280; min-width:0; }
body.bd-reference .br-chart svg { width:100%; display:block; height:260px; }
body.bd-reference .br-activity { min-width:0; border:1px solid #accea016; border-radius:10px; background:linear-gradient(135deg,#24311d66,#0b150ca1); padding:15px 16px; margin-right:10px; }
body.bd-reference .br-activity__heading { display:flex; justify-content:space-between; align-items:center; gap:5px; margin-bottom:17px; }
body.bd-reference .br-activity__heading strong { font-size:12px; font-weight:650; }
body.bd-reference .br-activity__heading>span { color:#96c51d; font-size:9px; border-bottom:1px solid #6c8d20; }
body.bd-reference .br-activity__row { display:flex; align-items:center; gap:11px; margin:17px 0; }
body.bd-reference .br-activity__icon { display:grid; place-items:center; flex:none; color:#d2fa61; background:linear-gradient(130deg,#759e2c,#2f6114); width:32px; height:32px; border-radius:10px; box-shadow:0 0 12px #7cd93522,inset 0 0 5px #efffb02b; }
body.bd-reference .br-activity__icon .br-icon { width:21px; height:21px; }
body.bd-reference .br-activity__row strong { display:block; font-size:10px; font-weight:500; color:#d9e2d4; line-height:1.25; }
body.bd-reference .br-activity__row p { color:#c7d2bd; font-size:13px; line-height:1.5; }
body.bd-reference .br-activity__row small { color:#7d8d79; font-size:9px; margin-left:12px; white-space:nowrap; }
body.bd-reference .br-payment-card { position:relative; overflow:hidden; background:radial-gradient(ellipse at 110% 90%,#66912a78,transparent 50%),linear-gradient(124deg,#293929,#071008 45%,#0c190b 85%,#6b9632); border:1px solid #aac859; border-radius:18px; box-shadow:0 22px 35px #0008,inset 1px 2px 2px #f3ffbd66,0 0 16px #b9ff4b24; }
body.bd-reference .br-payment-card__brand { position:absolute; top:22px; left:24px; width:134px; height:auto; }
body.bd-reference .br-chip { position:absolute; width:47px; height:37px; top:89px; left:26px; }
body.bd-reference .br-card-contactless { position:absolute; top:93px; left:82px; color:#d3dbb3; font-size:17px; font-weight:200; transform:rotate(-10deg); }
body.bd-reference .br-card-globe { position:absolute; width:240px; height:240px; right:-43px; top:14px; color:#779144; opacity:.3; }
body.bd-reference .br-payment-card p { position:absolute; bottom:26px; left:25px; font-size:19px; font-weight:450; line-height:1.3; color:#d8e0d0; letter-spacing:-.025em; }
body.bd-reference .br-card-shine { position:absolute; width:50%; height:120%; right:-26%; top:-35%; background:linear-gradient(90deg,transparent,#d4ff8e1a,transparent); transform:rotate(-24deg); pointer-events:none; }
body.bd-reference .br-hero__card { position:absolute; left:-157px; bottom:38px; width:216px; height:174px; transform:perspective(700px) rotateY(-15deg) rotateZ(8deg) skewY(-8deg); }
body.bd-reference .br-hero__card .br-payment-card__brand { width:90px; top:17px; left:18px; }
body.bd-reference .br-hero__card .br-chip { width:28px; height:24px; top:61px; left:19px; }
body.bd-reference .br-hero__card .br-card-contactless { font-size:12px; top:64px; left:54px; }
body.bd-reference .br-hero__card .br-card-globe { width:160px; height:160px; right:-58px; top:40px; }
body.bd-reference .br-hero__card p { left:20px; bottom:26px; font-size:13px; }
body.bd-reference .br-handwritten { font-family:'Basalt Signature',cursive; font-size:29px; line-height:.95; font-weight:400; display:block; position:absolute; transform:rotate(-8deg); text-align:center; color:#d9dfd2; }
body.bd-reference .br-handwritten i { width:72px; height:4px; background:#9dd92a; position:absolute; right:4px; bottom:-12px; transform:rotate(-7deg); border-radius:50%; }
body.bd-reference .br-hero__signature { bottom:33px; right:-25px; }
body.bd-reference .br-brands { border-top:1px solid #e7ffdc12; background:linear-gradient(90deg,#111912,#080e0a,#101812); border-radius:0 0 20px 20px; color:#dce4d9; }
body.bd-reference .br-brands__inner { display:flex; align-items:center; gap:38px; min-height:113px; }
body.bd-reference .br-brands__label,body.bd-reference .br-brands__more { font-size:10px; font-weight:650; letter-spacing:.13em; line-height:1.5; color:#a1b19c; text-transform:uppercase; }
body.bd-reference .br-brands__label { width:154px; flex:none; }
body.bd-reference .br-brands__logos { display:flex; justify-content:space-between; gap:30px; align-items:center; flex:1; min-width:0; }
body.bd-reference .br-brand { display:inline-flex; align-items:center; gap:7px; font-size:26px; font-weight:550; color:#c1c8c0; white-space:nowrap; line-height:1; }
body.bd-reference .br-brand img { object-fit:contain; filter:brightness(0) invert(.77); }
body.bd-reference .br-brand--shopify { font-style:italic; font-size:26px; font-weight:700; letter-spacing:-.05em; }
body.bd-reference .br-brand--meta { font-size:28px; font-weight:450; letter-spacing:-.065em; }
body.bd-reference .br-brand--slack { font-size:29px; letter-spacing:-.07em; font-weight:700; }
body.bd-reference .br-brands__more { padding-left:31px; margin-left:8px; border-left:1px solid #bdd5b017; display:flex; align-items:center; gap:24px; }
body.bd-reference .br-brands__more .br-icon { color:#92b42c; width:20px; }
body.bd-reference .br-about { padding-block:58px 54px; background:radial-gradient(ellipse at 77% 100%,#e9f0e738,transparent 60%),#f7faf6; }
body.bd-reference .br-about__grid { display:grid; grid-template-columns:49% 51%; align-items:center; min-height:397px; }
body.bd-reference .br-about__copy>p { max-width:451px; margin-top:19px; color:#697566; font-size:17px; line-height:1.5; }
body.bd-reference .br-about__stats { display:grid; grid-template-columns:1.07fr 1.3fr .9fr; margin:43px 0 36px; max-width:573px; }
body.bd-reference .br-about__stats>div { padding:0 25px; border-left:1px solid #10281315; }
body.bd-reference .br-about__stats>div:first-child { padding-left:0; border:0; }
body.bd-reference .br-about__stats dt { font-size:29px; font-weight:750; line-height:1.1; letter-spacing:-.045em; }
body.bd-reference .br-about__stats dd { color:#697566; font-size:10.5px; line-height:1.5; margin-top:5px; white-space:nowrap; }
body.bd-reference .br-about__visual { position:relative; height:397px; }
body.bd-reference .br-about__photo { display:block; position:absolute; top:0; left:107px; bottom:0; width:388px; border-radius:17px; overflow:hidden; }
body.bd-reference .br-about__photo img { width:100%; height:100%; object-fit:cover; object-position:50% 40%; transform:scale(1.27); transform-origin:50% 36%; }
body.bd-reference .br-about__backplate { position:absolute; width:300px; left:222px; top:62px; height:326px; background:linear-gradient(135deg,#8ca955,#254818); border-radius:9px; }
body.bd-reference .br-floating-stat { position:absolute; z-index:2; padding:18px 21px; background:#fffffff2; border:1px solid #fff; border-radius:12px; box-shadow:0 14px 38px #22362514; width:191px; }
body.bd-reference .br-floating-stat>div { display:flex; align-items:center; justify-content:space-between; }
body.bd-reference .br-floating-stat strong { font-size:29px; line-height:1; font-weight:750; letter-spacing:-.04em; }
body.bd-reference .br-floating-stat .br-icon { color:#8fb536; width:26px; height:26px; }
body.bd-reference .br-floating-stat>span { color:#697566; font-size:11px; line-height:1.3; display:block; margin-top:9px; }
body.bd-reference .br-floating-stat--business { left:-28px; top:80px; }
body.bd-reference .br-floating-stat--markets { right:-16px; bottom:10px; width:226px; }
body.bd-reference .br-about__aside { position:absolute; right:0; top:77px; text-transform:uppercase; font-size:10px; font-weight:650; letter-spacing:.14em; line-height:2.5; color:#90998b; }
body.bd-reference .br-about__aside i { display:block; height:3px; width:29px; background:#677162; margin-top:22px; }
body.bd-reference .br-perks { min-height:670px; padding:64px 0 32px; color:#ecf2e8; border-radius:21px; background:radial-gradient(ellipse at 0 90%,#5995113d,transparent 34%),radial-gradient(ellipse at 99% 111%,#78ac2c66,transparent 25%),linear-gradient(110deg,#0b110d,#111e10 30%,#080e0b 90%); }
body.bd-reference .br-perks h2 { color:#f6f8f3; }
body.bd-reference .br-perks__heading { display:grid; grid-template-columns:43% 40% 17%; align-items:center; margin-bottom:30px; }
body.bd-reference .br-perks__heading>p { font-size:16px; line-height:1.5; color:#a6b09e; max-width:415px; padding-left:4px; }
body.bd-reference .br-feature-navigation { justify-self:end; align-self:start; padding-top:4px; }
body.bd-reference .br-feature-navigation>span { color:#a3b098; font-size:10px; letter-spacing:.15em; line-height:1.5; font-weight:650; text-transform:uppercase; display:block; margin-bottom:17px; }
body.bd-reference .br-feature-navigation>div { display:flex; gap:12px; }
body.bd-reference .br-feature-navigation button:first-child .br-icon { transform:rotate(180deg); }
body.bd-reference .br-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
body.bd-reference .br-feature { position:relative; min-height:202px; border:1px solid #cee7ba20; border-radius:14px; padding:19px 25px 19px; background:linear-gradient(120deg,#14201350,#060d0999); box-shadow:inset 0 1px 0 #fffff508; transition:background .25s,border-color .25s,box-shadow .25s; }
body.bd-reference .br-feature__icon { display:grid; place-items:center; width:54px; height:54px; border:1px solid #b2d4751a; background:linear-gradient(135deg,#4e642d50,#25351f50); color:#a6d72b; border-radius:12px; margin-bottom:15px; }
body.bd-reference .br-feature__icon .br-icon { width:28px; height:28px; }
body.bd-reference .br-feature h3 { font-size:20px; font-weight:600; line-height:1.12; letter-spacing:-.035em; color:#f1f4ec; margin-bottom:10px; }
body.bd-reference .br-feature p { font-size:15px; line-height:1.45; color:#99a591; max-width:310px; padding-right:10px; }
body.bd-reference .br-feature__select { position:absolute; right:22px; bottom:21px; }
body.bd-reference .br-feature.is-active { background:radial-gradient(ellipse at 60% 0,#ddff7c99,transparent 75%),linear-gradient(115deg,#b4f327,#b5ff16 52%,#82d70e); border-color:#b9f052; box-shadow:0 0 28px #97e2003a,inset 0 1px #efffc4a1; }
body.bd-reference .br-feature.is-active h3 { color:#0d1e05; }
body.bd-reference .br-feature.is-active p { color:#527626; }
body.bd-reference .br-feature.is-active .br-feature__icon { background:#12230e; color:#bbf538; }
body.bd-reference .br-feature.is-active .br-round { color:#42671c; background:#d4ff5e88; border-color:#dfff8e; }
body.bd-reference .br-products { padding:60px 0 75px; }
body.bd-reference .br-products__heading { display:grid; grid-template-columns:51% 34% 15%; gap:0; align-items:center; margin-bottom:35px; }
body.bd-reference .br-products__heading h2 { font-size:43px; white-space:nowrap; }
body.bd-reference .br-products__heading p { max-width:356px; font-size:15px; line-height:1.5; color:#858b80; padding-left:5px; }
body.bd-reference .br-small-statement { border-left:1px solid #233b1719; padding-left:30px; color:#919a8b; font-size:10px; text-transform:uppercase; letter-spacing:.09em; line-height:1.8; }
body.bd-reference .br-product-grid { display:grid; grid-template-columns:1.12fr 1.12fr 1.12fr .81fr; gap:20px; }
body.bd-reference .br-product { min-width:0; min-height:278px; border-radius:13px; background:#fff; padding:9px; box-shadow:0 12px 30px #34513d08; display:flex; flex-direction:column; }
body.bd-reference .br-product-visual { position:relative; overflow:hidden; height:123px; flex:none; border-radius:8px; background:radial-gradient(ellipse at 25% 20%,#3f622946,transparent 70%),linear-gradient(115deg,#101c0e,#030805); }
body.bd-reference .br-product-symbol { position:absolute; top:24px; left:20px; width:81px; height:72px; border:1px solid #badb4420; border-radius:12px; background:linear-gradient(135deg,#435c232e,#4f682c30); display:grid; place-items:center; color:#b6de32; z-index:2; }
body.bd-reference .br-product-symbol .br-icon { width:44px; height:44px; stroke-width:1.3; }
body.bd-reference .br-mini-checkout { position:absolute; width:151px; height:163px; top:13px; right:3px; padding:11px; transform:rotate(14deg) skewY(-7deg); background:#121e15; border:1px solid #93a58d44; border-radius:12px; box-shadow:-10px 0 30px #0009; font-size:7px; color:#b4bdaa; }
body.bd-reference .br-mini-checkout>div { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
body.bd-reference .br-mini-checkout b { font-size:6px; background:#b2ed18; color:#244000; padding:3px 7px; border-radius:10px; }
body.bd-reference .br-mini-checkout>i { display:block; height:4px; background:#81907432; margin:9px 0; width:80%; }
body.bd-reference .br-mini-chip { background:linear-gradient(45deg,#c8c0a5,#e3dcc4); width:18px; height:13px; border-radius:3px; }
body.bd-reference .br-mini-checkout p { display:flex; justify-content:space-between; font-size:13px; color:#ddd; }
body.bd-reference .br-mini-checkout em { font-style:normal; background:#b7dd43; color:#274c03; padding-inline:5px; border-radius:3px; }
body.bd-reference .br-routing { position:absolute; width:245px; height:155px; top:-12px; left:64px; }
body.bd-reference .br-mini-risk { position:absolute; top:14px; right:12px; width:137px; height:108px; padding:8px; border:1px solid #aac3942b; border-radius:12px; box-shadow:-8px 0 17px #0005; background:#112014; transform:rotate(3deg); }
body.bd-reference .br-mini-risk>div { display:flex; align-items:center; gap:9px; border:1px solid #acd68413; border-radius:6px; height:26px; margin-bottom:5px; padding:4px; }
body.bd-reference .br-mini-risk .br-icon { width:17px; height:17px; color:#b9e830; }
body.bd-reference .br-mini-risk span { height:3px; width:50px; background:#85997633; }
body.bd-reference .br-mini-risk b { height:7px; width:7px; border:1px solid #92aa32; border-radius:2px; }
body.bd-reference .br-product__copy { padding:13px 14px 12px; display:flex; flex-direction:column; flex:1; }
body.bd-reference .br-product h3 { font-size:22px; font-weight:650; letter-spacing:-.03em; line-height:1.1; margin-bottom:8px; }
body.bd-reference .br-product p { font-size:14px; line-height:1.4; color:#697566; margin-bottom:22px; }
body.bd-reference .br-product .br-text-link { margin-top:auto; }
body.bd-reference .br-world-panel { position:relative; border-radius:12px; background:linear-gradient(125deg,#eff4e9,#f6f9f0); color:var(--br-ink); overflow:hidden; padding:24px; }
body.bd-reference .br-world-panel .br-globe { position:absolute; width:290px; height:290px; right:-48px; top:0; color:#9bb865; opacity:.5; }
body.bd-reference .br-world-panel h3 { position:absolute; left:24px; bottom:24px; font-size:25px; font-weight:650; letter-spacing:-.035em; line-height:1.04; color:var(--br-ink); }
body.bd-reference .br-world-panel .br-round { background:#07110a; color:#b9e438; position:absolute; right:14px; bottom:12px; width:31px; height:31px; }
body.bd-reference .br-cta { position:relative; overflow:hidden; background:#080e09; border-radius:21px; min-height:382px; color:#fff; isolation:isolate; }
body.bd-reference .br-cta__backdrop { position:absolute; z-index:-2; inset:0; background:url('../../../../images/home-reference/world-dots.svg') 84% 45%/650px auto no-repeat,linear-gradient(90deg,#06100afb 0%,#07100bdb 35%,#0b1b07bd 70%,#07100be0),url('../../../../images/home-reference/hero.webp') center 87%/cover; }
body.bd-reference .br-cta__backdrop:after { content:''; position:absolute; width:65%; height:100%; right:0; top:0; background-image:radial-gradient(#c4ff60bb .7px,transparent 1px); background-size:7px 7px; opacity:.11; mask-image:radial-gradient(ellipse at 70% 50%,black 30%,transparent 70%); }
body.bd-reference .br-cta__grid { display:grid; grid-template-columns:49% 36% 15%; align-items:center; min-height:382px; }
body.bd-reference .br-cta h2 { color:#f5f7f0; }
body.bd-reference .br-cta__copy p { max-width:550px; font-size:17px; line-height:1.4; color:#a5b19f; margin:21px 0 25px; }
body.bd-reference .br-cta__copy .br-actions { gap:20px; }
body.bd-reference .br-cta__copy .br-button { min-width:189px; }
body.bd-reference .br-cta__copy .br-button--outline { border-color:#b4caa159; }
body.bd-reference .br-cta__visual { height:100%; position:relative; }
body.bd-reference .br-cta__card { position:absolute; width:360px; height:252px; top:70px; left:33px; transform:perspective(900px) rotateY(-15deg) rotateZ(-9deg); }
body.bd-reference .br-cta__stats { display:grid; gap:20px; margin-left:36px; }
body.bd-reference .br-cta__stats>div { position:relative; padding-left:58px; min-height:55px; }
body.bd-reference .br-cta__stats>div>span { position:absolute; left:0; top:0; width:48px; height:48px; display:grid; place-items:center; color:#aadd22; border:1px solid #c3ea5930; border-radius:10px; background:#86a3260c; box-shadow:inset 0 0 20px #79a81514; }
body.bd-reference .br-cta__stats dt { color:#edf5e4; font-size:23px; line-height:1.3; font-weight:650; }
body.bd-reference .br-cta__stats dd { color:#8fa082; font-size:12px; }
body.bd-reference .br-stories { padding:49px 0 38px; }
body.bd-reference .br-stories__heading { display:flex; align-items:center; gap:40px; margin-bottom:25px; }
body.bd-reference .br-stories__heading>div { margin-right:auto; }
body.bd-reference .br-stories__heading>span { font-size:11px; color:#697566; }
body.bd-reference .br-stories__heading>.br-text-link { padding-left:29px; border-left:1px solid #2c48141c; font-size:11px; }
body.bd-reference .br-story-grid { display:grid; grid-template-columns:1.27fr 1fr 1fr .76fr; gap:17px; }
body.bd-reference .br-story { position:relative; min-width:0; overflow:hidden; background:#fff; border-radius:10px; display:flex; flex-direction:column; box-shadow:0 13px 34px #32593408; }
body.bd-reference .br-story>img { width:100%; height:169px; object-fit:cover; object-position:center; }
body.bd-reference .br-story:first-child>img { height:204px; }
body.bd-reference .br-story__copy { position:relative; display:flex; flex-direction:column; flex:1; padding:12px 23px 22px; }
body.bd-reference .br-story__tag { align-self:flex-start; color:#ceef69; background:#10190c; font-size:10px; font-weight:600; line-height:1.25; text-transform:uppercase; padding:3px 7px; border-radius:4px; margin-bottom:12px; }
body.bd-reference .br-story:first-child .br-story__tag { position:absolute; top:-188px; left:21px; color:#293124; background:#f5f7ece8; }
body.bd-reference .br-story h3 { color:#161d13; font-size:22px; font-weight:650; letter-spacing:-.035em; line-height:1.12; margin-bottom:25px; }
body.bd-reference .br-story .br-text-link { margin-top:auto; }
body.bd-reference .br-testimonial { background:linear-gradient(130deg,#edf3e6,#e9f0e5); padding:17px 27px 19px; border-radius:11px; display:flex; flex-direction:column; }
body.bd-reference .br-testimonial__mark { color:#8fc822; font-family:Georgia,serif; font-size:69px; line-height:.9; font-weight:bold; height:57px; }
body.bd-reference .br-testimonial blockquote p { color:#4e5c49; font-size:14px; line-height:1.42; letter-spacing:-.01em; }
body.bd-reference .br-testimonial__person { margin-top:38px; }
body.bd-reference .br-testimonial__person strong { display:block; font-size:12px; font-weight:650; line-height:1.4; color:#3b4b35; }
body.bd-reference .br-testimonial__person>span { display:block; color:#627258; font-size:10px; line-height:1.4; }
body.bd-reference .br-testimonial__navigation { display:flex; gap:12px; margin-top:auto; padding-top:26px; }
body.bd-reference .br-testimonial .br-round { width:31px; height:31px; background:#f9fcf5; color:#89ba39; }
body.bd-reference .br-testimonial .br-round:last-child { color:#788371; }
body.bd-reference .br-testimonial .br-round:disabled { cursor:default; transform:none; }
body.bd-reference .br-round--back .br-icon { transform:rotate(180deg); }
body.bd-reference .br-faq { padding:5px 0 54px; }
body.bd-reference .br-faq>div>h2 { margin-bottom:22px; }
body.bd-reference .br-faq__grid { display:grid; grid-template-columns:52.5% 45%; gap:2.5%; }
body.bd-reference .br-faq-item { border:1px solid #6f8c365c; border-radius:10px; overflow:hidden; background:linear-gradient(120deg,#111b0f,#060b08); margin-bottom:1px; }
body.bd-reference .br-faq-item h3 { margin:0; }
body.bd-reference .br-faq-question { width:100%; min-height:51px; padding:9px 24px; display:flex; justify-content:space-between; align-items:center; gap:20px; border:0; color:#d3e476; font-size:16px; font-weight:600; text-align:left; background:transparent; line-height:1.3; letter-spacing:-.02em; }
body.bd-reference .br-faq-question.collapsed { color:#d8dfd2; }
body.bd-reference .br-faq-question>span { width:32px; height:32px; border:1px solid #d5e6ae33; position:relative; border-radius:50%; flex:none; }
body.bd-reference .br-faq-question>span:before,body.bd-reference .br-faq-question>span:after { content:''; background:#b5df4c; width:12px; height:1px; position:absolute; top:15px; left:9px; transition:transform .2s; }
body.bd-reference .br-faq-question.collapsed>span:after { transform:rotate(90deg); }
body.bd-reference .br-faq-answer { padding:0 24px 16px; color:#b0bb9f; font-size:14px; line-height:1.5; max-width:624px; }
body.bd-reference .br-support-composition { position:relative; min-height:375px; margin-top:-10px; }
body.bd-reference .br-support { position:relative; z-index:2; width:365px; min-height:375px; border:1px solid #779f3c7d; border-radius:11px; padding:30px 34px 24px; background:radial-gradient(ellipse at 100% 100%,#477d27aa,transparent 70%),radial-gradient(ellipse at 0 0,#588a37c9,transparent 55%),#06100a; box-shadow:0 8px 30px #617d3725; }
body.bd-reference .br-support__icons { display:flex; gap:15px; margin-bottom:26px; }
body.bd-reference .br-support__icons>span { width:42px; height:42px; border:1px solid #90bd3633; border-radius:50%; color:#b9e142; display:grid; place-items:center; background:#88c2230d; }
body.bd-reference .br-support h3 { font-size:35px; color:#f1f6e8; font-weight:600; letter-spacing:-.04em; line-height:1.04; }
body.bd-reference .br-support>p { font-size:14px; line-height:1.4; color:#a2b593; margin:18px 0 16px; }
body.bd-reference .br-support ul { display:grid; gap:7px; margin-bottom:16px; }
body.bd-reference .br-support li { font-size:13px; line-height:1.3; color:#afc59c; display:flex; align-items:center; gap:9px; }
body.bd-reference .br-support li .br-icon { color:#a0ce47; width:16px; height:16px; }
body.bd-reference .br-support .br-text-link { color:#b0d941; }
body.bd-reference .br-support-globe { position:absolute; width:328px; height:328px; color:#aec784; opacity:.5; top:4px; right:-13px; }
body.bd-reference .br-support__signature { right:0; bottom:8px; color:#24321d; font-size:31px; }
body.bd-reference .br-footer { position:relative; isolation:isolate; overflow:hidden; background:#080e0a; color:#cad5c3; padding:35px 0 0; }
body.bd-reference .br-footer__grid { display:grid; grid-template-columns:2fr repeat(5,1fr) 1.9fr; gap:24px; padding-bottom:28px; }
body.bd-reference .br-footer .br-container { width:calc(100% - 156px); max-width:1284px; }
body.bd-reference .br-footer .br-logo img { width:132px; }
body.bd-reference .br-footer__brand p { max-width:225px; color:#8f9c88; font-size:12px; line-height:1.45; margin:13px 0 17px; }
body.bd-reference .br-socials { display:flex; align-items:center; gap:19px; }
body.bd-reference .br-socials a,body.bd-reference .br-social-placeholder { display:inline-flex; align-items:center; font-size:19px; color:#b8c4b2; line-height:1; }
body.bd-reference .br-socials svg { width:18px; height:18px; }
body.bd-reference .br-social-linkedin { font-weight:800; }
body.bd-reference .br-footer__column { padding-top:5px; }
body.bd-reference .br-footer__column h2,body.bd-reference .br-newsletter h2 { font-size:12px; color:#eef4e7; font-weight:650; letter-spacing:-.015em; line-height:1.3; margin-bottom:18px; }
body.bd-reference .br-footer__column li { margin-bottom:8px; font-size:12px; line-height:1.3; }
body.bd-reference .br-footer__column a { color:#8e9b84; }
body.bd-reference .br-footer__column a:hover { color:#c1ed00; }
body.bd-reference .br-newsletter { align-self:start; border:1px solid #b6d4a315; background:linear-gradient(110deg,#121e12,#0d160f); border-radius:11px; padding:20px 18px; margin-top:5px; }
body.bd-reference .br-newsletter__title { display:flex; align-items:flex-start; gap:10px; }
body.bd-reference .br-newsletter__title>span { color:#bde33c; }
body.bd-reference .br-newsletter__title .br-icon { width:17px; height:17px; }
body.bd-reference .br-newsletter h2 { font-size:11px; margin:0 0 8px; }
body.bd-reference .br-newsletter p { font-size:10px; line-height:1.5; color:#9eae90; }
body.bd-reference .br-newsletter__form>div { display:flex; background:#ffffff08; border:1px solid #ebffd412; border-radius:7px; margin-top:23px; overflow:hidden; padding:2px; }
body.bd-reference .br-newsletter__form input { background:transparent; border:0; outline:none; min-width:0; width:100%; padding:8px 9px; font-size:10px; color:#d7e6cb; line-height:1.3; height:39px; }
body.bd-reference .br-newsletter__form input::placeholder { color:#8e9b83; }
body.bd-reference .br-newsletter__form button { width:38px; min-height:37px; height:37px; border-radius:6px; border:0; display:grid; place-items:center; background:var(--br-lime); color:#1e340b; flex:none; padding:0; }
body.bd-reference .br-newsletter__form button:disabled { opacity:.6; }
body.bd-reference .br-newsletter__status:not(:empty) { margin-top:10px; }
body.bd-reference .br-footer__bottom { display:flex; align-items:center; justify-content:space-between; padding:20px 0 18px; border-top:1px solid #c5e1b019; font-size:11px; line-height:1.5; color:#84977a; }
body.bd-reference .br-footer__bottom>div { display:flex; gap:27px; align-items:center; }
body.bd-reference .br-footer__bottom a,body.bd-reference .br-footer__bottom button { color:#9cab93; font:inherit; }
body.bd-reference .br-footer__bottom button { padding:0; border:0; background:transparent; }
body.bd-reference .br-footer__waves { position:absolute; width:100%; height:175px; bottom:-59px; left:0; z-index:-1; color:#729b1b; opacity:.27; }
body.bd-reference .scroll-top { color:#0a1607; background:#c1ed00; border-color:#c1ed00; }

@media (min-width:1600px) {
    body.bd-reference .br-hero__scenery img { object-position:center 58%; }
}
@media (max-width:1350px) {
    body.bd-reference .br-container { width:calc(100% - 120px); }
    body.bd-reference .br-nav,body.bd-reference .br-footer .br-container { width:calc(100% - 100px); }
    body.bd-reference .br-nav { gap:55px; }
    body.bd-reference .br-nav-links { gap:20px; }
    body.bd-reference .br-nav-actions { gap:24px; }
    body.bd-reference .br-hero h1 { font-size:57px; }
    body.bd-reference .br-hero__grid { grid-template-columns:45% 55%; }
    body.bd-reference .br-dashboard { width:calc(100% + 15px); }
    body.bd-reference .br-dashboard__metrics>div { padding-inline:10px; }
    body.bd-reference .br-dashboard__metrics strong { font-size:19px; }
    body.bd-reference .br-hero__card { left:-122px; }
    body.bd-reference .br-brands__inner { gap:22px; }
    body.bd-reference .br-brands__label { width:137px; }
    body.bd-reference .br-brands__logos { gap:24px; }
    body.bd-reference .br-brand { font-size:23px; }
    body.bd-reference .br-brand--slack { font-size:27px; }
    body.bd-reference .br-brands__more { padding-left:20px; gap:12px; }
    body.bd-reference .br-about__photo { left:95px; width:365px; }
    body.bd-reference .br-about__backplate { left:211px; width:270px; }
    body.bd-reference .br-about__aside { right:-6px; }
    body.bd-reference .br-about__stats>div { padding-inline:18px; }
    body.bd-reference .br-about__stats dd { font-size:9.5px; }
    body.bd-reference :where(.br-hero,.br-home) h2 { font-size:42px; }
    body.bd-reference .br-products__heading h2 { font-size:39px; }
    body.bd-reference .br-cta__card { left:8px; width:338px; }
    body.bd-reference .br-cta__stats { margin-left:20px; }
    body.bd-reference .br-footer__grid { gap:18px; }
}
@media (max-width:1199px) {
    body.bd-reference .br-nav { gap:35px; }
    body.bd-reference .br-nav-links { gap:15px; }
    body.bd-reference .br-nav-links a { font-size:11px; }
    body.bd-reference .br-nav-actions { gap:18px; }
    body.bd-reference .br-hero { height:730px; }
    body.bd-reference .br-hero h1 { font-size:49px; }
    body.bd-reference .br-hero__copy>p { max-width:350px; font-size:16px; }
    body.bd-reference .br-hero__copy .br-eyebrow { font-size:9px; }
    body.bd-reference .br-hero__trust { gap:14px; flex-wrap:wrap; }
    body.bd-reference .br-hero__trust li { font-size:10px; }
    body.bd-reference .br-hero__visual { padding-top:10px; }
    body.bd-reference .br-dashboard { padding:17px 14px; }
    body.bd-reference .br-dashboard__metrics { gap:7px; }
    body.bd-reference .br-dashboard__metrics span { font-size:8px; }
    body.bd-reference .br-dashboard__metrics strong { font-size:17px; }
    body.bd-reference .br-chart svg { height:225px; }
    body.bd-reference .br-activity { padding:13px 10px; }
    body.bd-reference .br-activity__row { gap:7px; }
    body.bd-reference .br-activity__row small { display:block; margin-left:0; }
    body.bd-reference .br-hero__card { bottom:48px; left:-100px; }
    body.bd-reference .br-brands__inner { gap:18px; }
    body.bd-reference .br-brands__label { width:100px; font-size:9px; }
    body.bd-reference .br-brands__more { display:none; }
    body.bd-reference .br-about__grid { grid-template-columns:49% 51%; }
    body.bd-reference .br-about__photo { left:45px; width:340px; }
    body.bd-reference .br-about__backplate { left:168px; width:240px; }
    body.bd-reference .br-about__aside { font-size:8px; right:-14px; }
    body.bd-reference .br-floating-stat--business { left:-22px; width:166px; }
    body.bd-reference .br-floating-stat--markets { width:201px; right:-5px; }
    body.bd-reference .br-about__stats { grid-template-columns:1fr 1fr 1fr; gap:12px; }
    body.bd-reference .br-about__stats>div { padding:0 10px; }
    body.bd-reference .br-about__stats dd { white-space:normal; font-size:11px; }
    body.bd-reference :where(.br-hero,.br-home) h2 { font-size:38px; }
    body.bd-reference .br-perks__heading { grid-template-columns:49% 38% 13%; }
    body.bd-reference .br-perks__heading>p { font-size:14px; }
    body.bd-reference .br-feature { padding:19px; min-height:225px; }
    body.bd-reference .br-feature p { font-size:14px; padding-right:19px; }
    body.bd-reference .br-feature h3 { font-size:19px; }
    body.bd-reference .br-products__heading { grid-template-columns:57% 43%; }
    body.bd-reference .br-products__heading h2 { font-size:34px; }
    body.bd-reference .br-small-statement { display:none; }
    body.bd-reference .br-product-grid { gap:14px; }
    body.bd-reference .br-product-symbol { width:65px; height:65px; left:10px; }
    body.bd-reference .br-mini-checkout { right:-50px; }
    body.bd-reference .br-mini-risk { right:-40px; }
    body.bd-reference .br-product__copy { padding:13px 10px; }
    body.bd-reference .br-world-panel h3 { font-size:22px; left:17px; }
    body.bd-reference .br-cta__grid { grid-template-columns:50% 34% 16%; }
    body.bd-reference .br-cta__copy p { font-size:16px; }
    body.bd-reference .br-cta__copy .br-button { min-width:0; }
    body.bd-reference .br-cta__card { width:285px; height:220px; left:0; top:90px; }
    body.bd-reference .br-payment-card p { font-size:17px; }
    body.bd-reference .br-cta__stats { margin-left:25px; gap:25px; }
    body.bd-reference .br-cta__stats>div { padding-left:0; }
    body.bd-reference .br-cta__stats>div>span { display:none; }
    body.bd-reference .br-story-grid { grid-template-columns:1.1fr 1fr 1fr .85fr; gap:12px; }
    body.bd-reference .br-story__copy { padding:12px 15px 20px; }
    body.bd-reference .br-story h3 { font-size:19px; }
    body.bd-reference .br-testimonial { padding:20px; }
    body.bd-reference .br-testimonial__person { margin-top:23px; }
    body.bd-reference .br-support { width:305px; padding:25px; }
    body.bd-reference .br-support h3 { font-size:31px; }
    body.bd-reference .br-support-globe { width:260px; height:260px; right:-22px; }
    body.bd-reference .br-support__signature { font-size:26px; right:-12px; }
    body.bd-reference .br-footer__grid { grid-template-columns:1.7fr repeat(3,1fr); gap:30px; }
    body.bd-reference .br-newsletter { grid-column:3/5; max-width:360px; justify-self:end; }
}
@media (max-width:991px) {
    body.bd-reference .br-container { width:calc(100% - 80px); }
    body.bd-reference .br-nav,body.bd-reference .br-footer .br-container { width:calc(100% - 64px); }
    body.bd-reference .br-nav { justify-content:space-between; }
    body.bd-reference .br-menu-toggle { display:grid; gap:6px; align-content:center; justify-items:center; width:44px; height:44px; padding:10px; background:#0f1b0e; color:#cbf350; border:1px solid #a1bc5136; border-radius:8px; }
    body.bd-reference .br-menu-toggle span { width:22px; height:2px; background:currentColor; }
    body.bd-reference .br-nav-panel { display:none; position:absolute; left:0; right:0; top:74px; padding:24px; border:1px solid #b8d79133; border-radius:13px; background:#0a160cf5; backdrop-filter:blur(18px); }
    body.bd-reference .br-nav-panel.is-open { display:block; }
    body.bd-reference .br-nav-links { display:grid; grid-template-columns:1fr 1fr; gap:8px 25px; }
    body.bd-reference .br-nav-links a { font-size:16px; padding:15px 0; }
    body.bd-reference .br-nav-actions { justify-content:space-between; margin-top:24px; }
    body.bd-reference .br-login { font-size:16px; }
    body.bd-reference .br-nav-actions .br-button { min-height:46px; font-size:14px; }
    body.bd-reference .br-hero { height:auto; }
    body.bd-reference .br-hero__grid { padding-top:128px; padding-bottom:110px; grid-template-columns:1fr; grid-template-rows:auto auto; height:auto; }
    body.bd-reference .br-hero__copy { max-width:580px; }
    body.bd-reference .br-hero h1 { font-size:59px; }
    body.bd-reference .br-hero__copy>p { max-width:450px; }
    body.bd-reference .br-hero__trust { margin-top:29px; gap:22px; }
    body.bd-reference .br-hero__visual { padding-top:35px; width:80%; justify-self:end; }
    body.bd-reference .br-dashboard { width:100%; }
    body.bd-reference .br-dashboard__metrics strong { font-size:20px; }
    body.bd-reference .br-dashboard__metrics span { font-size:9px; }
    body.bd-reference .br-chart svg { height:220px; }
    body.bd-reference .br-hero__card { left:-96px; bottom:-55px; width:190px; height:159px; }
    body.bd-reference .br-hero__signature { bottom:32px; right:1px; font-size:22px; }
    body.bd-reference .br-hero__scenery img { object-position:60% 50%; opacity:.8; }
    body.bd-reference .br-brands__inner { min-height:105px; }
    body.bd-reference .br-brands__logos { overflow-x:auto; padding:20px 2px; gap:30px; scrollbar-width:none; }
    body.bd-reference .br-brand { flex:none; }
    body.bd-reference .br-about { padding-block:70px; }
    body.bd-reference .br-about__grid { grid-template-columns:1fr 1fr; gap:26px; min-height:430px; }
    body.bd-reference .br-about h2 { font-size:33px; }
    body.bd-reference .br-about__copy>p { font-size:16px; }
    body.bd-reference .br-about__stats { gap:8px; margin-block:30px; }
    body.bd-reference .br-about__stats>div { padding:0 7px; }
    body.bd-reference .br-about__stats dt { font-size:25px; }
    body.bd-reference .br-about__stats dd { font-size:10px; }
    body.bd-reference .br-about__visual { height:340px; }
    body.bd-reference .br-about__photo { left:0; width:calc(100% - 19px); }
    body.bd-reference .br-about__backplate { left:35%; width:65%; height:260px; }
    body.bd-reference .br-about__aside { display:none; }
    body.bd-reference .br-floating-stat { padding:15px; }
    body.bd-reference .br-floating-stat--business { left:-20px; top:45px; width:147px; }
    body.bd-reference .br-floating-stat--markets { right:-9px; bottom:-24px; width:190px; }
    body.bd-reference .br-floating-stat strong { font-size:25px; }
    body.bd-reference .br-floating-stat>span { font-size:10px; }
    body.bd-reference .br-perks { padding-block:64px; }
    body.bd-reference .br-perks__heading { grid-template-columns:1fr auto; gap:24px; }
    body.bd-reference .br-perks__heading>p { grid-row:2; font-size:16px; max-width:490px; }
    body.bd-reference .br-feature-grid { grid-template-columns:1fr 1fr; }
    body.bd-reference .br-feature p { font-size:16px; }
    body.bd-reference .br-feature { min-height:220px; }
    body.bd-reference .br-products { padding-block:64px; }
    body.bd-reference .br-products__heading { display:block; }
    body.bd-reference .br-products__heading p { margin-top:20px; padding:0; max-width:480px; font-size:16px; }
    body.bd-reference .br-products__heading h2 { font-size:38px; }
    body.bd-reference .br-product-grid { grid-template-columns:1fr 1fr; gap:22px; }
    body.bd-reference .br-product { min-height:305px; }
    body.bd-reference .br-product-visual { height:140px; }
    body.bd-reference .br-product-symbol { left:25px; width:83px; height:79px; }
    body.bd-reference .br-mini-checkout { right:20px; width:157px; }
    body.bd-reference .br-mini-risk { right:17px; width:143px; }
    body.bd-reference .br-product__copy { padding:17px; }
    body.bd-reference .br-product p { font-size:16px; }
    body.bd-reference .br-world-panel h3 { font-size:30px; }
    body.bd-reference .br-world-panel .br-globe { width:310px; height:310px; }
    body.bd-reference .br-cta__grid { grid-template-columns:1fr 1fr; min-height:515px; }
    body.bd-reference .br-cta__copy { padding-block:60px; }
    body.bd-reference .br-cta h2 { font-size:34px; }
    body.bd-reference .br-cta__copy .br-actions { gap:12px; flex-wrap:wrap; }
    body.bd-reference .br-cta__copy .br-button { padding-inline:18px; }
    body.bd-reference .br-cta__visual { align-self:stretch; }
    body.bd-reference .br-cta__card { top:100px; left:13px; width:293px; height:221px; }
    body.bd-reference .br-cta__stats { position:absolute; bottom:55px; right:0; width:45%; display:flex; justify-content:space-between; gap:14px; margin:0; }
    body.bd-reference .br-cta__stats dt { font-size:21px; }
    body.bd-reference .br-cta__stats dd { font-size:11px; }
    body.bd-reference .br-stories { padding-block:60px; }
    body.bd-reference .br-stories__heading { flex-wrap:wrap; gap:22px; }
    body.bd-reference .br-stories__heading>div { width:100%; }
    body.bd-reference .br-stories__heading>span,body.bd-reference .br-stories__heading>.br-text-link { font-size:13px; }
    body.bd-reference .br-story-grid { grid-template-columns:1fr 1fr; gap:22px; }
    body.bd-reference .br-story>img { height:204px; }
    body.bd-reference .br-story h3 { font-size:23px; }
    body.bd-reference .br-story:first-child .br-story__tag { top:-185px; }
    body.bd-reference .br-story__copy { padding:17px 20px 23px; }
    body.bd-reference .br-testimonial { padding:26px 30px; }
    body.bd-reference .br-testimonial blockquote p { font-size:21px; }
    body.bd-reference .br-testimonial__person strong { font-size:15px; }
    body.bd-reference .br-testimonial__person>span { font-size:13px; }
    body.bd-reference .br-faq { padding-block:10px 65px; }
    body.bd-reference .br-faq__grid { grid-template-columns:1fr 43%; gap:24px; }
    body.bd-reference .br-faq-question { padding:17px; font-size:15px; gap:10px; }
    body.bd-reference .br-faq-answer { padding:0 17px 23px; font-size:15px; }
    body.bd-reference .br-support { width:100%; padding:24px; }
    body.bd-reference .br-support h3 { font-size:30px; }
    body.bd-reference .br-support>p { font-size:15px; }
    body.bd-reference .br-support li { font-size:13px; }
    body.bd-reference .br-support__signature { bottom:-36px; right:2px; font-size:24px; }
    body.bd-reference .br-support-globe { top:120px; right:-12px; }
    body.bd-reference .br-footer__grid { grid-template-columns:1.6fr 1fr 1fr; gap:30px; }
    body.bd-reference .br-newsletter { grid-column:1/-1; width:100%; max-width:100%; display:flex; gap:40px; align-items:center; }
    body.bd-reference .br-newsletter__form { flex:1; }
    body.bd-reference .br-newsletter__form>div { margin:0; }
    body.bd-reference .br-footer__brand p,body.bd-reference .br-footer__column li { font-size:13px; }
    body.bd-reference .br-footer__column h2 { font-size:14px; }
}
@media (max-width:767px) {
    body.bd-reference .br-container,body.bd-reference .br-nav,body.bd-reference .br-footer .br-container { width:calc(100% - 40px); }
    body.bd-reference .br-nav { height:76px; }
    body.bd-reference .br-hero { height:auto; min-height:1050px; }
    body.bd-reference .br-hero__grid { display:block; padding-top:125px; padding-bottom:172px; }
    body.bd-reference .br-hero h1 { font-size:clamp(39px,8.9vw,65px); letter-spacing:-.04em; line-height:.97; }
    body.bd-reference .br-hero__copy .br-eyebrow { font-size:9px; letter-spacing:.12em; margin-bottom:18px; }
    body.bd-reference .br-hero__copy .br-eyebrow:before { width:17px; }
    body.bd-reference .br-hero__copy>p { font-size:16px; line-height:1.6; margin-block:25px; max-width:440px; }
    body.bd-reference .br-hero__copy .br-actions { gap:12px; }
    body.bd-reference .br-hero__copy .br-button { font-size:13px; padding-inline:18px; min-height:48px; gap:12px; }
    body.bd-reference .br-hero__trust { gap:12px 20px; margin-top:28px; }
    body.bd-reference .br-hero__trust li { font-size:10px; }
    body.bd-reference .br-hero__trust .br-icon { width:14px; height:14px; }
    body.bd-reference .br-hero__visual { width:100%; padding-top:55px; }
    body.bd-reference .br-dashboard { padding:15px 12px; transform:none; border-radius:16px; }
    body.bd-reference .br-dashboard__head { gap:10px; margin-bottom:15px; }
    body.bd-reference .br-dashboard__head>strong { font-size:13px; }
    body.bd-reference .br-live { font-size:9px; padding:4px 7px; }
    body.bd-reference .br-dashboard__range { font-size:8px; padding:5px; }
    body.bd-reference .br-dashboard__metrics { grid-template-columns:1fr 1fr; gap:8px; }
    body.bd-reference .br-dashboard__metrics>div { padding:10px 12px; }
    body.bd-reference .br-dashboard__metrics span { font-size:10px; }
    body.bd-reference .br-dashboard__metrics strong { font-size:21px; margin:3px 0; }
    body.bd-reference .br-dashboard__metrics small { font-size:10px; }
    body.bd-reference .br-dashboard__body { grid-template-columns:1fr; }
    body.bd-reference .br-chart { padding:0 5px; }
    body.bd-reference .br-chart svg { height:200px; }
    body.bd-reference .br-activity { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-right:0; }
    body.bd-reference .br-activity__heading { grid-column:1/-1; margin-bottom:0; }
    body.bd-reference .br-activity__row { margin:0; gap:8px; }
    body.bd-reference .br-activity__row p { font-size:11px; }
    body.bd-reference .br-activity__icon { width:27px; height:30px; }
    body.bd-reference .br-hero__card { left:19px; bottom:-135px; width:170px; height:139px; }
    body.bd-reference .br-hero__card .br-payment-card__brand { width:81px; left:14px; top:13px; }
    body.bd-reference .br-hero__card .br-chip { top:47px; left:16px; }
    body.bd-reference .br-hero__card .br-card-contactless { top:50px; left:47px; }
    body.bd-reference .br-hero__card p { bottom:15px; left:15px; font-size:11px; }
    body.bd-reference .br-hero__signature { right:4px; bottom:47px; font-size:23px; }
    body.bd-reference .br-hero__scenery img { object-position:58% center; }
    body.bd-reference .br-hero:after { background:linear-gradient(180deg,#020602a8 0%,#02060266 40%,#02060233 70%,#080e08 100%); }
    body.bd-reference .br-brands { border-radius:0 0 17px 17px; }
    body.bd-reference .br-brands__inner { min-height:115px; display:block; padding-block:19px 9px; }
    body.bd-reference .br-brands__label { width:auto; font-size:9px; line-height:1.3; }
    body.bd-reference .br-brands__label br { display:none; }
    body.bd-reference .br-brands__logos { padding-block:17px; gap:31px; }
    body.bd-reference .br-brand { font-size:24px; }
    body.bd-reference :where(.br-hero,.br-home) h2 { font-size:34px; line-height:1.04; }
    body.bd-reference .br-eyebrow { font-size:10px; margin-bottom:15px; }
    body.bd-reference .br-about { padding-block:64px 70px; }
    body.bd-reference .br-about__grid { display:flex; flex-direction:column; gap:48px; align-items:stretch; }
    body.bd-reference .br-about__copy>p { margin-top:21px; line-height:1.55; }
    body.bd-reference .br-about__stats { margin-block:29px; grid-template-columns:1fr 1fr .8fr; gap:10px; }
    body.bd-reference .br-about__stats dt { font-size:26px; }
    body.bd-reference .br-about__stats dd { font-size:11px; }
    body.bd-reference .br-about__visual { height:360px; margin-inline:10px; }
    body.bd-reference .br-about__photo { left:40px; width:calc(100% - 60px); }
    body.bd-reference .br-about__backplate { left:40%; width:60%; height:270px; }
    body.bd-reference .br-floating-stat--business { left:-8px; width:160px; top:45px; }
    body.bd-reference .br-floating-stat--markets { right:-8px; bottom:0; }
    body.bd-reference .br-perks { border-radius:18px; padding-block:64px; }
    body.bd-reference .br-perks__heading { grid-template-columns:1fr; gap:20px; }
    body.bd-reference .br-perks__heading>p { max-width:100%; font-size:16px; }
    body.bd-reference .br-feature-navigation { display:flex; width:100%; align-items:center; justify-content:space-between; }
    body.bd-reference .br-feature-navigation>span { margin:0; }
    body.bd-reference .br-feature-navigation .br-round { width:44px; height:44px; }
    body.bd-reference .br-feature-grid { grid-template-columns:1fr; gap:14px; }
    body.bd-reference .br-feature { padding:24px; min-height:213px; }
    body.bd-reference .br-feature h3 { font-size:23px; margin-bottom:12px; }
    body.bd-reference .br-feature p { font-size:16px; max-width:100%; padding-right:32px; }
    body.bd-reference .br-feature__icon { width:50px; height:50px; margin-bottom:18px; }
    body.bd-reference .br-feature__select { width:44px; height:44px; bottom:21px; right:19px; }
    body.bd-reference .br-products { padding-block:64px; }
    body.bd-reference .br-products__heading h2 { white-space:normal; font-size:34px; }
    body.bd-reference .br-products__heading p { font-size:16px; line-height:1.55; }
    body.bd-reference .br-product-grid { grid-template-columns:1fr; gap:23px; }
    body.bd-reference .br-product { min-height:352px; padding:10px; }
    body.bd-reference .br-product-visual { height:158px; }
    body.bd-reference .br-product-symbol { width:88px; height:88px; top:35px; left:28px; }
    body.bd-reference .br-mini-checkout { right:25px; top:15px; width:163px; height:183px; padding:13px; }
    body.bd-reference .br-mini-risk { right:24px; top:24px; height:132px; width:160px; }
    body.bd-reference .br-mini-risk>div { height:32px; }
    body.bd-reference .br-routing { width:270px; left:90px; top:4px; }
    body.bd-reference .br-product h3 { font-size:25px; }
    body.bd-reference .br-product p { font-size:16px; line-height:1.5; }
    body.bd-reference .br-text-link { font-size:14px; min-height:30px; }
    body.bd-reference .br-world-panel { min-height:300px; }
    body.bd-reference .br-world-panel h3 { left:30px; bottom:30px; font-size:33px; }
    body.bd-reference .br-world-panel .br-globe { right:-8px; top:-28px; }
    body.bd-reference .br-world-panel .br-round { width:44px; height:44px; bottom:23px; right:23px; }
    body.bd-reference .br-cta { border-radius:18px; }
    body.bd-reference .br-cta__grid { display:block; padding-block:60px 45px; }
    body.bd-reference .br-cta__copy { padding:0; }
    body.bd-reference .br-cta__copy p { font-size:16px; line-height:1.6; margin-block:24px; }
    body.bd-reference .br-cta__copy .br-actions { gap:12px; }
    body.bd-reference .br-cta__copy .br-button { padding-inline:21px; font-size:14px; }
    body.bd-reference .br-cta__visual { height:295px; margin-top:20px; }
    body.bd-reference .br-cta__card { width:280px; height:218px; top:40px; left:calc(50% - 140px); }
    body.bd-reference .br-cta__stats { position:static; width:100%; gap:25px; padding:0 16px; }
    body.bd-reference .br-cta__stats>div { padding:0; min-height:0; }
    body.bd-reference .br-cta__stats dt { font-size:24px; }
    body.bd-reference .br-cta__stats dd { font-size:12px; }
    body.bd-reference .br-stories { padding-block:64px; }
    body.bd-reference .br-stories__heading { gap:18px; }
    body.bd-reference .br-stories__heading>span { font-size:12px; }
    body.bd-reference .br-stories__heading>.br-text-link { padding-left:17px; font-size:12px; }
    body.bd-reference .br-story-grid { grid-template-columns:1fr; gap:23px; }
    body.bd-reference .br-story>img,body.bd-reference .br-story:first-child>img { height:224px; }
    body.bd-reference .br-story h3 { font-size:25px; max-width:320px; }
    body.bd-reference .br-story__copy { padding:22px 24px; }
    body.bd-reference .br-story:first-child .br-story__tag { top:-206px; }
    body.bd-reference .br-story__tag { font-size:11px; }
    body.bd-reference .br-testimonial { min-height:305px; padding:27px 30px; }
    body.bd-reference .br-testimonial blockquote p { font-size:22px; }
    body.bd-reference .br-testimonial__person { margin-top:25px; }
    body.bd-reference .br-testimonial__navigation { padding-top:21px; }
    body.bd-reference .br-testimonial .br-round { width:40px; height:40px; }
    body.bd-reference .br-faq { padding-block:0 68px; }
    body.bd-reference .br-faq__grid { grid-template-columns:1fr; gap:45px; }
    body.bd-reference .br-faq-question { font-size:16px; min-height:64px; padding:17px 20px; }
    body.bd-reference .br-faq-answer { font-size:16px; padding:0 20px 23px; }
    body.bd-reference .br-support-composition { padding:0 35px 37px 0; margin-top:0; }
    body.bd-reference .br-support { padding:30px; min-height:393px; }
    body.bd-reference .br-support h3 { font-size:32px; }
    body.bd-reference .br-support>p { font-size:16px; }
    body.bd-reference .br-support li { font-size:13px; }
    body.bd-reference .br-support__signature { bottom:0; right:0; font-size:25px; z-index:3; }
    body.bd-reference .br-support-globe { width:290px; height:290px; right:-10px; top:110px; }
    body.bd-reference .br-footer { padding-top:52px; }
    body.bd-reference .br-footer__grid { grid-template-columns:1fr 1fr; gap:35px 26px; }
    body.bd-reference .br-footer__brand { grid-column:1/-1; }
    body.bd-reference .br-footer__brand p { max-width:305px; font-size:16px; line-height:1.55; }
    body.bd-reference .br-footer .br-logo img { width:147px; }
    body.bd-reference .br-footer__column h2 { font-size:16px; }
    body.bd-reference .br-footer__column li { font-size:15px; margin-bottom:13px; }
    body.bd-reference .br-newsletter { display:block; padding:23px; margin:0; }
    body.bd-reference .br-newsletter h2 { font-size:16px; }
    body.bd-reference .br-newsletter p { font-size:13px; }
    body.bd-reference .br-newsletter__form>div { margin-top:22px; }
    body.bd-reference .br-newsletter__form input { height:45px; font-size:16px; }
    body.bd-reference .br-newsletter__form button { width:45px; height:45px; }
    body.bd-reference .br-footer__bottom { display:block; padding-block:24px; font-size:12px; }
    body.bd-reference .br-footer__bottom>div { margin-top:19px; gap:23px; flex-wrap:wrap; }
}
@media (prefers-reduced-motion:reduce) {
    body.bd-reference :where(.br-header,.br-hero,.br-home,.br-footer) * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}