﻿.mex-b2b { --b2b-accent:#dfc298; scroll-margin-top:100px; }
.mex-b2b-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:end; margin-bottom:44px; }
.mex-b2b-kicker { display:block; font:500 9px/1.6 Arial,sans-serif; letter-spacing:.14em; color:var(--b2b-accent); margin-bottom:18px; }
.mex-redesign .mex-b2b-heading h2 { font-size:clamp(34px,4vw,52px); line-height:1.1; font-weight:400; color:var(--ink); margin:0; }
.mex-b2b-heading>p { font-size:14px; color:var(--muted); margin:0; max-width:460px; }
.mex-b2b-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.mex-b2b-grid article { padding:28px 0; border-top:1px solid #dfc29865; }
.mex-b2b-index { color:#bda98a; font:400 9px/1.6 Arial,sans-serif; letter-spacing:.1em; }
.mex-redesign .mex-b2b-grid h3 { font:400 24px/1.25 Arial,sans-serif; letter-spacing:-.035em; color:var(--ink); margin:20px 0 15px; }
.mex-b2b-grid p { font-size:13px; color:var(--muted); margin:0; }
.mex-b2b-delivery { display:grid; grid-template-columns:1fr 1.1fr; gap:70px; margin-top:38px; padding:40px; border:1px solid var(--line); background:#101b26; border-radius:3px; }
.mex-redesign .mex-b2b-delivery h3 { color:#f1f3f5; font-size:32px; font-weight:400; line-height:1.15; margin:0 0 20px; }
.mex-b2b-delivery-intro>p { color:#afbdc9; font-size:13px; }
.mex-b2b-delivery-intro>a { display:inline-flex; align-items:center; gap:30px; color:var(--b2b-accent); font-size:12px; padding:14px 0; border-bottom:1px solid #dfc29855; }
.mex-b2b-steps { padding:0; margin:0; list-style:none; }
.mex-b2b-steps li { display:flex; gap:20px; padding:16px 0; border-bottom:1px solid #ffffff15; }.mex-b2b-steps li:first-child { padding-top:0; }.mex-b2b-steps li:last-child { border:0; padding-bottom:0; }
.mex-b2b-steps li>span { flex:none; width:24px; padding-top:3px; font-size:10px; color:var(--b2b-accent); }
.mex-redesign .mex-b2b-steps h4 { font-size:17px; font-weight:400; color:#f1f3f5; margin:0 0 7px; }
.mex-b2b-steps p { font-size:12px; color:#afbdc9; margin:0; }
.mex-b2b-steps .mex-b2b-support-note { font-size:11px; color:#afbdc9; margin:14px 0 0; padding-top:14px; border-top:1px solid #ffffff15; }
.mex-b2b a:focus-visible { outline:2px solid var(--b2b-accent); outline-offset:5px; }
.mex-b2b-form-help { color:var(--muted); font-size:12px; margin:-24px 0 26px; }
.mex-redesign .mex-b2b-benefits .container { flex-wrap:wrap; justify-content:center; gap:20px 32px; }.mex-b2b-benefits span { color:#f1f3f5; }
@media(max-width:900px) { .mex-b2b-heading { gap:35px; }.mex-b2b-delivery { gap:35px; padding:30px; } }
@media(max-width:767px) { .mex-b2b-heading,.mex-b2b-grid,.mex-b2b-delivery { grid-template-columns:minmax(0,1fr); }.mex-b2b-heading { gap:25px; }.mex-b2b-grid { gap:0; }.mex-b2b-delivery { padding:26px; margin-top:25px; }.mex-redesign .mex-b2b-delivery h3 { font-size:28px; }.mex-redesign .mex-b2b-benefits .container { flex-direction:column; gap:12px; padding-block:22px; }.mex-b2b-benefits i { display:none; } }
