.platform-home .dashboard-main { max-width: none; padding: 0; }
.platform-home .dashboard-main > section { margin-left: auto; margin-right: auto; max-width: 1184px; }
.mkt-kicker { color: var(--platform-accent); display: inline-block; font-size: .72rem; font-weight: 780; letter-spacing: .14em; text-transform: uppercase; }
.mkt-hero { align-items: center; display: grid; gap: clamp(50px, 7vw, 96px); grid-template-columns: minmax(0,.9fr) minmax(480px,1.1fr); min-height: 680px; padding: 82px 28px 74px; }
.mkt-hero__copy { max-width: 540px; }
.mkt-hero h1 { color: var(--platform-ink); font-size: clamp(3rem, 5.4vw, 5rem); font-weight: 620; letter-spacing: -.065em; line-height: .98; margin: 18px 0 24px; }
.mkt-hero__lede { color: var(--platform-muted); font-size: 1.08rem; line-height: 1.7; max-width: 500px; }
.mkt-hero__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 22px; margin-top: 30px; }
.mkt-hero__actions .btn,.mkt-cta .btn { align-items: center; display: inline-flex; gap: 10px; padding: 13px 18px; }
.mkt-text-link { color: var(--platform-ink); font-size: .9rem; font-weight: 680; text-decoration: none; }
.mkt-text-link:hover { color: var(--platform-accent); }
.mkt-hero__note { align-items: center; color: #78837b; display: flex; font-size: .78rem; gap: 8px; margin-top: 20px; }
.mkt-hero__note svg { color: var(--platform-accent); }

.mkt-console { background: var(--platform-surface); border: 1px solid var(--platform-line); border-radius: 18px; box-shadow: 0 32px 80px rgba(28,45,34,.13); overflow: hidden; transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); }
.mkt-console__topbar { align-items: center; border-bottom: 1px solid var(--platform-line); display: flex; justify-content: space-between; padding: 14px 16px; }
.mkt-console__brand { align-items: center; display: flex; font-size: .72rem; font-weight: 720; gap: 8px; }
.mkt-console__brand > span { align-items: center; background: var(--platform-ink); border-radius: 6px; color: #fff; display: flex; height: 24px; justify-content: center; width: 24px; }
.mkt-console__status { align-items: center; background: #edf7f1; border-radius: 999px; color: #317151; display: flex; font-size: .6rem; font-weight: 700; gap: 6px; padding: 5px 8px; }
.mkt-console__status i { background: #3e9b69; border-radius: 50%; height: 5px; width: 5px; }
.mkt-console__body { display: grid; grid-template-columns: 54px 1fr; min-height: 390px; }
.mkt-console__rail { align-items: center; background: #1b251f; display: flex; flex-direction: column; gap: 18px; padding-top: 25px; }
.mkt-console__rail span { background: #667269; border-radius: 4px; height: 14px; opacity: .6; width: 14px; }
.mkt-console__rail span.is-active { background: #b2dec3; box-shadow: 0 0 0 8px rgba(178,222,195,.1); opacity: 1; }
.mkt-console__main { background: var(--platform-wash); min-width: 0; padding: 27px 25px; }
.mkt-console__heading { align-items: center; display: flex; justify-content: space-between; }
.mkt-console__heading small,.mkt-console__heading strong { display: block; }
.mkt-console__heading small { color: #7b867e; font-size: .57rem; margin-bottom: 3px; }
.mkt-console__heading strong { font-size: 1rem; }
.mkt-console__heading > span { background: var(--platform-accent); border-radius: 7px; color: var(--platform-on-accent); font-size: .59rem; font-weight: 680; padding: 8px 10px; }
.mkt-console__metrics { display: grid; gap: 10px; grid-template-columns: repeat(3,1fr); margin: 22px 0; }
.mkt-console__metrics > div { background: var(--platform-surface); border: 1px solid var(--platform-line); border-radius: 10px; padding: 13px; }
.mkt-console__metrics small,.mkt-console__metrics strong,.mkt-console__metrics em { display: block; }
.mkt-console__metrics small { color: #778279; font-size: .55rem; }
.mkt-console__metrics strong { font-size: 1.3rem; margin: 7px 0 3px; }
.mkt-console__metrics em { color: #43805d; font-size: .5rem; font-style: normal; }
.mkt-console__orders { background: var(--platform-surface); border: 1px solid var(--platform-line); border-radius: 10px; padding: 15px; }
.mkt-console__orders-head { display: flex; font-size: .61rem; justify-content: space-between; margin-bottom: 10px; }
.mkt-console__orders-head span { color: var(--platform-accent); }
.mkt-console__order { align-items: center; border-top: 1px solid var(--platform-line); color: var(--platform-muted); display: grid; font-size: .54rem; grid-template-columns: 1fr auto 48px; gap: 12px; padding: 10px 0; }
.mkt-console__order > span:first-child { align-items: center; color: var(--platform-ink); display: flex; gap: 8px; }
.mkt-console__order i { align-items: center; background: #edf1ee; border-radius: 50%; display: flex; font-size: .46rem; font-style: normal; height: 24px; justify-content: center; width: 24px; }
.mkt-console__order .is-paid,.mkt-console__order .is-new { border-radius: 999px; font-weight: 700; padding: 4px 6px; text-align: center; }
.mkt-console__order .is-paid { background: #eaf5ee; color: #337051; }
.mkt-console__order .is-new { background: #f4efe2; color: #846d2f; }

.mkt-capabilities { border-bottom: 1px solid var(--platform-line); border-top: 1px solid var(--platform-line); display: grid; grid-template-columns: repeat(5,1fr); padding: 0 28px; }
.mkt-capabilities > span { align-items: center; color: var(--platform-muted); display: flex; font-size: .76rem; font-weight: 650; gap: 9px; justify-content: center; padding: 24px 12px; }
.mkt-capabilities svg { color: var(--platform-accent); }
.mkt-workflow { padding: 110px 28px; }
.mkt-section-intro { max-width: 610px; }
.mkt-section-intro h2,.mkt-operations h2,.mkt-cta h2 { font-size: clamp(2.25rem,4vw,3.7rem); font-weight: 620; letter-spacing: -.055em; line-height: 1.05; margin: 15px 0 18px; }
.mkt-section-intro p,.mkt-operations__copy > p { color: var(--platform-muted); line-height: 1.7; }
.mkt-workflow__grid { display: grid; gap: 16px; grid-template-columns: repeat(2,1fr); margin-top: 48px; }
.mkt-workflow__feature { background: var(--platform-surface); border: 1px solid var(--platform-line); border-radius: 16px; min-height: 300px; overflow: hidden; padding: 30px; position: relative; }
.mkt-workflow__feature--wide { align-items: center; display: grid; gap: 35px; grid-column: 1/-1; grid-template-columns: 1fr .75fr; min-height: 340px; padding: 42px; }
.mkt-feature-index { color: #a5aea7; font-size: .65rem; font-weight: 700; left: auto; letter-spacing: .1em; position: absolute; right: 25px; top: 22px; }
.mkt-feature-icon { align-items: center; background: var(--platform-soft); border-radius: 10px; color: var(--platform-accent); display: flex; height: 45px; justify-content: center; margin-bottom: 46px; width: 45px; }
.mkt-workflow__feature--wide .mkt-feature-icon { margin-bottom: 28px; }
.mkt-workflow__feature h3 { font-size: 1.3rem; font-weight: 680; letter-spacing: -.025em; margin-bottom: 10px; }
.mkt-workflow__feature p { color: var(--platform-muted); font-size: .88rem; line-height: 1.65; margin: 0; max-width: 450px; }
.mkt-theme-preview { background: #f3f4f1; border: 1px solid #dfe4df; border-radius: 12px; box-shadow: 0 16px 35px rgba(26,43,31,.1); display: grid; gap: 9px; grid-template-columns: repeat(3,1fr); padding: 42px 16px 16px; transform: rotate(2deg); }
.mkt-theme-preview::before { background: var(--platform-ink); border-radius: 6px; content: ""; height: 12px; left: 15px; position: absolute; top: 15px; width: 54px; }
.mkt-theme-preview { position: relative; }
.mkt-theme-preview span { background: #fff; border: 1px solid #e2e6e2; border-radius: 7px; height: 105px; position: relative; }
.mkt-theme-preview span::before { background: #dfe9e2; border-radius: 6px 6px 2px 2px; content: ""; height: 60px; left: 5px; position: absolute; right: 5px; top: 5px; }

.mkt-operations { align-items: center; background: var(--platform-wash); border-radius: 24px; display: grid; gap: 80px; grid-template-columns: 1fr 1fr; margin-bottom: 110px; padding: clamp(45px,7vw,82px); }
.mkt-operations__copy ul { display: grid; gap: 14px; list-style: none; margin: 28px 0 0; padding: 0; }
.mkt-operations__copy li { align-items: flex-start; display: flex; font-size: .84rem; gap: 10px; }
.mkt-operations__copy li svg { color: var(--platform-accent); flex: 0 0 auto; }
.mkt-focus-card { background: var(--platform-surface); border: 1px solid var(--platform-line); border-radius: 16px; box-shadow: 0 22px 50px rgba(28,45,34,.09); padding: 22px; }
.mkt-focus-card__header span,.mkt-focus-card__header strong { display: block; }
.mkt-focus-card__header span { color: var(--platform-accent); font-size: .65rem; font-weight: 740; letter-spacing: .08em; text-transform: uppercase; }
.mkt-focus-card__header strong { font-size: 1rem; margin-top: 5px; }
.mkt-focus-card__item { align-items: center; border-top: 1px solid var(--platform-line); display: grid; gap: 12px; grid-template-columns: 40px 1fr auto; padding: 17px 0; }
.mkt-focus-card__item:first-of-type { margin-top: 18px; }
.mkt-focus-card__icon { align-items: center; background: var(--platform-soft); border-radius: 9px; color: var(--platform-accent); display: flex; height: 40px; justify-content: center; width: 40px; }
.mkt-focus-card__item strong,.mkt-focus-card__item small { display: block; }
.mkt-focus-card__item strong { font-size: .77rem; margin-bottom: 3px; }
.mkt-focus-card__item small { color: var(--platform-muted); font-size: .67rem; }
.mkt-focus-card__item > span:last-child { align-items: center; background: #f0f3f0; border-radius: 50%; display: flex; font-size: .66rem; font-weight: 730; height: 28px; justify-content: center; width: 28px; }
.mkt-focus-card__item > span.is-done { background: #e8f4ec; color: var(--platform-accent); }
.mkt-cta { background: var(--platform-hero); border-radius: 24px 24px 0 0; color: #fff; padding: 90px 28px; text-align: center; }
.mkt-cta .mkt-kicker { color: #9fd5b7; }
.mkt-cta h2 { margin-left: auto; margin-right: auto; max-width: 650px; }
.mkt-cta p { color: #b9c5bd; margin: 0 0 28px; }
.mkt-cta .btn-light { color: var(--platform-ink); }

@media (max-width: 980px) {
  .mkt-hero { gap: 50px; grid-template-columns: 1fr; padding-top: 70px; }
  .mkt-hero__copy { max-width: 680px; }
  .mkt-console { margin: 0 auto; max-width: 700px; transform: none; width: 100%; }
  .mkt-operations { gap: 45px; margin-left: 20px !important; margin-right: 20px !important; }
}
@media (max-width: 720px) {
  .mkt-hero { min-height: auto; padding: 60px 20px; }
  .mkt-hero h1 { font-size: clamp(2.75rem,13vw,4.2rem); }
  .mkt-console__body { grid-template-columns: 42px 1fr; }
  .mkt-console__main { padding: 20px 14px; }
  .mkt-console__metrics > div { padding: 10px; }
  .mkt-console__order { grid-template-columns: 1fr auto; }
  .mkt-console__order > span:nth-child(2) { display: none; }
  .mkt-capabilities { grid-template-columns: repeat(2,1fr); padding: 10px 20px; }
  .mkt-capabilities > span { justify-content: flex-start; padding: 13px; }
  .mkt-capabilities > span:last-child { grid-column: 1/-1; }
  .mkt-workflow { padding: 80px 20px; }
  .mkt-workflow__grid { grid-template-columns: 1fr; }
  .mkt-workflow__feature--wide { grid-column: auto; grid-template-columns: 1fr; padding: 30px; }
  .mkt-theme-preview { display: none; }
  .mkt-workflow__feature { min-height: 270px; }
  .mkt-operations { border-radius: 0; grid-template-columns: 1fr; margin: 0 !important; padding: 70px 20px; }
  .mkt-cta { border-radius: 0; }
}
@media (prefers-reduced-motion: reduce) { .mkt-console { transform: none; } }

:root[data-theme="dark"] .mkt-console__status { background: #173324; color: #8bd3a9; }
:root[data-theme="dark"] .mkt-console__order i,
:root[data-theme="dark"] .mkt-focus-card__item > span:last-child { background: var(--platform-soft); }
:root[data-theme="dark"] .mkt-console__order .is-paid { background: #163222; color: #8dd2a9; }
:root[data-theme="dark"] .mkt-console__order .is-new { background: #352e1a; color: #dcc77d; }
:root[data-theme="dark"] .mkt-theme-preview { background: #151c17; border-color: var(--platform-line); }
:root[data-theme="dark"] .mkt-theme-preview span { background: #0f1511; border-color: var(--platform-line); }
:root[data-theme="dark"] .mkt-theme-preview span::before { background: #263a2d; }

/* Signed-in business account landing page. The public marketing content is
   intentionally replaced here: returning users need a fast workspace picker. */
.business-home { min-height: calc(100vh - 70px); padding: 76px 0 90px; }
.business-home__header { align-items: flex-end; display: flex; gap: 32px; justify-content: space-between; margin-bottom: 34px; }
.business-home__header h1 { font-size: clamp(2.45rem, 5vw, 4rem); font-weight: 680; letter-spacing: -.055em; line-height: 1; margin: 14px 0 14px; }
.business-home__header p { color: var(--platform-muted); font-size: 1rem; margin: 0; }
.business-home__create { align-items: center; display: inline-flex; flex: 0 0 auto; gap: 8px; padding: 12px 17px; }
.business-home__summary { align-items: center; border-bottom: 1px solid var(--platform-line); border-top: 1px solid var(--platform-line); color: var(--platform-accent); display: flex; gap: 12px; margin-bottom: 28px; padding: 18px 2px; }
.business-home__summary > span { align-items: center; background: var(--platform-soft); border-radius: 10px; display: inline-flex; height: 40px; justify-content: center; width: 40px; }
.business-home__summary div { align-items: baseline; display: flex; gap: 7px; }
.business-home__summary strong { color: var(--platform-ink); font-size: 1rem; }
.business-home__summary div span { color: var(--platform-muted); font-size: .83rem; }
.business-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.business-card { background: var(--platform-surface); border: 1px solid var(--platform-line); border-radius: 17px; box-shadow: 0 10px 30px rgba(30,45,35,.035); color: var(--platform-ink); display: flex; flex-direction: column; min-height: 264px; overflow: hidden; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.business-card:hover { border-color: color-mix(in srgb, var(--platform-accent) 38%, var(--platform-line)); box-shadow: 0 18px 42px rgba(25,45,31,.09); transform: translateY(-2px); }
.business-card__topline { align-items: flex-start; display: flex; justify-content: space-between; padding: 24px 24px 0; }
.business-card__logo { border: 1px solid var(--platform-line); border-radius: 12px; height: 48px; object-fit: cover; width: 48px; }
.business-card__logo--initials { align-items: center; background: var(--platform-ink); color: var(--platform-page); display: flex; font-size: 1.05rem; font-weight: 740; justify-content: center; }
.business-card__status { align-items: center; background: var(--platform-wash); border-radius: 999px; color: var(--platform-muted); display: inline-flex; font-size: .68rem; font-weight: 680; gap: 6px; padding: 6px 9px; }
.business-card__status i { background: currentColor; border-radius: 50%; height: 6px; width: 6px; }
.business-card__status--active { background: var(--platform-soft); color: var(--platform-accent); }
.business-card__body { padding: 22px 24px 20px; }
.business-card__body h2 { font-size: 1.12rem; font-weight: 710; letter-spacing: -.025em; margin: 0 0 6px; }
.business-card__body p { color: var(--platform-faint); font-size: .76rem; margin: 0 0 16px; overflow-wrap: anywhere; }
.business-card__role { border: 1px solid var(--platform-line); border-radius: 999px; color: var(--platform-muted); display: inline-flex; font-size: .65rem; font-weight: 690; letter-spacing: .05em; padding: 5px 8px; text-transform: uppercase; }
.business-card__link { align-items: center; border-top: 1px solid var(--platform-line); color: var(--platform-accent); display: flex; font-size: .82rem; font-weight: 680; justify-content: space-between; margin-top: auto; padding: 15px 24px; text-decoration: none; }
.business-card__link:hover { background: var(--platform-wash); color: var(--platform-accent-dark); }
.business-card--add { align-items: center; border-style: dashed; color: var(--platform-muted); justify-content: center; min-height: 264px; padding: 32px; text-align: center; text-decoration: none; }
.business-card--add:hover { color: var(--platform-muted); }
.business-card__add-icon { align-items: center; background: var(--platform-soft); border-radius: 50%; color: var(--platform-accent); display: flex; height: 48px; justify-content: center; margin-bottom: 16px; width: 48px; }
.business-card--add strong { color: var(--platform-ink); font-size: .95rem; margin-bottom: 7px; }
.business-card--add > span:last-child { font-size: .78rem; line-height: 1.5; max-width: 210px; }

@media (max-width: 900px) {
  .business-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .business-home { padding: 52px 0 68px; }
  .business-home__header { align-items: stretch; flex-direction: column; }
  .business-home__create { justify-content: center; }
  .business-grid { grid-template-columns: 1fr; }
  .business-card { min-height: 250px; }
}