/* The For business page (/for-business; services/forBusinessPage.js): the free ways in first, then the Venue plan. */
.fb-main { display: grid; gap: clamp(44px, 7vw, 80px); padding-block: 28px 72px; }
.fb-top { display: grid; gap: 32px; align-items: center; }
.fb-hero { display: grid; gap: 16px; justify-items: start; }
.fb-eyebrow { display: inline-flex; padding: 4px 12px; border-radius: 999px; background: var(--fill); color: var(--ink-2); font-size: 14px; font-weight: 600; }
.fb-hero h1 { font-size: clamp(38px, 7vw, 66px); line-height: 1.02; font-weight: 700; letter-spacing: -0.04em; }
.fb-lede { max-width: 580px; color: var(--ink-2); font-size: clamp(17px, 2.2vw, 20px); line-height: 1.5; }
.fb-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.fb-cta { min-height: 48px; margin-left: 0; padding: 0 22px; font-size: 16px; }
.fb-small { color: var(--ink-3); font-size: 14px; }
.fb-hero-shot { justify-self: center; display: grid; gap: 10px; justify-items: center; margin: 0; }
.fb-phone-shot { display: block; width: min(240px, 64vw); height: auto; border: 8px solid #16161a; border-radius: 40px; background: #16161a; box-shadow: 0 0 0 1px var(--line), var(--shadow-image); }
.fb-hero-shot figcaption { color: var(--ink-3); font-size: 13px; }
.fb-section { display: grid; gap: 18px; }
.fb-section > h2, .fb-end h2, .fb-plan h2 { font-size: clamp(26px, 4vw, 36px); line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; }
.fb-section-lede { max-width: 720px; margin-top: -8px; color: var(--ink-2); }
.fb-paths, .fb-free, .fb-steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.fb-path { display: flex; flex-direction: column; gap: 10px; padding: 22px; border: 1px solid var(--card-edge); border-radius: var(--radius-card); background: var(--card); }
.fb-path-head { display: flex; align-items: center; gap: 12px; }
.fb-path h3 { font-size: 20px; font-weight: 650; letter-spacing: -0.015em; }
.fb-icon { flex: none; width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: var(--fill); color: var(--link); }
.fb-path-lead { color: var(--ink-2); font-size: 15px; }
.fb-checks { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
.fb-checks li { position: relative; padding-left: 24px; }
.fb-checks li::before { content: ""; position: absolute; left: 4px; top: 7px; width: 10px; height: 6px; border-left: 2px solid var(--link); border-bottom: 2px solid var(--link); transform: rotate(-45deg); }
.fb-link { align-self: flex-start; margin-top: auto; padding-top: 4px; font-size: 15px; font-weight: 600; }
.fb-free { gap: 0; border-top: 1px solid var(--line); }
.fb-free a { display: grid; gap: 2px; height: 100%; padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--ink) !important; text-decoration: none; }
.fb-free a:hover .fb-free-title { color: var(--link); }
.fb-free-title { font-weight: 650; }
.fb-free-text { color: var(--ink-2); font-size: 15px; }
.fb-steps { counter-reset: step; }
.fb-steps li { display: grid; gap: 4px; padding: 18px 20px 18px 64px; position: relative; border-radius: 18px; background: var(--fill); counter-increment: step; }
.fb-steps li::before { content: counter(step); position: absolute; left: 18px; top: 16px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
  background: var(--buzz); color: #ffffff; font-weight: 700; }
.fb-steps span { color: var(--ink-2); font-size: 15px; }
/* The Venue plan, after the free ways: one dark card. */
.fb-plan { display: grid; gap: 22px; padding: clamp(24px, 5vw, 44px); border-radius: var(--radius-card); background: var(--ink); color: var(--on-ink); }
.fb-plan > div { display: grid; gap: 14px; justify-items: start; }
.fb-plan p { opacity: 0.82; }
.fb-plan .fb-eyebrow { background: rgba(127, 127, 127, 0.22); color: var(--on-ink); opacity: 1; }
.fb-plan .fb-checks li::before { border-color: currentColor; }
.fb-plan .button { background: rgba(127, 127, 127, 0.22); color: var(--on-ink) !important; }
.fb-faq { display: grid; border-top: 1px solid var(--line); }
.fb-qa { border-bottom: 1px solid var(--line); }
.fb-qa summary { display: flex; gap: 10px; align-items: baseline; min-height: 44px; padding: 14px 4px; cursor: pointer; font-weight: 600; list-style: none; }
.fb-qa summary::-webkit-details-marker { display: none; }
.fb-qa summary::before { content: "+"; flex: none; width: 1em; color: var(--ink-3); font-weight: 500; }
.fb-qa[open] summary::before { content: "–"; }
.fb-qa p { padding: 0 4px 16px calc(1em + 14px); color: var(--ink-2); }
.fb-end { display: grid; gap: 12px; justify-items: center; padding: clamp(28px, 6vw, 48px) 20px; border-radius: var(--radius-card); background: var(--fill); text-align: center; }
.fb-end p { color: var(--ink-2); }
.fb-end .fb-actions { justify-content: center; }
@media (min-width: 720px) {
  .fb-phone-shot { width: 280px; }
  .fb-paths, .fb-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fb-free { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
  .fb-plan { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; }
}
@media (min-width: 1000px) {
  .fb-top { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 48px; }
  .fb-free { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}