/* Retell-reference compositions, adapted to Opera's Persian typography. */
@font-face { font-family: 'Banner Serif'; src: url('fonts/banner-serif.woff2') format('woff2'); font-style: normal; font-weight: 100; font-display: swap; }
.human-banner { padding: max(140px, 7.29167vw) 24px; overflow: hidden; background: #f7f9fd; color: #333; }
.human-banner__heading { display: flex; flex-direction: column; gap: 18px; margin: 0; font-weight: 300; line-height: 1; }
.human-banner__row { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: end; column-gap: 20px; width: 100%; }
.human-banner__word { display: block; min-width: 0; font-size: clamp(44px, 5.8vw, 88px); font-weight: 300; line-height: 1.2; white-space: nowrap; }
.human-banner__word--start { text-align: end; }
.human-banner__word--end { text-align: start; }
.human-banner__word--bottom { text-align: center; }
.human-banner__portrait { display: block; position: relative; width: max(211px, 10.9896vw); aspect-ratio: 1; border-radius: max(6px, .3125vw); overflow: hidden; isolation: isolate; background: #102d4d; }
.human-banner__portrait img { display: block; width: 100%; height: 100%; object-fit: cover; }
.human-banner__grain { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .24; mix-blend-mode: multiply; }
.human-banner__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
html[lang="en"] .human-banner__word { font-family: 'Banner Serif', Georgia, 'Times New Roman', serif !important; font-size: max(68px, 7.8125vw); font-weight: 100; letter-spacing: -.002em; line-height: 1; }
@media (max-width: 991px) {
  .human-banner { padding-block: max(80px, 4.16667vw); padding-inline: 16px; }
  .human-banner__heading { gap: 8px; }
  .human-banner__row { column-gap: 6px; }
  .human-banner__portrait { width: max(95px, 4.94792vw); }
  .human-banner__word { font-size: clamp(28px, 5.8vw, 52px); }
  html[lang="en"] .human-banner__word { font-size: max(56px, 6.85484vw); letter-spacing: -.02em; }
}
@media (max-width: 360px) {
  html[lang="en"] .human-banner__word { font-size: 48px; }
}

.pricing-advantages { padding-block: clamp(80px, 9.72vw, 156px) clamp(80px, 10vw, 160px); overflow: hidden; background: #fff; }
.pricing-advantages__head { margin-bottom: clamp(52px, 7.2vw, 104px); padding-inline: var(--pad, 24px); }
.pricing-advantages__eyebrow { display: block; margin-bottom: 32px; font-size: 13px; font-weight: 500; color: #3e63f5; }
.pricing-advantages__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: 64px; }
.pricing-advantages__intro h2 { margin: 0; font-size: clamp(28px, 3vw, 40px); font-weight: 500; line-height: 1.6; }
.pricing-advantages__intro p { margin: 0; font-size: 15px; line-height: 1.9; }
.pricing-advantages__track { display: grid; grid-auto-flow: column; grid-auto-columns: max(673px, 35.0521vw); align-items: stretch; gap: 24px; padding-inline: var(--pad, 24px); overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--pad, 24px); scrollbar-width: none; }
.pricing-advantages__track::-webkit-scrollbar { display: none; }
.pricing-advantages__track:focus-visible { outline: 3px solid #4290c6; outline-offset: -3px; }
.pricing-advantage { display: grid; grid-template-columns: minmax(0, 1fr) 274px; gap: 8px; min-width: 0; min-height: 310px; padding: 8px; border-radius: 8px; background: #f5f5fa; scroll-snap-align: start; }
.pricing-advantage__text { display: flex; flex-direction: column; justify-content: space-between; gap: 36px; min-width: 0; padding: 16px; }
.pricing-advantage__text h3 { margin: 0; font-size: 22px; font-weight: 500; line-height: 1.6; }
.pricing-advantage__text p { margin: auto 0 0; font-size: 14px; line-height: 1.9; }
.pricing-advantage__art { display: flex; align-items: center; justify-content: center; min-width: 0; border-radius: 8px; padding: 24px; background: #e7e8f7 url('images/pricing-advantage-background.webp') center / cover no-repeat; overflow: hidden; }
.pricing-advantage__art img { display: block; width: 114px; height: 114px; object-fit: contain; }
.pricing-advantage__art .pricing-advantage__launch { width: 200px; height: 151px; max-width: 100%; }
.pricing-advantages__controls { display: flex; align-items: center; gap: 20px; padding-top: 28px; padding-inline: var(--pad, 24px); }
.pricing-advantages__buttons { display: flex; gap: 8px; flex: none; }
.pricing-advantages__button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #dce2ee; border-radius: 50%; color: #111b32; background: #fff; cursor: pointer; }
.pricing-advantages__button[data-carousel-next] { background: #111b32; color: #fff; border-color: #111b32; }
.pricing-advantages__button:disabled { opacity: .35; cursor: default; }
.pricing-advantages__button:focus-visible { outline: 3px solid #4290c6; outline-offset: 3px; }
.pricing-advantages__button svg { width: 18px; height: 18px; }
[dir="rtl"] .pricing-advantages__button svg { transform: rotate(180deg); }
.pricing-advantages__progress { height: 2px; flex: 1; overflow: hidden; background: #e5e9f2; }
.pricing-advantages__progress-fill { display: block; height: 100%; width: 100%; background: #111b32; transform: scaleX(var(--carousel-progress, .25)); transform-origin: left; }
[dir="rtl"] .pricing-advantages__progress-fill { transform-origin: right; }
.pricing-advantages__status { flex: none; min-width: 48px; font-size: 12px; color: #64748b; text-align: center; direction: ltr; }
@media (max-width: 767px) {
  .pricing-advantages { padding-block: 52px 72px; }
  .pricing-advantages__head { margin-bottom: 38px; }
  .pricing-advantages__eyebrow { margin-bottom: 20px; }
  .pricing-advantages__intro { grid-template-columns: 1fr; gap: 24px; }
  .pricing-advantages__track { grid-auto-columns: 75vw; gap: 16px; }
  .pricing-advantage { display: flex; flex-direction: column; min-height: 382px; }
  .pricing-advantage__text { gap: 28px; flex: 1; padding: 12px; }
  .pricing-advantage__text h3 { font-size: 20px; }
  .pricing-advantage__art { flex: none; width: 100%; aspect-ratio: 279 / 198; margin-top: auto; }
  .pricing-advantages__controls { gap: 16px; padding-top: 20px; }
}