/* ============================================================ Shared theme overrides — black/white button + section redesign Scoped per-page via where values differ ============================================================ */ /* Universal buttons — used identically on all three pages */ .btn.theme-btn-solid { background:#000; color:#fff; border:2px solid #000; border-radius:999px; padding:10px 28px; font-size:0.95rem; font-weight:600; } .btn.theme-btn-solid:hover { background:#1a1a1a; } .btn.theme-btn-pill { background:#fff; color:#1a1a2e; border:2px solid #E2E8F0; border-radius:999px; padding:10px 28px; font-size:0.95rem; font-weight:600; } .btn.theme-btn-pill:hover { background:#f5f5f7; } /* Homepage only */ body.page-home .step-number { background:#f5f5f7 !important; color:#000 !important; border:none !important; } body.page-home .cta-section { background:#f5f5f7 !important; } body.page-home .cta-section h2 { color:#1a1a2e !important; } body.page-home .cta-section p { color:var(--muted) !important; } /* Pricing page only */ body.page-pricing .pricing-card.featured { border-color:#000 !important; } /* Features page only */ body.page-features .page-hero { background:#fff !important; } body.page-features .page-hero h1 { color:#1a1a2e !important; } body.page-features .page-hero p { color:var(--muted) !important; } body.page-features .page-hero .section-label { color:#6b7280 !important; } body.page-features .feature-category { color:#6b7280 !important; } body.page-features .cta-section { background:#fff !important; } body.page-features .cta-section h2 { color:#1a1a2e !important; } body.page-features .cta-section p { color:var(--muted) !important; } /* Pill button with black border (used on features page inline CTAs) */ .btn.theme-btn-pill-black { background:#fff; color:#1a1a2e; border:2px solid #000; border-radius:999px; padding:10px 28px; font-size:0.95rem; font-weight:600; } .btn.theme-btn-pill-black:hover { background:#f5f5f7; } /* Pricing page CTA section */ body.page-pricing .cta-section { background:#fff !important; } body.page-pricing .cta-section h2 { color:#1a1a2e !important; } body.page-pricing .cta-section p { color:var(--muted) !important; } /* Fix text centering on the base marketing .btn (was missing justify-content) */ .btn { justify-content: center; } /* Mobile nav menu buttons — match desktop theme-btn-solid/pill styling */ .mobile-nav-btn.mobile-nav-btn-primary { background:#000 !important; color:#fff !important; border:2px solid #000 !important; border-radius:999px !important; } .mobile-nav-btn.mobile-nav-btn-ghost { background:#fff !important; color:#1a1a2e !important; border:2px solid #E2E8F0 !important; border-radius:999px !important; } .steps-cta-link { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; } .steps-cta-link svg { width: 16px; height: 16px; flex-shrink: 0; } .arrow-bold { font-weight: 700; font-size: 1.15em; margin-left: 2px; display: inline-block; }