[data-conversation-section] .conversation-banner{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--color-border) 75%, transparent);background:var(--color-surface);box-shadow:var(--shadow-card);transition:transform .3s,box-shadow .3s;display:grid;overflow:hidden}[data-conversation-section] .conversation-banner:hover{box-shadow:0 18px 44px color-mix(in srgb, var(--color-heading) 9%, transparent);transform:translateY(-3px)}[data-conversation-section] .conversation-banner__graphic{background:var(--color-footer-bg);isolation:isolate;min-height:10.5rem;position:relative;overflow:hidden}[data-conversation-section] .conversation-banner__graphic:before{content:"";z-index:0;background:linear-gradient(145deg, var(--color-footer-bg) 0%, color-mix(in srgb, var(--color-primary) 75%, var(--color-footer-bg)) 55%, color-mix(in srgb, var(--color-secondary) 35%, var(--color-surface)) 100%);position:absolute;inset:0}[data-conversation-section] .conversation-banner__strip{z-index:1;transform-origin:50%;width:38%;position:absolute;top:-22%;bottom:-22%;transform:skew(-18deg)}[data-conversation-section] .conversation-banner__strip--1{background:linear-gradient(165deg, var(--color-footer-bg) 0%, color-mix(in srgb, var(--color-primary) 80%, var(--color-footer-bg)) 100%);width:48%;left:-18%}[data-conversation-section] .conversation-banner__strip--2{background:linear-gradient(155deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-hover) 70%, var(--color-primary)) 100%);opacity:.92;width:32%;left:14%}[data-conversation-section] .conversation-banner__strip--3{background:linear-gradient(145deg, color-mix(in srgb, var(--color-secondary) 55%, var(--color-primary)) 0%, var(--color-secondary) 100%);opacity:.88;width:24%;left:32%}[data-conversation-section] .conversation-banner__strip--4{background:linear-gradient(140deg, color-mix(in srgb, var(--color-accent) 70%, var(--color-secondary)) 0%, var(--color-accent) 100%);opacity:.75;width:18%;left:46%}[data-conversation-section] .conversation-banner__strip--line{background:color-mix(in srgb, var(--color-on-primary) 35%, transparent);opacity:.5;width:3%;left:22%}[data-conversation-section] .conversation-banner__strip--line-2{background:color-mix(in srgb, var(--color-surface) 80%, transparent);opacity:.65;width:2%;left:52%}[data-conversation-section] .conversation-banner__icon{z-index:2;border:3px solid color-mix(in srgb, var(--color-on-primary) 35%, transparent);background:color-mix(in srgb, var(--color-footer-bg) 82%, transparent);width:4.25rem;height:4.25rem;color:var(--color-on-primary);box-shadow:0 10px 28px color-mix(in srgb, var(--color-footer-bg) 35%, transparent);border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}[data-conversation-section] .conversation-banner__content{flex-direction:column;gap:.875rem;padding:1.5rem;display:flex}[data-conversation-section] .conversation-banner--center .conversation-banner__content{text-align:center;align-items:center}[data-conversation-section] .conversation-banner__title{color:var(--color-primary);font-size:1.375rem;font-weight:700;line-height:1.25}[data-conversation-section] .conversation-banner__lead{color:var(--color-muted);margin:0;font-size:.9375rem;line-height:1.55}[data-conversation-section] .conversation-banner__quote{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);background:var(--color-section-primary-mist);width:100%;font-family:var(--font-arabic);color:var(--color-heading);margin:0;padding:.875rem 1rem;font-size:1.0625rem;line-height:1.65}[data-conversation-section] .conversation-banner__translation{width:100%;color:var(--color-body);margin:0;font-size:.9375rem;line-height:1.6}[data-conversation-section] .conversation-banner__actions{flex-wrap:wrap;gap:.625rem;margin-top:.25rem;display:flex}[data-conversation-section] .conversation-banner--center .conversation-banner__actions{justify-content:center}[data-conversation-section] .conversation-banner__btn{border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1.125rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s,background-color .2s;display:inline-flex}[data-conversation-section] .conversation-banner__btn:hover{transform:translateY(-1px)}[data-conversation-section] .conversation-banner__btn--primary{background:var(--color-footer-bg);color:var(--color-on-primary)}[data-conversation-section] .conversation-banner__btn--primary:hover{background:var(--color-hover)}[data-conversation-section] .conversation-banner__btn--secondary{border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);background:var(--color-surface);color:var(--color-primary)}[data-conversation-section] .conversation-banner__btn--secondary:hover{border-color:var(--color-secondary);color:var(--color-secondary)}@media (min-width:768px){[data-conversation-section] .conversation-banner{grid-template-columns:minmax(0,42%) minmax(0,58%);min-height:17.5rem}[data-conversation-section] .conversation-banner--flip{grid-template-columns:minmax(0,58%) minmax(0,42%)}[data-conversation-section] .conversation-banner--flip .conversation-banner__graphic{order:2}[data-conversation-section] .conversation-banner__graphic{align-self:stretch;min-height:100%}[data-conversation-section] .conversation-banner:not(.conversation-banner--flip) .conversation-banner__graphic{border-top-left-radius:calc(var(--radius-lg) - 1px);border-bottom-left-radius:calc(var(--radius-lg) - 1px)}[data-conversation-section] .conversation-banner--flip .conversation-banner__graphic{border-top-right-radius:calc(var(--radius-lg) - 1px);border-bottom-right-radius:calc(var(--radius-lg) - 1px)}[data-conversation-section] .conversation-banner__content{justify-content:center;padding:2rem 2.25rem}[data-conversation-section] .conversation-banner--flip .conversation-banner__strip--1{width:48%;left:auto;right:-18%}[data-conversation-section] .conversation-banner--flip .conversation-banner__strip--2{left:auto;right:14%}[data-conversation-section] .conversation-banner--flip .conversation-banner__strip--3{left:auto;right:32%}[data-conversation-section] .conversation-banner--flip .conversation-banner__strip--4{left:auto;right:46%}[data-conversation-section] .conversation-banner--flip .conversation-banner__strip--line{left:auto;right:22%}[data-conversation-section] .conversation-banner--flip .conversation-banner__strip--line-2{left:auto;right:52%}}@media (max-width:767px){[data-conversation-section] .conversation-banner__graphic:first-child{border-top-left-radius:calc(var(--radius-lg) - 1px);border-top-right-radius:calc(var(--radius-lg) - 1px)}[data-conversation-section] .conversation-banner__graphic:last-child{border-bottom-left-radius:calc(var(--radius-lg) - 1px);border-bottom-right-radius:calc(var(--radius-lg) - 1px)}}@media (min-width:1024px){[data-conversation-section] .conversation-banner__content{padding:2.25rem 2.5rem}[data-conversation-section] .conversation-banner__title{font-size:1.5rem}}