.op-lang-pick{position:relative;display:inline-flex;z-index:320}
.op-lang-trigger{position:relative;direction:ltr;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 30px 0 6px;border:1px solid var(--op-stroke,rgba(125,145,190,.24));border-radius:999px;cursor:pointer;color:var(--op-text,inherit);line-height:1;font:inherit;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(247,249,255,.78));box-shadow:0 6px 20px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(10px) saturate(150%);transition:transform .2s,box-shadow .2s,border-color .2s}
html[data-theme="dark"] .op-lang-trigger{background:linear-gradient(180deg,rgba(20,27,48,.92),rgba(12,18,36,.82));box-shadow:0 8px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)}
.op-lang-trigger:hover{transform:translateY(-2px);border-color:transparent;box-shadow:0 12px 30px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.7)}
.op-lang-pick.is-open .op-lang-trigger{border-color:transparent;box-shadow:0 0 0 3px rgba(99,102,241,.28),0 14px 32px rgba(37,99,235,.22)}
.op-lang-flag{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:18px;line-height:1;background:var(--op-surface2,rgba(125,145,190,.12));box-shadow:0 4px 12px rgba(37,99,235,.16),inset 0 1px 0 rgba(255,255,255,.45);flex:0 0 auto;overflow:hidden}
.op-lang-flag svg,.op-lang-opt-flag svg,.op-lang-flag img,.op-lang-opt-flag img{display:block;width:100%;height:100%;object-fit:cover}
.op-lang-name{font-weight:850;font-size:13px;white-space:nowrap}
.op-lang-code{font-weight:950;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--op-muted,#64748b)}
.op-lang-caret{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--op-muted,#64748b);pointer-events:none;transition:transform .22s,color .22s}
.op-lang-trigger:hover .op-lang-caret{color:var(--op-blue,#2563eb)}
.op-lang-pick.is-open .op-lang-caret{transform:translateY(-50%) rotate(180deg);color:var(--op-blue,#2563eb)}
.op-lang-menu{position:absolute;direction:ltr;right:0;bottom:calc(100% + 12px);box-sizing:border-box;width:min(290px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:360px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px;border-radius:18px;border:1px solid var(--op-stroke,rgba(125,145,190,.24));background:rgba(255,255,255,.94);backdrop-filter:blur(22px) saturate(180%);box-shadow:0 26px 70px rgba(15,23,42,.28),0 6px 18px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.7);z-index:330}
/* ⚠ standard pair fenced to Firefox: Chrome 121+ prefers scrollbar-width/scrollbar-color over
   ::-webkit-scrollbar and would draw its own 'thin' bar (arrow buttons on Windows) instead of
   the 5px gradient thumb below. Same treatment as the portal picker (.px-lang .pnav-dd-menu). */
@supports not selector(::-webkit-scrollbar){.op-lang-menu{scrollbar-width:thin;scrollbar-color:rgba(79,70,229,.58) transparent}}
.op-lang-menu::-webkit-scrollbar{width:5px;height:0}
.op-lang-menu::-webkit-scrollbar-track{background:transparent;margin-block:10px}
.op-lang-menu::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,rgba(79,70,229,.72),rgba(6,182,212,.72));box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}
.op-lang-menu::-webkit-scrollbar-corner{background:transparent}
html[data-theme="dark"] .op-lang-menu{background:rgba(14,20,40,.96);box-shadow:0 26px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06)}
.op-lang-menu[hidden]{display:none!important}
.op-lang-pick.is-open .op-lang-menu{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.op-lang-opt{display:flex;direction:ltr;text-align:left;align-items:center;box-sizing:border-box;width:100%;max-width:100%;min-width:0;gap:11px;padding:9px 11px;border-radius:12px;text-decoration:none;color:var(--op-text,inherit);overflow:hidden;transition:background .18s,transform .18s}
.op-lang-opt:hover,.op-lang-opt:focus{background:rgba(99,102,241,.10);transform:translateY(-1px);outline:none}
.op-lang-opt-flag{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;font-size:19px;line-height:1;background:var(--op-surface2,rgba(125,145,190,.12));border:1px solid var(--op-stroke,rgba(125,145,190,.24));flex:0 0 auto;overflow:hidden}
.op-lang-opt-copy{display:flex;flex-direction:column;line-height:1.2;flex:1 1 auto;min-width:0}
.op-lang-opt-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;font-size:13px}
.op-lang-opt-copy strong[dir=rtl]{direction:rtl;text-align:left}
.op-lang-opt-copy small{font-size:11.5px;color:var(--op-muted,#64748b);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-lang-opt-check{color:#fff;opacity:0;flex:0 0 auto}
.op-lang-opt.is-active{background:linear-gradient(135deg,#4f46e5,#2563eb 55%,#06b6d4);box-shadow:0 8px 20px rgba(37,99,235,.32);color:#fff}
.op-lang-opt.is-active .op-lang-opt-copy small{color:#fff;opacity:.85}
.op-lang-opt.is-active .op-lang-opt-flag{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.32)}
.op-lang-opt.is-active .op-lang-opt-check{opacity:1}
.op-lang-pick-nav .op-lang-name,.op-lang-pick-account .op-lang-name,.op-lang-pick-cloud .op-lang-name{display:none}
.op-lang-pick-nav .op-lang-menu,.op-lang-pick-account .op-lang-menu,.op-lang-pick-cloud .op-lang-menu{top:calc(100% + 10px);bottom:auto}
.op-lang-pick-nav .op-lang-trigger{height:42px}
.op-lang-pick-cloud{position:absolute;top:24px;right:24px}
[dir=rtl] .op-lang-menu{right:auto;left:0}
[dir=rtl] .op-lang-pick-cloud{right:auto;left:24px}
@media(max-width:760px){.op-lang-pick-nav .op-lang-trigger{padding-right:28px}.op-lang-menu{max-height:55vh}}

/* Standalone SaaS multilingual layout containment. */
html[data-opsiq-layout="public"]{overflow-x:clip}
.op-nav-link,.op-nav-actions>.op-btn{white-space:nowrap}
.op-nav-actions>.op-btn{flex:0 0 auto}
@media(min-width:1021px){.op-nav-inner{width:max-content!important;min-width:min(1180px,calc(100vw - 36px));max-width:calc(100vw - 36px)}}
@media(min-width:1021px) and (max-width:1280px){.op-nav-links{display:none!important}.op-mobile-btn{display:inline-flex!important}}
.op-lang-pick-nav .op-lang-trigger,.op-lang-pick-account .op-lang-trigger,.op-lang-pick-cloud .op-lang-trigger{height:34px!important;padding:0 24px 0 4px!important;gap:5px!important}
.op-lang-pick-nav .op-lang-flag,.op-lang-pick-account .op-lang-flag,.op-lang-pick-cloud .op-lang-flag{width:20px;height:14px;border-radius:4px}
.op-lang-pick-nav .op-lang-code,.op-lang-pick-account .op-lang-code,.op-lang-pick-cloud .op-lang-code{font-size:10px}
:is(.op-lang-pick-nav,.op-lang-pick-account,.op-lang-pick-cloud) .op-lang-trigger{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
:is(.op-lang-pick-nav,.op-lang-pick-account,.op-lang-pick-cloud) .op-lang-trigger:hover{transform:none!important;box-shadow:none!important}
:is(.op-lang-pick-nav,.op-lang-pick-account,.op-lang-pick-cloud).is-open .op-lang-trigger{box-shadow:none!important}

/* Every translated grid child must be allowed to shrink inside its column. */
.op-mkt-hero-grid>*,.op-cinema-grid>*,.op-features-hero-grid>*,.op-crm-hero-grid>*,.op-hero-grid>*,.op-feature-grid>*,.op-card-grid>*,.op-pricing-grid>*,.op-spot-row>*,.op-legal-hero-row>*,.op-band>*,.op-footer-cta-section>*{min-width:0}
.op-mkt-hero-copy,.op-cinema-copy,.op-features-hero-copy,.op-crm-hero-copy,.op-spot-copy,.op-legal-hero-copy,.op-card,.op-feature,.op-price-card,.op-footer-cta-copy{min-width:0;max-width:100%}

/* Title rules are script-aware and apply to every language, not a short allow-list. */
html[lang]:not([lang=en]) .op-mkt-hero-title,html[lang]:not([lang=en]) .op-cinema-title,html[lang]:not([lang=en]) .op-features-title,html[lang]:not([lang=en]) .op-crm-hero-title,html[lang]:not([lang=en]) .op-h1{max-width:min(100%,14ch)!important;font-size:clamp(40px,5.4vw,76px)!important;line-height:1.02!important;letter-spacing:-.045em!important;overflow-wrap:anywhere;text-wrap:balance}
html[lang=ar] :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1),html[lang=fa] :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1),html[lang=he] :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1),html[lang=ur] :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1),html[lang=bn] :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1),html[lang=hi] :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1),html[lang=th] :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1){line-height:1.12!important;letter-spacing:0!important}
html[lang=ja] :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1),html[lang=ko] :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1),html[lang=zh] :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1),html[lang=zh-tw] :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1){line-height:1.08!important;letter-spacing:-.02em!important}

