#main [data-r08-hero] {
  padding-block: clamp(18px, 3vw, 46px) clamp(28px, 4vw, 64px);
  background: var(--color-paper);
}
#main [data-r08-hero] .hero__layout {
  display: grid;
  align-items: center;
  gap: clamp(16px, 3vw, 40px);
}
#main [data-r08-hero] .hero__content { min-inline-size: 0; }
#main [data-r08-hero] .hero__title { max-inline-size: none; margin: 0; }
#main [data-r08-hero] .hero__keyword { color: var(--color-blue); }
#main [data-r08-hero] .hero__description { max-inline-size: 37em; margin-block: 16px 0; }
#main [data-r08-hero] .bl-price-entry { margin-block: 14px 0; }
#main [data-r08-hero] .hero__services {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
#main [data-r08-hero] .hero__services a {
  display: inline-flex;
  align-items: center;
  min-block-size: 36px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .2em;
}
#main [data-r08-hero] .hero__visual {
  position: relative;
  isolation: isolate;
  justify-self: center;
  inline-size: min(100%, 600px);
}
#main [data-r08-hero] .hero__ribbon {
  position: absolute;
  z-index: -1;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  pointer-events: none;
}
#main [data-r08-hero] .hero__mascots { display: block; }
#main [data-r08-hero] :is(img.hero__mascots, .hero__mascots img) {
  display: block;
  inline-size: 100%;
  block-size: clamp(230px, 36vw, 520px);
  object-fit: contain;
}
#main [data-r08-hero="faq"] .hero__visual { inline-size: min(100%, 290px); }
#main [data-r08-hero="faq"] img.hero__mascots { block-size: clamp(136px, 20vw, 230px); }
#main[data-r08-faq] .faq-page__answers { padding-block-start: 8px; }
#main[data-r08-faq] .faq-page__categories { margin-block-start: 0; }
@media (min-width: 760px) {
  #main [data-r08-hero] .hero__layout { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
  #main [data-r08-hero="faq"] .hero__layout { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
}
@media (min-width: 1100px) {
  #main [data-r08-hero="pricing"] .hero__layout { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
  body[data-bl-standard] #main [data-r08-hero="pricing"] .hero__title { font-size: min(var(--bl-h1-size), 4.6vw); }
  #main [data-r08-hero="pricing"] .hero__keyword {
    display: block;
    inline-size: fit-content;
    padding-block-end: .14em;
    background: var(--component-stroke) left bottom / 100% .23em no-repeat;
  }
  body[data-bl-standard] #main [data-r08-hero="pricing"] .hero__keyword [data-component-underline] {
    display: inline;
    padding-block-end: 0;
    background: none;
  }
}
@media (max-width: 759px) {
  #main [data-r08-hero] :is(img.hero__mascots, .hero__mascots img) { block-size: clamp(210px, 60vw, 340px); }
  #main [data-r08-hero="faq"] img.hero__mascots { block-size: 152px; }
}

body[data-bl-standard] #main :is(.cases__badge, .cases__tag, [data-component-case-archive] .archive-card__sector, [data-component-case-archive] .archive-card__meta > span) {
  display: inline-flex;
  align-items: center;
  min-block-size: 0;
  max-inline-size: calc(100% - 16px);
  padding: 4px 7px;
  border-radius: 6px;
  font: 700 .6875rem/1.2 Roboto, Arial, sans-serif;
  overflow-wrap: anywhere;
}
body[data-bl-standard] #main :is(.cases__badge, [data-component-case-archive] .archive-card__sector) {
  inset-block-start: 8px;
  inset-inline-start: 8px;
}
body[data-bl-standard] #main :is(.cases__tags, [data-component-case-archive] .archive-card__meta) {
  inset: auto 8px 8px;
  gap: 4px;
}
body[data-bl-standard] #main .cases__description { margin-block-end: clamp(12px, 1.25vw, 18px); }
body[data-bl-standard] #main .cases__action {
  min-block-size: var(--bl-action-height);
  font-size: var(--bl-action-size);
  line-height: 1.2;
}
body[data-bl-standard] #main [data-component-case-archive] .archive-card__body {
  gap: 0;
}
body[data-bl-standard] #main [data-component-case-archive] .archive-card__description {
  margin-block-end: clamp(12px, 1.25vw, 18px);
}
body[data-bl-standard] #main [data-component-case-archive] .archive-card__foot {
  --case-arrow-cell: 48px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--case-arrow-cell);
  align-items: center;
  justify-items: center;
  gap: 0;
  min-block-size: var(--bl-action-height);
  padding: 6px 0;
  font: 800 var(--bl-action-size)/1.2 var(--bl-display);
}
body[data-bl-standard] #main [data-component-case-archive] .archive-card__foot::before {
  inline-size: var(--case-arrow-cell);
}
body[data-bl-standard] #main [data-component-case-archive] .archive-card__foot .button__label {
  min-inline-size: 0;
  padding-inline: 8px;
  text-align: center;
}
body[data-bl-standard] #main [data-component-case-archive] .archive-card__foot .button__arrow {
  inline-size: 21px;
  block-size: 21px;
  margin: 0;
}

#main [data-r08-price-tiles][data-packed] {
  grid-auto-rows: 1px;
  grid-auto-flow: row;
  align-items: start;
  row-gap: 0;
  padding-block-end: 0;
}
#main [data-r08-price-tiles][data-packed] > .maintenance__panel {
  grid-row-end: span var(--tile-span, 1);
  align-self: start;
}
#main [data-r08-price-tiles] .maintenance__panel > [id] { scroll-margin-block-start: 100px; }

#main .r08-guide { padding-block: var(--bl-section-edge); background: var(--r07-paper); }
#main .r08-guide :is([id], h3[id]) { scroll-margin-block-start: 100px; }
#main .r08-guide-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
#main .r08-guide-links a {
  display: inline-flex;
  align-items: center;
  min-block-size: 34px;
  color: #0a3eca;
  text-decoration: underline;
  text-underline-offset: .2em;
}
#main .r08-studio-approach > h3 { margin: 0 0 12px; }
#main .r08-studio-card > h4 { margin: 14px 0 8px; }
#main .r08-studio-proof {
  padding: clamp(16px, 3vw, 38px);
  border-radius: clamp(14px, 2vw, 26px);
  margin-block: clamp(20px, 3vw, 36px);
  color: white;
  background: var(--r07-deep);
}
#main .r08-studio-proof h3 { color: inherit; margin: 0 0 8px; }
#main .r08-studio-proof > p { max-inline-size: 64ch; }
#main .r08-proof-examples {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--r07-gap);
  margin-block-start: 20px;
}
#main .r08-proof-example {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  padding: 10px 10px 14px;
  border-radius: 12px;
  color: var(--r07-ink);
  background: var(--r07-paper);
}
#main .r08-proof-example:is(:hover,:focus-visible) { background: var(--r07-sky); }
#main .r08-proof-example img {
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 16 / 8;
  object-fit: cover;
  object-position: top;
  border-radius: 6px;
}
#main .r08-proof-example strong { margin: 9px 0 4px; font-size: 1.1rem; }
#main .r08-studio-proof .r07-secondary { border-color: white; color: white; }
#main .r08-studio-proof .r07-secondary:is(:hover,:focus-visible) { color: var(--r07-deep); background: white; }
#main .r08-studio-proof .r08-guide-links a { color: #e6efff; }
#main .r08-guide #danil-badretdinov { margin-block-start: 12px; }
@media (max-width: 759px) {
  #main .r08-proof-examples { grid-template-columns: 1fr; }
  #main .r08-proof-example img { aspect-ratio: 16 / 7; }
}