/* MB INFOSOFT 2026 visual refresh */
:root{--ink:#10233f;--muted:#61708a;--violet:#6846e8;--coral:#ff6b57;--aqua:#0bbcaf;--sun:#ffca59;--paper:#f8f9ff}
html{scroll-behavior:smooth}body{color:var(--ink);background:#fff}
.topline{min-height:40px;padding:8px max(20px,4vw);background:linear-gradient(90deg,#10233f,#3d2a72 58%,#075f6b);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}
.topline span:first-child:before{font-family:"Font Awesome 6 Free";font-weight:900;content:"\f0a3";margin-right:8px;color:var(--sun)}
.topline span:last-child a:first-child:before{font-family:"Font Awesome 6 Free";font-weight:900;content:"\f0e0";margin-right:7px;color:#70e2d8}.topline span:last-child a:last-child:before{font-family:"Font Awesome 6 Free";font-weight:900;content:"\f095";margin:0 7px 0 9px;color:#ffd078}
.header{height:84px!important;padding:0 max(20px,4vw)!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px);border-bottom:1px solid #e8e8f4!important;box-shadow:0 10px 35px #1b23400d!important}
.siteLogo{width:215px!important}.brandLogo{min-width:215px!important}
.nav{gap:24px!important}.nav>a,.nav>div>button{padding:29px 0 25px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#2b3850!important;font-weight:700!important;position:relative;white-space:nowrap}
.nav>a:after,.nav>div>button:after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:3px;border-radius:6px;background:linear-gradient(90deg,var(--coral),var(--violet));transition:.25s}.nav>a:hover:after,.nav>div>button:hover:after{right:0}.navIcon{color:var(--violet)!important}.navCta{color:var(--coral)!important}
.megaV2{left:3vw!important;right:3vw!important;width:94vw!important;border-radius:0 0 28px 28px!important;grid-template-columns:1fr!important;padding:0!important;background:#fff!important;overflow:hidden!important;box-shadow:0 30px 70px #17203b33!important}
.megaSpotlight{display:none!important}.megaDirectory{padding:24px 30px 20px!important}.megaDirectoryHead{padding-bottom:15px!important;border-bottom:1px solid #e8eaf2}.megaColumns{gap:36px!important}.megaItem{border-radius:14px!important;padding:8px!important}.megaBottom{margin-top:10px!important;padding-top:14px!important}
.homeHero{min-height:680px!important;padding:80px max(22px,7vw)!important;background:radial-gradient(circle at 12% 20%,#ffd48d70,transparent 26%),radial-gradient(circle at 86% 20%,#8ce7dd63,transparent 32%),linear-gradient(130deg,#fffaf5 0,#f7f4ff 50%,#effdfb 100%)!important;position:relative;overflow:hidden}
.homeHero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #7458e629;border-radius:50%;left:-170px;bottom:-210px;box-shadow:0 0 0 70px #7458e60b,0 0 0 140px #7458e607}
.heroCopy{position:relative;z-index:2}.heroCopy h1{font-size:clamp(48px,6vw,86px)!important;line-height:.98!important;letter-spacing:-.055em!important}.heroCopy h1 em{color:var(--violet)!important;font-style:normal;background:linear-gradient(90deg,var(--coral),var(--violet),var(--aqua));-webkit-background-clip:text;color:transparent!important}.heroCopy>p{max-width:680px;color:var(--muted)}
.heroVisual{border-radius:42% 58% 28% 72%/42% 35% 65% 58%!important;background:linear-gradient(145deg,#6c4ceb,#0db9aa)!important;padding:16px!important;box-shadow:0 35px 70px #4338ca30!important;transform:rotate(1.5deg)}.heroVisual img{border-radius:inherit!important;min-height:470px;object-fit:cover}.imageBadge{border-radius:18px!important;transform:rotate(-1.5deg)}
.servicesShowcaseHead,.deliveryLab{background:linear-gradient(135deg,#f9f7ff,#f1fffc)!important}.serviceCard{border:1px solid #e6e7f0!important;border-radius:25px!important;box-shadow:0 18px 50px #222b4a0d!important}.serviceCard:hover{transform:translateY(-8px)!important;box-shadow:0 25px 60px #3e33771f!important}.sectionTitle h2,.servicesShowcaseHead h2,.productHeading h2,.deliveryIntro h2{letter-spacing:-.035em}
.footerLogo{background:transparent!important;padding:0!important}.footerLogo .siteLogo{filter:none!important}.footerMain{background:radial-gradient(circle at 12% 10%,#6846e84d,transparent 29%),linear-gradient(125deg,#0c1930,#172044 60%,#073f49)!important}.copyright{background:#081427!important}
@media(max-width:760px){body{padding-bottom:0!important}.topline{min-height:66px;padding:8px 14px;justify-content:center;text-align:center;flex-direction:column;gap:4px;font-size:11px}.topline span{width:100%}.topline span:last-child{display:flex;justify-content:center;flex-wrap:wrap;gap:3px}.header{position:fixed!important;top:0!important;left:0;right:0;height:72px!important;padding:0 16px!important;z-index:2000!important;border-radius:0 0 22px 22px!important;box-shadow:0 15px 38px #15203b24!important}.topline+.header{top:66px!important}body{padding-top:72px!important}.topline~main{margin-top:72px}.siteLogo{width:178px!important}.brandLogo{min-width:0!important}.menuBtn{display:grid!important;place-items:center;width:46px;height:46px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--violet),#8b5cf6)!important;color:#fff!important;box-shadow:0 10px 22px #6846e842}.nav{position:fixed!important;top:138px!important;left:12px!important;right:12px!important;width:auto!important;height:calc(100dvh - 150px)!important;max-height:none!important;padding:18px!important;border-radius:25px!important;background:linear-gradient(160deg,#fff,#f5f2ff 55%,#edfffb)!important;box-shadow:0 25px 70px #10193652!important;gap:3px!important}.nav:before{content:"Explore MB INFOSOFT";display:block;padding:4px 4px 13px;color:var(--violet);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.nav>a,.nav>div>button{width:100%;min-height:48px!important;padding:12px 10px!important;border-bottom:1px solid #e3e5f0!important;font-size:15px!important;justify-content:flex-start!important}.nav>a:after,.nav>div>button:after{display:none}.navIcon{width:34px;height:34px;display:grid!important;place-items:center;border-radius:11px;background:#eeeaff;color:var(--violet)!important}.menuChevron{margin-left:auto}.megaV2{width:100%!important;margin:5px 0 12px!important;border-radius:18px!important;box-shadow:none!important;background:#fff!important}.megaDirectory{padding:10px!important}.megaDirectoryHead{padding:6px!important}.megaColumns{gap:6px!important}.homeHero{min-height:auto!important;padding:68px 20px 56px!important;grid-template-columns:1fr!important}.heroCopy h1{font-size:48px!important}.heroVisual{border-radius:28px!important;transform:none}.heroVisual img{min-height:310px}.imageBadge{transform:none}.floatingProject{display:none!important}.footerLogo .siteLogo{width:220px!important}}

/* Navigation, mega-directory and homepage delivery refresh */
.header{background:#fff!important}
.nav>a,.nav>div>button{background:none!important;border:none!important;box-shadow:none!important}
.nav>a:after,.nav>div>button:after{display:none!important}
.nav>a:hover,.nav>div>button:hover{color:var(--violet)!important;background:none!important}
.nav .navCta{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-left:3px!important;padding:12px 18px!important;border-radius:999px!important;background:linear-gradient(110deg,#ff6b57,#f04479 48%,#6846e8)!important;color:#fff!important;box-shadow:0 12px 26px #ef496b35!important;transition:transform .25s,box-shadow .25s!important}
.nav .navCta:hover{color:#fff!important;background:linear-gradient(110deg,#f95d48,#e93c73 48%,#5b38db)!important;transform:translateY(-2px);box-shadow:0 16px 32px #ef496b48!important}
.nav .navCta .navIcon{color:#fff!important}
.megaV2{border:1px solid #e5e6f0!important;border-top:5px solid transparent!important;border-image:linear-gradient(90deg,var(--coral),var(--sun),var(--aqua),var(--violet)) 1!important;background:linear-gradient(135deg,#fff 0%,#fbfaff 48%,#f3fffd 100%)!important}
.megaDirectory{position:relative!important}.megaDirectory:before{content:"";position:absolute;right:-80px;top:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#7c5ce31c,transparent 68%);pointer-events:none}
.megaDirectoryHead{position:relative!important;display:flex!important;align-items:center!important;padding:2px 4px 18px 62px!important;border:0!important}
.megaDirectoryHead:before{content:"\f0eb";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:4px;top:0;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--coral),var(--violet));color:#fff;box-shadow:0 10px 22px #6846e832}
.megaProducts .megaDirectoryHead:before{content:"\f1b3";background:linear-gradient(135deg,var(--aqua),#087b9f)}
.megaDirectoryHead small{color:var(--violet)!important;font-weight:900!important;letter-spacing:.13em!important}.megaDirectoryHead b{font-size:20px!important;color:var(--ink)!important}
.megaColumns{position:relative!important;z-index:1!important;gap:18px!important}.megaColumns section{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important;border:1px solid #e8e8f2!important;border-radius:20px!important;background:#ffffffb8!important;box-shadow:0 12px 34px #282d4c0b!important}.megaColumns section h4{grid-column:1/-1!important;margin:0 2px 3px!important;padding:2px 0 10px!important;border-bottom:1px solid #ececf4!important;color:#35415b!important}
.megaItem{grid-template-columns:38px 1fr 15px!important;min-height:56px!important;padding:8px!important;border:1px solid transparent!important;border-radius:14px!important;background:#f8f7ff!important;transition:.22s!important}.megaItem:nth-of-type(even){background:#f2fcfa!important}.megaItem:hover{background:#fff!important;border-color:#d9d4fa!important;transform:translateY(-2px)!important;box-shadow:0 10px 25px #5542ad18!important}.megaItem>i:first-child{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(135deg,#efeaff,#ffece7)!important;color:var(--violet)!important}.megaProducts .megaItem>i:first-child{background:linear-gradient(135deg,#defaf6,#e8f2ff)!important;color:#078e88!important}.megaItem b{font-size:13px!important}.megaItem small{font-size:10px!important}.megaArrow{opacity:0;transform:translateX(-5px);transition:.2s}.megaItem:hover .megaArrow{opacity:1;transform:none;color:var(--coral)}
.megaBottom{border:0!important;border-radius:14px!important;padding:10px 14px!important;background:linear-gradient(90deg,#f3f0ff,#effcf9)!important}
.deliveryLab{position:relative!important;overflow:hidden!important;margin:70px max(20px,4vw)!important;padding:74px clamp(24px,5vw,76px)!important;border-radius:38px!important;background:radial-gradient(circle at 8% 12%,#ffca5952,transparent 25%),radial-gradient(circle at 90% 82%,#0bbcaf52,transparent 30%),linear-gradient(135deg,#111d3a,#30265d 58%,#075865)!important;color:#fff!important;box-shadow:0 35px 80px #1a234337!important}
.deliveryLab:before{content:"";position:absolute;width:310px;height:310px;border:1px solid #ffffff16;border-radius:50%;right:-120px;top:-130px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}
.deliveryIntro{position:relative;z-index:1}.deliveryIntro .kicker{color:#ffd978!important}.deliveryIntro h2{color:#fff!important;font-size:clamp(36px,4vw,58px)!important;line-height:1.05!important}.deliveryIntro p{color:#dbe4ef!important}.deliveryIntro>a{background:#fff!important;color:#18213d!important;border-radius:999px!important;padding:14px 20px!important}
.deliveryCanvas{position:relative!important;z-index:1!important;padding:12px!important;border:1px solid #ffffff2e!important;border-radius:28px!important;background:#ffffff12!important;backdrop-filter:blur(14px);box-shadow:0 25px 55px #08102055!important}.deliveryCanvas>img{border-radius:20px!important;filter:saturate(.85) contrast(1.06)}
.deliveryPath{gap:8px!important}.deliveryPath article{border:1px solid #ffffff24!important;border-radius:16px!important;background:#101a36d9!important;color:#fff!important}.deliveryPath article>b{background:linear-gradient(135deg,var(--coral),var(--violet))!important;color:#fff!important}.deliveryPath strong{color:#fff!important}.deliveryPath small{color:#bfcbe0!important}
@media(max-width:1100px) and (min-width:761px){.nav{gap:13px!important}.nav .navCta{padding:10px 12px!important}.megaColumns section{grid-template-columns:1fr!important}.megaItem small{display:none!important}}
@media(max-width:760px){.header{background:#fff!important}.nav{background:#fff!important}.nav>a,.nav>div>button{border-bottom:0!important}.nav .navCta{margin:12px 0 2px!important;padding:13px 16px!important;justify-content:center!important}.nav .navCta .navIcon{background:#ffffff24!important;color:#fff!important}.megaV2{border:0!important;border-image:none!important;background:#f7f8ff!important}.megaDirectoryHead{padding:7px 5px 13px 50px!important}.megaDirectoryHead:before{width:38px;height:38px;left:2px}.megaDirectoryHead b{font-size:16px!important}.megaColumns section{grid-template-columns:1fr!important;padding:8px!important;border-radius:15px!important}.megaItem{min-height:50px!important}.deliveryLab{margin:45px 16px!important;padding:48px 20px!important;border-radius:27px!important}.deliveryIntro h2{font-size:38px!important}.deliveryCanvas{padding:9px!important}.deliveryPath article{background:#101a36e8!important}}