.homepage-resources { padding-block: clamp(56px, 7vw, 96px); background: linear-gradient(114deg, #211418, #161215 65%); border-top: 1px solid var(--line); }
.homepage-resources .label { color: var(--red); margin-bottom: 12px; }
.homepage-resources p:not(.label) { max-width: 55ch; margin-top: 16px; color: var(--muted); font-size: 18px; line-height: 1.5; }
.marketing-hero { padding: 27px 0 clamp(48px, 6vw, 76px); background: linear-gradient(116deg, transparent 70%, #8c25332a 70.2% 78%, transparent 78.2%), radial-gradient(ellipse at 90% 25%, #3d131e, transparent 62%), #110d11; border-bottom: 1px solid #83383f; }
.breadcrumbs { justify-content: flex-start; flex-wrap: wrap; gap: 3px 10px; margin-bottom: clamp(20px, 4vw, 40px); color: var(--muted); font-size: 13px; }
.breadcrumbs a { font-size: inherit; text-decoration: underline; text-underline-offset: 3px; }
.breadcrumbs [aria-current] { color: var(--paper); }
.marketing-kicker { color: var(--red); margin-bottom: 15px; }
.marketing-hero h1 { max-width: 20ch; font-size: clamp(42px, 6.5vw, 86px); line-height: .99; letter-spacing: -.065em; text-wrap: balance; overflow-wrap: anywhere; }
.marketing-intro { margin-top: 20px; color: var(--muted); max-width: 62ch; font-size: clamp(17px, 2vw, 21px); line-height: 1.55; }
.marketing-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 330px); gap: clamp(30px, 6vw, 80px); align-items: start; padding-block: clamp(44px, 7vw, 85px); }
.marketing-content section + section { margin-top: 32px; padding-top: 27px; border-top: 1px solid var(--line); }
.marketing-content h2, .marketing-checklist h2, .resource-block h2 { font-size: clamp(24px, 3.5vw, 38px); line-height: 1.1; letter-spacing: -.04em; }
.marketing-content p, .marketing-checklist li { margin-top: 12px; color: var(--muted); font-size: 17px; line-height: 1.65; }
.marketing-content .text-link { color: var(--red); }
.marketing-checklist { border: 1px solid #77454f; border-top: 3px solid var(--signal); background: #21171c; padding: 23px; scroll-margin-top: 15px; }
.marketing-checklist .label { color: var(--red); margin-bottom: 8px; }
.marketing-checklist ol { padding-left: 1.25em; margin: 14px 0 0; }
.marketing-checklist li { padding-left: 4px; font-size: 15px; }
.marketing-checklist li::marker { color: var(--red); font-weight: 700; }
.resource-block { padding-block: clamp(32px, 5vw, 60px); border-top: 1px solid var(--line); background: var(--panel); }
.resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0 0; padding: 0; list-style: none; }
.resource-grid a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-content: start; min-height: 100%; padding: 17px; border: 1px solid var(--line); background: #1d171c; }
.resource-grid a:hover { border-color: var(--red); }
.resource-grid strong { font-size: 18px; line-height: 1.25; }
.resource-grid span { grid-column: 1 / -1; grid-row: 2; color: var(--muted); font-size: 14px; line-height: 1.5; }
.resource-grid b { grid-column: 2; grid-row: 1; color: var(--red); }
@media (max-width: 790px) {
  .marketing-layout { grid-template-columns: 1fr; }
  .resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .marketing-hero h1 { font-size: clamp(37px, 10vw, 53px); }
  .resource-grid { grid-template-columns: 1fr; }
  .marketing-page .footer-inner { gap: 10px; }
}