/* Organised, translation-safe action rows and buttons across every hero and CTA. */
.op-hero-actions,.op-scene-actions,.op-band-actions,.op-footer-cta-actions,.op-lux-actions{display:flex;flex-wrap:wrap;align-items:stretch;max-width:100%;min-width:0}
.op-hero-actions>.op-btn,.op-scene-actions>.op-btn,.op-band-actions>.op-btn,.op-footer-cta-actions>.op-btn,.op-lux-actions>.op-btn{flex:0 1 auto;min-width:min(160px,100%);max-width:100%;min-height:48px;height:auto!important;padding-block:12px!important;white-space:normal!important;overflow-wrap:anywhere;text-align:center;line-height:1.25}
.op-footer-premium .op-footer-cta-actions,.op-footer-cta-section .op-footer-cta-actions{min-width:0!important;max-width:100%;width:auto!important}
.op-card .op-btn,.op-feature .op-btn,.op-price-card .op-btn{max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.25}
.op-price-card>.op-btn{width:100%}
.op-card h2,.op-card h3,.op-card h4,.op-feature h2,.op-feature h3,.op-price-card h2,.op-price-card h3{max-width:100%;overflow-wrap:anywhere}
.op-kicker,.op-ticker{max-width:100%;overflow-wrap:anywhere}
.op-cinema-title{overflow-wrap:anywhere}

