
@layer cinema-behavior {
 .ow-cinema .option-ai-promo { display:grid!important; grid-template-columns:270px minmax(0,1fr) auto!important; align-items:center!important; gap:28px!important; width:var(--ow-ds-container)!important; max-width:none!important; margin:28px auto!important; padding:25px 30px!important; border:1px solid #ded8ec!important; border-left:3px solid #7350b0!important; border-radius:10px!important; background:#faf8fe!important; color:#101820!important; scroll-margin-top:120px!important; }
 .ow-cinema .option-ai-promo:is(.option-ai-promo--home,.option-ai-promo--agency) { width:100%!important; margin:28px 0 0!important; }
 .option-ai-promo .option-ai-promo__flow { width:270px!important; max-width:100%!important; margin:0!important; padding:16px 11px!important; border:1px solid #e4dcef!important; border-radius:10px!important; background:#fff!important; }
 .option-ai-promo .option-ai-promo__flow-inner { display:grid!important; grid-template-columns:minmax(0,1fr) 15px 55px 15px minmax(0,1fr)!important; gap:3px!important; align-items:center!important; }
 .option-ai-promo :is(.option-ai-promo__flow-inputs,.option-ai-promo__flow-outputs) { display:grid!important; gap:11px!important; }
 .option-ai-promo .option-ai-promo__flow span { display:flex!important; align-items:center!important; gap:4px!important; font:500 10px/1.3 var(--cin-body)!important; white-space:nowrap!important; color:#4a3c60!important; }
 .option-ai-promo .option-ai-promo__flow svg { flex-shrink:0!important; color:#7350b0!important; }
 .option-ai-promo .option-ai-promo__flow-core { display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:7px!important; min-height:66px!important; border-radius:10px!important; background:#f0e9fa!important; color:#59388b!important; }
 .option-ai-promo .option-ai-promo__flow-core strong { font:700 11px/1.3 var(--cin-body)!important; white-space:nowrap!important; }
 .option-ai-promo .option-ai-promo__brand { display:flex!important; align-items:baseline!important; gap:10px!important; margin:0 0 9px!important; font:700 17px/1.35 var(--cin-body)!important; color:#59388b!important; letter-spacing:-.02em!important; }
 .option-ai-promo .option-ai-promo__brand span { font:400 13px/1.4 var(--cin-body)!important; color:#65707a!important; letter-spacing:0!important; }
 .option-ai-promo :is(h2,h3) { margin:0!important; max-width:none!important; font-size:clamp(23px,2vw,28px)!important; line-height:1.25!important; color:#101820!important; }
 .option-ai-promo .option-ai-promo__intro { margin:12px 0 0!important; max-width:77ch!important; font-size:16px!important; line-height:1.6!important; color:#4a5560!important; }
 .option-ai-promo .option-ai-promo__actions { display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:15px!important; }
 .option-ai-promo .option-ai-promo__button { display:inline-flex!important; align-items:center!important; gap:24px!important; min-height:46px!important; padding:11px 19px!important; border:1px solid #59388b!important; border-radius:999px!important; background:#59388b!important; color:#fff!important; font:600 16px/1.4 var(--cin-body)!important; text-decoration:none!important; white-space:nowrap!important; }
 .option-ai-promo .option-ai-promo__button:hover { background:#44256e!important; }
 .option-ai-promo .option-ai-promo__compare { color:#59388b!important; font:400 15px/1.5 var(--cin-body)!important; text-decoration:underline!important; text-underline-offset:4px!important; }
 .option-ai-promo a:focus-visible { outline:3px solid #006e99!important; outline-offset:4px!important; }
 .option-ai-promo .option-ai-promo__sr { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
 @media(max-width:1100px) {
  .ow-cinema .option-ai-promo { grid-template-columns:minmax(0,1fr) auto!important; gap:20px 28px!important; }
  .option-ai-promo .option-ai-promo__copy { grid-column:1!important; grid-row:1!important; }
  .option-ai-promo .option-ai-promo__actions { grid-column:2!important; grid-row:1!important; }
  .option-ai-promo .option-ai-promo__flow { grid-column:1/-1!important; grid-row:2!important; }
 }
 @media(max-width:760px) {
  .ow-cinema .option-ai-promo { grid-template-columns:1fr!important; padding:22px!important; gap:20px!important; }
  .option-ai-promo .option-ai-promo__flow { grid-column:1!important; grid-row:2!important; }
  .option-ai-promo .option-ai-promo__actions { grid-column:1!important; grid-row:3!important; }
  .option-ai-promo .option-ai-promo__actions { flex-direction:row!important; flex-wrap:wrap!important; align-items:center!important; gap:15px 24px!important; }
 }
 @media(max-width:420px) {
  .ow-cinema .option-ai-promo { padding:20px!important; }
  .option-ai-promo .option-ai-promo__actions { flex-direction:column!important; align-items:flex-start!important; }
 }
}


@layer cinema-behavior {
 .ow-cinema .option-ai-context { display:block!important; margin:28px 0 0!important; padding:18px 0 18px 22px!important; border:0!important; border-left:3px solid #b39ad8!important; border-radius:0!important; background:transparent!important; color:#101820!important; }
 .option-ai-context .option-ai-context__title { margin:0 0 8px!important; font:600 18px/1.4 var(--cin-body)!important; color:#59388b!important; }
 .option-ai-context p { margin:0!important; max-width:100ch!important; color:#4a5560!important; font:400 16px/1.6 var(--cin-body)!important; }
 .option-ai-context .option-ai-context__links { display:flex!important; flex-wrap:wrap!important; gap:12px 26px!important; margin-top:12px!important; }
 .option-ai-context .option-ai-context__links a { color:#59388b!important; font:400 15px/1.5 var(--cin-body)!important; text-decoration:underline!important; text-underline-offset:4px!important; }
 .option-ai-context a:focus-visible { outline:3px solid #006e99!important; outline-offset:4px!important; }
 @media(max-width:540px) { .ow-cinema .option-ai-context { padding-left:17px!important; }.option-ai-context .option-ai-context__links { flex-direction:column!important; align-items:flex-start!important; } }
}

@layer cinema-behavior {
 .ow-cinema.ow-blog-index .ow-blog-grid .ow-blog-card--option-ai { display:grid!important; grid-template-columns:220px minmax(0,1fr)!important; grid-template-rows:auto 1fr!important; grid-column:1/-1!important; gap:10px 28px!important; align-items:start!important; padding:20px!important; border:1px solid #ded8ec!important; border-radius:12px!important; background:#faf8fe!important; }
 .ow-cinema.ow-blog-index .ow-blog-card--option-ai .ow-blog-card__image { grid-column:1!important; grid-row:1/3!important; width:100%!important; max-width:100%!important; min-width:0!important; height:155px!important; aspect-ratio:auto!important; margin:0!important; border-radius:7px!important; overflow:hidden!important; }
 .ow-cinema.ow-blog-index .ow-blog-card--option-ai .ow-blog-card__image img { width:100%!important; min-width:0!important; height:155px!important; aspect-ratio:auto!important; object-fit:cover!important; object-position:top!important; }
 .ow-cinema.ow-blog-index .ow-blog-card--option-ai .ow-blog-card__meta { margin:15px 0 0!important; padding:0!important; color:#59388b!important; }
 .ow-cinema.ow-blog-index .ow-blog-card--option-ai h3 { margin:0!important; padding:0!important; font-size:clamp(22px,2vw,29px)!important; max-width:35ch!important; }
 @media(max-width:600px) {
  .ow-cinema.ow-blog-index .ow-blog-grid .ow-blog-card--option-ai { display:block!important; padding:19px!important; }
  .ow-cinema.ow-blog-index .ow-blog-card--option-ai .ow-blog-card__image { display:none!important; }
  .ow-cinema.ow-blog-index .ow-blog-card--option-ai .ow-blog-card__meta { margin:0 0 10px!important; }
 }
}
