@font-face{font-family:Fraunces;font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/b2b-fonts/fraunces-normal-latin.woff2") format("woff2")}
@font-face{font-family:Fraunces;font-style:italic;font-weight:400 600;font-display:swap;src:url("/assets/b2b-fonts/fraunces-italic-latin.woff2") format("woff2")}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url("/assets/b2b-fonts/manrope-normal-latin.woff2") format("woff2")}

  .comm-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
  @media(max-width:820px){.comm-grid{grid-template-columns:1fr}}
  .comm{background:var(--card-grad);border:1px solid var(--line-cream);border-radius:22px;overflow:hidden;box-shadow:var(--card-shadow);display:flex;flex-direction:column}
  .comm-banner{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-bottom:1px solid var(--line-cream)}
  .comm-body{padding:clamp(26px,3.2vw,38px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;flex:1}
  .comm-logo{height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}
  .comm-logo svg,.comm-logo img{height:30px;width:auto;display:block}
  .comm h3{font-family:var(--serif);font-weight:500;font-size:24px;color:var(--ink);margin:0;line-height:1.1}
  .comm p{color:var(--muted);font-size:15px;margin:0;line-height:1.6}
  .comm .feats{list-style:none;padding:0;margin:2px 0 0;display:inline-grid;gap:9px;text-align:left}
  .comm .feats li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:14px;color:var(--ink);align-items:start}
  .comm .feats li svg{margin-top:3px;color:var(--orange);flex:none}
  .comm .btn{margin-top:auto}

/* Restore transferred section geometry where the B2B base had a narrower scope. */
.b2b-site #system .sys-shot{margin-top:40px}
.b2b-site #problem .paincard p{font-size:15px;line-height:1.65}
.b2b-site .comm p{font-size:15px}
.b2b-site #working-together .comm{height:100%}