/* v8 refinements */
:root{--ms-font:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--ms-font)!important}
/* transparent family lockups on dark surfaces */
.one-master,.one-family{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.one-master img{width:235px;height:92px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}
.one-family img{width:180px;height:72px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.27))}
.suite-heading-logo>img{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.2))!important}
/* two app children, balanced beneath Apps */
.hier-node.a1{left:75px}.hier-node.a2{left:211px}.hier-node.a3{display:none}
/* client reel controls: always clickable and visible */
.client-reel-controls{position:relative;z-index:12;pointer-events:auto}
.client-reel-controls button{position:relative;z-index:13;pointer-events:auto;display:grid;place-items:center;line-height:1}
.client-reel-viewport{position:relative;z-index:1}
.client-logo-card{overflow:hidden!important;padding:18px!important;display:grid!important;place-items:center!important}
.client-logo-card img{width:auto!important;height:auto!important;max-width:82%!important;max-height:74%!important;object-fit:contain!important;object-position:center!important}
.client-logo-card[title*="Roll"] img,.client-logo-card[title*="Zam"] img,.client-logo-card[title*="Al Hayat"] img,.client-logo-card[title*="Margalla"] img{max-width:70%!important;max-height:68%!important}
/* stronger configure CTA with no collision */
.cta-panel{grid-template-columns:minmax(0,1.25fr) minmax(440px,.75fr)!important;gap:34px!important}
.cta-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important}
.cta-actions .btn{min-height:54px!important;padding:14px 20px!important;overflow:visible!important}
.cta-configure{background:white!important;color:#07122c!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important;min-width:218px!important}
.cta-configure span,.cta-configure b{position:static!important;display:inline!important;flex:none!important}
/* operating model industry card */
.industry-custom{background:linear-gradient(145deg,#07122c,#20304f)!important;color:white!important;border-color:rgba(255,255,255,.12)!important}
.industry-custom p{color:#bac7da!important}.industry-custom a{color:#8fdcff!important}.industry-custom .industry-icon{background:rgba(255,255,255,.1)!important;color:#8fdcff!important;font-size:2rem!important}
/* product icon and family balance */
.studio-logo img{width:76%!important;height:76%!important;object-fit:contain!important}
.studio-lockup small{font-size:.66rem!important}.studio-lockup strong{font-size:1.62rem!important}
/* language trigger keeps compact Arabic label by default */
.language-trigger{min-width:92px}
@media(max-width:1100px){.cta-panel{grid-template-columns:1fr!important}.cta-actions{justify-content:flex-start!important}}
@media(max-width:560px){.hier-node.a1{left:80px}.hier-node.a2{left:220px}.cta-actions .btn{width:100%!important}.language-trigger{min-width:78px}}

.suite-automate .studio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1180px){.suite-automate .studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.suite-automate .studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.suite-automate .studio-grid{grid-template-columns:1fr}}