/* Brands page styles (external file, so hosts with a strict Content-Security-Policy still load it) */
.bx{--zx:#2B3A5C;--ln:#A5473F;--ol:#55532F;--ink:#1B241F;--mut:#5d625c;--line:#e4e0d3;--g:1rem}
.bx img{max-width:100%}
.bx .eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ol);font-weight:600;margin:0 0 .5rem}
.bx-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 0;padding:0;list-style:none}
.bx-chips li{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.35rem .85rem;font-size:.85rem}
/* brand cards: always 1 x 2 */
.bx-duo{display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}
.bx-hero{position:relative;border-radius:18px;overflow:hidden;min-height:460px;color:#fff;display:flex;align-items:flex-end;isolation:isolate;text-decoration:none}
.bx-hero img.bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:-2;transition:transform .7s}
.bx-hero:hover img.bg{transform:scale(1.04)}
.bx-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(14,18,16,.9),rgba(14,18,16,.3) 62%,rgba(14,18,16,.05))}
.bx-hero .in{padding:1.6rem;width:100%}
.bx-hero h2{color:#fff;margin:.2rem 0 .4rem}
.bx-hero p{margin:0 0 1rem;color:#ecebe3;max-width:34ch}
.bx-tag{display:inline-block;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:.25rem .75rem;font-size:.78rem;letter-spacing:.06em;margin-right:.4rem}
.bx-go{font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.6)}
.bx-logo{background:#fff;border-radius:12px;padding:.45rem .9rem;display:inline-flex;align-items:center;min-height:64px;margin-bottom:1rem}
.bx-logo img{height:48px;width:auto;display:block}
.wm{font-family:Georgia,serif;letter-spacing:.24em;font-weight:700;font-size:1.3rem}
.wm.z{color:var(--zx)}
/* stats: always 1 x 4 */
.bx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0;padding:0;list-style:none}
.bx-stats li{border-top:2px solid var(--ol);padding-top:.7rem}
.bx-stats b{display:block;font-size:2rem;line-height:1.1;font-family:Georgia,serif;color:var(--ink);white-space:nowrap}
.bx-stats span{display:block;font-size:.88rem;color:var(--mut);margin-top:.2rem}
.bx-head{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-bottom:1.4rem}
.bx-head .bx-logo{margin:0;border:1px solid var(--line)}
.bx-head h2{margin:0}
.bx-fab{display:inline-block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#fff;border-radius:999px;padding:.3rem .8rem}
.zx .bx-fab{background:var(--zx)}.ln .bx-fab{background:var(--ln)}
.bx-body{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:start;margin-bottom:1.8rem}
.bx-body .lead2{font-size:1.1rem;line-height:1.6;margin:0 0 1rem}
.bx-ticks{list-style:none;margin:0 0 1.2rem;padding:0}
.bx-ticks li{padding:.35rem 0 .35rem 1.6rem;position:relative}
.bx-ticks li:before{content:"";position:absolute;left:0;top:.75rem;width:.9rem;height:.5rem;border-left:2px solid var(--ol);border-bottom:2px solid var(--ol);transform:rotate(-45deg)}
.bx-rng{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.bx-rng div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}
.zx .bx-rng div{border-top:3px solid var(--zx)}.ln .bx-rng div{border-top:3px solid var(--ln)}
.bx-rng h3{margin:0 0 .5rem;font-size:1rem}
.bx-rng ul{margin:0;padding-left:1.1rem;font-size:.92rem;color:var(--mut)}
/* products: 1 x 4 on desktop, swipe carousel on tablet and mobile */
.bx-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g)}
.bx-nav{display:none}
.bx-p{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;min-width:0}
.bx-p:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(27,36,31,.12)}
.bx-p figure{margin:0;aspect-ratio:3/4;overflow:hidden}
.bx-p img{width:100%;height:100%;object-fit:cover;display:block}
.bx-p div{padding:.8rem .9rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.bx-p h3{margin:0;font-size:1rem}.bx-p p{margin:0;font-size:.85rem;color:var(--mut)}
.bx-p button{margin-top:auto;width:100%}
.bx-note{font-size:.85rem;color:var(--mut);margin:.8rem 0 0}
.bx-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
.bx-tbl table{width:100%;border-collapse:collapse;min-width:520px}
.bx-tbl th,.bx-tbl td{text-align:left;padding:.9rem 1.1rem;border-bottom:1px solid var(--line);vertical-align:top}
.bx-tbl tr:last-child td{border-bottom:0}
.bx-tbl thead th{color:#fff}
.bx-tbl thead th.z{background:var(--zx)}.bx-tbl thead th.l{background:var(--ln)}.bx-tbl thead th:first-child{background:var(--ink)}
.bx-tbl tbody th{font-weight:600;width:24%;background:#faf8f1}
.bx-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.bx-trust article,.bx-aud article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.3rem;border-top:3px solid var(--ol)}
.bx-trust h3,.bx-aud h3{margin:0 0 .4rem;font-size:1.05rem}.bx-trust p,.bx-aud p{margin:0;color:var(--mut);font-size:.94rem}
.bx-aud{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.bx-aud .btn{margin-top:1rem}
.bx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;list-style:none;margin:0;padding:0;counter-reset:s}
.bx-steps li{counter-increment:s;padding-top:3rem;position:relative}
.bx-steps li:before{content:counter(s);position:absolute;top:0;left:0;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--ol);color:#fff;display:grid;place-items:center;font-weight:600}
.bx-steps b{display:block;margin-bottom:.25rem}.bx-steps span{font-size:.92rem;color:var(--mut)}
.bx-reg{font-size:.88rem;color:var(--mut);margin-top:1.2rem}
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .7s,transform .7s}
.js .rv.in{opacity:1;transform:none}

/* tablet and mobile */
@media(max-width:860px){
.bx-body{grid-template-columns:1fr}
.bx-steps,.bx-trust{grid-template-columns:1fr 1fr}
.bx-hero{min-height:380px}
.bx-stats{gap:.7rem}.bx-stats b{font-size:1.5rem}.bx-stats span{font-size:.78rem}
.bx-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;padding-bottom:.4rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bx-rail::-webkit-scrollbar{display:none}
.bx-rail .bx-p{flex:0 0 calc((100% - 1.6rem)/3);scroll-snap-align:start}
.bx-nav{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:.6rem;font-size:.8rem;color:var(--mut)}
.bx-nav button{width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer}
}
@media(max-width:600px){
.bx-duo{gap:.6rem}
.bx-hero{min-height:300px;border-radius:14px}
.bx-hero .in{padding:.8rem}
.bx-hero h2{font-size:1.05rem}
.bx-hero p{font-size:.74rem;margin-bottom:.6rem;line-height:1.35}
.bx-tag{font-size:.62rem;padding:.15rem .5rem;margin-right:.2rem}
.bx-go{font-size:.78rem}
.bx-hero .bx-logo{min-height:42px;padding:.3rem .5rem;margin-bottom:.6rem}
.bx-hero .bx-logo img{height:30px}
.bx-hero .wm{font-size:.8rem;letter-spacing:.14em}
.bx-stats{gap:.4rem}.bx-stats li{padding-top:.5rem}.bx-stats b{font-size:1.05rem}.bx-stats span{font-size:.64rem;line-height:1.3}
.bx-rail .bx-p{flex:0 0 46%}
.bx-p div{padding:.55rem .6rem .7rem}.bx-p h3{font-size:.88rem}.bx-p p{font-size:.74rem}
.bx-p button{font-size:.74rem;padding:.45rem .3rem}
.bx-rng{gap:.6rem}.bx-rng div{padding:.8rem}.bx-rng ul{font-size:.82rem}
.bx-head .bx-logo img{height:40px}
.bx-body .lead2{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.bx-hero img.bg,.bx-p{transition:none}}

/* ---- consistent typography (one scale for all body text) ---- */
.bx{--fs:1rem;--fs-s:.85rem;--fs-h:1.05rem}
.bx-body .lead2,.bx-ticks li,.bx-trust p,.bx-aud p,.bx-steps span,.bx-tbl td,.bx-tbl th,.bx .sub{font-size:var(--fs);line-height:1.55}
.bx-rng ul,.bx-note,.bx-reg,.bx-p p{font-size:var(--fs-s)}
.bx-trust h3,.bx-aud h3,.bx-rng h3,.bx-p h3,.bx-steps b{font-size:var(--fs-h)}
.bx-btns{display:flex;flex-wrap:wrap;gap:.6rem}
@media(max-width:860px){
.bx{--fs:.92rem;--fs-s:.8rem;--fs-h:.98rem}
.bx-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}
.bx-chips li{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:12px;padding:.45rem .3rem;font-size:var(--fs-s);line-height:1.25}
.bx-btns{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.bx-btns .btn{width:100%;text-align:center;justify-content:center;padding:.7rem .4rem;font-size:var(--fs-s);white-space:normal;margin:0}
.bx .ph .lead{font-size:var(--fs)}
}
@media(max-width:600px){
.bx{--fs:.86rem;--fs-s:.74rem;--fs-h:.9rem}
.bx-chips{gap:.3rem}.bx-chips li{padding:.4rem .2rem;border-radius:10px}
.bx-trust,.bx-aud,.bx-steps{gap:.6rem}
.bx-trust article,.bx-aud article{padding:.8rem}
.bx-aud .btn{width:100%;text-align:center;padding:.6rem .3rem;font-size:var(--fs-s);white-space:normal}
.bx-steps li{padding-top:2.6rem}
.bx-steps li:before{width:2rem;height:2rem}
.bx-hero p{font-size:var(--fs-s)}
}