.seo-p1-page .hero--fitness{
  background:
    linear-gradient(90deg,rgba(7,11,12,.99) 0%,rgba(7,11,12,.91) 43%,rgba(7,11,12,.28) 74%,rgba(7,11,12,.08)),
    linear-gradient(180deg,transparent 62%,#070b0c 100%),
    url("/assets/девушка.webp") 84% top/auto 100% no-repeat;
}

.seo-p1-page .hero--comparison{
  background:
    linear-gradient(90deg,rgba(7,11,12,.99) 0%,rgba(7,11,12,.91) 43%,rgba(7,11,12,.3) 74%,rgba(7,11,12,.1)),
    linear-gradient(180deg,transparent 62%,#070b0c 100%),
    url("/assets/мужчина-спортсмен.webp") 84% top/auto 100% no-repeat;
}

.seo-p1-page .hero__promise{max-width:680px}
.seo-p1-page .hero__lead{max-width:590px}

.progress-grid,
.comparison-grid,
.choice-grid,
.related-grid{
  display:grid;
  gap:10px;
}

.progress-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.progress-card{
  min-height:180px;
  padding:18px;
  border:1px solid rgba(255,255,255,.1);
  border-top-color:rgba(240,191,98,.55);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.progress-card span{
  display:block;
  color:var(--gold-bright);
  font-size:12px;
  font-weight:900;
  letter-spacing:.8px;
}
.progress-card h3{margin:26px 0 0;font-size:18px;line-height:1.2}
.progress-card p{margin:10px 0 0;color:rgba(243,241,236,.68);font-size:13.5px;line-height:1.52}

.rhythm-panel{
  display:grid;
  grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);
  gap:0;
  padding:0;
  overflow:hidden;
}
.rhythm-panel__image{
  min-height:420px;
  background:
    linear-gradient(180deg,rgba(7,11,12,.02),rgba(7,11,12,.64)),
    url("/assets/мужчина.webp") center top/cover no-repeat;
  filter:saturate(.78);
}
.rhythm-panel__copy{align-self:center;padding:30px}
.rhythm-panel__copy p:not(.eyebrow){margin:14px 0 0;color:rgba(243,241,236,.72);font-size:14px;line-height:1.62}
.rhythm-panel__copy strong{color:var(--text)}

.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.format-card{
  position:relative;
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(24,29,30,.9),rgba(10,14,15,.96));
}
.format-card--group{border-color:rgba(240,191,98,.5);background:linear-gradient(145deg,rgba(216,166,74,.12),rgba(10,14,15,.96))}
.format-card__tag{display:inline-flex;padding:6px 9px;border:1px solid rgba(240,191,98,.4);border-radius:999px;color:var(--gold-bright);font-size:11px;font-weight:900;text-transform:uppercase}
.format-card h3{margin:18px 0 0;font-size:25px;line-height:1.08}
.format-card>p{margin:10px 0 0;color:rgba(243,241,236,.68);font-size:14px;line-height:1.55}
.format-card__list{display:grid;gap:0;margin:20px 0 0}
.format-card__row{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.09)}
.format-card__row span{color:rgba(243,241,236,.52);font-size:11px;font-weight:900;text-transform:uppercase}
.format-card__row p{margin:0;color:rgba(243,241,236,.84);font-size:13px;line-height:1.42}

.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.choice-card{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.025)}
.choice-card h3{margin:0;color:var(--gold-bright);font-size:19px}
.choice-card ul{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.choice-card li{position:relative;padding-left:20px;color:rgba(243,241,236,.72);font-size:13.5px;line-height:1.5}
.choice-card li::before{content:"✓";position:absolute;left:0;color:var(--gold-bright);font-weight:900}

.cost-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.cost-note__copy p:not(.eyebrow){margin:12px 0 0;color:rgba(243,241,236,.7);font-size:14px;line-height:1.58}
.cost-note__facts{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:9px}
.cost-fact{min-width:160px;padding:16px;border:1px solid rgba(216,166,74,.34);border-radius:10px;background:rgba(216,166,74,.06)}
.cost-fact span{display:block;color:rgba(243,241,236,.58);font-size:11px;font-weight:800}
.cost-fact strong{display:block;margin-top:7px;color:var(--gold-bright);font-size:21px}
.cost-fact small{display:block;margin-top:5px;color:rgba(243,241,236,.56);font-size:11px;line-height:1.35}

.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.related-card{display:grid;align-content:end;min-height:170px;padding:18px;border:1px solid rgba(216,166,74,.25);border-radius:10px;background:linear-gradient(145deg,rgba(216,166,74,.07),rgba(255,255,255,.02));transition:transform .2s ease,border-color .2s ease}
.related-card:hover,.related-card:focus-visible{transform:translateY(-3px);border-color:rgba(240,191,98,.62)}
.related-card strong{font-size:17px;line-height:1.2}
.related-card span{margin-top:8px;color:var(--gold-bright);font-size:12px;font-weight:850}

.seo-p1-page .faq__list details p a,
.seo-p1-page .section a.inline-link{color:var(--gold-bright);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

@media (max-width:900px){
  .progress-grid,.related-grid{grid-template-columns:1fr}
  .progress-card{min-height:0}
  .rhythm-panel{grid-template-columns:1fr}
  .rhythm-panel__image{min-height:280px;background-position:center 20%}
  .cost-note{grid-template-columns:1fr}
}

@media (max-width:700px){
  .comparison-grid,.choice-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
  .seo-p1-page .hero--fitness{
    background:
      linear-gradient(180deg,rgba(7,11,12,.35) 0%,rgba(7,11,12,.8) 34%,#070b0c 72%),
      url("/assets/девушка.webp") 70% top/auto 310px no-repeat;
  }
  .seo-p1-page .hero--comparison{
    background:
      linear-gradient(180deg,rgba(7,11,12,.34) 0%,rgba(7,11,12,.8) 34%,#070b0c 72%),
      url("/assets/мужчина-спортсмен.webp") 66% top/auto 310px no-repeat;
  }
  .rhythm-panel{padding:0}
  .rhythm-panel__image{min-height:235px}
  .rhythm-panel__copy{padding:20px 18px}
  .format-card{padding:18px}
  .format-card h3{font-size:22px}
  .format-card__row{grid-template-columns:1fr;gap:5px}
  .cost-note__facts{grid-template-columns:1fr}
  .cost-fact{min-width:0}
}