@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0e2033;--muted:#607083;--navy:#091526;--navy-2:#0c2036;--blue:#1878f2;--cyan:#64c5fa;--pale:#eef5fd;--line:#dde6f0;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #66baff;outline-offset:4px}button{font:inherit}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:12px;background:white;color:#082140;padding:10px;z-index:100}.skip-link:focus{top:10px}.site-header{height:80px;background:#081425;color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.09)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;color:white;flex-shrink:0}.brand-mark{width:39px;height:40px;color:#277bfa;display:flex}.brand-mark svg{width:100%;height:100%}.brand-type{font:800 22px/1 'Manrope',sans-serif;letter-spacing:-1.3px}.brand-type>span{font-weight:500;letter-spacing:-.8px;margin-left:4px}.brand-type small{display:block;font:700 8px/1.8 'DM Sans',sans-serif;letter-spacing:1.6px;color:#a8bacb;margin-top:5px}.desktop-nav{display:flex;gap:35px;margin-left:auto}.desktop-nav a,.footer-main nav a{font-size:13px;color:#c7d2dc;transition:color .2s}.desktop-nav a:hover,.footer-main nav a:hover{color:#65c3ff}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:7px;padding:14px 20px;font:700 13px 'DM Sans',sans-serif;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#197cf6;color:white;box-shadow:0 8px 26px rgba(21,109,235,.2)}.button-primary:hover{background:#0765d5}.header-cta{padding:12px 17px;margin-left:14px}.menu-toggle{display:none;background:none;border:0;padding:12px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:#fff;margin:5px 0}.mobile-nav{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#071321 5%,#0a1b30 64%,#0d2846);color:#fff}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#3b76b933 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 40%,black)}.hero-glow{position:absolute;width:600px;height:550px;background:#1965c522;filter:blur(90px);border-radius:50%;right:-180px;top:40px}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:25px;min-height:625px;align-items:center}.hero-copy{padding:85px 0 95px;z-index:2}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:2.4px;margin-bottom:23px}.eyebrow.light{color:#85caff}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#52b9ff;margin-right:10px;box-shadow:0 0 14px #3ca5ff}.slash{opacity:.48;margin:0 6px}.hero h1,h2,h3,p{margin-top:0}.hero h1{font:800 clamp(43px,4.4vw,66px)/1.12 'Manrope',sans-serif;letter-spacing:-3.8px;max-width:650px;margin-bottom:25px}.hero h1 em{font-style:normal;color:#4ab6fd}.hero-description{font-size:16px;line-height:1.78;max-width:525px;color:#b7c5d5;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button-outline-light{border:1px solid #536c87;color:white}.button-outline-light:hover{background:#ffffff11}.hero-footnote{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#7fa4c2;margin-top:62px;display:flex;gap:12px;align-items:center}.small-line{height:1px;width:24px;background:#348fda}.hero-visual{height:510px;position:relative;transform:translateX(15px)}.grid-plane{position:absolute;inset:0;background:linear-gradient(transparent 49%,#4e92d111 50%),linear-gradient(90deg,transparent 49%,#4e92d111 50%);background-size:44px 44px;mask-image:radial-gradient(ellipse,black 5%,transparent 72%)}.orbit{position:absolute;border:1px solid #369ae133;border-radius:50%;left:11%;top:6%;height:82%;width:78%;transform:rotate(-24deg)}.orbit-two{transform:rotate(28deg);border-style:dashed;border-color:#389fe11e}.visual-glow{position:absolute;width:310px;height:310px;left:25%;top:20%;background:#1577d944;filter:blur(80px)}.core-tile{position:absolute;left:29%;top:22%;width:250px;height:250px;border:1px solid #4b8dca88;border-radius:27px;background:linear-gradient(150deg,#18426aee,#081a32f0);box-shadow:0 30px 80px #010c1c99,0 0 45px #0e6bd730,inset 0 1px #ffffff33;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-5deg)}.core-symbol{width:100px;height:100px}.core-symbol svg{width:100%}.core-tile strong{font:800 17px 'Manrope',sans-serif;margin-top:8px}.core-tile>span{color:#85b6df;font-size:12px;margin-top:7px}.floating-card{position:absolute;display:flex;align-items:center;gap:11px;background:#102942ee;border:1px solid #3f749c88;border-radius:10px;padding:13px 14px;color:white;box-shadow:0 12px 34px #020a1780;min-width:194px}.floating-card .card-ico{width:32px;height:32px;display:grid;place-items:center;background:#1b73b13b;border-radius:8px;color:#70d4ff;font-size:19px}.floating-card strong{display:block;font-size:12px}.floating-card small{display:block;font-size:10px;color:#9cb8cf;margin-top:3px}.status-dot{margin-left:auto;width:6px;height:6px;background:#63e0ad;border-radius:50%;box-shadow:0 0 10px #63e0ad}.fc-security{left:0;top:13%}.fc-cloud{right:-1%;top:23%}.fc-ai{right:1%;bottom:15%}.visual-caption{position:absolute;left:12%;bottom:7%;font-size:10px;letter-spacing:2px;color:#719bc1}.visual-caption b{padding:0 9px;color:#2c88c9}.capabilities{background:#f4f8fc;border-bottom:1px solid #e1eaf1}.capabilities-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.capabilities-inner>span{font-size:10px;color:#6b7c8b;font-weight:800;letter-spacing:1.6px}.capabilities-inner strong{font-size:12px;font-weight:700;color:#33495d}.capabilities-inner i{width:1px;height:22px;background:#cfdae5}.section{padding:118px 0}.section-heading{margin-bottom:44px}.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}.section h2,.contact-section h2{font:800 clamp(34px,3.4vw,49px)/1.19 'Manrope',sans-serif;letter-spacing:-2.3px;margin:0}.section h2 span{color:#63788b}.section-heading>p{font-size:16px;color:var(--muted);line-height:1.75;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:290px;padding:27px 27px 24px;border:1px solid #e1e7ee;border-radius:11px;background:white;transition:transform .2s,border-color .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);border-color:#98c8f9;box-shadow:0 22px 50px #0b31510e}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.service-number{font-size:11px;color:#8ea2b6;letter-spacing:1px}.service-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;background:#edf5ff;color:#1979ed;font-size:25px;font-weight:700}.service-card h3{font:800 19px 'Manrope',sans-serif;letter-spacing:-.6px;margin-bottom:12px}.service-card p{font-size:13px;line-height:1.7;color:#607183;min-height:68px;margin-bottom:24px}.service-tags{display:flex;flex-wrap:wrap;gap:6px}.service-tags span{padding:6px 8px;background:#f2f6fa;border-radius:4px;font-size:10px;font-weight:700;color:#597185}.contrast-section{background:#0b1a2c;color:white;position:relative;overflow:hidden}.contrast-section:after{content:'';position:absolute;width:500px;height:500px;right:-300px;top:-200px;background:#1b6db62b;filter:blur(100px)}.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;position:relative;z-index:1}.contrast-section h2 span{color:#55b8ff}.contrast-section p{font-size:15px;color:#9fb0c1;line-height:1.85;max-width:490px;margin:25px 0}.text-link{font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:25px}.light-link{color:#78caff}.principles{border-top:1px solid #33506b}.principle{display:grid;grid-template-columns:52px 1fr;gap:20px;border-bottom:1px solid #33506b;padding:25px 0}.principle>span{color:#4db5ff;font-weight:800;font-size:12px}.principle h3{font:800 17px 'Manrope',sans-serif;margin-bottom:7px}.principle p{margin:0;font-size:13px;line-height:1.7}.approach-section{background:#f7f9fc}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.step{padding:24px;background:white;border:1px solid #e0e7f0;border-radius:10px}.step-no{display:flex;justify-content:space-between;color:#237ded;font:800 27px 'Manrope',sans-serif;border-bottom:1px solid #e2ebf4;padding-bottom:32px;margin-bottom:26px}.step-no span{font:400 16px 'DM Sans',sans-serif}.step h3{font:800 18px 'Manrope',sans-serif;margin-bottom:9px}.step p{font-size:13px;line-height:1.75;color:var(--muted);margin-bottom:0}.contact-section{background:linear-gradient(110deg,#1257ae,#0d72d6 70%,#07529e);color:white;padding:90px 0}.contact-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.contact-section h2{font-size:clamp(36px,4vw,53px)}.contact-section p{color:#d0e8ff;margin:18px 0 30px;font-size:16px}.button-white{background:white;color:#0f65bf}.button-white:hover{background:#eaf6ff}.contact-details{border-left:1px solid #75baff77;padding-left:50px;display:flex;flex-direction:column;align-items:flex-start}.contact-details>span{font-size:10px;font-weight:800;letter-spacing:2px;color:#aad5fc;margin-bottom:12px}.contact-details>a{font:800 clamp(17px,2vw,23px) 'Manrope',sans-serif;letter-spacing:-.5px;display:flex;align-items:center;gap:16px;overflow-wrap:anywhere}.contact-details>a span{font-size:16px}.contact-divider{height:1px;width:100%;background:#9cceff55;margin:30px 0}.contact-details strong{font-size:20px}.contact-details strong small{display:block;font-weight:400;font-size:12px;color:#c3e1fc;margin-top:8px}.site-footer{background:#071321;color:white}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:39px;padding-bottom:39px}.footer-main nav{display:flex;gap:29px}.footer-bottom{border-top:1px solid #264058;padding:22px 0 28px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8ca1b5}
@media(max-width:1020px){.desktop-nav{gap:18px}.header-cta{margin-left:0}.hero-grid{grid-template-columns:1.1fr .9fr}.hero h1{letter-spacing:-2.5px}.hero-visual{transform:scale(.85);transform-origin:center}.floating-card{min-width:170px}.two-col{gap:35px}.capabilities-inner{gap:12px}.capabilities-inner strong{font-size:11px}.contrast-grid{gap:50px}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.site-header{height:72px}.brand-type{font-size:20px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:12px 18px 20px;background:#0a1a2c;border-top:1px solid #27445d}.mobile-nav a{padding:13px;font-size:14px;color:#e1ebf4}.hero-grid{display:block;min-height:0}.hero-copy{padding:81px 0 30px}.hero h1{font-size:clamp(42px,9vw,62px);letter-spacing:-2.7px}.hero-description{font-size:15px}.hero-footnote{margin-top:36px}.hero-visual{height:370px;transform:scale(.8);transform-origin:top center;margin-bottom:-60px}.core-tile{left:30%;top:15%}.fc-security{top:6%}.fc-cloud{right:-7%;top:20%}.fc-ai{right:-8%;bottom:18%}.capabilities-inner{justify-content:center;flex-wrap:wrap;padding:20px 0;min-height:0}.capabilities-inner>span{width:100%;text-align:center}.capabilities-inner i{display:none}.capabilities-inner strong{font-size:11px;white-space:nowrap}.section{padding:77px 0}.two-col{grid-template-columns:1fr;gap:19px}.section-heading{margin-bottom:31px}.section h2{font-size:35px;letter-spacing:-1.6px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:0;padding:21px}.service-card h3{font-size:17px}.service-card p{min-height:0}.service-top{margin-bottom:19px}.contrast-grid{grid-template-columns:1fr;gap:36px}.step-grid{grid-template-columns:repeat(2,1fr)}.contact-inner{grid-template-columns:1fr;gap:44px}.contact-details{padding-left:24px}.footer-main{align-items:flex-start;flex-direction:column}.footer-main nav{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:490px){.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{height:300px;transform:scale(.65);margin:0 -40px -60px;transform-origin:top center}.service-grid,.step-grid{grid-template-columns:1fr}.service-card p{margin-bottom:18px}.capabilities-inner{gap:13px}.capabilities-inner strong{font-size:10px}.eyebrow{font-size:9px;letter-spacing:1.8px}.contact-section{padding:69px 0}.contact-details{padding-left:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-card{transition:none}}


/* MSK Force hero — ambient motion, depth and interactive glow */
.hero-visual { isolation:isolate; perspective:1000px; --mouse-x:0px; --mouse-y:0px; }
.hero-visual .grid-plane { animation:gridBreathe 9s ease-in-out infinite alternate; }
.hero-visual .orbit-one { animation:orbitRotateA 32s linear infinite; }
.hero-visual .orbit-two { animation:orbitRotateB 44s linear infinite; }
.hero-visual .visual-glow { pointer-events:none; transform:translate(var(--mouse-x),var(--mouse-y)); transition:transform .45s ease-out; animation:glowBreathe 7s ease-in-out infinite alternate; }
.hero-visual .core-tile { animation:coreHover 6s ease-in-out infinite; will-change:transform; transition:box-shadow .3s,border-color .3s; }
.hero-visual .core-tile:hover { box-shadow:0 35px 95px #010c1cba,0 0 65px #258ff065,inset 0 1px #ffffff55; border-color:#8acaff; }
.hero-visual .core-symbol { animation:symbolShine 5s ease-in-out infinite; }
.hero-visual .fc-security { animation:floatSecurity 5.8s ease-in-out infinite; }
.hero-visual .fc-cloud { animation:floatCloud 6.6s ease-in-out -2s infinite; }
.hero-visual .fc-ai { animation:floatAI 6.2s ease-in-out -3s infinite; }
.hero-visual .floating-card { transition:border-color .25s,background-color .25s,box-shadow .25s; will-change:transform; }
.hero-visual .floating-card:hover { background:#153b5af5; border-color:#84cdf8; box-shadow:0 18px 40px #020a17b0,0 0 20px #2e97f032; }
.hero-visual .status-dot { animation:dotPulse 2.7s ease-in-out infinite; }
.hero-visual .fc-cloud .status-dot { animation-delay:.8s; }
.hero-visual .fc-ai .status-dot { animation-delay:1.6s; }
.hero-visual .visual-caption { animation:captionFade 5s ease-in-out infinite alternate; }
@keyframes orbitRotateA { from {transform:rotate(-24deg)} to {transform:rotate(336deg)} }
@keyframes orbitRotateB { from {transform:rotate(28deg)} to {transform:rotate(-332deg)} }
@keyframes coreHover {0%,100% {transform:translateY(0) rotate(-5deg)} 50% {transform:translateY(-12px) rotate(-3deg)} }
@keyframes floatSecurity {0%,100% {transform:translate(0,0)} 50% {transform:translate(5px,-12px)} }
@keyframes floatCloud {0%,100% {transform:translate(0,0)} 50% {transform:translate(-7px,10px)} }
@keyframes floatAI {0%,100% {transform:translate(0,0)} 50% {transform:translate(7px,-11px)} }
@keyframes dotPulse {0%,100% {opacity:.65;box-shadow:0 0 5px #63e0ad;transform:scale(.9)}50% {opacity:1;box-shadow:0 0 16px #63e0ad;transform:scale(1.3)} }
@keyframes glowBreathe {from {opacity:.55;filter:blur(80px)} to {opacity:1;filter:blur(95px)} }
@keyframes gridBreathe {from {opacity:.45} to {opacity:.95} }
@keyframes symbolShine {0%,100% {filter:drop-shadow(0 0 0 transparent)}50% {filter:drop-shadow(0 0 16px #58bfff66)} }
@keyframes captionFade {from {opacity:.65}to {opacity:1} }
@media (prefers-reduced-motion: reduce) {
  .hero-visual *, .hero-visual *::before, .hero-visual *::after {animation:none !important; transition:none !important;}
  .hero-visual .visual-glow {transform:none !important;}
}

/* Language controls: compact on desktop, accessible in mobile menu. */
.language-switch {display:flex;align-items:center;gap:5px;margin-left:5px;flex-shrink:0;border:1px solid #38516b;border-radius:7px;padding:5px 7px;}
.lang-button {border:0;color:#a9bed0;background:transparent;font-weight:800;font-size:11px;letter-spacing:.5px;padding:5px;cursor:pointer;border-radius:4px;}
.lang-button[aria-pressed="true"] {color:#fff;background:#166fdb;}
.lang-button:hover {color:#fff;}
.lang-divider {color:#5c738b;font-size:12px;}
.mobile-language-switch {display:flex;gap:8px;padding:9px 13px;align-items:center;}
.mobile-language-switch .lang-button {padding:9px 13px;border:1px solid #38516b;}
@media (max-width:760px) { .language-switch {margin-left:auto;margin-right:0;} }