/* ISS Technologies - Microsoft service pages polish */

/* ===== ISS services hub - final polish ===== */
.msgroup{--acc:#2f6bff;--acc2:#8fb0ff;--accbg:rgba(47,107,255,.18);--card:linear-gradient(160deg,rgba(26,42,115,.55),rgba(9,14,46,.78))}
.msgroup[data-cat=vapt]{--acc:#ff9f43;--acc2:#ffc58a;--accbg:rgba(255,159,67,.15)}
.msgroup[data-cat=soc]{--acc:#22d3ee;--acc2:#8aeafa;--accbg:rgba(34,211,238,.14)}
.msgroup[data-cat=cloud]{--acc:#8b7bff;--acc2:#bdb3ff;--accbg:rgba(139,123,255,.17)}
.msgroup[data-cat=data]{--acc:#34d399;--acc2:#86efc4;--accbg:rgba(52,211,153,.14)}
html body .mshero h1{font-size:clamp(36px,5vw,70px)}
html body .mshero p{font-size:clamp(17px,1.5vw,22px)!important;line-height:1.7}
html body .mshero .btn{font-size:16px;padding:14px 26px}
html body .msgroup{padding:clamp(40px,4.5vw,64px) 0 0!important;border-top:0!important}
html body .msgroup:last-of-type{padding-bottom:clamp(48px,6vw,88px)!important}
html body .msgroup .container{max-width:min(1680px,95vw)!important;margin:0 auto!important}
html body .msgh{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;margin-bottom:clamp(20px,2.4vw,32px)!important;padding-bottom:18px!important;border-bottom:1px solid rgba(140,170,255,.22)!important}
html body .msgh::before{content:"";width:6px;height:clamp(30px,3vw,44px);border-radius:4px;background:var(--acc);flex:none}
html body .msgh h2{font-size:clamp(28px,3.2vw,46px)!important;letter-spacing:-.03em!important;font-weight:600}
html body .msgh em{margin-left:auto;font-size:13px!important;letter-spacing:.1em!important;text-transform:uppercase;opacity:1!important;padding:8px 14px!important;border-radius:99px;border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);background:var(--accbg);color:var(--acc2)!important}

html body .msgroup .msitems{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:clamp(16px,1.6vw,24px)!important;align-items:stretch}
html body .msgroup .msitems>.msi{grid-column:span 2!important;min-width:0}
html body .msgroup .msitems:has(>.msi:last-child:nth-child(3n+1))>.msi:nth-last-child(-n+4){grid-column:span 3!important}
html body .msgroup .msitems:has(>.msi:last-child:nth-child(3n+2))>.msi:nth-last-child(-n+2){grid-column:span 3!important}
html body .msgroup .msitems:has(>.msi:nth-child(2):last-child)>.msi{grid-column:span 3!important}
html body .msgroup .msitems:has(>.msi:only-child)>.msi{grid-column:1/-1!important}
@media(max-width:999px){
html body .msgroup .msitems{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body .msgroup .msitems>.msi:not(#_){grid-column:span 1!important}
html body .msgroup .msitems>.msi:last-child:nth-child(odd):not(#_){grid-column:1/-1!important}
}
@media(max-width:640px){
html body .msgroup .msitems{grid-template-columns:1fr!important}
html body .msgroup .msitems>.msi:not(#_),html body .msgroup .msitems>.msi:last-child:nth-child(odd):not(#_){grid-column:1/-1!important}
}

@media(min-width:1100px){html body .msgroup .msitems:has(>.msi:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}html body .msgroup .msitems:has(>.msi:nth-child(4):last-child)>.msi:nth-child(n):nth-last-child(n){grid-column:span 1!important}}
html body .msgroup .msitems .msi{position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;width:auto!important;min-height:0!important;padding:clamp(24px,2.4vw,34px)!important;border:1px solid rgba(140,170,255,.22)!important;border-top:3px solid var(--acc)!important;border-radius:22px!important;background:var(--card)!important;box-shadow:none!important;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s!important}
html body .msgroup .msitems .msi:hover{transform:translateY(-6px)!important;border-color:color-mix(in srgb,var(--acc) 70%,transparent)!important;box-shadow:0 26px 60px -28px var(--acc)!important;background:var(--card)!important}
html body .msgroup .msitems .msi::before{display:none!important}
html body .msgroup .msitems .msi a.service-icon-link{display:grid!important;place-items:center;flex:none;width:76px;height:76px;padding:0!important;margin:0 0 4px!important;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent)!important;border-radius:20px!important;background:var(--accbg)!important;color:var(--acc2);transform:none!important}
html body .msgroup .msitems .msi a.service-icon-link:hover{background:var(--accbg)!important;transform:none!important}
html body .msgroup .msitems .msi .msimg{width:60px!important;height:60px!important;object-fit:contain!important;opacity:1!important;margin:0!important}
html body .msgroup .msitems .msi a.service-icon-link svg{width:36px!important;height:36px!important;padding:0!important;border:0!important;background:none!important;color:var(--acc2)!important;opacity:1!important}
html body .msgroup .msitems .msi h3{margin:4px 0 0!important;font-size:clamp(21px,1.8vw,26px)!important;line-height:1.25!important;font-weight:600;color:#fff;letter-spacing:-.015em!important;min-height:0!important;display:block!important}
html body .msgroup .msitems .msi p{margin:0!important;flex:1;max-width:none!important;font-size:clamp(16px,1.25vw,18px)!important;line-height:1.7!important;color:#c3d1ef!important;opacity:1!important}
html body .msgroup .msitems .msi>a:last-child{align-self:flex-start;margin-top:8px;display:inline-flex;align-items:center;gap:8px;padding:12px 20px!important;border:1px solid color-mix(in srgb,var(--acc) 55%,transparent)!important;border-radius:99px!important;background:var(--accbg)!important;color:#fff!important;font-size:16px!important;font-weight:600;white-space:nowrap;transform:none!important}
html body .msgroup .msitems .msi>a:last-child:hover{background:var(--acc)!important;color:#07101f!important;border-color:var(--acc)!important}
@media(max-width:640px){html body .msgh{flex-wrap:wrap}html body .msgh em{margin-left:0}}

html body .msgroup .msitems .msi>a:last-child:not(#_){font-size:16.5px!important}
@media(max-width:640px){
html body .msgroup .container{padding-left:20px!important;padding-right:20px!important}
html body .msgroup .msgh{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:12px 14px!important}
html body .msgroup .msgh h2{text-align:left!important;margin:0!important}
html body .msgroup .msgh em{margin-left:auto!important}
}

/* ===== Microsoft technical pages (dx-*) ===== */
html body .detail-hero p{font-size:clamp(17px,1.5vw,21px)!important;line-height:1.7!important;color:#c5d6ff}
html body .detail-kicker{font-size:13px!important}
html body .detail-actions a{font-size:16.5px!important;padding:14px 26px!important}
html body .dx-hero{padding:48px 0 56px}
html body .dx-sec{padding:clamp(34px,4vw,56px) 0 0}
html body .dx-sec h2{font-size:clamp(26px,2.8vw,38px);line-height:1.2;margin-bottom:20px}
html body .dx-sec p{font-size:clamp(17px,1.35vw,19px);line-height:1.8;color:#cbd8f2;margin-bottom:16px}
html body .dx-article>.dx-sec>p{max-width:92ch}
html body .dx-split{align-items:center;gap:clamp(28px,4.5vw,64px);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
html body .dx-img{align-self:center;min-height:0;background:#050914}
html body .dx-img img{height:auto;object-fit:contain}
html body .dx-head p{font-size:17px!important;color:#b9c9ec!important}
html body .dx-panel{padding:clamp(24px,3.4vw,44px);border-radius:26px}
html body .dx-panel-head h3{font-size:clamp(24px,2.8vw,38px)}
html body .dx-panel-head p{font-size:17px!important;line-height:1.65!important;color:#b9c9ec!important}
html body .dx-steps{gap:24px}
html body .dx-steps li,html body .dx-cards li{padding:24px 18px;border-radius:18px;background:linear-gradient(160deg,rgba(26,42,115,.55),rgba(9,14,46,.78));border-top:3px solid #2f6bff;color:#c3d1ef}
html body .dx-num{width:40px;height:40px;font-size:13px;margin-bottom:14px}
html body .dx-steps strong,html body .dx-cards strong{font-size:clamp(17px,1.4vw,20px);line-height:1.3;margin-bottom:10px;font-weight:600}
html body .dx-steps li>span:last-child,html body .dx-cards li>span:last-child{font-size:clamp(15.5px,1.2vw,17px);line-height:1.6;color:#c3d1ef}
html body .dx-cards{gap:20px}
html body .dx-cards li{padding:26px 24px}
html body .dx-panel-foot{font-size:16.5px!important;color:#cbd8f2!important}
@media(max-width:1100px){html body .dx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}html body .dx-steps li:last-child:nth-child(odd){grid-column:1/-1}html body .dx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){html body .dx-steps,html body .dx-cards{grid-template-columns:1fr}}