*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:#03182f;color:#f5f8ff;font-family:Arial,Helvetica,sans-serif;min-height:100vh}.shared-background{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(1,14,34,.16) 0%,rgba(1,15,35,.16) 45%,rgba(1,15,35,.87) 92%),url("shared-scenery.jpg") center 45%/cover no-repeat;background-color:#03182f}.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(0,15,36,.7);border-bottom:1px solid rgba(42,208,242,.14);position:relative;z-index:20}.brand img{width:255px;max-height:73px;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(12px,2.7vw,43px)}a{color:inherit;text-decoration:none}.nav a{font-size:15px;padding:29px 0 24px;border-bottom:2px solid transparent;white-space:nowrap}.nav a.active,.nav a:hover{color:#00e4ee;border-bottom-color:#00e4ee}.demo,.primary{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(100deg,#22b5ff,#00e6ec);color:#001b2b;font-weight:700;border-radius:13px;box-shadow:0 3px 25px #00c8ef45}.demo{padding:17px 24px;white-space:nowrap}.menu{display:none}.page[hidden]{display:none!important}.page{min-height:calc(100vh - 140px)}.home-hero{position:relative;min-height:438px;display:flex;align-items:center;padding:30px 6.4% 22px;overflow:hidden}.hero-copy{position:relative;z-index:2;width:46%;max-width:590px}.eyebrow{font-size:12px;letter-spacing:4px;color:#08e7ef;font-weight:700}.hero-copy h1,.services-hero h1{font-size:clamp(36px,3.5vw,57px);line-height:1.09;letter-spacing:-1.3px;margin:16px 0 12px}.hero-copy em,.services-hero em{font-style:normal;color:#00dfea}.lead{font-size:clamp(17px,1.4vw,22px);line-height:1.45;max-width:610px;margin:10px 0 24px}.actions{display:flex;gap:22px;flex-wrap:wrap}.primary,.secondary{padding:16px 30px;min-height:50px}.secondary{border:1px solid #9ec6e2;border-radius:35px;background:rgba(0,15,40,.42);font-weight:700}.benefits{display:flex;gap:30px;margin-top:65px;font-size:14px;line-height:1.35}.devices{position:absolute;right:2.3%;top:0;width:min(55vw,848px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 30px #00172b66)}.solution-section{background:linear-gradient(180deg,#03172bba,#00142adf);padding:12px 3.4% 20px}.center{text-align:center}.solution-section h2,.services-list h2{text-align:center;font-size:clamp(24px,2.4vw,34px);margin:10px 0 22px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{position:relative;overflow:hidden;min-height:213px;padding:22px;background:linear-gradient(110deg,rgba(0,23,46,.93),rgba(1,33,67,.75));border:1px solid #357396;border-radius:15px}.product-card>div{position:relative;z-index:2;max-width:64%}.product-card h3{font-size:27px;margin:0 0 4px}.product-card h3 span{color:#00e4f2}.product-card strong{font-size:13px}.product-card p{font-size:14px;line-height:1.45;margin:20px 0}.product-card a{display:inline-block;border:1px solid #a4c7e2;border-radius:30px;padding:9px 19px;font-size:13px}.product-card img{position:absolute;width:42%;height:90%;right:0;bottom:0;object-fit:cover;object-position:left top;mask-image:linear-gradient(90deg,transparent,black 35%)}.workflow{display:grid;grid-template-columns:2.4fr repeat(4,1fr);gap:14px;background:#f0f5fb;color:#061b37;padding:22px 5%;align-items:center}.workflow h2{margin:0 0 8px}.workflow p{margin:0;font-size:13px;line-height:1.5}.workflow>span{display:flex;flex-direction:column;align-items:center;text-align:center;border-left:1px solid #c6d5e5;font-size:26px;gap:6px}.workflow b{font-size:13px}.workflow small{font-size:11px}.services-hero{min-height:430px;padding:65px 6.4% 22px}.services-hero h1{font-size:clamp(45px,5vw,74px)}.services-hero .lead{max-width:720px}.services-hero .benefits{margin-top:44px}.services-list{background:linear-gradient(180deg,rgba(0,19,41,.64),rgba(0,15,33,.86));padding:24px 4% 70px}.services-list h2{margin-bottom:8px}.subline{text-align:center;margin:0 0 25px}.services-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-tile{min-height:145px;display:flex;align-items:center;gap:18px;padding:20px;background:linear-gradient(125deg,rgba(0,36,72,.86),rgba(0,22,48,.78));border:1px solid #1378aa;border-radius:16px;box-shadow:inset 0 0 26px #0084cf12}.service-symbol{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;background:#00375a;border-radius:12px;color:#00dff0}.service-symbol svg{width:42px;height:42px}.service-content{flex:1;min-width:0}.service-content h3{font-size:16px;margin:0 0 8px}.service-content p{font-size:13px;line-height:1.45;margin:0}.service-link{flex:0 0 31px;width:31px;height:31px;border:1px solid #719bb5;border-radius:50%;display:grid;place-items:center}.solutions-grid{padding:10px 4% 60px}.solutions-grid .product-card>div{max-width:100%}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 5%;background:#001329eb;min-height:70px}.footer img{width:160px}.footer nav{display:flex;gap:20px;font-size:12px}.footer small{font-size:11px}@media(max-width:1050px){.nav{gap:13px}.brand img{width:195px}.demo{padding:12px}.home-hero{min-height:400px}.benefits{margin-top:30px}.product-card>div{max-width:75%}.services-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{padding:0 16px}.menu{display:block;border:1px solid #39bbd3;background:#001c35;color:white;border-radius:7px;padding:8px 12px;font-size:22px}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:#031a33;flex-direction:column;align-items:stretch;padding:12px 24px;gap:0}.nav.open{display:flex}.nav a{padding:13px 0}.demo{margin-left:auto;margin-right:15px;font-size:12px}.home-hero{padding:30px 6%;display:block;min-height:0}.hero-copy{width:100%;max-width:none}.devices{position:relative;display:block;width:100%;right:auto;margin:25px auto 0}.benefits{gap:15px;flex-wrap:wrap}.product-grid,.services-card-grid{grid-template-columns:1fr}.workflow{grid-template-columns:1fr 1fr}.workflow>div{grid-column:1/-1}.services-hero{min-height:0;padding:40px 6% 35px}.footer{flex-wrap:wrap}.footer nav{flex-wrap:wrap}}@media(max-width:460px){.brand img{width:155px}.demo{padding:9px;font-size:10px}.actions{gap:10px}.primary,.secondary{padding:13px 17px}.product-card>div{max-width:73%}.services-list{padding:25px 5%}.service-tile{padding:14px;gap:12px}.service-symbol{width:48px;height:48px;flex-basis:48px}.service-symbol svg{width:30px;height:30px}}
/* V0.8 visual alignment — implemented in actual HTML/CSS, not a mockup. */
:root{--ink:#f6f9ff;--cyan:#00e5ed}
body{font-family:"Segoe UI",Inter,Arial,sans-serif;letter-spacing:-.012em}
.shared-background{background-image:linear-gradient(90deg,rgba(0,12,31,.72) 0%,rgba(0,18,42,.30) 42%,rgba(0,12,33,.18) 100%),linear-gradient(180deg,rgba(0,13,31,.18) 0%,rgba(0,15,35,.02) 40%,rgba(0,14,35,.86) 95%),url("shared-scenery.jpg");background-position:center,center,center center;background-size:cover}
.site-header{height:83px;background:rgba(0,15,36,.46);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.home-hero{min-height:474px;padding-top:30px;padding-bottom:28px;isolation:isolate}
.hero-copy{width:48%;max-width:620px}
.hero-copy:before{content:"";position:absolute;inset:-20px -20px -24px -32px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,14,34,.58) 0%,rgba(0,19,42,.32) 66%,transparent 100%);border-radius:12px}
.hero-copy h1{font-size:clamp(39px,3.35vw,59px);font-weight:760;line-height:1.1;letter-spacing:-1.9px;margin:18px 0 13px;text-wrap:balance}
.hero-copy .lead{font-size:clamp(17px,1.4vw,22px);line-height:1.45;max-width:540px}
.eyebrow{letter-spacing:3.8px}
.benefits{margin-top:58px;font-size:15px;gap:38px}
.devices{right:1.3%;top:5px;width:min(57vw,875px);filter:drop-shadow(0 18px 28px rgba(0,13,32,.48))}
.primary{background:linear-gradient(95deg,#10baff,#00e5e9);box-shadow:0 0 20px rgba(0,224,242,.28)}
.secondary{backdrop-filter:blur(7px)}
.solution-section{padding-top:24px;background:linear-gradient(180deg,rgba(0,18,40,.76),rgba(0,16,36,.93))}
.solution-section h2{font-weight:750;letter-spacing:-.8px}
.product-card{background:linear-gradient(110deg,rgba(0,25,51,.82),rgba(0,36,69,.64));backdrop-filter:blur(8px)}
.services-hero{position:relative;isolation:isolate}
.services-hero:before{content:"";position:absolute;z-index:-1;inset:30px 36% 12px 4%;background:linear-gradient(90deg,rgba(0,15,35,.54),rgba(0,15,35,.18),transparent);pointer-events:none}
.services-list{backdrop-filter:blur(3px)}
@media(max-width:760px){.home-hero{min-height:0}.hero-copy{width:100%}.hero-copy:before{inset:-15px -10px -10px -10px}.devices{width:100%;right:auto;top:auto}.benefits{margin-top:32px}.site-header{height:80px}}

/* V0.8.1: fixed header remains visible during scrolling */
.site-header{position:sticky!important;top:0;left:0;right:0;z-index:1000!important;background:rgba(0,15,36,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.inner-page .site-header{position:sticky!important;top:0}
body.inner-page .mobile-nav{display:none}
body.inner-page main.container{max-width:1180px;margin:0 auto;padding:70px 6% 100px;min-height:calc(100vh - 83px)}
body.inner-page{background:#03182f;color:#f5f8ff}
@media(max-width:760px){body.inner-page .site-header .nav{display:none}body.inner-page .site-header .nav.open{display:flex}}

/* V0.9: live independently rendered laptop/phone dashboard, not a full-image slideshow. */
.showcase{position:absolute;right:2.3%;top:17px;width:min(56vw,850px);height:410px;z-index:1;pointer-events:none;font-family:"Segoe UI",Arial,sans-serif;--dark:#071c35;--light:#f7fbff;--accent:#00dce9}
.laptop-frame{position:absolute;left:0;top:3%;width:87%;height:88%;filter:drop-shadow(0 15px 17px #001126b8)}
.laptop-display{position:relative;height:88%;border:11px solid #07101e;border-radius:17px 17px 5px 5px;box-shadow:inset 0 0 0 2px #526c80,0 0 0 1px #9bb8cb;display:flex;overflow:hidden;background:var(--dark);color:#f6fbff;transition:background-color .55s,color .55s;opacity:1}
.laptop-camera{position:absolute;top:5px;left:50%;z-index:2;width:4px;height:4px;border-radius:50%;background:#355268}
.laptop-hinge{height:4%;width:100%;background:linear-gradient(#26394d,#a0b6c4,#33465b);border-radius:0 0 10px 10px}
.laptop-base{height:5%;width:112%;margin-left:-6%;background:linear-gradient(#a8bbc9,#4d6476 60%,#1b2a3d);clip-path:polygon(5% 0,95% 0,100% 70%,94% 100%,6% 100%,0 70%);border-radius:0 0 22px 22px}
.dash-side{width:25%;background:#00142cbb;padding:4% 2%;flex-shrink:0}.dash-logo{font-weight:750;font-size:clamp(10px,1.15vw,17px);margin-bottom:20px}.dash-logo span{color:#00e1ef}.dash-menu{display:grid;gap:7px}.dash-menu div{padding:6px 5px;font-size:clamp(6px,.67vw,10px);border-radius:5px;opacity:.85}.dash-menu div:first-child{background:#067ad8;color:white}.dash-main{flex:1;padding:3% 3% 4%;min-width:0}.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.dash-top strong{display:block;font-size:clamp(11px,1.1vw,17px)}.dash-top small{display:block;font-size:clamp(6px,.6vw,9px);opacity:.65;margin-top:3px}.dash-avatar{color:#00e4ed}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.dash-stat{background:#18395a;padding:10px 7px;border-radius:5px;min-width:0}.dash-stat small{display:block;font-size:clamp(5px,.5vw,8px);opacity:.83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-stat b{font-size:clamp(8px,.88vw,13px);display:block;margin-top:4px}.dash-stat:nth-child(2){background:#076a65}.dash-stat:nth-child(3){background:#264a95}.dash-stat:nth-child(4){background:#963d38}.dash-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.dash-panel{min-width:0;background:#0f2c4c;padding:10px;border-radius:6px;height:145px;overflow:hidden}.dash-panel b{font-size:clamp(7px,.7vw,11px)}.dash-chart{display:flex;align-items:end;justify-content:space-between;height:100px;gap:5px;padding-top:12px}.dash-chart i{display:block;flex:1;background:linear-gradient(#01dcf0,#0065bc);border-radius:2px 2px 0 0}.dash-row{border-bottom:1px solid #ffffff19;padding:10px 0;font-size:clamp(6px,.66vw,10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.laptop-display.light{background:#eef5fc;color:#102a49}.laptop-display.light .dash-side{background:#dce9f5}.laptop-display.light .dash-stat{background:#d4e9ff;color:#06334d}.laptop-display.light .dash-stat:nth-child(2){background:#b7f1e5}.laptop-display.light .dash-stat:nth-child(3){background:#d4d9ff}.laptop-display.light .dash-stat:nth-child(4){background:#ffe0d3}.laptop-display.light .dash-panel{background:#fff;color:#0d3152;box-shadow:0 1px 7px #1748751a}.laptop-display.light .dash-row{border-bottom-color:#0d315218}
.phone-frame{position:absolute;right:0;top:12%;height:82%;width:23%;border:7px solid #0b111b;border-radius:29px;background:#0b111b;box-shadow:0 0 0 2px #a8c0d0,0 14px 25px #0010259c;overflow:hidden}
.phone-notch{position:absolute;z-index:4;left:29%;top:0;width:42%;height:14px;border-radius:0 0 12px 12px;background:#050c16}
.phone-display{height:100%;padding:20px 9px 8px;background:#fff;color:#122c4c;transition:background-color .55s,color .55s;overflow:hidden}.phone-top{display:flex;align-items:center;color:#007fe4;font-size:clamp(9px,.8vw,13px);gap:3px;margin-bottom:12px}.phone-top span{margin-left:auto;color:#20bdc9}.phone-display>small{display:block;font-size:clamp(6px,.52vw,8px);opacity:.7}.phone-display h4{margin:5px 0 11px;font-size:clamp(10px,.9vw,14px)}.phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px}.phone-stat{background:#1d87ff;color:white;border-radius:4px;padding:9px 5px}.phone-stat:nth-child(2){background:#ff9851}.phone-stat:nth-child(3){background:#18bb8c}.phone-stat:nth-child(4){background:#7654f3}.phone-stat small{display:block;font-size:clamp(5px,.48vw,8px)}.phone-stat b{font-size:clamp(10px,.9vw,14px)}.phone-panel{background:#eef4fa;margin-top:11px;padding:7px;border-radius:5px;min-height:77px}.phone-panel b{font-size:clamp(7px,.6vw,9px)}.phone-row{font-size:clamp(6px,.52vw,8px);padding:5px 0;border-bottom:1px solid #a3b3c633}.phone-bottom{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:clamp(10px,.9vw,15px);color:#1885d4}.phone-display.dark{background:#091c36;color:#f5faff}.phone-display.dark .phone-panel{background:#153353;color:#f5faff}.phone-display.dark .phone-row{border-color:#ffffff22}.phone-display.dark .phone-top{color:#2ce7ee}
.showcase-counter{position:absolute;right:4%;bottom:0;color:#d0f5fa;font-size:11px;letter-spacing:1px;opacity:.8}
.demo-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:min(380px,calc(100% - 32px));background:linear-gradient(150deg,#092a4d,#00162f);border:1px solid #2586ad;border-radius:18px;color:#f6fbff;padding:30px;text-align:center;box-shadow:0 30px 100px #0009;z-index:5000}.demo-modal::backdrop{background:#00152dbb;backdrop-filter:blur(4px)}.modal-close{position:absolute;right:14px;top:10px;background:none;border:0;color:#e6f9ff;font-size:26px;cursor:pointer}.modal-icon{font-size:42px;color:#00e5ec}.demo-modal h2{font-size:20px;margin:12px 0}.demo-modal p{font-size:14px;line-height:1.6;color:#b8d0e4}.modal-ok{margin-top:10px;background:linear-gradient(90deg,#12baff,#00e4e9);border:0;border-radius:10px;padding:13px 55px;color:#00192a;font-weight:750;cursor:pointer}
.solutions-grid{padding-top:0}.page[data-page="solutions"] .services-hero{min-height:365px}
@media(max-width:760px){.showcase{position:relative;width:100%;height:clamp(225px,52vw,390px);right:auto;top:auto;margin-top:25px}.laptop-frame{width:87%}.phone-frame{width:24%}.dash-panel{height:35%}.dash-chart{height:60px}.dash-stats{margin-bottom:7px}.dash-stat{padding:5px}.dash-bottom{height:130px}.dash-panel{height:100%}}
@media(max-width:460px){.showcase{height:225px}.laptop-display{border-width:6px}.phone-frame{border-width:4px;border-radius:18px}.phone-display{padding:14px 4px 3px}.phone-notch{height:8px}.dash-panel{padding:5px}.dash-row{padding:5px 0}.phone-stat{padding:5px 3px}.phone-panel{padding:4px;margin-top:6px;min-height:45px}.phone-row{padding:2px 0}}
@media(prefers-reduced-motion:reduce){.laptop-display,.phone-display{transition:none}}

/* Real user-supplied screenshot slideshow; frames stay in place. */
.screenshot-screen{position:relative;display:block;padding:0!important;background:#061c33;overflow:hidden}
.showcase-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .85s ease;display:block}
.showcase-shot.is-active{opacity:1}
.phone-display .showcase-shot{object-position:top center}
.showcase-counter{display:none!important}
@media(prefers-reduced-motion:reduce){.showcase-shot{transition:none}}


/* V1.1 mobile-specific responsive concept layouts. No cropped desktop screenshot on phone. */
.phone-display.mobile-preview{position:relative;padding:0!important;overflow:hidden;background:#0c1d31}
.mobile-slide{position:absolute;inset:0;opacity:0;transition:opacity .75s ease;display:flex;flex-direction:column;padding:20px 9px 9px;overflow:hidden;font-family:"Segoe UI",Arial,sans-serif}
.mobile-slide.is-active{opacity:1}
.mobile-slide.light{background:#f4f8fc;color:#142b46}
.mobile-slide.dark{background:#15222f;color:#f4f8fc}
.mp-head{display:flex;align-items:center;gap:4px;min-height:23px;font-size:clamp(7px,.64vw,10px);border-bottom:1px solid #8883;padding-bottom:5px;white-space:nowrap}
.mp-logo{font-size:15px;color:#04cce3}.mp-user{margin-left:auto;color:#20a7d8}
.mp-eyebrow{font-size:clamp(6px,.53vw,8px);opacity:.7;margin-top:13px}
.mp-title{font-size:clamp(11px,1.03vw,16px);margin:3px 0 3px;line-height:1.2;letter-spacing:-.2px}
.mp-concept{font-size:clamp(5px,.47vw,7px);opacity:.66;margin-bottom:9px}
.mp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.mp-stat{border-radius:5px;background:#0b74b4;padding:9px 5px;min-height:47px;display:flex;flex-direction:column;justify-content:center;color:#fff;min-width:0}
.mp-stat:nth-child(2){background:#0d998e}.mp-stat:nth-child(3){background:#8259bf}.mp-stat:nth-child(4){background:#d97846}
.mp-stat small{font-size:clamp(5px,.48vw,8px);opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-stat b{font-size:clamp(9px,.84vw,13px);margin-top:4px;white-space:nowrap}
.mp-list{margin-top:10px;background:#fff1;border-radius:7px;padding:7px 6px;min-height:0;flex:1}
.mobile-slide.light .mp-list{background:#fff;box-shadow:0 2px 8px #1d3b5511}
.mp-list h4{font-size:clamp(7px,.64vw,10px);margin:0 0 7px}
.mp-row{display:flex;justify-content:space-between;gap:4px;border-bottom:1px solid #8893;padding:7px 0;font-size:clamp(5px,.48vw,8px)}
.mp-row strong{white-space:nowrap;color:#1bc8d3}.mobile-slide.light .mp-row strong{color:#057ab0}
.mp-tabs{margin-top:auto;text-align:center;font-size:clamp(11px,.9vw,14px);color:#21b3d8;padding-top:7px;letter-spacing:4px}
@media(max-width:760px){.mobile-slide{padding:12px 5px 5px}.mp-head{min-height:15px}.mp-eyebrow{margin-top:5px}.mp-concept{margin-bottom:4px}.mp-stat{min-height:26px;padding:4px 2px}.mp-grid{gap:3px}.mp-list{margin-top:4px;padding:4px 3px}.mp-row{padding:3px 0}.mp-tabs{padding-top:3px}}
@media(prefers-reduced-motion:reduce){.mobile-slide{transition:none}}

/* V1.2 Solutions showcase: scoped to Solutions tab; homepage untouched */
.solutions-intro{padding:48px 6.3% 30px;background:linear-gradient(100deg,rgba(0,16,39,.75),rgba(0,24,53,.25));}
.solutions-intro h1{font-size:clamp(36px,4.1vw,62px);letter-spacing:-1.4px;line-height:1.1;margin:12px 0 14px}
.solutions-intro em,.solutions-custom em{font-style:normal;color:#00e1ee}.solutions-intro .lead{max-width:950px;margin-bottom:20px}
.environment-strip{display:flex;gap:12px;flex-wrap:wrap}.environment-strip span{padding:10px 15px;border:1px solid #2b7595;border-radius:25px;background:#002a4cba;font-size:12px;color:#bfeaf5}
.solutions-showcase{padding:16px 5% 32px;background:linear-gradient(180deg,#00192dc9,#00132bec);display:grid;gap:20px}
.solution-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:35px;align-items:center;padding:27px 32px;border:1px solid #20799c;border-radius:19px;background:linear-gradient(110deg,#042543eb,#001b35e0);box-shadow:0 16px 40px #0004;min-width:0}
.solution-feature:nth-child(even) .solution-details{order:2}.solution-feature:nth-child(even) .solution-visual{order:1}
.solution-category{font-size:11px;font-weight:700;letter-spacing:2.2px;color:#21d9ed;margin:0 0 8px}.solution-details h2{font-size:clamp(31px,3vw,45px);margin:0 0 10px}.solution-details h2 span{color:#00e3ed}.solution-description{font-size:15px;line-height:1.65;color:#d9eaf5;max-width:570px;margin:0 0 12px}
.solution-points{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.solution-points li{font-size:12px;line-height:1.45;color:#c7e5f4;padding-left:18px;position:relative}.solution-points li:before{content:'✓';position:absolute;left:0;color:#00e2ec;font-weight:800}
.solution-cta{display:inline-flex;gap:22px;align-items:center;padding:12px 22px;border:1px solid #04d2e6;border-radius:28px;color:#00ecf2;font-size:13px;font-weight:700}.solution-cta:hover{background:#00e3ed;color:#002238}
.solution-visual{min-width:0;overflow:hidden;border-radius:13px;border:1px solid #326987;background:#0b2035;box-shadow:0 18px 36px #0006}.solution-screen-top{height:28px;display:flex;gap:6px;align-items:center;padding:0 13px;background:#0b1a2b;border-bottom:1px solid #36546b}.solution-screen-top i{height:7px;width:7px;border-radius:50%;background:#557e9d}.solution-screen-top i:first-child{background:#fe786d}.solution-screen-top i:nth-child(2){background:#f2c16b}.solution-screen-top i:nth-child(3){background:#49c89c}.solution-screen-top span{font-size:10px;color:#a6c5d8;margin-left:10px}.solution-visual img{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;object-position:top left}
.solutions-custom{text-align:center;padding:55px 6% 70px;background:linear-gradient(180deg,#00152ce8,#00162bef)}.solutions-custom h2{font-size:clamp(25px,2.8vw,39px);margin:10px 0}.solutions-custom p:not(.eyebrow){max-width:750px;margin:0 auto 25px;color:#d4e6f2;line-height:1.65}.solutions-custom .primary{margin:auto}
@media(max-width:850px){.solution-feature{grid-template-columns:1fr;gap:22px;padding:22px}.solution-feature:nth-child(even) .solution-details,.solution-feature:nth-child(even) .solution-visual{order:initial}.solution-points{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.solutions-intro{padding:38px 6% 25px}.solutions-showcase{padding:14px 4%}.solution-feature{padding:19px}.solution-points{grid-template-columns:1fr}.solution-visual img{aspect-ratio:16/10}.environment-strip span{font-size:11px}}

/* V1.3 Premium Solutions — scoped, homepage and Services remain unchanged */
.solutions-premium-hero{min-height:310px;display:flex;justify-content:space-between;align-items:center;gap:35px;padding:42px 6% 35px;background:linear-gradient(100deg,rgba(0,14,35,.88),rgba(0,35,65,.36))}
.solutions-premium-copy{max-width:880px}
.solutions-premium-hero h1{font-size:clamp(40px,4.6vw,70px);margin:10px 0 16px}
.solutions-premium-hero .lead{max-width:760px;font-size:clamp(16px,1.35vw,20px);color:#e0eff8;line-height:1.55}
.solutions-premium-hero .environment-strip{margin-top:26px}
.solutions-premium-hero .environment-strip a{padding:12px 17px;border:1px solid #2489a9;border-radius:999px;background:#063657b8;color:#d6f5fc;font-size:12px;font-weight:700;transition:background .2s,transform .2s}
.solutions-premium-hero .environment-strip a:hover{background:#08718d;transform:translateY(-2px)}
.solutions-hero-mark{flex:0 0 180px;display:flex;align-items:center;gap:13px;border-left:1px solid #5da6c4a8;padding-left:24px}
.solutions-hero-mark>span{font-size:90px;line-height:1;font-weight:800;color:#17e4ef}
.solutions-hero-mark small{font-size:12px;line-height:1.8;color:#c5dfea}
.premium-solutions{padding:30px 5.2% 45px;gap:25px;background:linear-gradient(180deg,#001a31d9,#001126f4)}
.premium-solutions .solution-feature{padding:36px;gap:36px;border:1px solid #277899a8;border-radius:23px;background:linear-gradient(125deg,#082b4beb,#011b33f4);box-shadow:0 22px 48px #0005}
.premium-solutions .solution-feature:hover{border-color:#26d2df8c}
.premium-solutions .solution-details h2{font-size:clamp(40px,3.8vw,59px);letter-spacing:-1.4px;margin:7px 0 5px}
.premium-solutions .solution-category{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px}
.environment-tag{border:1px solid #17c6dc7c;background:#06415a;border-radius:100px;padding:6px 10px;letter-spacing:1px;color:#c5faff}
.solution-tagline{font-size:clamp(17px,1.4vw,21px);font-weight:700;line-height:1.35;margin:5px 0 12px;color:#fff}
.premium-solutions .solution-description{font-size:14px;line-height:1.75;margin-bottom:21px}
.feature-chip-grid{display:flex;flex-wrap:wrap;gap:9px}
.feature-chip-grid span{display:inline-flex;align-items:center;padding:9px 12px;border-radius:9px;background:#0b41629e;border:1px solid #3c8eac7d;font-size:11px;line-height:1.3;color:#d9f1ff}
.feature-chip-grid span:before{content:"✓";font-weight:900;color:#26e4eb;margin-right:7px}
.solution-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-top:25px}
.solution-platform{font-size:12px;color:#91cfe4;font-weight:700}
.premium-solutions .solution-visual{border-radius:15px;box-shadow:0 25px 55px #0007;transform:perspective(1300px) rotateY(-2deg)}
.premium-solutions .solution-feature:nth-child(even) .solution-visual{transform:perspective(1300px) rotateY(2deg)}
.premium-solutions .solution-visual img{aspect-ratio:16/10;object-fit:cover}
.premium-solutions .prokite-visual{background:#f4f8f4;border-color:#a7d4bd}
.premium-solutions .prokite-visual img{object-position:top center;aspect-ratio:16/10}
.premium-custom{padding:75px 6% 85px;background:linear-gradient(180deg,#001b33ef,#001326f9)}
.premium-custom h2{font-size:clamp(28px,3.4vw,49px);line-height:1.2}
.premium-custom p:not(.eyebrow){font-size:16px}
.custom-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 0 30px}
.custom-benefits span{padding:10px 16px;border:1px solid #357b99;border-radius:99px;background:#083554a9;font-size:12px;color:#d5f1fa}
@media(max-width:950px){.solutions-hero-mark{display:none}.premium-solutions .solution-feature{padding:25px;gap:24px}.premium-solutions .solution-visual,.premium-solutions .solution-feature:nth-child(even) .solution-visual{transform:none}}
@media(max-width:850px){.premium-solutions .solution-feature{grid-template-columns:1fr}.premium-solutions .solution-feature:nth-child(even) .solution-details,.premium-solutions .solution-feature:nth-child(even) .solution-visual{order:initial}}
@media(max-width:500px){.solutions-premium-hero{padding:32px 6%}.solutions-premium-hero .environment-strip{gap:8px}.solutions-premium-hero .environment-strip a{font-size:10px;padding:10px 12px}.premium-solutions{padding:17px 4% 30px;gap:17px}.premium-solutions .solution-feature{padding:20px}.premium-solutions .solution-category{letter-spacing:1px}.premium-solutions .solution-details h2{font-size:42px}.feature-chip-grid span{font-size:10px}.premium-solutions .solution-visual img{aspect-ratio:16/10}.premium-custom{padding:45px 6% 60px}}

/* V1.4 consistent internal pages */
body.mk-subpage{min-height:100vh;background:#04152a;color:#eef8ff}
body.mk-subpage .shared-background{position:fixed;inset:0;z-index:-1;pointer-events:none}
body.mk-subpage .site-header{position:sticky;top:0;z-index:50}
.mk-inner{min-height:75vh}
.mk-page-hero,.mk-product-hero{padding:76px max(6%,calc((100vw - 1380px)/2)) 72px;background:linear-gradient(115deg,rgba(0,14,35,.93),rgba(0,35,64,.68));}
.mk-page-hero{max-width:none}
.mk-page-hero h1,.mk-product-hero h1{font-size:clamp(39px,5vw,76px);line-height:1.08;letter-spacing:-2px;max-width:940px;margin:12px 0 22px;color:#fff}
.mk-page-hero h1 em,.mk-product-hero h1 em,.mk-closing-cta h2 em{color:#17e2eb;font-style:normal}
.mk-page-hero>p:not(.eyebrow),.mk-product-copy>p:not(.eyebrow){font-size:clamp(16px,1.35vw,20px);max-width:740px;line-height:1.75;color:#c7e4f4}
.mk-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:27px}
.mk-hero-actions .primary,.mk-hero-actions .secondary,.mk-closing-cta .primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.mk-content-section{padding:60px 6% 75px;background:linear-gradient(180deg,#001b34ef,#00132af7)}
.mk-section-heading{max-width:900px;margin-bottom:29px}
.mk-section-heading h2{font-size:clamp(27px,3vw,46px);margin:10px 0}
.mk-section-heading>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#b8d6e9}
.mk-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mk-info-card{padding:26px;border:1px solid #2e7c9b9c;border-radius:17px;background:linear-gradient(130deg,#073454ef,#031b36ef);box-shadow:0 16px 40px #0002}
.mk-card-icon{display:inline-grid;place-items:center;width:42px;height:42px;background:#063f59;border:1px solid #24c5d9;border-radius:11px;font-size:24px;color:#21dce8;margin-bottom:13px}
.mk-info-card h3{font-size:19px;line-height:1.3;margin:0 0 12px}
.mk-info-card h2{font-size:25px;line-height:1.3;margin:0 0 12px}
.mk-info-card p{font-size:14px;line-height:1.75;color:#bdd8e9;margin:0}
.mk-feature-band{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:55px 6%;background:linear-gradient(110deg,#062b49f5,#073a50e8);border-block:1px solid #29849c75}
.mk-feature-band>div:first-child{max-width:780px}
.mk-feature-band h2{font-size:clamp(26px,3vw,42px);margin:12px 0}
.mk-feature-band p:not(.eyebrow){font-size:15px;line-height:1.75;color:#d0e6f3}
.mk-env-stack{display:grid;gap:12px;min-width:245px}
.mk-env-stack span{padding:12px 18px;background:#021d36a8;border:1px solid #3b8da6;border-radius:10px;font-size:14px;font-weight:700;color:#d6faff}
.mk-closing-cta{text-align:center;padding:74px 6% 85px;background:#00162bed}
.mk-closing-cta h2{font-size:clamp(28px,3vw,45px);margin:0 0 14px}
.mk-closing-cta p{font-size:16px;line-height:1.6;color:#b7d4e7;margin:0 auto 30px;max-width:670px}
.mk-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:48px 6% 66px;background:#001b32f1}
.mk-work-card{overflow:hidden;border:1px solid #337d9d;border-radius:18px;background:#062c49f0;box-shadow:0 20px 40px #0004}
.mk-work-img{height:215px;background:#0d2b40;overflow:hidden}
.mk-work-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .3s}
.mk-work-card:hover .mk-work-img img{transform:scale(1.035)}
.mk-work-body{padding:23px}
.mk-kicker{font-size:10px;letter-spacing:1.4px;color:#2ddae9;font-weight:800}
.mk-work-body h2{font-size:33px;margin:10px 0}
.mk-work-body p{font-size:14px;line-height:1.7;color:#c4dceb;min-height:110px}
.mk-tags{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}
.mk-tags span{font-size:11px;border:1px solid #4a879e;border-radius:99px;padding:7px 10px;background:#04334b}
.mk-work-body a{font-size:14px;font-weight:800;color:#32e5ed;text-decoration:none}
.mk-product-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:55px}
.mk-product-hero h1{font-size:clamp(37px,4.3vw,65px)}
.mk-product-image{padding:8px;background:#021c34;border:1px solid #2f849f;border-radius:18px;box-shadow:0 28px 50px #0007}
.mk-product-image img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top center;border-radius:11px}
.mk-product-image small{display:block;text-align:right;font-size:10px;padding:8px 6px 2px;color:#9cc4d9}
.mk-env-label{display:inline-block;margin-top:23px;font-size:12px;letter-spacing:.7px;font-weight:800;color:#70dce8}
.mk-contact-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:25px;padding:50px 6% 75px;background:#00192fed}
.mk-contact-aside{display:grid;gap:17px;align-content:start}
.mk-contact-form-panel{padding:32px;border:1px solid #3589a2;border-radius:18px;background:#042844f2}
.mk-contact-form-panel h2{font-size:29px;margin:0 0 9px}
.mk-contact-form-panel>p{font-size:14px;line-height:1.7;color:#c2dbea}
.mk-contact-form{display:grid;gap:18px;margin-top:25px}
.mk-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.mk-contact-form label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#e6f7ff}
.mk-contact-form input,.mk-contact-form select,.mk-contact-form textarea,.mk-enquiry-result textarea{display:block;width:100%;min-width:0;padding:13px 14px;border:1px solid #4c829b;border-radius:9px;background:#031c32;color:#f1fcff;font:inherit;font-size:14px;outline:none}
.mk-contact-form input:focus,.mk-contact-form select:focus,.mk-contact-form textarea:focus{border-color:#21dfed;box-shadow:0 0 0 3px #0ddde522}
.mk-contact-form textarea{resize:vertical}
.mk-form-submit{border:0;cursor:pointer;justify-self:start;font-weight:800}
.mk-form-note{font-size:12px;color:#9dc5d8;line-height:1.5}
.mk-enquiry-result{margin-top:23px;padding:19px;border-radius:12px;background:#073a50;border:1px solid #20a4b8}
.mk-enquiry-result[hidden]{display:none}
.mk-enquiry-result h3{margin:0 0 8px}
.mk-enquiry-result p{font-size:13px;color:#c2dbea}
.mk-enquiry-result textarea{margin:14px 0;min-height:170px}
.mk-enquiry-result .secondary{cursor:pointer}
#copy-status{font-size:12px;color:#a2f7dc}
@media(max-width:1050px){.mk-info-grid,.mk-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-product-hero{gap:25px}}
@media(max-width:760px){.mk-page-hero,.mk-product-hero{padding:55px 6%}.mk-product-hero,.mk-contact-layout{grid-template-columns:1fr}.mk-feature-band{flex-direction:column;align-items:stretch}.mk-env-stack{min-width:0}.mk-info-grid,.mk-work-grid{grid-template-columns:1fr}.mk-work-body p{min-height:0}.mk-form-pair{grid-template-columns:1fr}.mk-page-hero h1,.mk-product-hero h1{letter-spacing:-1px}.mk-contact-form-panel{padding:22px}.mk-content-section{padding-block:45px}.mk-closing-cta{padding-block:55px}}

/* V1.4.1: prevent desktop hero copy and device mockups overlapping */
@media (min-width:761px){
 .home-hero .hero-copy{width:43%;max-width:520px;flex:0 0 43%}
 .home-hero .showcase{width:min(51vw,760px);right:1.5%;top:22px}
 .home-hero .hero-copy h1{font-size:clamp(36px,3.1vw,53px);letter-spacing:-1.5px}
 .home-hero .hero-copy .lead{max-width:480px;font-size:clamp(16px,1.3vw,19px)}
}
@media (min-width:761px) and (max-width:1050px){
 .home-hero .hero-copy{width:43%;flex-basis:43%}
 .home-hero .showcase{width:49vw;right:1%}
 .home-hero .hero-copy h1{font-size:clamp(32px,3.5vw,39px)}
 .home-hero .hero-copy .benefits{gap:13px;font-size:12px}
}
@media (max-width:760px){
 .home-hero .hero-copy{width:100%;max-width:none}
 .home-hero .showcase{width:100%;right:auto;top:auto}
}
.mk-subpage .mk-page-hero h1{overflow-wrap:normal}
@media (min-width:900px){
 .mk-subpage .mk-page-hero h1{font-size:clamp(44px,4.5vw,66px)}
}


/* V1.5 Motion Studio — progressive enhancement, tasteful & accessible */
:root{--motion-ease:cubic-bezier(.2,.8,.2,1)}
html{scroll-behavior:smooth}
@media(hover:hover) and (pointer:fine){
 .primary,.demo,.secondary,.solution-cta,.product-card a,.mk-work-body>a,.service-link,.mk-hero-actions a,.environment-strip a{transition:transform .26s var(--motion-ease),box-shadow .26s ease,background .26s ease,border-color .26s ease,filter .26s ease}
 .primary:hover,.demo:hover,.solution-cta:hover,.mk-hero-actions .primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d7ed55;filter:brightness(1.06)}
 .secondary:hover,.product-card a:hover,.mk-hero-actions .secondary:hover{transform:translateY(-3px);border-color:#27e7f0;box-shadow:0 8px 22px #00b9e322}
 .product-card,.service-tile,.mk-info-card,.mk-work-card,.solution-feature{transition:transform .38s var(--motion-ease),box-shadow .38s ease,border-color .38s ease}
 .product-card:hover,.service-tile:hover,.mk-info-card:hover,.mk-work-card:hover,.solution-feature:hover{transform:translateY(-5px);border-color:#31dbe5;box-shadow:0 22px 48px #0006,0 0 24px #00cfe617}
 .service-tile:hover .service-symbol{transform:rotate(-5deg) scale(1.06);background:#075474}
 .service-symbol{transition:transform .35s var(--motion-ease),background .35s}
 .nav a{transition:color .2s,border-color .2s}
}
@keyframes mk-hero-enter{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes mk-device-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-16px)}
}
@keyframes mk-phone-drift{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
@keyframes mk-soft-glow{0%,100%{opacity:.38}50%{opacity:.8}}
@keyframes mk-sheen{0%{transform:translateX(-140%) skewX(-18deg)}100%{transform:translateX(390%) skewX(-18deg)}}
@media(min-width:761px){
 .home-hero .hero-copy,.services-hero>h1,.services-hero>.eyebrow,.mk-page-hero>h1,.mk-page-hero>.eyebrow,.mk-product-copy>h1{animation:mk-hero-enter .7s var(--motion-ease) both}
 .home-hero .showcase{animation:mk-device-float 6.5s ease-in-out infinite}
 .home-hero .phone-frame{animation:mk-phone-drift 5.5s ease-in-out infinite}
}
.product-card:after,.service-tile:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#bafcff13 50%,transparent 65%);transform:translateX(-140%) skewX(-18deg)}
@media(hover:hover) and (pointer:fine){.product-card:hover:after,.service-tile:hover:after{animation:mk-sheen .9s ease-out both}}
.service-tile{position:relative;overflow:hidden}
.mk-motion-ready .mk-reveal{opacity:0;transform:translateY(24px);transition:opacity .72s var(--motion-ease),transform .72s var(--motion-ease);transition-delay:var(--mk-delay,0ms)}
.mk-motion-ready .mk-reveal.mk-visible{opacity:1;transform:translateY(0)}
.mk-motion-ready .mk-reveal[hidden]{display:none!important}
.mk-motion-ready [data-page][hidden] .mk-reveal{opacity:0}
.mk-product-image img{transition:transform .8s var(--motion-ease)}
@media(hover:hover) and (pointer:fine){.mk-product-image:hover img{transform:scale(1.018)}}
.mk-product-image{overflow:hidden}
.mk-form-submit:focus-visible,.nav a:focus-visible,.primary:focus-visible,.secondary:focus-visible,.demo:focus-visible,.product-card a:focus-visible{outline:3px solid #a1fbff;outline-offset:4px}
@media(max-width:760px){.mk-motion-ready .mk-reveal{transform:translateY(13px);transition-duration:.5s}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}
 .mk-motion-ready .mk-reveal{opacity:1!important;transform:none!important}
 .home-hero .showcase,.home-hero .phone-frame{animation:none!important}
}

/* V1.6 audit fixes */
#fabkite-solution,#edukite-solution,#prokite-solution{scroll-margin-top:96px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Contact spam trap: visually and interactively hidden */
.mk-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}


/* V1.7.2 — Solutions hero: orbiting constellation around the three products */
.solutions-hero-mark{
  position:relative;
  isolation:isolate;
  min-height:136px;
  overflow:visible;
}
.solutions-hero-mark::before{
  content:"";
  position:absolute;
  width:122px;height:122px;
  left:5px;top:50%;
  margin-top:-61px;
  border:1px dashed rgba(28,228,239,.48);
  border-radius:50%;
  box-shadow:0 0 23px rgba(18,204,235,.10), inset 0 0 22px rgba(18,204,235,.055);
  animation:mk-solutions-orbit 13s linear infinite;
  pointer-events:none;
  z-index:-1;
}
.solutions-hero-mark::after{
  content:"";
  position:absolute;
  width:9px;height:9px;
  left:61px;top:50%;
  margin-top:-65px;
  border-radius:50%;
  background:#1cf0f4;
  box-shadow:0 0 8px #1cf0f4,0 0 21px rgba(28,240,244,.55);
  transform-origin:4.5px 65px;
  animation:mk-solutions-orbit 13s linear infinite;
  pointer-events:none;
}
.solutions-hero-mark>span{
  display:inline-block;
  position:relative;
  z-index:1;
  text-shadow:0 0 19px rgba(20,225,236,.22);
  animation:mk-solutions-number 4.2s ease-in-out infinite;
}
.solutions-hero-mark small{
  display:block;
  position:relative;
  z-index:1;
  animation:mk-solutions-caption 5.5s ease-in-out infinite;
}
@keyframes mk-solutions-orbit{to{transform:rotate(360deg)}}
@keyframes mk-solutions-number{
  0%,100%{transform:translateY(0) scale(1);text-shadow:0 0 15px rgba(20,225,236,.2)}
  50%{transform:translateY(-4px) scale(1.045);text-shadow:0 0 26px rgba(20,225,236,.48)}
}
@keyframes mk-solutions-caption{
  0%,100%{transform:translateY(0);opacity:1}
  50%{transform:translateY(-3px);opacity:.9}
}
@media(prefers-reduced-motion:reduce){
  .solutions-hero-mark::before,.solutions-hero-mark::after,
  .solutions-hero-mark>span,.solutions-hero-mark small{animation:none!important}
}

/* V1.7.3: consistent product pictograms and understated header shimmer */
.product-card h3{display:flex;align-items:center;gap:9px;white-space:nowrap}
.product-icon{display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;color:#00e4ef;background:rgba(0,210,240,.11);border:1px solid rgba(0,224,240,.24);border-radius:9px;transition:transform .32s ease,box-shadow .32s ease,background .32s ease}
.product-icon svg{width:24px;height:24px}
.product-card:hover .product-icon{transform:translateY(-3px);background:rgba(0,210,240,.18);box-shadow:0 0 17px rgba(0,224,240,.23)}
.service-tile:hover .service-symbol{transform:translateY(-4px) scale(1.04);background:#075474;box-shadow:0 0 22px rgba(0,223,240,.24)}
.brand{position:relative;display:inline-flex;align-items:center;isolation:isolate;overflow:hidden;flex-shrink:0;border-radius:5px}
.brand::after{content:"";position:absolute;inset:-15% auto -15% -40%;width:27%;background:linear-gradient(90deg,transparent,rgba(83,236,255,.02) 20%,rgba(112,242,255,.25) 50%,rgba(83,236,255,.02) 80%,transparent);transform:translateX(-150%) skewX(-18deg);pointer-events:none;mix-blend-mode:screen;animation:mk-brand-sweep 8s ease-in-out infinite}
.brand img{transition:filter .35s ease}
.brand:hover img{filter:drop-shadow(0 0 8px rgba(0,228,238,.55))}
.brand:hover::after{animation-duration:2.6s}
@keyframes mk-brand-sweep{0%,70%{transform:translateX(-150%) skewX(-18deg)}85%,100%{transform:translateX(700%) skewX(-18deg)}}
@media(max-width:460px){.product-icon{flex-basis:28px;width:28px;height:28px}.product-icon svg{width:20px;height:20px}.product-card h3{gap:6px;font-size:24px}}
@media(prefers-reduced-motion:reduce){.brand::after{animation:none!important;opacity:0}.product-icon,.brand img{transition:none!important}}


/* V1.7.4 — explicit, clearly visible rotating orbit and header-logo hover */
.solutions-hero-mark{position:relative;isolation:isolate;overflow:visible}
.solutions-hero-mark::before,.solutions-hero-mark::after{content:none!important;animation:none!important}
.solutions-hero-mark .mk-orbit{
 position:absolute;display:block;box-sizing:border-box;
 width:132px;height:132px;left:9px;top:50%;margin-top:-66px;
 border:2px dashed rgba(0,230,245,.66);border-radius:50%;
 box-shadow:0 0 15px rgba(0,220,245,.19),inset 0 0 14px rgba(0,220,245,.08);
 animation:mk-orbit-rotate 5s linear infinite!important;
 pointer-events:none;z-index:0;
}
.solutions-hero-mark .mk-orbit-dot{
 display:block;position:absolute;top:-7px;left:calc(50% - 6px);
 width:12px;height:12px;border-radius:50%;
 background:#6bffff;box-shadow:0 0 10px 4px rgba(0,237,255,.75),0 0 23px rgba(0,237,255,.7);
}
.solutions-hero-mark .mk-three{position:relative;z-index:1;animation:mk-three-breathe 3s ease-in-out infinite}
.solutions-hero-mark small{position:relative;z-index:1;animation:none}
@keyframes mk-orbit-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes mk-three-breathe{0%,100%{filter:drop-shadow(0 0 2px rgba(0,235,245,.2))}50%{filter:drop-shadow(0 0 11px rgba(0,235,245,.72))}}
.site-header .brand{position:relative;overflow:hidden;border-radius:6px;transition:background .3s,box-shadow .3s,transform .3s}
.site-header .brand::after{
 content:"";position:absolute;inset:0 auto 0 -42%;width:32%;
 background:linear-gradient(100deg,transparent,rgba(100,245,255,.13),rgba(160,255,255,.54),rgba(100,245,255,.13),transparent);
 transform:translateX(0) skewX(-15deg);mix-blend-mode:screen;pointer-events:none;
 animation:mk-logo-sweep 7s ease-in-out infinite;
}
.site-header .brand:hover,.site-header .brand:focus-visible{
 background:rgba(0,200,240,.07);
 box-shadow:0 0 18px rgba(0,229,245,.46),inset 0 0 13px rgba(0,229,245,.12);
 transform:translateY(-1px);
}
.site-header .brand:hover img,.site-header .brand:focus-visible img{
 filter:drop-shadow(0 0 11px rgba(0,234,255,.85)) brightness(1.15);
}
.site-header .brand:hover::after{animation:mk-logo-sweep-hover 1.25s linear infinite}
@keyframes mk-logo-sweep{0%,65%{transform:translateX(0) skewX(-15deg)}83%,100%{transform:translateX(1050%) skewX(-15deg)}}
@keyframes mk-logo-sweep-hover{from{transform:translateX(0) skewX(-15deg)}to{transform:translateX(1050%) skewX(-15deg)}}
@media(prefers-reduced-motion:reduce){
 .solutions-hero-mark .mk-orbit,.solutions-hero-mark .mk-three,
 .site-header .brand::after{animation:none!important}
 .site-header .brand{transition:none}
}

/* V1.7.5 — Native HTML/CSS orbit composition; never puts text inside a ring. */
.solutions-premium-hero{gap:20px}
.solutions-premium-copy{flex:1 1 auto;min-width:0}
.solutions-hero-mark.mk-constellation{
  flex:0 0 335px;width:335px;min-height:235px;
  padding:0 0 0 12px;margin:0;border-left:1px solid rgba(67,187,217,.35);
  display:flex;align-items:center;justify-content:flex-start;gap:2px;
  overflow:visible;isolation:isolate;
}
.mk-constellation::before,.mk-constellation::after{display:none!important}
.mk-planet{position:relative;flex:0 0 180px;width:180px;height:200px;display:grid;place-items:center;isolation:isolate}
.mk-big-three{
 position:relative;z-index:4!important;display:block!important;font-size:126px!important;line-height:1!important;
 font-weight:900!important;letter-spacing:-9px;color:#22eff5!important;
 text-shadow:0 0 16px rgba(0,239,255,.45),4px 7px 0 #076b9e,0 16px 25px rgba(0,217,245,.27)!important;
 animation:mk-number-float 5s ease-in-out infinite!important;
}
.mk-halo{position:absolute;inset:20px 9px;border:1px solid rgba(0,215,246,.18);border-radius:50%;box-shadow:inset 0 0 16px rgba(0,215,246,.06)}
.mk-halo-two{inset:40px 28px;border-color:rgba(0,215,246,.12)}
.mk-orbit-path{
 position:absolute;left:8px;top:57px;width:169px;height:88px;border:2px solid rgba(23,166,255,.7);
 border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 12px rgba(0,182,255,.23);
 animation:mk-ring-breathe 5s ease-in-out infinite;
}
.mk-orbit-path-two{transform:rotate(32deg);border-color:rgba(0,233,255,.47);animation-delay:-2.5s}
.mk-orbit-path i{
 position:absolute;left:50%;top:-7px;width:12px;height:12px;border-radius:50%;
 background:#b2ffff;box-shadow:0 0 10px 3px rgba(0,236,255,.75),0 0 22px rgba(0,236,255,.6);
 animation:mk-orbit-travel 6s linear infinite;
 offset-path:ellipse(50% 50% at 50% 50%);offset-rotate:0deg;
}
.mk-orbit-path-two i{animation-duration:8s;animation-direction:reverse;width:8px;height:8px;top:-5px}
.mk-planet-glow{position:absolute;bottom:12px;width:120px;height:8px;background:#08d7ef;filter:blur(12px);opacity:.38;z-index:-1}
.mk-orbit-labels{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1}
.mk-orbit-label{display:flex;align-items:center;gap:8px;min-height:48px;position:relative;color:#e7f7ff;font-size:12px;line-height:1.35;font-weight:600;white-space:normal}
.mk-orbit-label::after{content:"";position:absolute;left:44px;right:2px;bottom:-4px;height:1px;background:linear-gradient(90deg,#00e3f3,rgba(0,229,255,.05));box-shadow:0 0 5px rgba(0,225,245,.35)}
.mk-mini-icon{display:grid!important;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:rgba(0,209,239,.13);border:1px solid rgba(0,228,255,.24);box-shadow:0 0 12px rgba(0,213,241,.13);color:#24eaf5;font-size:inherit!important;animation:none!important}
.mk-mini-icon svg{width:21px;height:21px}
@keyframes mk-number-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes mk-ring-breathe{0%,100%{opacity:.7;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}
@keyframes mk-orbit-travel{from{offset-distance:0%}to{offset-distance:100%}}
@media(max-width:1100px){
 .solutions-hero-mark.mk-constellation{flex-basis:270px;width:270px;transform:scale(.83);transform-origin:right center;margin-left:-25px}
}
@media(max-width:760px){
 .solutions-hero-mark.mk-constellation{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 .mk-big-three,.mk-orbit-path,.mk-orbit-path i{animation:none!important}
}

/* V1.7.6: Product-specific, slow-floating screenshot carousels */
.premium-solutions .solution-visual{
 position:relative;overflow:visible;
 animation:mk-product-float 6.5s ease-in-out infinite;
 transform:translateZ(0);
}
.premium-solutions .solution-feature:nth-child(even) .solution-visual{
 animation-delay:-2.5s;
}
.premium-solutions .solution-visual .mk-product-screen{
 position:relative;aspect-ratio:16/10;overflow:hidden;
 border-radius:0 0 13px 13px;background:#091c2e;
}
.premium-solutions .solution-visual .mk-product-slide{
 position:absolute;inset:0;width:100%;height:100%;
 object-fit:cover;object-position:top left;
 opacity:0;animation:mk-product-slide 15s ease-in-out infinite;
}
.premium-solutions .solution-visual .mk-product-slide:nth-child(1){animation-delay:0s}
.premium-solutions .solution-visual .mk-product-slide:nth-child(2){animation-delay:5s}
.premium-solutions .solution-visual .mk-product-slide:nth-child(3){animation-delay:10s}
.premium-solutions .prokite-visual .mk-product-slide{animation-duration:10s}
.premium-solutions .prokite-visual .mk-product-slide:nth-child(2){animation-delay:5s}
.premium-solutions .solution-visual .mk-product-phone{
 position:absolute;right:-3%;bottom:-7%;width:19%;height:auto;
 max-height:72%;object-fit:contain;
 border-radius:12px;
 filter:drop-shadow(0 10px 13px rgba(0,0,0,.75));
 animation:mk-product-phone-float 5s ease-in-out infinite;
 z-index:4;
}
.premium-solutions .edukite-feature .mk-product-phone{animation-delay:-1.5s}
.premium-solutions .prokite-feature .mk-product-phone{animation-delay:-2.5s}
@keyframes mk-product-slide{
 0%,29%{opacity:1}33.34%,96%{opacity:0}100%{opacity:1}
}
@keyframes mk-product-float{
 0%,100%{translate:0 0}50%{translate:0 -10px}
}
@keyframes mk-product-phone-float{
 0%,100%{transform:translateY(0) rotate(-3deg)}
 50%{transform:translateY(-8px) rotate(-1deg)}
}
@media(max-width:850px){
 .premium-solutions .solution-visual .mk-product-phone{right:-1%;bottom:-5%;width:17%}
}
@media(prefers-reduced-motion:reduce){
 .premium-solutions .solution-visual,
 .premium-solutions .solution-visual .mk-product-phone,
 .premium-solutions .solution-visual .mk-product-slide{animation:none!important}
 .premium-solutions .solution-visual .mk-product-slide{opacity:0}
 .premium-solutions .solution-visual .mk-product-slide:first-child{opacity:1}
}

.premium-solutions .solution-visual,.premium-solutions .solution-feature:nth-child(even) .solution-visual{transform:none}

/* V1.7.7: keep Solutions showcases dashboard-only (no phone overlays). */
.premium-solutions .solution-visual .mk-product-phone{display:none!important}


/* V1.7.9: restore full-size screenshots; reduce only the mock browser titlebar. */
.premium-solutions .solution-visual .mk-product-slide{
 inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:top left;
}
.premium-solutions .solution-visual .mk-product-screen{border-radius:0 0 12px 12px;overflow:hidden}
.premium-solutions .solution-visual .solution-screen-top{
 height:20px;min-height:20px;padding:0 10px;gap:5px;box-sizing:border-box;
}
.premium-solutions .solution-visual .solution-screen-top i{width:6px;height:6px;flex:0 0 6px}
.premium-solutions .solution-visual .solution-screen-top span{font-size:9px;margin-left:6px;line-height:1.1}

/* V1.7.10: Only the mock browser header is 4px inset per side.
   Restore original header height, dots and typography; screenshots untouched. */
.premium-solutions .solution-visual .solution-screen-top{
 width:calc(100% - 8px);margin:0 auto;
 height:28px;min-height:28px;padding:0 13px;gap:6px;
 box-sizing:border-box;
}
.premium-solutions .solution-visual .solution-screen-top i{width:7px;height:7px;flex:0 0 7px}
.premium-solutions .solution-visual .solution-screen-top span{font-size:10px;margin-left:10px;line-height:normal}

/* V1.7.11: ONLY 4px less height for the three Solutions preview titlebars.
   Preserve V1.7.10 width, original dots/fonts, dashboard size and animations. */
.premium-solutions .solution-visual .solution-screen-top{height:24px;min-height:24px}

/* V1.7.12: fix root cause: inset header did not align with full-width screenshot.
   Clip both titlebar and screenshot to one shared rounded frame. */
.premium-solutions .solution-visual{
 border-radius:14px;
 overflow:hidden;
 clip-path:inset(0 round 14px);
}
.premium-solutions .solution-visual .solution-screen-top{
 width:100%;
 margin:0;
 height:24px;
 min-height:24px;
 border-radius:13px 13px 0 0;
}
.premium-solutions .solution-visual .mk-product-screen{
 width:100%;
 border-radius:0 0 13px 13px;
 overflow:hidden;
}