/* Homepage composition; primitives and tokens belong to the shared public shell. */
.marketing-home__hero { max-width: 48rem; padding-block: var(--space-xl) var(--space-2xl); }
.marketing-home__eyebrow { color: var(--color-primary-700); font-weight: 600; }
.marketing-home #home-title {
    font-size: var(--type-display-size);
    font-weight: var(--type-display-weight);
    line-height: var(--type-display-line-height);
    max-width: 20ch;
}
.marketing-home__intro { font-size: var(--type-h3-size); }
.marketing-home__actions, .marketing-home__support-links { align-items: center; display: flex; flex-wrap: wrap; gap: var(--space-md); }
.marketing-home__actions .btn { margin: var(--space-sm) 0; }
.marketing-home .marketing-home__account-note { color: var(--color-text-secondary); font-size: var(--type-body-small-size); margin-top: var(--space-sm); }
.marketing-home__workflow { margin-bottom: var(--space-2xl); }
.marketing-home__steps { list-style: decimal; margin: var(--space-xl) 0 0; padding-left: var(--space-lg); }
.marketing-home__steps li { border-top: 1px solid var(--color-border); padding: var(--space-lg) 0 var(--space-lg) var(--space-sm); }
.marketing-home__steps li::marker { color: var(--color-primary-700); font-weight: 600; }
.marketing-home__step-title { align-items: start; display: inline-flex; gap: var(--space-sm); vertical-align: top; width: 34%; }
.marketing-home__step-title .icon { color: var(--color-primary-700); flex-shrink: 0; height: 1.25rem; margin-top: 0.125rem; width: 1.25rem; }
.marketing-home__step-title h3 { margin: 0; }
.marketing-home__steps li > p { color: var(--color-text-secondary); display: inline-block; margin: 0; vertical-align: top; width: 64%; }
.marketing-home__strengths { display: grid; gap: var(--space-xl); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.marketing-home__strengths p { color: var(--color-text-secondary); }
.marketing-home__closing { padding-top: var(--space-2xl); }
.marketing-home__closing > :last-child { margin-bottom: 0; }
@media (max-width: 900px) {
    .marketing-home__strengths { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 576px) {
    .marketing-home__hero { padding-block: var(--space-md) var(--space-xl); }
    .marketing-home #home-title { font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); }
    .marketing-home__step-title, .marketing-home__steps li > p { width: 100%; }
    .marketing-home__step-title { margin-bottom: var(--space-sm); }
}