/* Platform marketing page (register-business) — sells the CRM product itself,
   distinct from any tenant's own themed public website (see site.css). */
:root {
    --mkt-accent: #4f46e5;
    --mkt-accent2: #7c3aed;
    --mkt-soft: #eef0ff;
}
body.mkt { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #14151f; }
body.mkt h1, body.mkt h2, body.mkt h3, body.mkt h4, body.mkt h5, body.mkt h6 { font-weight: 800; letter-spacing: -0.01em; }
.text-accent { color: var(--mkt-accent); }
.grad-text { background: linear-gradient(90deg, var(--mkt-accent), var(--mkt-accent2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--mkt-accent); margin-right: .5rem; }
.btn-pill { border-radius: 999px; padding-left: 1.7rem; padding-right: 1.7rem; }
.alt-bg { background: var(--mkt-soft); }

/* ---- Nav ---- */
.mkt-nav { background: rgba(255,255,255,.9); backdrop-filter: blur(10px); border-bottom: 1px solid #e6e8f0; padding: .9rem 0; z-index: 40; }
.mkt-brand { display: flex; align-items: center; gap: .6rem; font-weight: 800; font-size: 1.1rem; color: #14151f; }
.mkt-brand:hover { color: #14151f; }
.mkt-mark { width: 34px; height: 34px; border-radius: 9px; background: linear-gradient(135deg, var(--mkt-accent), var(--mkt-accent2)); color: #fff; display: flex; align-items: center; justify-content: center; }
.mkt-nav .nav-link { color: #4b5160; font-weight: 600; font-size: .92rem; }
.mkt-nav .nav-link:hover { color: var(--mkt-accent); }

/* ---- Hero ---- */
.mkt-hero { padding: 5rem 0 4.5rem; background: radial-gradient(circle at 90% 10%, #eef2ff 0, transparent 45%), #fff; }
.mkt-hero h1 { font-size: clamp(2.2rem, 4.5vw, 3.4rem); line-height: 1.1; }
.mkt-hero .lead { color: #6b7180; max-width: 560px; }
.mkt-eyebrow { display: inline-flex; align-items: center; background: var(--mkt-soft); color: var(--mkt-accent); font-size: .74rem; font-weight: 700; letter-spacing: .06em; padding: .4rem .9rem; border-radius: 999px; }
.mkt-trust { display: flex; flex-wrap: wrap; gap: .6rem; }
.mkt-trust span { background: #f6f7fb; border: 1px solid #e6e8f0; border-radius: 999px; padding: .4rem .9rem; font-size: .83rem; font-weight: 600; color: #4b5160; }
.mkt-trust i { color: var(--mkt-accent); margin-right: .35rem; }

.mkt-mock { background: #0e1020; border-radius: 20px; padding: 1.4rem; box-shadow: 0 30px 60px rgba(15,23,42,.25); }
.mkt-mock-bar { display: flex; gap: 6px; margin-bottom: 1rem; }
.mkt-mock-bar i { width: 10px; height: 10px; border-radius: 50%; background: #383b52; }
.mkt-mock-row { margin-bottom: .7rem; }
.mkt-chip { display: inline-block; padding: .5rem .9rem; border-radius: 10px; font-size: .82rem; font-weight: 600; width: 100%; }
.mkt-chip-green { background: rgba(22,163,74,.15); color: #4ade80; }
.mkt-chip-amber { background: rgba(217,119,6,.18); color: #fbbf24; }
.mkt-chip-red { background: rgba(220,38,38,.18); color: #f87171; }
.mkt-mock-stats { display: flex; justify-content: space-between; margin-top: 1.4rem; padding-top: 1.2rem; border-top: 1px solid #2a2d42; }
.mkt-mock-stats strong { display: block; color: #fff; font-size: 1.25rem; }
.mkt-mock-stats small { color: #9698ac; }

/* ---- Sections ---- */
.mkt-section { padding: 4.5rem 0; }
.mkt-sec-head { margin-bottom: 2.75rem; }
.mkt-sec-head h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); }
.mkt-sub { color: #6b7180; max-width: 620px; margin: .6rem auto 0; }

.mkt-feature { background: #fff; border: 1px solid #e6e8f0; border-radius: 16px; padding: 1.6rem; transition: transform .15s, box-shadow .15s; }
.mkt-feature:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(15,23,42,.08); }
.mkt-feature-ico { width: 50px; height: 50px; border-radius: 13px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; margin-bottom: 1rem; }
.mkt-feature h5 { margin-bottom: .5rem; }

.mkt-industry { border-radius: 16px; padding: 1.5rem 1rem; text-align: center; color: #fff; height: 100%; display: flex; flex-direction: column; align-items: center; gap: .6rem; }
.mkt-industry i { font-size: 1.8rem; }
.mkt-industry span { font-weight: 700; font-size: .88rem; }

.mkt-step { text-align: center; padding: 1rem; }
.mkt-step-num { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: var(--mkt-soft); color: var(--mkt-accent); font-weight: 800; font-size: 1.2rem; margin-bottom: 1rem; }

.signup-section { background: #0e1020; }
.mkt-form-card { background: #fff; border-radius: 20px; padding: 2.25rem; box-shadow: 0 30px 60px rgba(0,0,0,.3); }

/* ---- Footer ---- */
.mkt-footer { background: #0e1020; color: #9698ac; padding: 3.5rem 0 1.75rem; }
.mkt-footer h6 { color: #fff; margin-bottom: 1rem; }
.mkt-footer a { color: #c7c9db; text-decoration: none; }
.mkt-footer a:hover { color: #fff; }
.mkt-footer .mkt-brand { color: #fff; }
.mkt-footer .mkt-brand:hover { color: #fff; }