.subpage { background: #fff; }
.page-hero { position: relative; overflow: hidden; padding: 170px 0 100px; color: #fff; }
.page-hero::before { position: absolute; inset: 0; content: ""; background: radial-gradient(circle at 16% 20%, rgba(255,255,255,.16), transparent 28%), radial-gradient(circle at 86% 15%, rgba(157,139,255,.28), transparent 34%); }
.page-hero--download { background: #2637a8; }
.page-hero--nitro { background: #301061; background-image: linear-gradient(125deg, rgba(39,16,99,.94), rgba(111,37,165,.84)), url("../media/nitro-bg.png"); background-size: cover; background-position: center; }
.page-hero--help { background: #5664f2; background-image: linear-gradient(115deg, rgba(61,74,205,.94), rgba(121,86,220,.78)), url("../media/safety-background.webp"); background-size: cover; background-position: center; }
.page-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr); align-items: center; gap: clamp(2rem, 6vw, 6rem); }
.page-hero__copy { max-width: 620px; }
.page-hero__copy h1 { max-width: 620px; margin-bottom: 1.35rem; font-size: clamp(3.2rem, 6vw, 5.9rem); letter-spacing: -.045em; }
.page-hero__copy p { max-width: 580px; margin-bottom: 2rem; color: rgba(255,255,255,.88); font-size: 1.12rem; }
.page-hero__actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.page-hero__visual { display: flex; justify-content: center; align-items: center; min-height: 360px; }
.page-hero__visual img { width: min(100%, 520px); max-height: 430px; object-fit: contain; filter: drop-shadow(0 30px 28px rgba(18,10,70,.32)); }
.page-hero__visual--shield img { width: min(100%, 430px); }
.page-section { padding: 110px 0; }
.page-section--mist { background: var(--mist); }
.page-section--lavender { background: #eeeaff; }
.page-section__heading { max-width: 720px; margin-bottom: 3rem; }
.page-section__heading h2 { margin-bottom: 1rem; }
.page-section__heading p { max-width: 660px; color: var(--muted); font-size: 1.06rem; }
.center-heading { margin-right: auto; margin-left: auto; text-align: center; }
.center-heading p { margin-right: auto; margin-left: auto; }
.platform-grid, .resource-grid, .plan-grid { display: grid; gap: 1.25rem; }
.platform-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.resource-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 940px; margin: 0 auto; }
.platform-card, .resource-card, .plan-card { position: relative; overflow: hidden; border: 1px solid rgba(35,39,42,.09); border-radius: 1.5rem; background: #fff; box-shadow: 0 18px 42px rgba(31,34,68,.08); }
.platform-card { display: flex; min-height: 310px; flex-direction: column; justify-content: space-between; padding: 1.5rem; }
.platform-card--featured { color: #fff; background: #5865f2; }
.platform-card h3, .resource-card h3, .plan-card h3 { margin-bottom: .55rem; font-size: 1.28rem; letter-spacing: -.025em; }
.platform-card p, .resource-card p, .plan-card p { margin-bottom: 1.2rem; color: var(--muted); font-size: .94rem; }
.platform-card--featured p { color: rgba(255,255,255,.84); }
.platform-card__media { display: flex; min-height: 126px; align-items: center; justify-content: center; margin-bottom: 1rem; }
.platform-card__media img { width: 100%; max-height: 140px; object-fit: contain; }
.platform-card__actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.platform-card__actions .button { min-height: 43px; padding: .62rem 1rem; font-size: .86rem; }
.platform-card--featured .button--white { color: #5865f2; }
.resource-card { display: flex; min-height: 280px; flex-direction: column; padding: 1.5rem; }
.resource-card__media { display: flex; height: 132px; align-items: center; justify-content: center; margin: -1.5rem -1.5rem 1.35rem; background: #e7e9ff; }
.resource-card__media img { width: 100%; height: 100%; object-fit: cover; }
.resource-card__link { margin-top: auto; color: var(--brand); font-weight: 800; }
.resource-card__link::after { margin-left: .3rem; content: "↗"; }
.plan-card { padding: 2rem; }
.plan-card--primary { color: #fff; background: linear-gradient(145deg, #5865f2, #7e50e9); }
.plan-card--primary p, .plan-card--primary li { color: rgba(255,255,255,.86); }
.plan-card__price { margin: 1.2rem 0; font-size: 2.35rem; font-weight: 800; letter-spacing: -.05em; }
.plan-card__price small { font-size: .85rem; font-weight: 500; letter-spacing: 0; }
.plan-card ul { display: grid; gap: .55rem; min-height: 142px; margin: 0 0 1.5rem; padding: 0; list-style: none; }
.plan-card li { position: relative; padding-left: 1.5rem; color: var(--muted); }
.plan-card li::before { position: absolute; top: .3rem; left: 0; content: "✓"; color: currentColor; font-weight: 800; }
.feature-band { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 4rem; }
.feature-band--reverse .feature-band__copy { order: 2; }
.feature-band__media { display: flex; justify-content: center; }
.feature-band__media img { width: min(100%, 530px); max-height: 380px; object-fit: contain; border-radius: 1.5rem; }
.feature-band__copy { max-width: 520px; }
.feature-band__copy p { color: var(--muted); font-size: 1.05rem; }
.notice { max-width: 720px; margin: 0 auto; padding: 1.25rem 1.4rem; border-left: 4px solid var(--brand); border-radius: .85rem; background: #f1f2ff; color: var(--text); }
.faq-list { display: grid; gap: .8rem; max-width: 920px; margin: 0 auto; }
.faq-list details { padding: 1.15rem 1.25rem; border: 1px solid rgba(35,39,42,.1); border-radius: 1rem; background: #fff; }
.faq-list summary { cursor: pointer; font-weight: 800; }
.faq-list p { margin: .8rem 0 .1rem; color: var(--muted); }
.subpage .closing-cta { background: #1f2141; }
.subpage .site-header { position: absolute; }

@media (max-width: 980px) {
  .platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); gap: 2rem; }
}
@media (max-width: 820px) {
  .page-hero { padding: 132px 0 72px; }
  .page-hero__grid, .feature-band { display: flex; flex-direction: column; align-items: stretch; gap: 2.5rem; }
  .page-hero__copy { max-width: none; text-align: center; }
  .page-hero__copy h1 { max-width: none; font-size: clamp(2.9rem, 12vw, 4.5rem); }
  .page-hero__copy p { margin-right: auto; margin-left: auto; }
  .page-hero__actions { justify-content: center; }
  .page-hero__visual { min-height: 260px; }
  .page-hero__visual img { max-height: 300px; }
  .page-section { padding: 78px 0; }
  .page-section__heading { margin-bottom: 2rem; }
  .platform-grid, .resource-grid, .plan-grid { grid-template-columns: 1fr; }
  .platform-card { min-height: 260px; }
  .feature-band--reverse .feature-band__copy { order: 0; }
  .feature-band__media img { max-height: 300px; }
}