.marketing-page { margin: 0; line-height: 1.55; }
.marketing-header, .marketing-main { width: min(100% - 2rem, 76rem); margin-inline: auto; }
.marketing-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1rem; border-bottom: 1px solid var(--pw-border); }
.marketing-brand { display: block; width: min(40vw, 14rem); flex-shrink: 0; }
.marketing-brand img { display: block; width: 100%; height: auto; }
.marketing-header nav { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.marketing-page a { color: var(--pw-accent-hover); text-underline-offset: .2em; }
.marketing-page a:focus-visible { outline: 3px solid var(--pw-accent); outline-offset: 4px; }
.marketing-skip { position: absolute; top: .5rem; left: 1rem; transform: translateY(-200%); background: var(--pw-surface); padding: .6rem; z-index: 1; }
.marketing-skip:focus { transform: none; }
.marketing-intro { max-width: 45rem; padding-block: clamp(1.75rem, 4vw, 3rem); }
.marketing-intro h1 { font-size: clamp(1.8rem, 4vw, 2.75rem); line-height: 1.15; margin: .5rem 0 1rem; }
.marketing-intro p { max-width: 40rem; }
.marketing-context, .marketing-page figcaption { color: var(--pw-muted); }
.marketing-page .marketing-primary { background: var(--pw-primary); border-color: var(--pw-primary-hover); color: var(--pw-primary-ink); font-weight: 700; text-decoration: none; }
.marketing-page .marketing-primary:hover { background: var(--pw-primary-hover); }
.marketing-workflow { display: grid; grid-template-columns: minmax(14rem, 1fr) minmax(0, 2.3fr); align-items: start; gap: clamp(1.25rem, 3vw, 2.5rem); padding-block: 2rem; border-top: 1px solid var(--pw-border); }
.marketing-workflow h2 { font-size: clamp(1.3rem, 2vw, 1.7rem); line-height: 1.25; margin: .5rem 0 .75rem; }
.marketing-workflow figure { margin: 0; min-width: 0; }
.marketing-workflow figure a { display: block; }
.marketing-workflow img { display: block; width: 100%; height: auto; border: 1px solid var(--pw-border); border-radius: .4rem; }
.marketing-page figcaption { margin-top: .5rem; font-size: .85rem; }
.marketing-find { border-top: 3px solid var(--pw-primary); }
.marketing-finish { border-top: 1px solid var(--pw-border); padding-block: 2rem 3rem; }
.marketing-finish p { max-width: 43rem; }
.marketing-home-link { display: inline-block; margin: .5rem 0 .5rem 1rem; }
@media (max-width: 850px) { .marketing-workflow { grid-template-columns: minmax(0, 1fr); gap: .75rem; } }
@media (max-width: 480px) {
    .marketing-header { align-items: flex-start; }
    .marketing-header nav { gap: .5rem; justify-content: flex-end; }
    .marketing-header nav > a:first-child { padding-block: .4rem; }
    .marketing-home-link { display: block; margin-left: 0; }
}