.document-page, .service-page { background: #fff; }
.document-main { padding-block: 64px 88px; }
.document-main article { max-width: 850px; margin-inline: auto; }
.document-main h1 { font-size: 48px; line-height: 1.15; font-weight: 500; text-wrap: balance; overflow-wrap: anywhere; }
.document-main h2 { font-size: 27px; line-height: 1.3; margin: 38px 0 14px; text-wrap: auto; }
.document-main p, .document-main li { font-size: 20px; line-height: 1.65; margin-bottom: 16px; }
.document-main .legal-revision { font-size: 18px; color: #526276; margin-top: 20px; }
.document-main a { color: #254f9e; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.document-page .header, .service-page .header { background: #fff; }
.service-main { padding-block: 68px 76px; }
.service-intro { position: relative; padding-right: 230px; max-width: 1100px; }
.service-intro h1 { font-size: 62px; line-height: 1.1; max-width: 820px; }
.service-intro p { font-size: 23px; line-height: 1.5; margin-top: 24px; max-width: 780px; }
.service-intro > img { position: absolute; right: 0; top: 4px; width: 190px; height: 190px; object-fit: contain; }
.service-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 28px; }
.service-actions .button-secondary { background: white; border-color: #87a3c4; color: #254f9e; }
.service-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; margin-top: 24px; border-top: 1px solid var(--line); padding-top: 30px; }
.bitrix-benefits, .bitrix-video, .bitrix-story, .bitrix-contacts { margin-top: 64px; }
.bitrix-benefits > h2, .bitrix-contacts h2 { font-size: 32px; line-height: 1.25; }
.service-list h3 { font-size: 25px; line-height: 1.3; text-wrap: auto; }
.bitrix-video iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; background: #20252a; }
.bitrix-story { max-width: 900px; }
.bitrix-story p, .bitrix-contacts p { font-size: 20px; line-height: 1.6; margin-top: 18px; }
.bitrix-contacts { padding-top: 32px; border-top: 1px solid var(--line); }
.bitrix-contacts a { color: #254f9e; }
.service-list h2 { font-size: 25px; text-wrap: auto; line-height: 1.3; }
.service-list p { font-size: 20px; line-height: 1.55; color: #526276; margin-top: 14px; }
.service-note { font-size: 20px; line-height: 1.5; margin-top: 40px; color: #526276; }
@media (max-width: 900px) {
  .service-intro { padding-right: 150px; }
  .service-intro > img { width: 130px; height: 130px; }
  .service-intro h1 { font-size: 46px; }
  .service-list { gap: 24px; }
}
@media (max-width: 640px) {
  .document-main { padding-block: 36px 56px; }
  .document-main h1 { font-size: 34px; }
  .document-main h2 { font-size: 24px; }
  .document-main p, .document-main li { font-size: 18px; }
  .service-main { padding-block: 36px 56px; }
  .service-intro { padding-right: 0; }
  .service-intro h1 { font-size: 38px; }
  .service-intro > img { position: static; width: 110px; height: 110px; margin-top: 20px; }
  .service-intro p { font-size: 20px; margin-top: 18px; }
  .service-list { grid-template-columns: 1fr; margin-top: 36px; }
  .service-actions .button { font-size: 18px; }
}
@media (max-width: 400px) { .document-main h1 { font-size: 30px; } }
@media (max-width: 360px) { .document-main h1 { font-size: 26px; } .service-intro h1 { font-size: 34px; } }