:root{--ink:#112631;--navy:#102832;--navy-2:#193743;--lime:#d8ef55;--paper:#f6f8f7;--line:#dce3e1;--muted:#61727a;--white:#fff;--max:1300px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3rem,6vw,6rem);font-weight:700}h2{font-size:clamp(2.1rem,4vw,4.25rem);font-weight:700}h3{font-size:1.45rem}.eyebrow{display:inline-block;color:#4e666f;font-size:.82rem;font-weight:800;letter-spacing:.13em;margin-bottom:20px}.eyebrow-light{color:var(--lime)}.site-header{height:88px;position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.header-main{height:100%;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-mark{width:52px;height:52px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900;font-size:1.1rem;letter-spacing:-.1em;border-radius:3px}.brand-mark span{color:var(--lime)}.brand-name{font-weight:900;letter-spacing:.065em;font-size:1.1rem;line-height:1.1}.brand-name small{display:block;font-size:.49rem;letter-spacing:.16em;color:#72838a;margin-top:5px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,29px);flex:1}.desktop-nav a{font-size:.91rem;font-weight:700;white-space:nowrap;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:#6c8700}.header-contact{text-align:right;flex:none}.header-phone{display:block;font-weight:800;font-size:1.02rem;white-space:nowrap}.header-small{font-size:.75rem;color:#697b82}.menu-toggle,.mobile-nav{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:58px;padding:0 25px;border:1px solid transparent;border-radius:3px;font-weight:800;line-height:1.2;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:1.25rem}.button-lime{background:var(--lime);color:var(--navy)}.button-lime:hover{background:#e4f67f}.button-outline{border-color:#89a0a8;color:white}.button-outline:hover{background:rgba(255,255,255,.1)}.button-dark{background:var(--navy);color:#fff}.button-dark:hover{background:#284c58}.text-link{font-weight:800;border-bottom:1px solid currentColor;padding-bottom:4px;white-space:nowrap}.text-link.light{color:#fff;border-color:#859aa1}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;min-height:650px}.hero-copy{padding:92px 7% 54px 0;display:flex;flex-direction:column;align-items:flex-start}.hero h1{max-width:750px;margin-bottom:25px}.hero h1 em{font-style:normal;color:var(--lime)}.hero-lead{font-size:1.15rem;line-height:1.6;color:#d0dce0;max-width:590px;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #41606c;width:100%;padding-top:26px;margin-top:auto}.hero-proof span{font-size:.75rem;line-height:1.4;color:#b6c6ca;min-width:110px}.hero-proof b{display:block;color:#fff;font-size:.95rem}.hero-media{min-height:590px;position:relative;overflow:hidden;background:#233c43}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,40,50,.12),transparent 40%),linear-gradient(0deg,rgba(16,40,50,.5),transparent 45%);pointer-events:none}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.media-caption{position:absolute;z-index:1;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;gap:10px;color:#fff;font-size:.72rem;letter-spacing:.1em}.quick-nav{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-1px;background:var(--lime);position:relative;z-index:2}.quick-nav a{min-height:165px;padding:25px 26px;position:relative;border-right:1px solid #b1c43b;display:flex;flex-direction:column;transition:background .2s}.quick-nav a:last-child{border:0}.quick-nav a:hover{background:#e5f587}.quick-nav span,.quick-nav small{font-size:.79rem}.quick-nav strong{font-size:1.35rem;line-height:1.15;letter-spacing:-.025em;margin:10px 30px 5px 0}.quick-nav b{position:absolute;right:24px;top:53px;font-size:1.4rem}.section{padding-top:110px;padding-bottom:110px}.section-pale{background:var(--paper)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-top h2{max-width:770px;margin-bottom:0}.section-top p{width:330px;flex:none;color:var(--muted);margin:0}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.use-grid article{background:#fff;padding:38px;min-height:260px}.use-number{display:block;color:#9cb71c;font-size:.85rem;font-weight:900;margin-bottom:45px}.use-grid h3{margin-bottom:13px}.use-grid p{color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-grid.single{grid-template-columns:repeat(4,1fr)}.product-card{background:#fff;min-width:0;display:flex;flex-direction:column;border:1px solid #e3e8e5;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 15px 35px #10283213;transform:translateY(-3px)}.product-visual{height:210px;background:linear-gradient(145deg,#e8efed,#d6e1df);position:relative;display:grid;place-items:center;overflow:hidden}.product-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(40deg,transparent 48%,#ffffff42 49%,transparent 51%);background-size:36px 36px}.product-type{position:absolute;left:16px;top:16px;background:white;padding:6px 10px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.mini-cube{width:112px;height:118px;border:6px solid #829398;border-radius:7px 7px 3px 3px;background:linear-gradient(140deg,#fff,#d9e2df 65%);box-shadow:13px 17px 0 -8px #849599,14px 25px 0 -7px #68797e;position:relative;transform:perspective(400px) rotateY(-14deg) rotateX(3deg)}.mini-cube:before{content:"";position:absolute;top:-15px;left:40px;width:24px;height:9px;background:#eaf0ed;border:3px solid #839599;border-radius:5px}.mini-cube:after{content:"";position:absolute;bottom:3px;left:42px;width:16px;height:11px;background:#3d5960}.mini-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 32%,#839599 33%,#839599 36%,transparent 37%,transparent 65%,#839599 66%,#839599 69%,transparent 70%),linear-gradient(0deg,transparent 30%,#839599 31%,#839599 34%,transparent 35%,transparent 63%,#839599 64%,#839599 67%,transparent 68%)}.product-copy{padding:25px;display:flex;flex-direction:column;flex:1}.card-kicker{font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#7f9911;margin-bottom:13px}.product-card h3{font-size:1.23rem;line-height:1.2;letter-spacing:-.035em;min-height:2.4em;margin-bottom:12px}.product-card p{font-size:.9rem;color:var(--muted);line-height:1.5;margin-bottom:25px}.card-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding-top:16px;font-weight:800;font-size:.9rem}.card-link span{font-size:1.2rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps>div{border-top:2px solid var(--navy);padding-top:17px}.steps span{display:block;font-size:.82rem;font-weight:800;color:#879e10;margin-bottom:50px}.steps h3{font-size:1.6rem}.steps p{color:var(--muted);max-width:330px}.cta-band{background:var(--navy);color:#fff;padding:85px 0}.cta-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:45px;align-items:end}.cta-grid h2{max-width:720px;margin-bottom:18px}.cta-grid p{color:#c5d4d8;max-width:700px;margin:0}.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:23px}.cta-actions .button{min-width:270px}.site-footer{background:#0b1d25;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.35fr;gap:50px}.brand-footer .brand-mark{border:1px solid #49636b}.brand-footer .brand-name small{color:#9eafb5}.footer-grid p{color:#a1b2b8;max-width:280px;margin-top:24px}.footer-grid strong{display:block;font-size:.8rem;color:#8ca5ad;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}.footer-grid>div:not(:first-child) a,.footer-grid>div:not(:first-child) span{display:block;margin-bottom:10px;font-size:.93rem}.footer-bottom{display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;border-top:1px solid #314650;margin-top:60px;padding-top:22px;color:#8ea2aa;font-size:.78rem}.page-intro{padding:94px 0 95px;background:#e8f0ee}.page-intro .wrap{max-width:1300px}.page-intro h1{max-width:940px;margin-bottom:20px}.page-intro p{max-width:700px;color:#4d626b;font-size:1.14rem;margin:0}.intro-dark{background:var(--navy);color:#fff}.intro-dark p{color:#c2d0d4}.intro-dark .eyebrow{color:var(--lime)}.catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:65px}.catalog-tabs a{border:1px solid #cfdad6;padding:10px 20px;border-radius:30px;font-weight:800;font-size:.88rem}.catalog-tabs a:hover{background:var(--lime);border-color:var(--lime)}.catalog-group{margin-bottom:85px;scroll-margin-top:35px}.group-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.group-head .eyebrow{margin-bottom:10px}.group-head h2{margin:0;font-size:2.7rem}.group-head>a{font-size:.9rem;font-weight:800;border-bottom:1px solid}.catalog-note{padding:20px 24px;background:#f0f4ef;color:#52656a;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split h2{margin-bottom:0}.split p{color:var(--muted)}.check-list p{padding:18px 0;border-bottom:1px solid var(--line);margin:0;color:var(--ink)}.check-list p:first-child{border-top:1px solid var(--line)}.check-list b{display:inline-block;width:50px;color:#98af22}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compare-grid article{padding:35px;background:var(--paper);min-height:355px;display:flex;flex-direction:column}.compare-grid span{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:#829d1a;margin-bottom:60px}.compare-grid h2{font-size:2rem}.compare-grid p{color:var(--muted)}.compare-grid a{font-weight:800;margin-top:auto;border-top:1px solid var(--line);padding-top:17px}.feature-panel{background:var(--lime);padding:40px}.feature-panel h3{font-size:2rem}.feature-panel p{color:#374c46;margin-bottom:25px}.selection-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:55px}.selection-main h2{margin-bottom:38px}.selection-row{display:flex;gap:26px;border-top:1px solid var(--line);padding:24px 0}.selection-row b{font-size:.85rem;color:#90a918}.selection-row h3{margin-bottom:9px}.selection-row p{color:var(--muted);margin:0}.selection-aside{background:var(--navy);color:#fff;padding:40px;height:fit-content;position:sticky;top:20px}.selection-aside>span{font-size:.75rem;letter-spacing:.1em;color:var(--lime);font-weight:800}.selection-aside h3{font-size:2.2rem;margin:65px 0 15px}.selection-aside p{color:#bfcfd3;margin-bottom:30px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-grid article{padding:35px;background:var(--paper);min-height:280px}.info-grid span{color:#8ca516;font-weight:800;font-size:.85rem}.info-grid h2{font-size:2rem;margin:45px 0 14px}.info-grid p{color:var(--muted);max-width:430px}.notice{background:#edf3d0;padding:26px 32px;display:flex;gap:40px;align-items:start;margin-top:35px}.notice b{font-size:.83rem;text-transform:uppercase;letter-spacing:.07em}.notice p{margin:0}.about-split p{font-size:1.05rem;line-height:1.7}.about-split .large-copy{font-size:1.3rem;color:var(--ink)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-methods>div{border-top:1px solid var(--line);padding:25px 0}.contact-methods>div:first-child{border-top:2px solid var(--navy)}.contact-methods span{display:block;color:#859aa1;font-weight:800;letter-spacing:.1em;font-size:.76rem;margin-bottom:15px}.contact-methods a,.contact-methods strong{display:block;font-size:1.55rem;line-height:1.2;font-weight:800;letter-spacing:-.035em}.contact-methods p{color:var(--muted);margin:11px 0 0}.request-panel{background:var(--paper);padding:42px;scroll-margin-top:25px}.request-panel h2{font-size:3rem;margin-bottom:12px}.request-panel>p{color:var(--muted);margin-bottom:25px}.request-panel label{display:block;font-weight:800;font-size:.88rem;margin-bottom:17px}.request-panel input,.request-panel textarea{display:block;width:100%;background:#fff;border:1px solid #cbd7d3;padding:14px 15px;outline:0;border-radius:2px;margin-top:8px;color:var(--ink);font-weight:400}.request-panel input:focus,.request-panel textarea:focus{border-color:#6c8d94;box-shadow:0 0 0 3px #b2ccd36b}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:.78rem;color:var(--muted);margin:17px 0 0}.form-note a{text-decoration:underline}.legal{max-width:880px}.legal h2{font-size:1.7rem;margin:35px 0 10px}.legal h2:first-child{margin-top:0}.legal p{line-height:1.7;color:var(--muted)}.legal a{text-decoration:underline}@media(max-width:1160px){.desktop-nav{gap:12px}.desktop-nav a{font-size:.82rem}.header-contact{display:none}.hero-grid{min-height:590px}.hero-copy{padding-top:75px}.hero h1{font-size:clamp(3rem,5.5vw,5rem)}.product-grid{grid-template-columns:repeat(2,1fr)}.product-visual{height:235px}}@media(max-width:800px){.wrap{width:min(100% - 36px,var(--max))}.site-header{height:72px}.brand-mark{width:45px;height:45px}.desktop-nav{display:none}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy)}.mobile-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:15px 18px 25px;box-shadow:0 15px 25px #1028321f}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:11px 3px;font-weight:800;border-bottom:1px solid var(--line)}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:65px 0 35px}.hero h1{font-size:clamp(3.1rem,10vw,5rem);max-width:680px}.hero-proof{margin-top:45px}.hero-media{height:420px;min-height:0;margin:0 -18px}.quick-nav{grid-template-columns:1fr;margin-top:0}.quick-nav a{min-height:115px;border-right:0;border-bottom:1px solid #b1c43b}.quick-nav strong{margin:5px 0}.quick-nav b{top:37px}.section{padding-top:72px;padding-bottom:72px}.section-top{display:block}.section-top p{width:auto;margin-top:20px}.use-grid,.steps,.compare-grid{grid-template-columns:1fr}.use-grid article{min-height:0}.use-number{margin-bottom:25px}.steps span{margin-bottom:28px}.cta-grid,.split,.selection-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.cta-band{padding:65px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.page-intro{padding:68px 0}.selection-aside{position:static}.selection-aside h3{margin-top:35px}.info-grid{grid-template-columns:1fr}.info-grid article{min-height:0}.info-grid h2{margin-top:25px}}@media(max-width:540px){h1{font-size:3rem}h2{font-size:2.25rem}.hero h1{font-size:3.15rem}.hero-lead{font-size:1rem}.hero-actions{width:100%}.hero-actions .button{width:100%}.hero-proof{gap:15px}.hero-proof span{width:calc(50% - 8px)}.hero-media{height:310px}.product-grid,.product-grid.single{grid-template-columns:1fr}.product-visual{height:230px}.section-top h2{font-size:2.3rem}.group-head{display:block}.group-head h2{font-size:2.2rem;margin-bottom:18px}.notice{display:block}.notice b{display:block;margin-bottom:10px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom>*{display:block;margin-bottom:8px}.request-panel{padding:25px}.request-panel h2{font-size:2.4rem}.form-pair{grid-template-columns:1fr}.contact-methods a,.contact-methods strong{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
:root .visual-volume{font-size:5.4rem;letter-spacing:-.11em;font-weight:900;line-height:1;color:#a9bbb6;position:relative;z-index:1;transform:translateX(-8px)}.visual-volume small{font-size:1.25rem;letter-spacing:0;margin-left:8px;color:#546f75}.brand-mark{display:flex;align-items:center;justify-content:center;gap:0;white-space:nowrap;letter-spacing:-.09em}

/* Original B&M Trade identity */
.brand-logo{display:block;width:220px;height:auto;aspect-ratio:2221/705}
.brand-footer{display:inline-flex;width:max-content;max-width:100%;padding:8px 10px;background:#fff;border-radius:4px}
.brand-footer .brand-logo{width:205px}
@media(max-width:800px){.brand-logo{width:176px}.brand-footer .brand-logo{width:190px}}
@media(max-width:360px){.brand-logo{width:156px}}

