/* B2B and consultations */
.bx-herosplit { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-12); align-items: center; }
.bx-glass { padding: var(--space-8); border-radius: var(--radius-lg); border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06); display: grid; gap: var(--space-3); }
.bx-glass h2 { margin: 0; font: 600 26px/40px var(--font-display); color: #fff; }
.bx-glass p { margin: 0; font-size: 14px !important; line-height: 24px !important; }
.bx-glass-bar { display: block; width: 56px; height: 4px; border-radius: 4px; background: #c6f84a; }
.bx-hintcard { display: grid; gap: var(--space-3); align-content: center; padding: var(--space-8); }
.bx-hintcard h2 { margin: 0; font: 600 22px/34px var(--font-display); }
.bx-hintcard p { margin: 0; color: var(--ink-muted); }
.bx-orgs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.bx-org { position: relative; display: grid; gap: var(--space-3); align-content: start; padding: var(--space-6); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); color: var(--ink) !important; transition: box-shadow .2s ease, border-color .2s ease; }
.bx-org h3 { margin: 0; font: 600 18px/28px var(--font-display); }
.bx-org p { margin: 0; color: var(--ink-muted); font: 400 14px/24px var(--font-sans); }
.bx-org > small { position: absolute; inset-block-start: 16px; inset-inline-end: 20px; color: var(--ink-subtle); font: 600 12px/18px var(--font-display); }
.bx-svc:hover { box-shadow: var(--shadow-card); border-color: var(--line-strong); }
.bx-svc-go { margin-top: var(--space-2); color: var(--accent-text); font: 600 13px/20px var(--font-sans); }
.bx-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: var(--space-12); align-items: start; }
.bx-formcard { border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); padding: var(--space-8); box-shadow: var(--shadow-card); }
@media (max-width: 1100px) { .bx-herosplit, .bx-split { grid-template-columns: 1fr; gap: var(--space-8); } .bx-orgs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .bx-orgs { grid-template-columns: 1fr; } .bx-formcard { padding: var(--space-5, 20px); } }