/* Static marketing pages share their own design system (ADR-014). */
#business-checkout { position:fixed; inset:0; margin:auto; width:min(540px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:38px; color:var(--ink); background:var(--bg-cream); border:1px solid var(--line-strong); border-radius:28px; box-shadow:var(--shadow-card); font-family:var(--font-body); }
#business-checkout::backdrop { background:rgb(14 14 16 / .55); backdrop-filter:blur(5px); }
#business-checkout [hidden] { display:none !important; }
.business-close { position:absolute; top:15px; right:18px; width:34px; height:34px; border:0; border-radius:50%; background:var(--bg-cream-2); color:var(--ink); font-size:25px; cursor:pointer; }
.business-eyebrow { display:block; color:var(--coral-deep); font-size:12px; font-weight:800; letter-spacing:.08em; margin-bottom:14px; }
.business-heading h2 { font-family:var(--font-display); font-size:32px; line-height:1.25; margin:0 0 12px; }
.business-heading p { color:var(--ink-soft); font-size:14px; line-height:1.65; }
.business-fields { display:grid; gap:9px; margin:25px 0; }
.business-fields label { font-size:13px; font-weight:700; }
.business-fields input,.business-fields select { width:100%; box-sizing:border-box; min-height:48px; border:1px solid var(--line-strong); border-radius:11px; background:rgb(255 255 255 / .65); color:var(--ink); font:inherit; padding:10px 14px; margin-bottom:10px; }
.business-fields input:focus,.business-fields select:focus { outline:2px solid var(--coral); outline-offset:2px; }
.business-seats-head { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.business-seats-head span { color:var(--ink-soft); font-size:12px; }
.business-receipt { padding:20px; background:var(--ink-deep); color:var(--bg-cream); border-radius:16px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; }
.business-receipt span { font-size:13px; }
.business-receipt strong { font-family:var(--font-display); font-size:30px; }
.business-receipt p { width:100%; color:var(--mint); font-size:12px; line-height:1.5; }
.business-agreement { display:flex; gap:10px; align-items:flex-start; margin:20px 0; font-size:12px; line-height:1.6; color:var(--ink-soft); }
.business-agreement input { margin-top:4px; accent-color:var(--coral-deep); width:16px; height:16px; flex-shrink:0; }
.business-agreement a { color:inherit; text-decoration:underline; }
.business-submit { width:100%; display:flex; justify-content:center; align-items:center; min-height:50px; border:0; border-radius:12px; background:var(--coral); color:var(--ink-deep); font:inherit; font-weight:750; cursor:pointer; text-decoration:none; padding:12px; box-sizing:border-box; }
.business-submit:hover { background:var(--coral-deep); }
.business-submit:disabled { opacity:.5; cursor:not-allowed; }
.business-warning,.business-status { font-size:13px; line-height:1.6; margin:15px 0 0; }
.business-warning { color:#805900; }
.business-status:empty { display:none; }
.business-status[data-error="true"] { color:#a52b25; }
.business-retry { margin-top:12px; background:transparent; border:0; text-decoration:underline; cursor:pointer; font:inherit; }
.plan button.plan-cta { width:100%; font:inherit; cursor:pointer; }
@media(max-width:767px) { #business-checkout { padding:28px 22px; border-radius:22px; } .business-heading h2 { font-size:28px; } }