/* Muafakat Technology v2.1 — isolated upgrade stylesheet */
.capabilityIntro{display:flex!important;align-items:center;gap:25px;margin:-12px 0 28px;padding:16px 20px;border-left:3px solid #ed1c24;background:linear-gradient(90deg,#f0f3fa,transparent)}
.capabilityIntro span{white-space:nowrap;font:800 9px monospace;letter-spacing:.18em;color:#3557ad}.capabilityIntro p{margin:0;color:#697287;font-size:12px;line-height:1.6}
.serviceCard{position:relative;isolation:isolate;overflow:hidden}.serviceCard:after{content:"";position:absolute;width:150px;height:150px;right:-85px;top:-85px;border:1px solid #3557ad16;border-radius:50%;box-shadow:0 0 0 24px #3557ad08;transition:.35s;z-index:-1}.serviceCard:hover:after{transform:scale(1.35);border-color:#ed1c2422}
.serviceCard .serviceIcon{width:66px!important;height:66px!important;border:1px solid #dce3f0!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#f3f6fc,#fff)!important;color:#3557ad!important;box-shadow:0 12px 28px #18386a13!important}
.serviceCard:nth-child(even) .serviceIcon{color:#ed1c24!important;background:linear-gradient(145deg,#fff4f4,#fff)!important}.serviceCard .serviceIcon svg{display:block;width:32px;height:32px;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round;stroke-linejoin:round}
.serviceStatus{position:absolute;top:76px;right:24px;font:7px monospace;letter-spacing:.14em;color:#778194}.serviceStatus b{display:inline-block;width:6px;height:6px;background:#20b86a;border-radius:50%;box-shadow:0 0 0 4px #20b86a16;margin-right:5px}.serviceLink{display:flex!important;justify-content:space-between;align-items:center}.serviceLink b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef2fa;color:#3557ad;transition:.25s}.serviceCard:hover .serviceLink b{color:#fff;background:#3557ad;transform:rotate(45deg)}
.section.advantage{display:block!important;position:relative!important;padding:110px max(5vw,32px)!important;color:#fff!important;background:radial-gradient(circle at 82% 20%,#3557ad55,transparent 30%),linear-gradient(135deg,#17181c,#252a36 62%,#182a54)!important;overflow:hidden}.section.advantage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}
.advantageHead,.advantageGrid,.performanceStrip{position:relative;z-index:2}.advantageHead{max-width:930px}.advantage .eyebrow{color:#ff757a}.advantageHead h2{color:#fff!important;font-size:clamp(40px,5vw,68px)!important;letter-spacing:-.05em;line-height:1.02;margin:20px 0}.advantageHead h2 em{font-style:normal;color:#ff5b61}.advantageHead>p:last-child{max-width:760px;color:#b8c0d0!important;line-height:1.75;font-size:15px}
.advantageGrid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:55px;background:#ffffff18;border:1px solid #ffffff18}.advantageGrid article{min-height:270px;padding:28px;background:#1c202ae8;position:relative;transition:.3s}.advantageGrid article:hover{background:#272d3a;transform:translateY(-7px)}.advantageGrid article>span{position:absolute;right:20px;top:18px;font:8px monospace;color:#687185}.advIcon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #53617d;border-radius:14px;color:#70d8e4;font-size:20px;margin-bottom:50px}.advantageGrid article:nth-child(even) .advIcon{color:#ff666c}.advantageGrid h3{color:#fff!important;font-size:17px;margin-bottom:14px}.advantageGrid p{font-size:12px;line-height:1.7;color:#98a2b4!important}
.performanceStrip{display:grid!important;grid-template-columns:auto auto auto 1fr;gap:1px;margin-top:20px;background:#ffffff18;border:1px solid #ffffff18}.performanceStrip>div{min-width:150px;padding:22px;background:#ffffff08}.performanceStrip strong{display:block;font-size:30px;color:#fff}.performanceStrip span{font:8px monospace;letter-spacing:.12em;color:#8f9aaf}.performanceStrip>p{display:flex;align-items:center;margin:0;padding:20px 28px;color:#c8cfdb;font-size:12px;line-height:1.6}
.clientLogo{height:115px;margin:18px 0 24px;display:grid;place-items:center;padding:18px;border:1px solid #e2e7f0;border-radius:14px;background:#fff;box-shadow:0 12px 30px #1b355b0c}.clientLogo img{display:block;max-width:100%;max-height:78px;width:auto;height:auto;object-fit:contain}.clientLogo b{width:70px;height:70px;place-items:center;border-radius:15px;background:#202126;color:#fff;font-size:18px;box-shadow:7px 7px 0 #3557ad}.clientMeta{margin-top:auto}.clientMeta small{font:7px monospace;letter-spacing:.17em;color:#9ba3b2}.clientMeta h3{margin:8px 0 5px}.clientArrow{position:absolute;right:22px;bottom:23px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #d8dfeb;border-radius:50%;color:#3557ad}
@media(max-width:1050px){.advantageGrid{grid-template-columns:1fr 1fr}.performanceStrip{grid-template-columns:repeat(3,1fr)}.performanceStrip>p{grid-column:1/-1}}
@media(max-width:680px){.capabilityIntro{align-items:flex-start;flex-direction:column;gap:8px}.section.advantage{padding:80px 20px!important}.advantageGrid{grid-template-columns:1fr}.advantageGrid article{min-height:230px}.performanceStrip{grid-template-columns:1fr 1fr}.performanceStrip>div{min-width:0}.performanceStrip>div:nth-child(3){grid-column:1/-1}}
.contactEmail{font-size:12px;color:#fff;font-weight:700;word-break:break-all;text-decoration:none}.contactEmail:hover{text-decoration:underline;color:#dffbff}
