/*
Theme Name: MB Group Theme
Theme URI: https://evyx.co/
Author: Besan - Evyx
Description: Custom WordPress theme for MB Group with Arabic pages, products, projects gallery, blog, and contact forms.
Version: 3.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: mbgroup-light
*/
:root{--mb-navy:#233d9a;--mb-blue:#2f91cf;--mb-sky:#dff1ff;--mb-dark:#10213f;--mb-text:#344054;--mb-muted:#667085;--mb-line:#e6edf5;--mb-bg:#f7f9fc;--mb-white:#fff;--mb-radius:24px;--mb-shadow:0 18px 50px rgba(16,33,63,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo','IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;background:var(--mb-bg);color:var(--mb-text);line-height:1.9;direction:rtl;text-align:right}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.section{padding:88px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(47,145,207,.1);color:var(--mb-navy);border:1px solid rgba(47,145,207,.18);border-radius:999px;padding:8px 16px;font-weight:800;font-size:14px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}.section-head h2{font-size:clamp(28px,4vw,46px);line-height:1.25;margin:10px 0 0;color:var(--mb-dark)}.section-head p{max-width:620px;margin:12px 0 0;color:var(--mb-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:999px;border:1px solid transparent;font-weight:900;transition:.25s ease;cursor:pointer}.btn-primary{background:var(--mb-navy);color:#fff;box-shadow:0 14px 30px rgba(35,61,154,.18)}.btn-primary:hover{background:#172c77;transform:translateY(-2px)}.btn-ghost{background:#fff;color:var(--mb-navy);border-color:var(--mb-line)}.btn-ghost:hover{border-color:var(--mb-navy);transform:translateY(-2px)}.site-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--mb-line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{height:64px;width:auto}.main-nav{display:flex;align-items:center;gap:24px}.main-nav ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.main-nav a{padding:10px 12px;border-radius:12px;color:var(--mb-dark);font-weight:800}.main-nav a:hover{background:var(--mb-bg);color:var(--mb-navy)}.menu-toggle{display:none;background:#fff;border:1px solid var(--mb-line);border-radius:14px;padding:10px 14px;font-weight:900}.hero{position:relative;overflow:hidden;padding:72px 0 38px;background:linear-gradient(135deg,#fff 0%,#f4f9ff 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.hero h1{font-size:clamp(36px,5.7vw,68px);line-height:1.18;margin:18px 0;color:var(--mb-dark);letter-spacing:-.8px}.hero p{font-size:19px;color:var(--mb-muted);max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-visual{position:relative}.hero-visual .main-img{border-radius:34px;height:560px;width:100%;object-fit:cover;box-shadow:var(--mb-shadow)}.hero-card{position:absolute;right:22px;bottom:22px;background:rgba(255,255,255,.92);border:1px solid var(--mb-line);box-shadow:var(--mb-shadow);border-radius:24px;padding:18px 22px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.hero-card strong{font-size:28px;color:var(--mb-navy);line-height:1}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:42px}.stat{background:#fff;border:1px solid var(--mb-line);border-radius:20px;padding:22px;box-shadow:0 8px 24px rgba(16,33,63,.04)}.stat strong{display:block;color:var(--mb-navy);font-size:26px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card,.post-card,.product-card,.project-card{background:#fff;border:1px solid var(--mb-line);border-radius:var(--mb-radius);overflow:hidden;box-shadow:0 12px 30px rgba(16,33,63,.04);transition:.25s ease}.service-card:hover,.post-card:hover,.product-card:hover,.project-card:hover{transform:translateY(-6px);box-shadow:var(--mb-shadow)}.service-card img,.post-card img,.product-card img,.project-card img{height:230px;width:100%;object-fit:cover}.card-content{padding:24px}.card-content h3{margin:0 0 8px;color:var(--mb-dark);font-size:24px}.card-content p{margin:0;color:var(--mb-muted)}.link-more{display:inline-flex;margin-top:16px;color:var(--mb-navy);font-weight:900}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.panel{background:#fff;border:1px solid var(--mb-line);border-radius:34px;padding:34px;box-shadow:var(--mb-shadow)}.feature-list{display:grid;gap:14px;margin-top:24px}.feature-item{display:flex;gap:14px;background:var(--mb-bg);border-radius:18px;padding:16px}.feature-icon{width:42px;height:42px;border-radius:14px;background:rgba(35,61,154,.1);color:var(--mb-navy);display:grid;place-items:center;font-weight:900;flex:none}.color-showcase{background:#fff;border:1px solid var(--mb-line);border-radius:36px;padding:26px;box-shadow:var(--mb-shadow)}.product-image-wrap{position:relative;border-radius:28px;overflow:hidden;background:#eaf0f8}.product-image-wrap img{width:100%;height:430px;object-fit:cover;transition:.3s ease}.color-name{position:absolute;right:18px;top:18px;background:rgba(255,255,255,.92);border:1px solid var(--mb-line);border-radius:999px;padding:8px 16px;font-weight:900;color:var(--mb-dark)}.swatches{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.swatch{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--mb-line);background:#fff;border-radius:999px;padding:8px 14px;font-weight:800;cursor:pointer}.swatch::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.13)}.swatch.active{border-color:var(--mb-navy);color:var(--mb-navy);box-shadow:0 8px 22px rgba(35,61,154,.12)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filter-btn{border:1px solid var(--mb-line);background:#fff;border-radius:999px;padding:10px 18px;font-weight:900;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--mb-navy);color:#fff;border-color:var(--mb-navy)}.logo-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.logo-box{height:118px;background:#fff;border:1px solid var(--mb-line);border-radius:22px;display:grid;place-items:center;padding:18px;filter:grayscale(.1);transition:.2s}.logo-box:hover{transform:translateY(-4px);filter:none;box-shadow:var(--mb-shadow)}.logo-box img{max-height:78px;object-fit:contain}.cta{background:linear-gradient(135deg,var(--mb-navy),#10213f);border-radius:38px;color:#fff;padding:56px;position:relative;overflow:hidden}.cta::after{content:"";position:absolute;inset:auto -90px -120px auto;width:320px;height:320px;background:rgba(47,145,207,.4);border-radius:50%}.cta h2{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:0 0 12px}.cta p{color:#d9e7ff;max-width:760px}.site-footer{background:#0c1830;color:#cbd5e1;padding:64px 0 24px;margin-top:70px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}.site-footer h3{color:#fff}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:40px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-hero{padding:72px 0;background:linear-gradient(135deg,#fff,#eef7ff);border-bottom:1px solid var(--mb-line)}.page-hero h1{font-size:clamp(34px,5vw,58px);margin:0;color:var(--mb-dark)}.content-area{background:#fff;border:1px solid var(--mb-line);border-radius:28px;padding:34px;box-shadow:0 12px 30px rgba(16,33,63,.04)}.article{max-width:880px;margin:auto}.article h2,.article h3{color:var(--mb-dark)}.floating-contact{position:fixed;left:18px;bottom:18px;z-index:90;display:grid;gap:10px}.float-btn{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--mb-navy);color:#fff;font-weight:900;box-shadow:var(--mb-shadow)}.float-btn.whatsapp{background:#25D366}.spec-table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden}.spec-table td{border-bottom:1px solid var(--mb-line);padding:14px}.spec-table td:first-child{font-weight:900;color:var(--mb-dark);background:#f7f9fc;width:35%}.admin-note{background:#fff7e6;border:1px solid #ffd591;border-radius:18px;padding:18px;margin:18px 0;color:#7a4b00}@media(max-width:980px){.hero-grid,.split{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.logo-strip{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.main-nav{display:none;position:absolute;right:16px;left:16px;top:86px;background:#fff;border:1px solid var(--mb-line);border-radius:22px;padding:16px;box-shadow:var(--mb-shadow)}.main-nav.open{display:block}.main-nav ul{display:grid}.main-nav .btn{margin-top:12px;width:100%}.menu-toggle{display:inline-flex}.hero-visual .main-img{height:420px}}@media(max-width:640px){.section{padding:58px 0}.header-inner{height:76px}.brand img{height:54px}.hero{padding-top:46px}.hero-visual .main-img{height:320px}.card-grid,.stats,.footer-grid,.logo-strip{grid-template-columns:1fr}.section-head{display:block}.cta{padding:34px 24px;border-radius:28px}.product-image-wrap img{height:300px}.floating-contact{left:12px;bottom:12px}.float-btn{width:48px;height:48px}}

/* v1.1 refinements */
.btn-primary,.btn-primary:visited,.quote-btn,.quote-btn:visited{color:#fff!important}.quote-btn{position:relative;overflow:hidden;animation:mbgPulse 2.4s ease-in-out infinite}.quote-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.28) 45%,transparent 65%);transform:translateX(130%);animation:mbgShine 3.2s ease-in-out infinite}@keyframes mbgPulse{0%,100%{box-shadow:0 14px 30px rgba(35,61,154,.18);transform:translateY(0)}50%{box-shadow:0 18px 38px rgba(35,61,154,.28);transform:translateY(-1px)}}@keyframes mbgShine{0%,45%{transform:translateX(130%)}70%,100%{transform:translateX(-130%)}}
.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;color:var(--mb-muted);font-weight:700}.breadcrumbs a{color:var(--mb-navy)}.breadcrumbs span:last-child{color:var(--mb-dark)}.page-hero p{max-width:760px;color:var(--mb-muted);font-size:18px;margin:12px 0 0}.page-hero{position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;left:7%;top:22%;width:160px;height:160px;border:24px solid rgba(47,145,207,.08);border-radius:50%;animation:mbgFloat 7s ease-in-out infinite}@keyframes mbgFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(14px) rotate(8deg)}}
.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal-on-scroll.is-visible{opacity:1;transform:none}.service-card,.post-card,.product-card,.project-card,.panel,.step-card,.logo-box{will-change:transform}.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.step-card{background:#fff;border:1px solid var(--mb-line);border-radius:24px;padding:26px;box-shadow:0 12px 30px rgba(16,33,63,.04);transition:.25s ease}.step-card:hover{transform:translateY(-6px);box-shadow:var(--mb-shadow)}.step-card span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:15px;background:rgba(47,145,207,.11);color:var(--mb-navy);font-weight:900;margin-bottom:16px}.step-card h3{margin:0 0 10px;color:var(--mb-dark);font-size:22px}.step-card p{margin:0;color:var(--mb-muted)}
.blog-card{position:relative}.blog-card .post-thumb{display:block;position:relative;overflow:hidden}.blog-card .post-thumb span{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.92);border:1px solid var(--mb-line);border-radius:999px;padding:6px 13px;color:var(--mb-navy);font-weight:900;font-size:13px}.blog-card img{transition:.35s ease}.blog-card:hover img{transform:scale(1.05)}.btn-read{background:rgba(35,61,154,.08);color:var(--mb-navy);padding:10px 18px;margin-top:18px;border:1px solid rgba(35,61,154,.12)}.btn-read:hover{background:var(--mb-navy);color:#fff!important;transform:translateY(-2px)}
.cta::after{inset:auto auto -120px -90px;animation:mbgCtaBubble 8s ease-in-out infinite}.cta::before{content:"";position:absolute;left:80px;top:-90px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06);animation:mbgCtaBubble 9s ease-in-out infinite reverse}.cta .btn{position:relative;z-index:2}.cta h2,.cta p{position:relative;z-index:2}@keyframes mbgCtaBubble{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18px,-14px) scale(1.06)}}
.rounded-img{border-radius:30px;box-shadow:var(--mb-shadow);object-fit:cover}.contact-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.contact-card{background:linear-gradient(135deg,#fff,#f3f9ff);border:1px solid var(--mb-line);border-radius:30px;padding:34px;box-shadow:var(--mb-shadow)}.contact-card h3{margin-top:0;color:var(--mb-dark)}.post-cta{margin-top:34px;background:var(--mb-bg);border:1px solid var(--mb-line);border-radius:24px;padding:28px}.post-cta h3{margin-top:0}.admin-note{font-family:Tahoma,Arial,sans-serif}
.site-footer{position:relative;overflow:hidden}.footer-logo{width:180px;max-height:110px;object-fit:contain;margin-bottom:16px;filter:brightness(1.15)}.footer-brand-box{position:relative;z-index:1}.footer-grid>div{position:relative;z-index:1}.footer-glow{position:absolute;border-radius:50%;filter:blur(4px);opacity:.25}.footer-glow.one{width:280px;height:280px;background:#2f91cf;right:-90px;top:-100px}.footer-glow.two{width:240px;height:240px;background:#233d9a;left:8%;bottom:-120px}.contact-list li{display:flex;align-items:flex-start;gap:10px}.contact-list span{width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.08);display:inline-grid;place-items:center;flex:none}.socials{display:flex;gap:10px;margin-top:18px}.socials a{width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;font-weight:900;transition:.2s}.socials a:hover{background:var(--mb-blue);transform:translateY(-3px)}.footer-bottom a{color:#fff;font-weight:900}.site-footer .menu{display:grid;gap:8px}.site-footer .menu a:hover{color:#fff}
.floating-contact{left:18px;bottom:18px}.float-btn{border:0;cursor:pointer;animation:mbgFloatBtn 3s ease-in-out infinite}.float-btn svg{width:25px;height:25px;fill:currentColor}.float-btn.call{background:#233d9a;color:#fff}.float-btn.whatsapp{background:#25D366;color:#fff;animation-delay:.3s}.float-btn.top{background:#fff;color:var(--mb-navy);border:1px solid var(--mb-line);opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s ease}.float-btn.top.show{opacity:1;pointer-events:auto;transform:translateY(0)}@keyframes mbgFloatBtn{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:980px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.steps-grid{grid-template-columns:1fr}.page-hero::after{display:none}.floating-contact{left:12px;bottom:12px}.footer-logo{width:150px}}

/* v1.2 fixes */
.main-nav .quote-btn:hover,.site-header .quote-btn:hover{background:#fff!important;color:var(--mb-navy)!important;border-color:var(--mb-navy)!important;box-shadow:0 14px 30px rgba(35,61,154,.12)}
.main-nav .quote-btn:hover::after,.site-header .quote-btn:hover::after{display:none}
.about-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.about-copy h2{font-size:clamp(30px,4vw,50px);line-height:1.25;color:var(--mb-dark);margin:12px 0}.about-copy p{font-size:18px;color:var(--mb-muted)}.about-stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.about-stats-mini div{background:#fff;border:1px solid var(--mb-line);border-radius:22px;padding:18px;box-shadow:0 10px 24px rgba(16,33,63,.04)}.about-stats-mini strong{display:block;color:var(--mb-navy);font-size:28px;line-height:1}.about-stats-mini span{color:var(--mb-muted);font-size:14px}.about-image-stack{position:relative;min-height:520px}.about-image-stack .main{height:480px;width:88%;object-fit:cover}.about-image-stack .small{position:absolute;left:0;bottom:0;width:52%;height:230px;object-fit:cover;border:8px solid #fff}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mission-card{background:#fff;border:1px solid var(--mb-line);border-radius:30px;padding:34px;box-shadow:var(--mb-shadow);position:relative;overflow:hidden}.mission-card span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(35,61,154,.1);color:var(--mb-navy);font-weight:900}.mission-card h3{color:var(--mb-dark);font-size:30px;margin:18px 0 10px}.mission-card p{color:var(--mb-muted)}.mission-card.dark{background:linear-gradient(135deg,var(--mb-navy),var(--mb-dark));color:#fff}.mission-card.dark span{background:rgba(255,255,255,.12);color:#fff}.mission-card.dark h3,.mission-card.dark p{color:#fff}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-card{background:#fff;border:1px solid var(--mb-line);border-radius:24px;padding:24px;min-height:160px;box-shadow:0 12px 30px rgba(16,33,63,.04);transition:.25s ease}.value-card:hover{transform:translateY(-5px);box-shadow:var(--mb-shadow)}.value-card span{width:38px;height:38px;border-radius:14px;background:var(--mb-bg);display:grid;place-items:center;color:var(--mb-navy);font-weight:900}.value-card h3{color:var(--mb-dark);font-size:19px;line-height:1.55}.about-why-wrap .btn{margin-top:22px}.why-list{display:grid;gap:12px}.why-row{background:#fff;border:1px solid var(--mb-line);border-radius:18px;padding:16px 18px;box-shadow:0 10px 24px rgba(16,33,63,.04);display:flex;gap:12px;align-items:flex-start;font-weight:800;color:var(--mb-dark)}.why-row span{width:28px;height:28px;border-radius:10px;background:rgba(47,145,207,.12);color:var(--mb-navy);display:grid;place-items:center;flex:none}.masonry-gallery{columns:3 280px;column-gap:18px}.gallery-item{display:block;break-inside:avoid;margin:0 0 18px;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 12px 30px rgba(16,33,63,.08);background:#fff}.gallery-item img{width:100%;height:auto;transition:.35s ease}.gallery-item span{position:absolute;inset:auto 16px 16px auto;background:rgba(255,255,255,.94);color:var(--mb-navy);font-weight:900;border-radius:999px;padding:8px 14px;opacity:0;transform:translateY(8px);transition:.25s ease}.gallery-item:hover img{transform:scale(1.04)}.gallery-item:hover span{opacity:1;transform:translateY(0)}
.single-post-grid{display:grid;grid-template-columns:30% 70%;gap:26px;align-items:start}.post-sidebar{min-width:0}.sticky-box{position:sticky;top:108px;display:grid;gap:18px}.sidebar-box{background:#fff;border:1px solid var(--mb-line);border-radius:28px;padding:24px;box-shadow:0 12px 30px rgba(16,33,63,.04)}.sidebar-box h3{margin:0;color:var(--mb-dark)}.latest-posts-list{display:grid;gap:10px}.latest-post-item{display:block;border:1px solid var(--mb-line);border-radius:18px;padding:14px;background:var(--mb-bg);transition:.2s ease}.latest-post-item:hover{background:#fff;border-color:var(--mb-navy);transform:translateY(-2px)}.latest-post-item span{display:block;color:var(--mb-muted);font-size:13px}.latest-post-item strong{display:block;color:var(--mb-dark);line-height:1.55;margin-top:4px}.inquiry-form{background:linear-gradient(135deg,#f7fbff,#fff);border:1px solid var(--mb-line);border-radius:24px;padding:20px;display:grid;gap:10px}.inquiry-form h3{margin:0;color:var(--mb-dark)}.inquiry-form p{margin:0;color:var(--mb-muted);font-size:14px}.inquiry-form input,.inquiry-form textarea{width:100%;border:1px solid var(--mb-line);border-radius:14px;padding:12px 14px;font-family:inherit;background:#fff;outline:0}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:var(--mb-navy);box-shadow:0 0 0 3px rgba(35,61,154,.08)}.inquiry-form .btn{width:100%;margin-top:4px}.post-main{max-width:none;margin:0}.post-meta-line{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;color:var(--mb-muted);font-weight:800}.post-meta-line span{background:var(--mb-bg);border:1px solid var(--mb-line);border-radius:999px;padding:6px 12px}.post-featured-img{width:100%;max-height:460px;object-fit:cover;margin-bottom:26px}.article-content{font-size:18px}.article-content img{border-radius:20px}.single-layout-section .content-area.article{max-width:none}.page-hero .breadcrumbs{margin-top:18px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--mb-muted);font-weight:800}.breadcrumbs a{color:var(--mb-navy)}
@media(max-width:980px){.about-hero-grid,.mission-grid,.single-post-grid{grid-template-columns:1fr}.about-image-stack{min-height:auto}.about-image-stack .main{width:100%;height:360px}.about-image-stack .small{position:relative;width:70%;height:200px;margin:-80px 20px 0 auto}.values-grid{grid-template-columns:repeat(2,1fr)}.sticky-box{position:static}.single-post-grid{gap:18px}}
@media(max-width:640px){.about-stats-mini,.values-grid{grid-template-columns:1fr}.about-image-stack .main{height:300px}.about-image-stack .small{width:85%;height:180px}.masonry-gallery{columns:1}.post-main.content-area{padding:22px}.sidebar-box{padding:18px}}

/* v1.3 fixes: clean internal links, arrows, richer lightweight animations */
/* Header quote hover: white background with navy text */
.site-header .header-quote:hover{background:#fff!important;color:var(--mb-navy)!important;border-color:var(--mb-navy)!important}

/* Smooth arrow cue for buttons and text links */
.btn,.link-more,.main-nav a,.footer-menu a,.site-footer li a{position:relative;overflow:hidden}
.btn::before,.link-more::before{content:"←";display:inline-flex;align-items:center;justify-content:center;width:0;opacity:0;transform:translateX(12px);transition:width .28s ease,opacity .28s ease,transform .28s ease;font-weight:900;line-height:1}
.btn:hover::before,.link-more:hover::before{width:18px;opacity:1;transform:translateX(0)}
.quote-btn::before{color:currentColor;position:relative;z-index:2}.quote-btn{gap:8px}.quote-btn span{position:relative;z-index:2}
.main-nav a:not(.btn)::after,.footer-menu a::after,.site-footer li a::after{content:"";position:absolute;right:12px;left:auto;bottom:6px;width:0;height:2px;background:var(--mb-blue);border-radius:5px;transition:width .3s ease}.main-nav a:not(.btn):hover::after,.footer-menu a:hover::after,.site-footer li a:hover::after{width:calc(100% - 24px)}

/* More visible but still light animations */
.hero .eyebrow{animation:mbgFadeDown .7s ease both}.hero h1{animation:mbgFadeUp .75s ease .12s both}.hero p{animation:mbgFadeUp .75s ease .22s both}.hero-actions{animation:mbgFadeUp .75s ease .32s both}.hero-visual{animation:mbgZoomIn .9s ease .18s both}.hero-card{animation:mbgFloatSoft 4.6s ease-in-out infinite}.stat{animation:mbgFadeUp .65s ease both}.stats .stat:nth-child(2){animation-delay:.08s}.stats .stat:nth-child(3){animation-delay:.16s}.stats .stat:nth-child(4){animation-delay:.24s}.stats .stat:nth-child(5){animation-delay:.32s}
.reveal-on-scroll.is-visible .service-card,.reveal-on-scroll.is-visible .post-card,.reveal-on-scroll.is-visible .product-card,.reveal-on-scroll.is-visible .project-card,.reveal-on-scroll.is-visible .step-card,.reveal-on-scroll.is-visible .value-card,.reveal-on-scroll.is-visible .mission-card,.reveal-on-scroll.is-visible .gallery-item,.reveal-on-scroll.is-visible .logo-box{animation:mbgFadeUp .65s ease both}.reveal-on-scroll.is-visible .card-grid>*:nth-child(2),.reveal-on-scroll.is-visible .steps-grid>*:nth-child(2),.reveal-on-scroll.is-visible .values-grid>*:nth-child(2),.reveal-on-scroll.is-visible .mission-grid>*:nth-child(2),.reveal-on-scroll.is-visible .logo-strip>*:nth-child(2){animation-delay:.08s}.reveal-on-scroll.is-visible .card-grid>*:nth-child(3),.reveal-on-scroll.is-visible .steps-grid>*:nth-child(3),.reveal-on-scroll.is-visible .values-grid>*:nth-child(3),.reveal-on-scroll.is-visible .logo-strip>*:nth-child(3){animation-delay:.16s}.reveal-on-scroll.is-visible .card-grid>*:nth-child(4),.reveal-on-scroll.is-visible .steps-grid>*:nth-child(4),.reveal-on-scroll.is-visible .values-grid>*:nth-child(4),.reveal-on-scroll.is-visible .logo-strip>*:nth-child(4){animation-delay:.24s}.reveal-on-scroll.is-visible .card-grid>*:nth-child(5),.reveal-on-scroll.is-visible .steps-grid>*:nth-child(5),.reveal-on-scroll.is-visible .logo-strip>*:nth-child(5){animation-delay:.32s}.reveal-on-scroll.is-visible .card-grid>*:nth-child(6),.reveal-on-scroll.is-visible .logo-strip>*:nth-child(6){animation-delay:.4s}
.service-card,.post-card,.product-card,.project-card,.value-card,.step-card{position:relative}.service-card::after,.post-card::after,.product-card::after,.project-card::after,.value-card::after,.step-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(47,145,207,.10),transparent 45%);opacity:0;transition:.3s ease;pointer-events:none}.service-card:hover::after,.post-card:hover::after,.product-card:hover::after,.project-card:hover::after,.value-card:hover::after,.step-card:hover::after{opacity:1}
.page-hero .eyebrow,.page-hero h1,.page-hero p,.page-hero .breadcrumbs{animation:mbgFadeUp .65s ease both}.page-hero h1{animation-delay:.08s}.page-hero p{animation-delay:.14s}.page-hero .breadcrumbs{animation-delay:.2s}
.color-showcase{animation:mbgSubtleGlow 5s ease-in-out infinite}.swatch{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.swatch:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(16,33,63,.08)}
.float-btn.call,.float-btn.whatsapp{position:relative}.float-btn.call::after,.float-btn.whatsapp::after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:1px solid currentColor;opacity:.18;animation:mbgRipple 2.4s ease-out infinite}.float-btn.whatsapp::after{animation-delay:.35s}
@keyframes mbgFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes mbgFadeDown{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
@keyframes mbgZoomIn{from{opacity:0;transform:scale(.97) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes mbgFloatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes mbgSubtleGlow{0%,100%{box-shadow:var(--mb-shadow)}50%{box-shadow:0 22px 60px rgba(47,145,207,.18)}}
@keyframes mbgRipple{0%{transform:scale(.88);opacity:.22}100%{transform:scale(1.35);opacity:0}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v1.4 contact form/map + premium SVG icons */
.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;width:0!important;pointer-events:none!important}
.form-success{background:#eaf8f1;border:1px solid #b7e4c7;color:#17623a;border-radius:14px;padding:10px 12px;font-weight:800;font-size:14px}
.inquiry-form button.btn{border:0;cursor:pointer;font-family:inherit}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:28px;align-items:start}.contact-main{background:#fff;border:1px solid var(--mb-line);border-radius:34px;padding:34px;box-shadow:var(--mb-shadow);position:relative;overflow:hidden}.contact-main::before{content:"";position:absolute;inset:-70px auto auto -70px;width:170px;height:170px;border-radius:999px;background:rgba(47,145,207,.10);animation:mbgFloatSoft 5s ease-in-out infinite}.contact-main>*{position:relative}.contact-main h2{font-size:34px;color:var(--mb-dark);margin:10px 0}.contact-main p{color:var(--mb-muted);font-size:17px;line-height:1.9}.contact-main .inquiry-form{margin-top:22px;background:linear-gradient(135deg,#f7fbff,#ffffff)}.contact-side{position:sticky;top:108px}.premium-contact{background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 18px 45px rgba(16,33,63,.08);border-radius:30px}.contact-list-light{display:grid;gap:14px;margin:18px 0!important;padding:0!important}.contact-list-light li{background:#fff;border:1px solid var(--mb-line);border-radius:18px;padding:14px;align-items:center;color:var(--mb-dark);font-weight:800}.contact-list-light li span{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--mb-navy),var(--mb-blue));color:#fff;display:grid;place-items:center;flex:none}.contact-list-light svg{width:21px;height:21px;fill:currentColor}.map-card{border:1px solid var(--mb-line);border-radius:34px;overflow:hidden;box-shadow:var(--mb-shadow);background:#fff;position:relative}.map-card::before{content:"";position:absolute;inset:14px;pointer-events:none;border:1px solid rgba(255,255,255,.45);border-radius:24px;z-index:1}.map-card iframe{width:100%;height:430px;border:0;display:block;filter:saturate(.92) contrast(.98)}
.site-footer .contact-list span,.contact-list span{display:inline-grid;place-items:center;flex:none}.site-footer .contact-list span{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.09);color:#fff}.site-footer .contact-list svg{width:18px;height:18px;fill:currentColor}.site-footer .contact-list li{align-items:center}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.09);display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.12);transition:.25s ease}.socials a:hover{background:#fff;color:var(--mb-navy);transform:translateY(-3px)}.socials svg{width:19px;height:19px;fill:currentColor}.floating-contact svg{fill:currentColor}
@media(max-width:980px){.contact-layout{grid-template-columns:1fr}.contact-side{position:static}.contact-main{padding:26px}.map-card iframe{height:360px}}
@media(max-width:640px){.contact-main h2{font-size:27px}.contact-main{padding:22px;border-radius:26px}.premium-contact{border-radius:24px}.map-card{border-radius:26px}.map-card iframe{height:310px}}

/* === v1.5 KDF-inspired homepage refresh === */
.kdf-hero{position:relative;min-height:760px;overflow:hidden;background:#07142b;color:#fff;margin-top:0;isolation:isolate}
.kdf-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .9s ease,visibility .9s ease,transform 5.5s ease;display:flex;align-items:center}
.kdf-slide.active{opacity:1;visibility:visible;transform:scale(1)}
.kdf-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.04)}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,34,.92) 0%,rgba(10,30,65,.68) 42%,rgba(11,43,93,.12) 100%),linear-gradient(0deg,rgba(5,15,34,.88) 0%,rgba(5,15,34,0) 45%)}
.kdf-slide-content{position:relative;z-index:2;padding-top:120px;max-width:1180px}
.hero-mini-title{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:900;color:#8fd0ff;margin-bottom:18px;animation:fadeUp .85s ease both}
.hero-mini-title:before{content:"";width:58px;height:2px;background:#8fd0ff;display:block}
.kdf-slide-content h1{font-size:clamp(42px,6vw,88px);line-height:1.08;margin:0 0 22px;color:#fff;max-width:820px;font-weight:900;letter-spacing:-1px;animation:fadeUp .9s .08s ease both}
.kdf-slide-content p{font-size:clamp(17px,2vw,22px);line-height:1.9;max-width:720px;margin:0 0 34px;color:rgba(255,255,255,.88);animation:fadeUp .9s .18s ease both}
.kdf-slide-content .hero-actions{animation:fadeUp .9s .28s ease both}.btn-outline-light{border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(12px)}.btn-outline-light:hover{background:#fff;color:var(--mb-dark)}
.hero-vertical-label{position:absolute;z-index:2;left:34px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;color:rgba(255,255,255,.72);letter-spacing:5px;text-transform:uppercase;font-weight:800;font-size:12px}
.hero-bottom-bar{position:absolute;z-index:4;left:50%;bottom:26px;transform:translateX(-50%);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end}
.hero-counters{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.94);color:var(--mb-dark);box-shadow:0 24px 70px rgba(2,11,35,.25);border-radius:26px;overflow:hidden;min-width:760px}
.hero-counters div{padding:22px 24px;border-inline-start:1px solid rgba(16,33,63,.1)}.hero-counters div:first-child{border-inline-start:0}.hero-counters strong{display:block;color:var(--mb-navy);font-size:32px;font-weight:900;line-height:1}.hero-counters span{display:block;color:#5a667a;font-weight:800;font-size:13px;margin-top:7px}
.hero-controls{display:flex;gap:10px;background:rgba(3,12,31,.4);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:12px}.hero-dot{width:50px;height:50px;border:0;border-radius:17px;background:rgba(255,255,255,.13);color:#fff;cursor:pointer;transition:.3s ease;font-weight:900}.hero-dot.active,.hero-dot:hover{background:#fff;color:var(--mb-navy);transform:translateY(-4px)}
.hero-progress{position:absolute;z-index:8;top:0;right:0;height:4px;background:#8fd0ff;width:0;box-shadow:0 0 18px rgba(143,208,255,.8)}
.systems-strip{position:relative;margin-top:-1px;background:#fff}.systems-strip-inner{display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 18px 60px rgba(18,39,84,.1);border-radius:0 0 28px 28px;overflow:hidden;background:#fff}.system-badge{padding:26px 24px;display:flex;align-items:center;gap:15px;border-inline-start:1px solid #edf1f7}.system-badge:first-child{border-inline-start:0}.system-badge span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mb-navy),var(--mb-blue));color:#fff;font-weight:900}.system-badge strong{font-size:15px;color:var(--mb-dark)}
.kdf-head h2{max-width:780px}.systems-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.system-card{position:relative;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 18px 60px rgba(18,39,84,.1);min-height:410px;opacity:0;transform:translateY(26px);transition:opacity .7s ease,var(--delay),transform .7s ease}.system-card.is-visible{opacity:1;transform:translateY(0)}.system-card a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.system-card img{height:235px;width:100%;object-fit:cover;transition:transform .7s ease}.system-card:hover img{transform:scale(1.1)}.system-card> a > div{padding:24px}.system-card h3{font-size:22px;color:var(--mb-dark);margin:0 0 10px}.system-card p{font-size:14px;line-height:1.8;margin:0;color:#5d6a7d}.system-num{position:absolute;top:18px;right:18px;z-index:2;width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.9);color:var(--mb-navy);font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.who-section{overflow:hidden}.who-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.who-media{position:relative;min-height:560px}.who-main{position:absolute;inset:0 0 auto auto;width:82%;height:480px;object-fit:cover;border-radius:38px;box-shadow:0 30px 90px rgba(13,35,73,.2)}.who-small{position:absolute;left:0;bottom:0;width:46%;height:260px;object-fit:cover;border:12px solid #fff;border-radius:34px;box-shadow:0 20px 60px rgba(13,35,73,.18)}.who-exp{position:absolute;right:40px;bottom:26px;background:linear-gradient(135deg,var(--mb-navy),var(--mb-blue));color:#fff;border-radius:28px;padding:24px 28px;max-width:240px;box-shadow:0 20px 60px rgba(35,61,154,.26);animation:floaty 4s ease-in-out infinite}.who-exp strong{display:block;font-size:54px;line-height:.9}.who-exp span{font-weight:800;font-size:14px}.who-content h2{font-size:clamp(30px,4vw,54px);line-height:1.22;margin:8px 0 20px;color:var(--mb-dark)}.who-content>p{font-size:17px;line-height:2;color:#546173}.why-list{display:grid;gap:14px;margin:28px 0}.why-list div{display:grid;grid-template-columns:55px 1fr;gap:0 18px;padding:18px;background:#f7faff;border:1px solid #e8eef8;border-radius:22px;transition:.3s ease}.why-list div:hover{transform:translateX(-8px);border-color:#c9e4fb;box-shadow:0 16px 45px rgba(24,47,93,.08)}.why-list span{grid-row:span 2;width:48px;height:48px;border-radius:15px;background:#e6f4ff;color:var(--mb-navy);display:grid;place-items:center;font-weight:900}.why-list strong{font-size:17px;color:var(--mb-dark)}.why-list p{margin:5px 0 0;color:#667085;line-height:1.7}.kdf-interactive{align-items:center}.gallery-preview{background:#f4f8ff}.mosaic-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:16px}.mosaic-item{margin:0;border-radius:26px;overflow:hidden;box-shadow:0 16px 40px rgba(18,39,84,.1);position:relative}.mosaic-item.wide{grid-column:span 2;grid-row:span 2}.mosaic-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease}.mosaic-item:hover img{transform:scale(1.08);filter:saturate(1.12)}
.process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}.process-card{background:#fff;border:1px solid #e6edf7;border-radius:26px;padding:26px 20px;box-shadow:0 18px 55px rgba(15,43,82,.08);opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.process-card.is-visible{opacity:1;transform:translateY(0)}.process-card span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--mb-dark);color:#fff;font-weight:900;margin-bottom:18px}.process-card h3{font-size:19px;color:var(--mb-dark);margin:0 0 10px}.process-card p{font-size:14px;line-height:1.75;color:#5e6a7b;margin:0}.kdf-choice .panel{position:relative;overflow:hidden}.panel-icon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#eef7ff;color:var(--mb-navy);font-weight:900;margin-bottom:15px}.kdf-logo-strip{background:#fff;border-radius:32px;padding:24px;box-shadow:0 22px 70px rgba(19,43,93,.08)}.kdf-cta{background:radial-gradient(circle at 15% 30%,rgba(143,208,255,.35),transparent 28%),linear-gradient(135deg,#10213f,#233d9a);overflow:hidden}.kdf-cta:before{content:"";position:absolute;left:-60px;bottom:-80px;width:220px;height:220px;border:34px solid rgba(255,255,255,.09);border-radius:50%;animation:spinSlow 18s linear infinite}.kdf-cta h2,.kdf-cta p{position:relative;z-index:2}.kdf-cta .btn{position:relative;z-index:2}
.reveal-on-scroll.is-visible .section-head,.reveal-on-scroll.is-visible .card-grid,.reveal-on-scroll.is-visible .split{animation:fadeUp .75s ease both}.link-more,.btn{position:relative;overflow:hidden}.link-more:after,.btn:after{content:"←";display:inline-block;margin-right:8px;opacity:0;transform:translateX(10px);transition:.3s ease}.link-more:hover:after,.btn:hover:after{opacity:1;transform:translateX(0)}.header-quote:hover{color:var(--mb-dark)!important;background:#fff!important}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spinSlow{to{transform:rotate(360deg)}}
@media (max-width:1100px){.hero-bottom-bar{grid-template-columns:1fr}.hero-counters{min-width:0}.systems-grid{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(2,1fr)}.who-grid{grid-template-columns:1fr}.who-media{min-height:500px}.systems-strip-inner{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.kdf-hero{min-height:720px}.kdf-slide-content{padding-top:100px}.hero-bottom-bar{bottom:18px}.hero-counters{grid-template-columns:repeat(2,1fr)}.hero-counters div{padding:16px}.hero-counters strong{font-size:24px}.hero-controls{display:none}.hero-vertical-label{display:none}.systems-grid,.process-line,.systems-strip-inner{grid-template-columns:1fr}.mosaic-gallery{grid-template-columns:1fr;grid-auto-rows:230px}.mosaic-item.wide{grid-column:span 1;grid-row:span 1}.who-main{width:100%;height:360px}.who-small{width:60%;height:200px}.who-exp{right:18px;bottom:0}.kdf-slide-content h1{font-size:39px}.kdf-slide-content p{font-size:16px}}

/* === v1.6 refined KDF-like hero + cleaner UI === */
:root{--mb-navy:#243b97;--mb-blue:#3298d4;--mb-sky:#e7f5ff;--mb-dark:#071a38;--mb-logo-deep:#263990;--mb-logo-light:#439ad1}
.mb-hero-clean{min-height:620px;height:620px;max-height:78vh;border-radius:0 0 34px 34px;box-shadow:0 28px 80px rgba(7,26,56,.18)}
.mb-hero-clean .kdf-slide{align-items:center;text-align:center;overflow:hidden}
.mb-hero-clean .kdf-slide>img{object-position:center;transform:scale(1.03);transition:transform 7s ease,filter .8s ease;filter:saturate(1.06) contrast(1.04) brightness(.85)}
.mb-hero-clean .kdf-slide.active>img{transform:scale(1)}
.mb-hero-clean .slide-overlay{background:linear-gradient(180deg,rgba(5,15,34,.34) 0%,rgba(5,15,34,.48) 45%,rgba(5,15,34,.7) 100%),linear-gradient(90deg,rgba(35,61,154,.55),rgba(47,145,207,.18),rgba(7,26,56,.48))}
.mb-hero-clean .kdf-slide-content{padding-top:0;max-width:980px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:620px}
.mb-hero-clean .hero-mini-title{color:#dff1ff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);border-radius:999px;padding:9px 18px;margin-bottom:20px;letter-spacing:1.6px}
.mb-hero-clean .hero-mini-title:before{background:#dff1ff;width:38px}
.mb-hero-clean .kdf-slide-content h1{font-size:clamp(42px,5.2vw,72px);max-width:980px;text-align:center;letter-spacing:-.5px;margin-bottom:18px;text-shadow:0 16px 35px rgba(0,0,0,.28)}
.mb-hero-clean .kdf-slide-content p{max-width:820px;text-align:center;font-size:clamp(17px,1.55vw,21px);line-height:1.85;margin-bottom:28px;color:rgba(255,255,255,.92)}
.mb-hero-clean .hero-actions{justify-content:center;margin-top:0}
.mb-hero-clean>.hero-controls{position:absolute;z-index:6;left:50%;bottom:24px;transform:translateX(-50%);display:flex;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26);padding:8px;border-radius:999px;box-shadow:0 18px 40px rgba(0,0,0,.16)}
.mb-hero-clean .hero-dot{width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px}
.mb-hero-clean .hero-dot.active,.mb-hero-clean .hero-dot:hover{background:#fff;color:var(--mb-navy);transform:none}
.mb-hero-clean .hero-vertical-label{left:24px;color:rgba(255,255,255,.58);font-size:11px}
.hero-scroll-cue{position:absolute;z-index:6;right:32px;bottom:28px;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;color:#fff;background:rgba(36,59,151,.55);backdrop-filter:blur(12px);animation:cueBounce 2s ease-in-out infinite}
.hero-scroll-cue span{font-size:24px;line-height:1}.hero-scroll-cue:hover{background:#fff;color:var(--mb-navy)}
.hero-metrics{position:relative;z-index:8;margin-top:-34px}.hero-counters-clean{min-width:0;max-width:1040px;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(7,26,56,.13);border:1px solid rgba(47,145,207,.12)}
.about-home-section{padding-top:110px}.about-home-section .eyebrow,.kdf-systems .eyebrow{background:linear-gradient(90deg,rgba(35,61,154,.11),rgba(47,145,207,.10));color:var(--mb-logo-deep)}
.systems-strip{background:#fff;padding-bottom:14px}.systems-strip-inner{border-radius:28px;background:linear-gradient(135deg,#fff,#f7fbff)}
.system-badge span,.feature-icon,.panel-icon{background:linear-gradient(135deg,var(--mb-logo-deep),var(--mb-logo-light))!important;color:#fff!important}
.system-card{border:1px solid rgba(47,145,207,.12)}.system-card:hover{transform:translateY(-10px)}
.system-num{background:linear-gradient(135deg,#fff,#eef7ff);border:1px solid rgba(47,145,207,.22)}
.who-exp{background:linear-gradient(135deg,var(--mb-logo-deep),var(--mb-logo-light))}.who-main,.who-small{filter:saturate(1.04) contrast(1.02)}
.kdf-choice .panel{border:1px solid rgba(47,145,207,.14);transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}.kdf-choice .panel:hover{transform:translateY(-8px);box-shadow:0 22px 70px rgba(24,47,93,.11);border-color:rgba(47,145,207,.34)}
/* one elegant arrow only */
.btn,.link-more{gap:10px}.btn::before,.link-more::before{content:"←"!important;display:inline-flex!important;align-items:center;justify-content:center;width:0!important;height:22px;opacity:0!important;transform:translateX(14px)!important;transition:width .32s ease,opacity .32s ease,transform .32s ease!important;font-weight:900;line-height:1;color:currentColor}.btn:hover::before,.link-more:hover::before{width:20px!important;opacity:1!important;transform:translateX(0)!important}.btn:not(.quote-btn)::after,.link-more::after{content:""!important;display:none!important}.quote-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.24) 45%,transparent 65%);transform:translateX(130%);animation:mbgShine 3.2s ease-in-out infinite;pointer-events:none}.btn>*{position:relative;z-index:2}.btn-outline-light:hover::before{color:var(--mb-navy)}
.main-nav a:not(.btn)::after,.footer-menu a::after,.site-footer li a::after{background:linear-gradient(90deg,var(--mb-logo-deep),var(--mb-logo-light))}
.reveal-on-scroll{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.reveal-on-scroll.is-visible .section-head{animation:fadeUp .75s ease both}.reveal-on-scroll.is-visible .system-card,.reveal-on-scroll.is-visible .process-card{transition-delay:var(--delay,0ms)}
.mosaic-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,26,56,.28));opacity:0;transition:.35s ease}.mosaic-item:hover:after{opacity:1}.post-card.blog-card{border-radius:30px}.blog-card .btn-read{margin-top:18px;background:#f2f8ff;color:var(--mb-navy);border-color:#d8ecfb}.blog-card .btn-read:hover{background:var(--mb-navy);color:#fff}
@keyframes cueBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@media(max-width:1100px){.mb-hero-clean{height:590px;min-height:590px}.mb-hero-clean .kdf-slide-content{min-height:590px}.hero-scroll-cue{display:none}.hero-metrics{margin-top:-26px}.hero-counters-clean{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.mb-hero-clean{height:620px;min-height:620px;max-height:none;border-radius:0 0 24px 24px}.mb-hero-clean .kdf-slide-content{min-height:620px;padding-inline:6px}.mb-hero-clean .kdf-slide-content h1{font-size:36px}.mb-hero-clean .kdf-slide-content p{font-size:15.5px}.mb-hero-clean>.hero-controls{bottom:18px}.hero-metrics{margin-top:18px}.hero-counters-clean{grid-template-columns:1fr;border-radius:22px}.about-home-section{padding-top:62px}.hero-vertical-label{display:none!important}}

/* === v1.7 KDF-inspired project gallery + header quote waves === */
.header-quote{isolation:isolate;overflow:visible!important;box-shadow:0 16px 35px rgba(35,57,144,.26);animation:quoteFloat 3.2s ease-in-out infinite;border:1px solid rgba(255,255,255,.16)}
.header-quote:before{content:""!important;position:absolute!important;inset:-7px!important;width:auto!important;height:auto!important;border-radius:999px!important;border:1px solid rgba(67,154,209,.55)!important;opacity:0!important;transform:scale(.92)!important;animation:quoteWave 2.2s ease-out infinite!important;z-index:-1!important;display:block!important;background:transparent!important}
.header-quote:after{content:""!important;position:absolute!important;inset:-14px!important;border-radius:999px!important;border:1px solid rgba(35,57,144,.30)!important;opacity:0!important;transform:scale(.88)!important;animation:quoteWave 2.2s .55s ease-out infinite!important;z-index:-2!important;background:transparent!important;pointer-events:none!important}
.header-quote:hover{background:#fff!important;color:var(--mb-dark)!important;transform:translateY(-3px)}
.header-quote:hover:before,.header-quote:hover:after{border-color:rgba(35,57,144,.45)!important}
.header-quote::marker{display:none}
@keyframes quoteWave{0%{opacity:.72;transform:scale(.88)}70%,100%{opacity:0;transform:scale(1.22)}}
@keyframes quoteFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* Keep elegant arrows only for normal buttons/links, not the quote wave button */
.quote-btn:not(.header-quote)::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.24) 45%,transparent 65%);transform:translateX(130%);animation:mbgShine 3.2s ease-in-out infinite;pointer-events:none}
.header-quote.btn::before{display:block!important}
.header-quote.btn:hover::before{width:auto!important;opacity:0!important}

.kdf-projects-showcase{background:radial-gradient(circle at 18% 12%,rgba(67,154,209,.30),transparent 24%),linear-gradient(135deg,#12147d 0%,#1d1b90 48%,#263990 100%);color:#fff;overflow:hidden;padding:86px 0 94px;position:relative}
.kdf-projects-showcase:before{content:"";position:absolute;right:-130px;top:18%;width:320px;height:320px;border:48px solid rgba(255,255,255,.04);border-radius:50%;animation:spinSlow 25s linear infinite}
.kdf-projects-showcase:after{content:"";position:absolute;left:10%;bottom:-95px;width:240px;height:240px;background:rgba(67,154,209,.10);border-radius:50%;filter:blur(8px)}
.kdf-project-head{color:#fff;align-items:flex-end}.kdf-project-head h2{color:#fff}.kdf-project-head p{color:rgba(255,255,255,.75)}.kdf-project-head .eyebrow{background:rgba(255,255,255,.12);color:#dff1ff;border:1px solid rgba(255,255,255,.18)}
.kdf-project-stage{position:relative;z-index:2;max-width:1680px;margin:10px auto 0;padding:0 80px}
.project-track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:44px 0 72px;scrollbar-width:none}.project-track::-webkit-scrollbar{display:none}
.project-show-card{flex:0 0 clamp(250px,24vw,370px);scroll-snap-align:center;transition:transform .45s ease,opacity .45s ease,filter .45s ease;opacity:.72;filter:saturate(.88)}
.project-show-card.featured{transform:translateY(-18px) scale(1.08);opacity:1;filter:saturate(1.05);z-index:3}.project-show-card:hover{transform:translateY(-14px) scale(1.035);opacity:1;filter:saturate(1.08)}.project-show-card.featured:hover{transform:translateY(-22px) scale(1.1)}
.project-open{width:100%;text-align:inherit;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.45);border-radius:0;box-shadow:0 24px 65px rgba(0,0,0,.22);padding:20px 20px 22px;cursor:pointer;display:block;color:#101829;transition:.35s ease}.project-show-card.featured .project-open{background:#fff;box-shadow:0 28px 80px rgba(67,154,209,.45)}.project-open:hover{background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.project-image{display:block;height:210px;overflow:hidden;border-radius:8px;background:#dfe8f5}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.project-open:hover img{transform:scale(1.08)}
.project-body{display:block;padding-top:16px}.project-body strong{display:block;font-size:21px;line-height:1.35;font-weight:900;color:#101829;margin-bottom:12px}.project-body em{display:flex;align-items:center;gap:7px;font-style:normal;color:#59657a;font-weight:800;font-size:14px}.project-body em svg{width:17px;height:17px;fill:var(--mb-logo-deep)}.project-body small{display:block;font-size:20px;margin-top:18px}.project-view{display:inline-flex;align-items:center;gap:8px;color:var(--mb-logo-deep);font-weight:900;margin-top:18px}.project-view:after{content:"←";transition:.3s ease;transform:translateX(7px);opacity:.35}.project-open:hover .project-view:after{transform:translateX(0);opacity:1}
.project-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:54px;height:54px;border-radius:50%;border:0;background:#fff;color:#111b35;font-size:24px;display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 40px rgba(0,0,0,.22);transition:.3s ease}.project-nav:hover{background:var(--mb-logo-light);color:#fff;transform:translateY(-50%) scale(1.08)}.project-prev{right:20px}.project-next{left:20px}
.project-dots{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:10px}.project-dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.72);transition:.3s ease}.project-dots button.active{width:36px;background:var(--mb-logo-light)}
.projects-page-showcase{margin-top:-10px;padding-top:72px}.home-projects-showcase{margin-top:18px}

.project-lightbox{position:fixed;inset:0;z-index:9999;display:none}.project-lightbox.is-open{display:block}.project-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.project-lightbox-panel{position:absolute;inset:28px auto auto 50%;transform:translateX(-50%);width:min(1120px,calc(100vw - 34px));max-height:calc(100vh - 56px);background:#fff;border-radius:0;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.42);animation:fadeUp .32s ease both}.project-lightbox-head{height:70px;padding:14px 24px;display:flex;gap:10px;flex-direction:column;justify-content:center;border-bottom:1px solid #eef2f8;color:#101829}.project-lightbox-head strong{font-size:18px;font-weight:900}.project-lightbox-head span{font-size:13px;color:#687488;font-weight:800}.project-lightbox-close{position:absolute;left:18px;top:14px;z-index:2;width:42px;height:42px;border:0;background:#f4f7fb;border-radius:50%;font-size:28px;cursor:pointer;color:#101829}.project-lightbox-image{height:min(62vh,620px);background:#020711;display:grid;grid-template-columns:58px 1fr 58px;align-items:center}.project-lightbox-image img{width:100%;height:100%;object-fit:contain}.project-lightbox-image button{width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#111b35;font-size:32px;display:grid;place-items:center;margin:auto;cursor:pointer}.project-lightbox-thumbs{display:flex;gap:10px;overflow-x:auto;padding:16px 22px;background:#fff}.project-lightbox-thumbs button{width:96px;height:68px;flex:0 0 auto;border:2px solid transparent;padding:0;background:#eef2f8;cursor:pointer}.project-lightbox-thumbs button.active{border-color:var(--mb-logo-deep)}.project-lightbox-thumbs img{width:100%;height:100%;object-fit:cover}

.logos-showcase .logo-strip-separated{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:16px}.logo-strip-separated .logo-box{background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid rgba(47,145,207,.13);transition:.32s ease}.logo-strip-separated .logo-box:hover{transform:translateY(-6px);box-shadow:0 18px 50px rgba(24,47,93,.11);border-color:rgba(47,145,207,.32)}.partners-showcase{background:linear-gradient(180deg,#f7fbff,#fff)}

/* remove any old interactive section remnants */
.kdf-interactive{display:none!important}

@media(max-width:900px){.kdf-project-stage{padding:0 22px}.project-track{gap:18px;padding-bottom:66px}.project-show-card{flex-basis:78vw}.project-show-card.featured{transform:none}.project-show-card.featured:hover,.project-show-card:hover{transform:translateY(-8px)}.project-nav{display:none}.project-image{height:220px}.kdf-projects-showcase{padding:68px 0 82px}.project-lightbox-panel{inset:16px auto auto 50%;width:calc(100vw - 24px);max-height:calc(100vh - 32px)}.project-lightbox-image{height:56vh;grid-template-columns:46px 1fr 46px}}


/* === v1.8 Reference project gallery cards + fixed popup === */
.kdf-projects-showcase,.kdf-project-stage,.project-track,.project-nav,.project-dots{all:unset}
.kdf-projects-clean{background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);padding:88px 0}.home-projects-clean{border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}.projects-page-clean{padding-top:72px}.project-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.project-topbar h2{font-size:clamp(30px,4vw,48px);line-height:1.22;margin:10px 0 0;color:var(--mb-dark);font-weight:900}.project-topbar p{max-width:650px;margin:12px 0 0;color:#5d697d;line-height:1.9}.project-ref-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.project-ref-card{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay,0ms)}.project-ref-card.is-visible{opacity:1;transform:translateY(0)}.project-ref-open{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #dfe5ee;border-radius:0;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.04);cursor:pointer;text-align:inherit;padding:0;color:#111827;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.project-ref-open:hover{transform:translateY(-7px);box-shadow:0 18px 45px rgba(15,23,42,.13);border-color:#c9d4e3}.project-ref-image{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;background:#eef2f7}.project-ref-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease}.project-ref-open:hover .project-ref-image img{transform:scale(1.055);filter:saturate(1.08)}.project-ref-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.22),rgba(0,0,0,0) 55%);opacity:0;transition:opacity .3s ease}.project-ref-open:hover .project-ref-gradient{opacity:1}.project-ref-body{padding:24px 26px;display:flex;flex:1;flex-direction:column;gap:13px}.project-ref-body strong{font-size:20px;line-height:1.35;font-weight:900;color:#111827;transition:color .3s ease}.project-ref-open:hover .project-ref-body strong{color:var(--mb-logo-deep)}.project-ref-location{display:flex;align-items:center;gap:8px;color:#5b6576;font-size:14px;font-weight:700}.project-ref-location svg{width:15px;height:15px;fill:none;stroke:var(--mb-logo-deep);stroke-width:2;flex:none}.project-ref-location svg path,.project-ref-location svg circle{fill:none}.project-ref-bottom{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:8px;color:var(--mb-logo-deep);font-size:14px;font-weight:900}.project-ref-bottom em{font-style:normal}.project-ref-bottom i{width:17px;height:17px;display:inline-flex;transition:transform .3s ease}.project-ref-bottom svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.project-ref-open:hover .project-ref-bottom i{transform:translateX(5px)}
.project-lightbox,.project-lightbox-ref{position:fixed!important;inset:0!important;z-index:99999!important;display:none;align-items:center!important;justify-content:center!important;padding:18px!important}.project-lightbox.is-open,.project-lightbox-ref.is-open{display:flex!important}.project-lightbox-backdrop,.project-lightbox-backdrop-ref{position:absolute!important;inset:0!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(4px)!important}.project-lightbox-panel,.project-lightbox-panel-ref{position:relative!important;inset:auto!important;transform:none!important;width:min(1120px,calc(100vw - 32px))!important;max-height:calc(100vh - 36px)!important;background:#fff!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 30px 100px rgba(0,0,0,.42)!important;animation:fadeUp .32s ease both!important}.project-lightbox-head,.project-lightbox-head-ref{height:auto!important;min-height:64px!important;padding:13px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;border-bottom:1px solid #e8edf4!important;background:linear-gradient(90deg,#f8fafc,#fff)!important;color:#111827!important}.project-lightbox-title-ref,.project-lightbox-head>div{min-width:0}.project-lightbox-title-ref strong,.project-lightbox-head strong{display:block;font-size:16px;font-weight:900;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-lightbox-title-ref span,.project-lightbox-head span{display:flex;gap:6px;color:#64748b;font-size:12px;font-weight:700}.project-lightbox-close,.project-lightbox-close-ref{position:static!important;flex:0 0 auto;width:42px!important;height:42px!important;border:0!important;background:transparent!important;border-radius:999px!important;display:grid!important;place-items:center!important;cursor:pointer!important;color:#111827!important;transition:.2s ease!important}.project-lightbox-close:hover,.project-lightbox-close-ref:hover{background:#f1f5f9!important}.project-lightbox-close-ref svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.project-lightbox-image,.project-lightbox-image-ref{position:relative!important;height:auto!important;aspect-ratio:16/9!important;background:#050505!important;display:block!important;max-height:calc(100vh - 210px)!important}.project-lightbox-image img,.project-lightbox-image-ref img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#050505!important;transition:opacity .16s ease!important}.project-lightbox-image button,.project-lightbox-arrow-ref{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;width:42px!important;height:42px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.86)!important;color:#111827!important;display:grid!important;place-items:center!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important;cursor:pointer!important;transition:.2s ease!important}.project-lightbox-image button:hover,.project-lightbox-arrow-ref:hover{background:#fff!important;transform:translateY(-50%) scale(1.04)!important}.project-lightbox-image button:first-child,.project-lightbox-arrow-ref.prev{left:16px!important}.project-lightbox-image button:last-child,.project-lightbox-arrow-ref.next{right:16px!important}.project-lightbox-arrow-ref svg,.project-lightbox-image button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.project-lightbox-thumbs,.project-lightbox-thumbs-ref{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:14px 18px!important;background:#fff!important;border-top:1px solid #e8edf4!important}.project-lightbox-thumbs button,.project-lightbox-thumbs-ref button{position:relative!important;width:96px!important;height:64px!important;flex:0 0 auto!important;border:2px solid #e5e7eb!important;border-radius:4px!important;padding:0!important;background:#f1f5f9!important;overflow:hidden!important;cursor:pointer!important}.project-lightbox-thumbs button.active,.project-lightbox-thumbs-ref button.active{border-color:var(--mb-logo-deep)!important}.project-lightbox-thumbs img,.project-lightbox-thumbs-ref img{width:100%!important;height:100%!important;object-fit:cover!important}.project-modal-open{overflow:hidden!important}
.btn::after,.link-more::after{content:""!important;display:none!important}.btn:not(.quote-btn)::before,.link-more::before{content:"←"!important}.project-ref-bottom::before,.project-ref-bottom::after{display:none!important}.header-quote{isolation:isolate}.header-quote::before{content:""!important;position:absolute!important;inset:-8px!important;width:auto!important;height:auto!important;border-radius:999px!important;border:2px solid rgba(47,145,207,.44)!important;background:transparent!important;opacity:0!important;transform:none!important;animation:quoteWave 2.1s ease-out infinite!important;z-index:-1!important}.header-quote:hover::before{color:inherit!important}.header-quote::after{z-index:0!important}.header-quote{box-shadow:0 12px 32px rgba(35,61,154,.22),0 0 0 0 rgba(47,145,207,.38)!important}.header-quote:hover{color:var(--mb-dark)!important;background:#fff!important}@keyframes quoteWave{0%{opacity:.75;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.18)}}
@media(max-width:1100px){.project-ref-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.project-topbar{display:block}.project-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-ref-body{padding:18px}.project-ref-body strong{font-size:17px}.project-lightbox-panel,.project-lightbox-panel-ref{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important}.project-lightbox-image,.project-lightbox-image-ref{max-height:58vh!important}.project-lightbox-head,.project-lightbox-head-ref{padding:10px 14px!important}.project-lightbox-image button:first-child,.project-lightbox-arrow-ref.prev{left:8px!important}.project-lightbox-image button:last-child,.project-lightbox-arrow-ref.next{right:8px!important}}@media(max-width:520px){.project-ref-grid{grid-template-columns:1fr}.project-ref-image{aspect-ratio:3/2}}

/* v1.9 requested refinements */
:root{--mb-gold:#d4af37;}
/* reduce global heading scale */
.kdf-slide-content h1{font-size:clamp(38px,5.6vw,62px)!important;}
.hero h1{font-size:clamp(31px,4.9vw,56px)!important;}
.page-hero h1{font-size:clamp(28px,4.2vw,46px)!important;}
.section-head h2,.project-topbar h2{font-size:clamp(24px,3.2vw,36px)!important;}
.who-content h2,.about-copy h2,.contact-main h2{font-size:clamp(24px,3.2vw,38px)!important;}
.cta h2{font-size:clamp(24px,3.2vw,36px)!important;}
.card-content h3,.project-ref-body strong{font-size:18px!important;}
.mission-card h3,.value-card h3,.panel h3,.process-card h3,.step-card h3{font-size:18px!important;}

/* project card CTA text */
.project-ref-bottom{font-family:inherit;}
.project-ref-bottom em{font-style:normal;}
.project-ref-open{direction:rtl;}
.project-ref-bottom i{transform:scaleX(-1);}
.project-ref-open:hover .project-ref-bottom i{transform:scaleX(-1) translateX(-5px)!important;}

/* make homepage about image taller to match text */
.who-media{min-height:640px!important;}
.who-main{height:570px!important;}
.who-small{height:285px!important;}
@media(max-width:760px){.who-media{min-height:500px!important}.who-main{height:390px!important}.who-small{height:210px!important}}

/* customers / partners sliders: 4 visible logos */
.logo-slider-frame{overflow:hidden;position:relative;padding:24px!important;background:#fff;border-radius:32px;box-shadow:0 22px 70px rgba(19,43,93,.08)}
.logo-slider-frame:before,.logo-slider-frame:after{content:"";position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none}
.logo-slider-frame:before{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.logo-slider-frame:after{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.logo-slider-track{display:flex;gap:16px;width:max-content;animation:mbgLogoSlide 26s linear infinite}
.logo-slider-track.reverse{animation-direction:reverse;animation-duration:32s}
.logo-slider-frame:hover .logo-slider-track{animation-play-state:paused}
.logo-slider-track .logo-box{width:calc((1180px - 72px - 48px)/4);min-width:220px;flex:0 0 auto;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid rgba(47,145,207,.13)}
@keyframes mbgLogoSlide{0%{transform:translateX(0)}100%{transform:translateX(50%)}}
@media(max-width:980px){.logo-slider-track .logo-box{width:220px}}
@media(max-width:640px){.logo-slider-track .logo-box{width:190px;min-width:190px}.logo-slider-frame:before,.logo-slider-frame:after{width:40px}}

/* side expanding quote CTA like reference */
.side-quote-cta{position:fixed;right:0;bottom:10.5rem;z-index:91;height:54px;width:54px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;border-radius:999px 0 0 999px;border:1px solid rgba(212,175,55,.5);background:var(--mb-logo-deep,#0f0f7c);color:#fff;box-shadow:0 14px 34px rgba(15,15,124,.35);transition:width .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s ease,transform .5s ease;direction:ltr}
.side-quote-cta:hover,.side-quote-cta:focus-visible{width:235px;box-shadow:0 18px 42px rgba(15,15,124,.45);outline:none}
.side-quote-bg{position:absolute;inset:0;background:linear-gradient(270deg,var(--mb-logo-deep,#0f0f7c),#233d9a);opacity:0;transition:opacity .5s ease}
.side-quote-cta:hover .side-quote-bg,.side-quote-cta:focus-visible .side-quote-bg{opacity:1}
.side-quote-ring,.side-quote-ping{position:absolute;right:11px;width:32px;height:32px;border-radius:999px;border:1px solid rgba(212,175,55,.72);pointer-events:none;transition:opacity .3s ease}
.side-quote-ping{animation:sideQuotePing 2.4s ease-out infinite;border-color:rgba(212,175,55,.5)}
.side-quote-cta:hover .side-quote-ring,.side-quote-cta:hover .side-quote-ping,.side-quote-cta:focus-visible .side-quote-ring,.side-quote-cta:focus-visible .side-quote-ping{opacity:0}
.side-quote-text{position:relative;z-index:1;margin-right:12px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:900;letter-spacing:.2px;transform:translateX(16px);opacity:0;transition:all .32s ease .08s;direction:rtl}
.side-quote-text svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transform:scaleX(-1)}
.side-quote-cta:hover .side-quote-text,.side-quote-cta:focus-visible .side-quote-text{transform:translateX(0);opacity:1}
.side-quote-icon{position:relative;z-index:1;margin-right:9px;width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;background:#fff;color:var(--mb-logo-deep,#0f0f7c)}
.side-quote-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
@keyframes sideQuotePing{0%{transform:scale(.82);opacity:.75}75%,100%{transform:scale(1.45);opacity:0}}
@media(max-width:640px){.side-quote-cta{bottom:9rem;height:50px;width:50px}.side-quote-cta:hover,.side-quote-cta:focus-visible{width:205px}}

/* v2.0 refinements */
:root{--mb-logo-navy:#233d9a;--mb-logo-blue:#2f91cf;--mb-logo-dark:#121f46;}
body,.project-ref-card,.project-ref-open,.project-ref-body,.project-ref-body strong,.project-ref-location,.project-ref-bottom{font-family:'Cairo','IBM Plex Sans Arabic',Tahoma,Arial,sans-serif!important;}

/* Appearance menu dropdown support */
.main-nav ul li{position:relative}
.main-nav .sub-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:240px;background:#fff;border:1px solid var(--mb-line);border-radius:18px;padding:10px!important;box-shadow:0 24px 60px rgba(16,33,63,.14);display:grid!important;gap:4px!important;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s ease;z-index:999}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.main-nav .sub-menu a{display:block;padding:10px 12px;border-radius:12px;white-space:nowrap;color:var(--mb-dark)}
.main-nav .sub-menu a:hover{background:rgba(47,145,207,.09);color:var(--mb-logo-navy)}

/* internal page hero scroll cue */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#162c78 0%,#233d9a 55%,#10213f 100%)!important;color:#fff!important;padding:74px 0 86px!important}
.page-hero-pattern{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 18%,rgba(255,255,255,.08) 18.5% 19%,transparent 19.5% 36%,rgba(255,255,255,.06) 36.5% 37%,transparent 37.5%),radial-gradient(circle at 20% 10%,rgba(47,145,207,.35),transparent 34%);opacity:.75}
.page-hero .container{position:relative;z-index:1}.page-hero .eyebrow{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.18)}.page-hero h1{color:#fff!important}.page-hero p{color:rgba(255,255,255,.84)!important}.page-hero .breadcrumbs{color:rgba(255,255,255,.82)}.page-hero .breadcrumbs a{color:#fff}.page-hero .breadcrumbs span{color:rgba(255,255,255,.75)}
.page-scroll-mouse{position:absolute;left:50%;bottom:-56px;transform:translateX(-50%);width:24px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:999px;display:flex;justify-content:center;animation:mouseFloat 2.5s ease-in-out infinite}.page-scroll-mouse div{width:4px;height:12px;background:rgba(255,255,255,.6);border-radius:999px;margin-top:8px;animation:mouseWheel 1.5s ease-in-out infinite}@keyframes mouseFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}@keyframes mouseWheel{0%{transform:translateY(0);opacity:.9}100%{transform:translateY(10px);opacity:.15}}

/* Products / work fields masonry view on homepage */
.systems-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:minmax(255px,auto)!important;gap:18px!important;align-items:stretch!important}.systems-grid .system-card{min-height:0!important;height:100%!important}.systems-grid .system-card:first-child{grid-column:3/5!important;grid-row:1/3!important}.systems-grid .system-card:first-child img{height:360px!important}.systems-grid .system-card:not(:first-child) img{height:155px!important}.systems-grid .system-card a{height:100%}.systems-grid .system-card:first-child h3{font-size:25px!important}.systems-grid .system-card:first-child p{font-size:15px!important}@media(max-width:980px){.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.systems-grid .system-card:first-child{grid-column:auto!important;grid-row:auto!important}.systems-grid .system-card:first-child img,.systems-grid .system-card:not(:first-child) img{height:220px!important}}@media(max-width:640px){.systems-grid{grid-template-columns:1fr!important}}

/* logo sliders with controls, 4 visible */
.logo-slider-frame{display:grid!important;grid-template-columns:46px minmax(0,1fr) 46px!important;align-items:center!important;gap:12px!important;overflow:hidden!important;padding:20px!important}.logo-slider-viewport{overflow:hidden;width:100%}.logo-slider-track{display:flex!important;gap:16px!important;width:auto!important;animation:none!important;transition:transform .45s cubic-bezier(.22,1,.36,1)!important;will-change:transform}.logo-slider-track .logo-box{flex:0 0 calc((100% - 48px)/4)!important;min-width:0!important;width:auto!important;height:124px}.logo-slider-arrow{width:44px;height:44px;border-radius:999px;border:1px solid rgba(35,61,154,.14);background:#fff;color:var(--mb-logo-navy);display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 28px rgba(16,33,63,.08);transition:.25s ease;z-index:5}.logo-slider-arrow:hover{background:var(--mb-logo-navy);color:#fff;transform:translateY(-2px)}.logo-slider-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.logo-slider-frame:before,.logo-slider-frame:after{display:none!important}@media(max-width:900px){.logo-slider-track .logo-box{flex-basis:calc((100% - 16px)/2)!important}}@media(max-width:520px){.logo-slider-frame{grid-template-columns:40px minmax(0,1fr) 40px!important;padding:14px!important}.logo-slider-track .logo-box{flex-basis:100%!important}.logo-slider-arrow{width:38px;height:38px}}

/* Cleaner headings and page typography */
h1,h2,h3,h4,h5,h6{letter-spacing:-.2px}.project-ref-body strong{font-weight:800!important;letter-spacing:0!important}.project-ref-location,.project-ref-bottom{font-weight:700!important}.project-ref-open{background:#fff!important;border:0!important;text-align:inherit!important;color:inherit!important}.project-ref-bottom i svg{stroke-width:2.2}.project-ref-bottom em{font-style:normal!important}.project-ref-bottom{color:var(--mb-logo-navy)!important}.project-ref-location svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}

/* v2.1: products / work fields slider - 4 cards visible */
.products-slider-frame{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:14px;position:relative}
.products-slider-viewport{overflow:hidden;width:100%}
.products-slider-track{display:flex;gap:18px;transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}
.products-slider-track .product-slide-card{flex:0 0 calc((100% - 54px)/4);min-width:0;height:auto!important;grid-column:auto!important;grid-row:auto!important;background:#fff;border:1px solid var(--mb-line);box-shadow:0 12px 36px rgba(16,33,63,.06)}
.products-slider-track .product-slide-card a{height:100%;display:flex;flex-direction:column}
.products-slider-track .product-slide-card img{height:190px!important;width:100%;object-fit:cover!important;transition:transform .7s ease!important}
.products-slider-track .product-slide-card:hover img{transform:scale(1.05)}
.products-slider-track .product-slide-card h3{font-size:20px!important;line-height:1.35!important}
.products-slider-track .product-slide-card p{font-size:14px!important;line-height:1.75!important}
.products-slider-arrow{width:44px;height:44px;border-radius:999px;border:1px solid rgba(35,61,154,.14);background:#fff;color:var(--mb-logo-navy);display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 28px rgba(16,33,63,.08);transition:.25s ease;z-index:5}
.products-slider-arrow:hover{background:var(--mb-logo-navy);color:#fff;transform:translateY(-2px)}
.products-slider-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:980px){.products-slider-track .product-slide-card{flex-basis:calc((100% - 18px)/2)}.products-slider-track .product-slide-card img{height:210px!important}}
@media(max-width:560px){.products-slider-frame{grid-template-columns:40px minmax(0,1fr) 40px;gap:10px}.products-slider-track .product-slide-card{flex-basis:100%}.products-slider-arrow{width:38px;height:38px}.products-slider-track .product-slide-card img{height:220px!important}}


/* v2.2 RTL slider arrows fix: previous controls live on the right, next controls live on the left */
html[dir="rtl"] .logo-slider-arrow.prev,
body.rtl .logo-slider-arrow.prev,
.logo-slider-arrow.prev{grid-column:3;}
html[dir="rtl"] .logo-slider-arrow.next,
body.rtl .logo-slider-arrow.next,
.logo-slider-arrow.next{grid-column:1;}
html[dir="rtl"] .products-slider-arrow.prev,
body.rtl .products-slider-arrow.prev,
.products-slider-arrow.prev{grid-column:3;}
html[dir="rtl"] .products-slider-arrow.next,
body.rtl .products-slider-arrow.next,
.products-slider-arrow.next{grid-column:1;}
html[dir="rtl"] .logo-slider-viewport,
body.rtl .logo-slider-viewport,
.logo-slider-viewport{grid-column:2;}
html[dir="rtl"] .products-slider-viewport,
body.rtl .products-slider-viewport,
.products-slider-viewport{grid-column:2;}
.project-lightbox-arrow-ref.prev,
.project-lightbox-image button:first-child{right:16px!important;left:auto!important;}
.project-lightbox-arrow-ref.next,
.project-lightbox-image button:last-child{left:16px!important;right:auto!important;}
.project-prev{right:20px!important;left:auto!important;}
.project-next{left:20px!important;right:auto!important;}
@media(max-width:760px){.project-lightbox-arrow-ref.prev,.project-lightbox-image button:first-child{right:8px!important;left:auto!important}.project-lightbox-arrow-ref.next,.project-lightbox-image button:last-child{left:8px!important;right:auto!important}}

/* v2.3: prevent hero counters from overlapping slider pagination */
.mb-hero-clean>.hero-controls{bottom:86px!important;z-index:12!important;}
.hero-metrics{margin-top:0!important;padding-top:26px!important;z-index:7!important;}
.hero-counters-clean{position:relative!important;z-index:2!important;}
.hero-scroll-cue{bottom:92px!important;}
@media(max-width:760px){.mb-hero-clean>.hero-controls{bottom:28px!important}.hero-metrics{padding-top:22px!important;margin-top:0!important}}


/* v2.4: hero pagination moved to side + lighter typography */
.mb-hero-clean>.hero-controls{
  left:auto!important;
  right:28px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:8px!important;
  border-radius:999px!important;
  z-index:22!important;
  background:rgba(10,22,52,.42)!important;
}
.mb-hero-clean .hero-dot{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:700!important;
}
.mb-hero-clean .hero-dot.active,
.mb-hero-clean .hero-dot:hover{
  transform:scale(1.08)!important;
}
.hero-metrics{
  margin-top:0!important;
  padding-top:34px!important;
}
.hero-counters-clean{
  z-index:4!important;
}
.hero-scroll-cue{
  bottom:28px!important;
  left:32px!important;
  right:auto!important;
}

body{font-size:15.5px!important;font-weight:400!important;}
p,li,span,input,textarea,select,label,td,th,.breadcrumbs,.project-ref-location,.project-ref-bottom,.main-nav a,.btn,.eyebrow,.link-more,.filter-btn,.swatch,.logo-slider-arrow,.products-slider-arrow{
  font-weight:500!important;
}
strong,b,.stat strong,.hero-counters strong,.system-num,.panel-icon,.who-exp strong,.process-card span,.system-badge span,.footer-contact strong{
  font-weight:700!important;
}
h1,h2,h3,h4,h5,h6,
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,
.section-head h2,.kdf-slide-content h1,.page-hero h1,.card-content h3,.project-ref-body strong,.process-card h3,.panel h3,.system-card h3,.post-card h3,.product-card h3{
  font-weight:800!important;
}
.section-head h2{font-size:clamp(24px,3.1vw,38px)!important;}
.kdf-slide-content h1{font-size:clamp(34px,4.5vw,56px)!important;}
.page-hero h1{font-size:clamp(28px,4vw,46px)!important;}
.cta h2{font-size:clamp(24px,3.2vw,38px)!important;}
.card-content h3,.process-card h3,.panel h3,.system-card h3{font-size:20px!important;}
.project-ref-body strong{font-size:18px!important;}
.kdf-slide-content p,.page-hero p,.section-head p,.who-content p,.process-card p,.panel p,.system-card p,.project-ref-location{font-size:15px!important;}
.btn{font-size:14px!important;}
.eyebrow{font-size:12.5px!important;}

@media(max-width:760px){
  .mb-hero-clean>.hero-controls{
    display:flex!important;
    right:14px!important;
    top:auto!important;
    bottom:26px!important;
    transform:none!important;
    flex-direction:row!important;
  }
  .mb-hero-clean .hero-dot{width:30px!important;height:30px!important;min-width:30px!important;font-size:10px!important;}
  .hero-metrics{padding-top:24px!important;}
  .kdf-slide-content h1{font-size:32px!important;}
}

/* v2.6: RTL slider controls cleanup */
.logo-slider-frame,
.products-slider-frame{
  display:block!important;
  position:relative!important;
  overflow:visible!important;
  padding-top:62px!important;
}
.logo-slider-viewport,
.products-slider-viewport{width:100%;overflow:hidden!important;}
.logo-slider-arrow,
.products-slider-arrow{
  position:absolute!important;
  top:0!important;
  width:44px!important;
  height:44px!important;
  border-radius:999px!important;
  border:1px solid rgba(35,61,154,.16)!important;
  background:#fff!important;
  color:var(--mb-logo-navy)!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  box-shadow:0 12px 28px rgba(16,33,63,.08)!important;
  transition:.25s ease!important;
  z-index:8!important;
}
.logo-slider-arrow:hover,
.products-slider-arrow:hover{background:var(--mb-logo-navy)!important;color:#fff!important;transform:translateY(-2px)!important;}
/* v2.7: swapped slider arrow icons to match RTL visual direction */
.logo-slider-arrow.prev,
.products-slider-arrow.prev{right:auto!important;left:52px!important;grid-column:auto!important;}
.logo-slider-arrow.next,
.products-slider-arrow.next{right:auto!important;left:0!important;grid-column:auto!important;}
.logo-slider-arrow svg,
.products-slider-arrow svg{width:20px!important;height:20px!important;}
.project-lightbox-arrow-ref.prev{right:12px!important;left:auto!important;}
.project-lightbox-arrow-ref.next{left:12px!important;right:auto!important;}
@media(max-width:560px){
  .logo-slider-frame,.products-slider-frame{padding-top:56px!important;}
  .logo-slider-arrow,.products-slider-arrow{width:40px!important;height:40px!important;}
  .logo-slider-arrow.prev,.products-slider-arrow.prev{left:48px!important;}
}

.footer-products-menu{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer-products-menu a{color:rgba(255,255,255,.76);text-decoration:none;transition:color .25s ease,transform .25s ease;display:inline-flex;align-items:center}.footer-products-menu a:hover{color:#fff;transform:translateX(-4px)}