/* R1 homepage additions (loaded after site.css): trust strip, offer menu, course grid, comparison, founder. */
.trust-strip { position: relative; z-index: 2; border-block: 1px solid var(--line); background: rgba(11, 6, 19, .72); backdrop-filter: blur(8px); }
.trust-strip ul { list-style: none; margin: 0; padding: 18px 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.trust-strip li { display: grid; gap: 2px; padding-left: 14px; border-left: 2px solid rgba(226, 191, 110, .55); }
.trust-strip b { color: var(--pearl); font-size: .92rem; }
.trust-strip span { color: var(--muted); font-size: .82rem; line-height: 1.4; }
@media (max-width: 1000px) { .trust-strip ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } .trust-strip li:last-child { grid-column: 1 / -1; } }

.offer-menu { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.offer-menu .plan-card { padding: 26px 22px; display: flex; flex-direction: column; }
.offer-menu .plan-card h3 { font-size: 1.08rem; }
.offer-menu .checks li { font-size: .9rem; }
.vault-card-home { border-color: rgba(226, 191, 110, .35); }
@media (max-width: 1100px) { .offer-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .offer-menu { grid-template-columns: minmax(0, 1fr); } }

.home-courses { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 16px; margin-top: 8px; }
.home-course { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 22px 20px; background: linear-gradient(160deg, rgba(74, 31, 166, .3), rgba(16, 9, 25, .94) 50%); }
.home-course h3 { font-size: 1.12rem; }
.home-course h3 a { color: var(--pearl); text-decoration: none; }
.home-course h3 a:hover { color: var(--gold-hi); }
.home-course p { color: var(--muted); font-size: .92rem; line-height: 1.55; }
.home-course .c-price { font-family: var(--display); color: var(--gold); font-size: 1.15rem; }
.home-course .c-kind { font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: var(--royal-soft); }

.compare-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.compare-grid .card { padding: 24px; display: grid; gap: 10px; align-content: start; }
.compare-grid p { font-size: .95rem; }
@media (max-width: 860px) { .compare-grid { grid-template-columns: minmax(0, 1fr); } }

.founder { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.founder-photo { margin: 0; border-radius: 28px; padding: 3px; background: var(--metal-gold); box-shadow: 0 30px 80px rgba(0, 0, 0, .45); max-width: 440px; }
.founder-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 25px; }
.founder-copy { display: grid; gap: 16px; }
.founder-copy p { color: var(--text); }
.founder-contact { display: flex; flex-wrap: wrap; gap: 12px; }
.founder .fine { color: var(--muted); font-size: .88rem; }
@media (max-width: 860px) { .founder { grid-template-columns: minmax(0, 1fr); } .founder-photo { max-width: 300px; } }

/* phone hero: headline and both buttons above the fold on 390x844 */
@media (max-width: 760px) {
  html body.cosmic-home .hero-grid { padding-block: 14px 40px; }
  html body.cosmic-home .hero-copy .lede { font-size: 1.02rem; }
  html body.cosmic-home .hero .cta-row .btn.lg { min-height: 52px; padding: 13px 20px; }
}
@media (max-width: 640px) {
  .home-courses > .home-course:nth-child(n+7) { display: none; }
  .home-courses.show-all > .home-course { display: flex; }
  .trust-strip ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 14px 0; }
  .trust-strip li { padding-left: 10px; } .trust-strip b { font-size: .86rem; } .trust-strip span { font-size: .76rem; }
}
