html[lang="ru"] .font-media-sans-ultra { font-family: 'Oswald', Arial, sans-serif !important; font-weight: 700; letter-spacing: -.045em; line-height: 1.12; }
html[lang="ru"] .font-media-sans { font-family: 'Roboto Condensed', Arial, sans-serif !important; font-weight: 700; }
html[lang="ru"] #hero-fold h1 { font-size: clamp(46px, 7.3vw, 104px); max-width: 1180px; }
html[lang="ru"] section:not(#pricing) h2 { font-size: clamp(40px, 5.7vw, 78px); line-height: 1.13; }
html[lang="ru"] .pricing-glass { --font-display: 'Oswald', sans-serif; --font-poster: 'Oswald', sans-serif; }
html[lang="ru"] .pricing-glass-card-title { font-family: 'Oswald', sans-serif; }
html[lang="ru"] .pricing-glass-card-pills { flex-wrap: wrap; }
html[lang="ru"] .pricing-glass-card-title-row { flex-wrap: wrap; }
.extra-section { max-width: 1240px; padding: 0 42px; margin: 0 auto 112px; }
.extra-heading { max-width: 1000px; text-align: center; margin: 0 auto 44px; }
.eyebrow { display: block; font-size: 12px; font-weight: 600; letter-spacing: .12em; color: #717171; margin-bottom: 22px; }
.extra-section h2 { font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: -.035em; }
.extra-heading > p { max-width: 640px; margin: 24px auto 0; color: #666; font-size: 19px; line-height: 1.6; }
.scenario-tabs { display: flex; gap: 8px; justify-content: center; margin-bottom: 28px; }
.scenario-tabs button { border: 1px solid #e1e1e1; border-radius: 40px; padding: 12px 24px; font-size: 16px; cursor: pointer; transition: color .2s, background .2s, border-color .2s; }
.scenario-tabs button[aria-selected="true"] { background: #111; color: white; border-color: #111; }
.scenario-tabs button:hover { border-color: #287cee; }
.scenario-panel { display: grid; grid-template-columns: 1.25fr 1fr; gap: 46px; align-items: center; }
.scenario-media { position: relative; height: 460px; border-radius: 22px; overflow: hidden; background: #f3f3f3; }
.scenario-media video { width: 100%; height: 100%; object-fit: cover; }
.media-badge { position: absolute; top: 20px; left: 20px; background: #fff; padding: 8px 14px; border-radius: 30px; font-size: 11px; font-weight: 600; letter-spacing: .06em; }
.media-pause { position: absolute; right: 18px; bottom: 18px; width: 40px; height: 40px; border-radius: 50%; background: #ffffffdf; color: #111; font-size: 18px; cursor: pointer; }
.scenario-copy h3 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 42px; line-height: 1.1; margin-bottom: 22px; letter-spacing: -.02em; }
.scenario-copy > p { font-size: 17px; line-height: 1.7; color: #666; }
.scenario-copy ul { margin: 22px 0 26px; list-style: none; }
.scenario-copy li { font-size: 15px; padding: 9px 0; border-bottom: 1px solid #e9e9e9; }
.scenario-copy li::before { content: '↗'; color: #287cee; margin-right: 13px; }
.extra-link { display: inline-flex; gap: 20px; align-items: center; font-weight: 600; font-size: 16px; }
.extra-link span { color: #287cee; font-size: 23px; transition: transform .2s; }
.extra-link:hover span { transform: translate(3px,-3px); }
.director-section { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.director-intro { color: #666; font-size: 19px; line-height: 1.5; margin: 24px 0 34px; max-width: 390px; }
.direction-row { display: flex; align-items: baseline; gap: 20px; border-top: 1px solid #e6e6e6; padding: 22px 0; }
.direction-row > span { color: #287cee; font-size: 13px; }
.direction-row h3 { font-family: 'Roboto Condensed',sans-serif; font-size: 23px; font-weight: 700; margin-bottom: 8px; }
.direction-row p { color: #777; font-size: 16px; line-height: 1.6; }
.director-visual { height: 660px; border-radius: 24px; overflow: hidden; position: relative; }
.director-visual > img { height: 100%; width: 100%; object-fit: cover; transition: transform 1.2s; }
.director-visual:hover > img { transform: scale(1.06); }
.director-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 35%,#000a); pointer-events: none; }
.viewfinder { position: absolute; inset: 25px; border: 1px solid #ffffff75; z-index: 1; color: white; }
.viewfinder-label, .viewfinder-bottom { position: absolute; left: 14px; font-size: 10px; letter-spacing: .13em; }
.viewfinder-label { top: 15px; }
.viewfinder-bottom { bottom: 15px; }
.director-caption { position: absolute; left: 50px; bottom: 95px; z-index: 2; color: white; font-family: 'Roboto Condensed',sans-serif; font-size: 36px; line-height: 1.15; }
.director-caption span, .director-caption strong { display: block; }
.prompt-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.prompt-card { border: 1px solid #e2d6ed; border-radius: 22px; overflow: hidden; transition: transform .3s, box-shadow .3s; }
.prompt-card:hover { transform: translateY(-6px); box-shadow: 0 20px 45px -30px #8723e170; }
.prompt-image { height: 205px; position: relative; overflow: hidden; }
.prompt-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.prompt-card:hover img { transform: scale(1.04); }
.prompt-image > span { position: absolute; left: 15px; bottom: 15px; background: white; padding: 7px 11px; border-radius: 30px; font-size: 10px; letter-spacing: .05em; font-weight: 600; }
.prompt-card-body { padding: 25px; display: flex; flex-direction: column; height: calc(100% - 205px); }
.prompt-card h3 { font-family: 'Roboto Condensed',sans-serif; font-size: 26px; font-weight: 700; margin-bottom: 14px; }
.prompt-card [data-prompt] { color: #666; font-size: 16px; line-height: 1.65; margin-bottom: 25px; }
.copy-prompt { display: flex; justify-content: space-between; gap: 10px; width: 100%; text-align: left; align-items: center; font-size: 14px; font-weight: 600; border-top: 1px solid #eee; padding-top: 18px; margin-top: auto; cursor: pointer; }
.copy-prompt span { color: #287cee; font-size: 22px; }
.copy-prompt:hover { color: #086de8; }
.prompt-note { margin: 22px auto 0; text-align: center; max-width: 740px; font-size: 13px; line-height: 1.6; color: #888; }
.copy-status { text-align: center; font-size: 14px; color: #086de8; min-height: 24px; margin-top: 10px; }
.final-creation { text-align: center; border-top: 1px solid #e6e6e6; padding-top: 74px; padding-bottom: 24px; }
.final-brand { display: inline-flex; align-items: center; gap: 7px; font-size: 28px; font-weight: 700; letter-spacing: -.06em; margin-bottom: 35px; }
.final-creation h2 span { color: #287cee; }
.final-creation > p { margin: 28px auto; font-size: 18px; color: #777; max-width: 520px; line-height: 1.6; }
.creation-button { display: inline-flex; align-items: center; gap: 32px; border-radius: 50px; padding: 18px 28px; background: #086de8; color: white; font-size: 18px; font-weight: 600; transition: transform .2s, box-shadow .2s; }
.creation-button:hover { transform: translateY(-3px); box-shadow: 0 12px 30px #086de835; }
.service-note { display: block; color: #888; font-size: 12px; margin-top: 15px; }
@media (max-width: 900px) {
  .extra-section { padding-inline: 28px; }
  .scenario-panel { gap: 28px; }
  .scenario-media { height: 430px; }
  .scenario-copy h3 { font-size: 34px; }
  .director-section { gap: 35px; }
  .director-visual { height: 630px; }
  .prompt-grid { gap: 14px; }
  .prompt-card-body { padding: 20px; }
}
@media (max-width: 650px) {
  .extra-section { margin-bottom: 72px; padding-inline: 22px; }
  .extra-heading { margin-bottom: 28px; }
  .extra-heading > p { font-size: 16px; margin-top: 20px; }
  .eyebrow { font-size: 10px; margin-bottom: 16px; }
  .scenario-tabs { gap: 6px; }
  .scenario-tabs button { padding: 11px 13px; font-size: 13px; white-space: nowrap; }
  .scenario-panel, .director-section, .prompt-grid { grid-template-columns: 1fr; }
  .scenario-media { height: 300px; }
  .scenario-copy h3 { font-size: 36px; }
  .scenario-copy > p { font-size: 16px; }
  .director-visual { height: 430px; }
  .director-caption { left: 42px; font-size: 32px; }
  .prompt-grid { gap: 24px; }
  .prompt-image { height: 210px; }
  .prompt-card-body { height: auto; padding: 24px; }
  .final-creation { padding-top: 52px; }
  .creation-button { font-size: 16px; }
  html[lang="ru"] section:not(#pricing) h2 { font-size: 39px; }
  html[lang="ru"] #hero-fold h1 { font-size: 47px; }
  html[lang="ru"] #hero-fold p { padding-inline: 0; }
}
@media (prefers-reduced-motion: reduce) { .extra-section * { transition: none !important; } }