@media(max-width:760px){.op-nav-actions>.op-btn-primary{display:none!important}.op-nav-inner{min-height:62px!important}.op-lang-pick-nav .op-lang-trigger{height:32px!important;padding-right:23px!important}.op-lang-pick-nav .op-lang-flag{width:20px;height:14px}.op-lang-pick-nav .op-lang-menu{position:fixed!important;inset:70px 14px auto 14px!important;width:auto!important;max-width:none!important;max-height:min(62vh,520px)!important}.op-mkt-hero-grid>*,.op-cinema-grid>*,.op-features-hero-grid>*,.op-crm-hero-grid>*,.op-hero-grid>*{width:100%!important;min-width:0!important}html[lang]:not([lang=en]) :is(.op-mkt-hero-title,.op-cinema-title,.op-features-title,.op-crm-hero-title,.op-h1){font-size:clamp(34px,10.5vw,50px)!important;max-width:100%!important}.op-hero-actions,.op-scene-actions,.op-band-actions,.op-footer-cta-actions,.op-lux-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr)}.op-hero-actions>.op-btn,.op-scene-actions>.op-btn,.op-band-actions>.op-btn,.op-footer-cta-actions>.op-btn,.op-lux-actions>.op-btn{width:100%;min-width:0}}
html[lang]:not([lang=en]) .op-prc-ccta .op-btn{max-width:100%;min-width:0;padding-inline:7px!important;font-size:12px!important;white-space:normal!important;line-height:1.15;text-align:center;overflow-wrap:anywhere}
/* standard pair fenced to Firefox — see .op-lang-menu above */
@supports not selector(::-webkit-scrollbar){.op-prc-ctable-wrap{scrollbar-width:thin;scrollbar-color:rgba(79,70,229,.58) transparent}}
.op-prc-ctable-wrap::-webkit-scrollbar{height:6px}
.op-prc-ctable-wrap::-webkit-scrollbar-track{background:transparent;margin-inline:16px}
.op-prc-ctable-wrap::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(90deg,rgba(79,70,229,.72),rgba(6,182,212,.72));box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}
@media(max-width:760px){.op-prc-ctable-wrap{padding-bottom:10px!important}.op-prc-ctable-wrap .op-prc-ctable{min-width:1120px!important}}