﻿/* Professional polish layer for homepage UI and motion */
:root{--mcsi-navy:#111827;--mcsi-blue:#076fab;--mcsi-sky:#4cc9f0;--mcsi-surface:#f7fbff;--mcsi-card:#fbfdff;--mcsi-text:#172033;--mcsi-muted:#5c6b7e;--mcsi-border:rgba(7,111,171,.14);--mcsi-shadow:0 18px 45px rgba(15,35,60,.12);--mcsi-ease:cubic-bezier(.22,1,.36,1)}
html,body{overflow-x:hidden}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.navbar{backdrop-filter:blur(14px);transition:transform 260ms var(--mcsi-ease),box-shadow 260ms var(--mcsi-ease)}
.nav-link,.dropdown-btn,.cta-btn,.open-modall,.tab-btn{transition:transform 220ms var(--mcsi-ease),box-shadow 220ms var(--mcsi-ease),background-color 220ms var(--mcsi-ease),color 220ms var(--mcsi-ease)}.nav-link:hover,.dropdown-btn:hover,.cta-btn:hover,.open-modall:hover,.tab-btn:hover{transform:translateY(-2px)}
.menu-btn{display:none;color:#f8fbff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:12px;min-width:44px;min-height:44px;align-items:center;justify-content:center;cursor:pointer}.menu-btn:focus-visible,.nav-link:focus-visible,.dropdown-btn:focus-visible,.cta-btn:focus-visible,.open-modall:focus-visible{outline:3px solid rgba(76,201,240,.8);outline-offset:3px}
.slide1::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,39,.78),rgba(6,20,39,.35) 52%,rgba(6,20,39,.12));z-index:1}.slide-content1{max-width:960px}.slide-h1{letter-spacing:.12em}.slide-h2{max-width:720px;text-wrap:balance}.slide-subtitle{max-width:760px;line-height:1.55}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px}.cta-btn.primary:first-child{box-shadow:0 14px 32px rgba(7,111,171,.34)}.cta-btn.secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.72);color:#f8fbff}.cta-btn.secondary:hover{background:#f8fbff;color:#076fab}
.section4v1{background:linear-gradient(180deg,#f7fbff 0%,#eef7ff 100%);padding-top:72px;padding-bottom:72px}.section4v1 .section-header{display:block;width:fit-content;max-width:100%;margin:2vh auto 16px;padding:10px 22px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(7,111,171,.12);box-shadow:0 10px 24px rgba(15,35,60,.08);color:#09122C !important;letter-spacing:-.02em}.section4v1 .section-header::after{content:'';display:block;width:72px;height:4px;margin:14px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--mcsi-blue),var(--mcsi-sky))}#productivity,#productivity1{max-width:760px;margin-left:auto;margin-right:auto;color:var(--mcsi-muted);line-height:1.65}
.products-containerv1,.products-container{align-items:stretch}.products{background:var(--mcsi-card);border:1px solid var(--mcsi-border);border-radius:22px;box-shadow:0 10px 30px rgba(20,43,72,.08);transition:transform 260ms var(--mcsi-ease),box-shadow 260ms var(--mcsi-ease),border-color 260ms var(--mcsi-ease);will-change:transform}.products:hover{transform:translateY(-6px);box-shadow:var(--mcsi-shadow);border-color:rgba(7,111,171,.28)}.products img,.soft-ware{transition:transform 320ms var(--mcsi-ease),filter 320ms var(--mcsi-ease)}.products:hover img{transform:scale(1.035)}.product-description h2,.product-description a{color:var(--mcsi-text) !important}.product-description p{color:var(--mcsi-muted);line-height:1.5}.open-modall{border-radius:999px;background:#eef7ff;color:#075f95;border:1px solid rgba(7,111,171,.16);min-height:44px}.open-modall:hover{background:#076fab;color:#f8fbff;box-shadow:0 12px 24px rgba(7,111,171,.24)}
.spon{height:auto;min-height:560px;padding:72px 5vw;background:linear-gradient(135deg,#075f95,#0d88bd 55%,#45bddb)}.carousel-container{border-radius:28px;box-shadow:0 24px 60px rgba(4,31,56,.2)}.partner-card{background:#fbfdff;border-radius:18px;border:1px solid rgba(7,111,171,.1)}.partner-card img{filter:grayscale(1) contrast(.9);opacity:.78}.partner-card:hover img{filter:grayscale(0);opacity:1;transform:scale(1.04)}
.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity 520ms var(--mcsi-ease),transform 520ms var(--mcsi-ease)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:800px){.navbar{position:fixed!important;padding:0 18px!important;background:rgba(17,24,39,.96)!important}.navbar-container{width:100%;padding:0!important;justify-content:space-between!important}.logo2 img{width:auto!important;height:44px!important}.menu-btn{display:flex!important}.nav-backdrop{position:fixed;inset:70px 0 0;background:rgba(9,18,44,.52);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity 220ms var(--mcsi-ease);z-index:998}.nav-backdrop.is-active{opacity:1;pointer-events:auto}.nav-links{position:fixed!important;top:70px!important;right:14px!important;left:auto!important;width:min(340px,calc(100vw - 28px))!important;max-height:calc(100vh - 92px)!important;height:auto!important;display:flex!important;align-items:stretch!important;gap:8px!important;padding:18px!important;background:#111827!important;border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.34);transform:translateY(-12px) scale(.98);opacity:0;pointer-events:none;overflow:auto!important;transition:opacity 220ms var(--mcsi-ease),transform 220ms var(--mcsi-ease);z-index:999}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.nav-links>a,.dropdown-btn{width:100%!important;justify-content:space-between!important;text-align:left!important;padding:14px 16px!important;border-radius:14px;background:rgba(255,255,255,.05)}.dropdown{width:100%!important;height:auto!important}.dropdown-content{position:static!important;width:100%!important;margin-top:6px;background:rgba(255,255,255,.08)!important;border-radius:14px;box-shadow:none!important;overflow:hidden}.dropdown-content a{color:#f8fbff!important;padding:12px 18px!important}.section-intro{height:72vh!important;min-height:560px}.slide-content1{padding:0 23px!important;padding-bottom:92px!important}.slide-h1{font-size:13px!important}.slide-h2{font-size:34px!important;line-height:1.05!important}.slide-subtitle{font-size:16px!important}.hero-buttons{gap:10px}.cta-btn{width:100%;text-align:center}.products{border-radius:18px}.spon{padding:56px 20px;min-height:520px}.carousel-container{border-radius:22px}.carousel-slide{min-width:78%!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-ready{opacity:1;transform:none}}
