@charset "UTF-8";
@font-face{font-family:"Geom Graphic";src:url("/assets/fonts/GeomGraphic-Light.woff2") format("woff2"),url("/assets/fonts/GeomGraphic-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
:root{--bg:#02080e;--panel:rgba(3,13,24,.82);--panel2:rgba(5,18,32,.72);--line:rgba(0,229,255,.18);--text:#f0f7ff;--muted:#98aabc;--accent:#00e5ff;--accent2:#4da8ff;--core:#b8f6ff;--space:#020a12;--font:"Geom Graphic",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--sans);background:#02080e;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.siteNoise,.scanlines{position:fixed;inset:0;pointer-events:none;z-index:90}.siteNoise{opacity:.12;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.14) 0 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(0,229,255,.10) 0 1px,transparent 1px);background-size:44px 44px,73px 73px}.scanlines{opacity:.12;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px)}
.nav{position:fixed;top:0;left:0;right:0;height:76px;z-index:2000;display:grid;grid-template-columns:330px 1fr 370px;align-items:center;padding:0 32px;border-bottom:1px solid rgba(0,229,255,.28);background:rgba(2,10,18,.72);backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,.22)}.brand{display:flex;align-items:center;gap:14px;color:var(--text)}.brand-symbol{width:42px;height:42px;border:1px solid rgba(0,229,255,.58);border-radius:50%;position:relative;box-shadow:0 0 28px rgba(0,229,255,.22);animation:spin 14s linear infinite;background:radial-gradient(circle at 50% 50%,rgba(184,246,255,.18),transparent 18%)}.brand-symbol:before{content:"";position:absolute;inset:7px;border:1px dashed rgba(77,168,255,.55);border-radius:50%}.brand-node{position:absolute;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.brand-node.main{width:10px;height:10px;left:18px;top:15px;background:var(--core);box-shadow:0 0 14px var(--core)}.brand-node.node-a{width:7px;height:7px;left:10px;top:25px}.brand-node.node-b{width:6px;height:6px;right:9px;top:9px;background:var(--accent2);box-shadow:0 0 14px var(--accent2)}@keyframes spin{to{transform:rotate(360deg)}}.brand-word b{font:300 34px/1 var(--font);letter-spacing:.02em}.brand-word b span{color:var(--accent)}.brand-word small{display:block;color:#9eb3c5;text-transform:uppercase;letter-spacing:.18em;font:300 10px/1 var(--font);margin-top:5px}.navlinks{display:flex;align-items:center;justify-content:center;gap:20px;height:76px}.navlinks a,.navDropBtn{color:#e5f6ff;background:none;border:0;font:300 15px var(--font);text-transform:uppercase;cursor:pointer;padding:28px 0}.navDrop{position:relative;height:76px;display:flex;align-items:center}.navDropBtn:after{content:"";font-size:10px;color:var(--accent);margin-left:7px}.navMenu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);width:430px;display:grid;grid-template-columns:1fr 150px;gap:0;background:rgba(2,10,18,.98);border:1px solid rgba(0,229,255,.34);box-shadow:0 24px 80px rgba(0,0,0,.46),0 0 70px rgba(0,229,255,.10);padding:14px;opacity:0;visibility:hidden;pointer-events:none;transition:.18s;z-index:2200}.navDrop:hover .navMenu,.navDrop:focus-within .navMenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.navMenu a{display:block;padding:12px 14px;border:1px solid transparent;color:#bfd4e3;line-height:1.35;grid-column:1}.navMenu a b{display:block;color:var(--accent);font:300 14px var(--font);text-transform:uppercase;margin-bottom:4px}.navMenu a span{font:400 13px var(--sans);color:#8ea5b5}.navMenu a:hover{border-color:rgba(0,229,255,.32);background:rgba(0,229,255,.055)}.navMenuVisual{grid-column:2;grid-row:1/4;border:1px solid rgba(0,229,255,.18);margin-left:12px;position:relative;background:radial-gradient(circle at 50% 45%,rgba(0,229,255,.18),transparent 30%),rgba(255,255,255,.025);display:grid;place-items:center;color:var(--accent);font:300 18px var(--font)}.navMenuVisual span{width:54px;height:54px;border:1px dashed rgba(77,168,255,.65);border-radius:50%;position:absolute}.navMenuVisual i{width:15px;height:15px;border-radius:50%;background:var(--core);box-shadow:0 0 18px var(--core)}.navActions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.langSwitch{display:flex;border:1px solid rgba(0,229,255,.26);height:44px;background:rgba(255,255,255,.025)}.langSwitch a{display:grid;place-items:center;min-width:46px;color:#c7e6f2;font:300 13px var(--font)}.langSwitch a.active,.langSwitch a:hover{background:rgba(0,229,255,.14);color:#fff}.btn{border:1px solid rgba(0,229,255,.56);background:rgba(0,17,30,.56);color:#fff;text-transform:uppercase;font:300 14px var(--font);letter-spacing:.08em;padding:15px 20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.btn:hover{box-shadow:0 0 28px rgba(0,229,255,.22),inset 0 0 20px rgba(0,229,255,.06);background:rgba(0,35,55,.56)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#02111d;border-color:transparent;font-weight:700}.launch{height:44px;white-space:nowrap}
.hero{height:100svh;min-height:760px;position:relative;isolation:isolate;overflow:hidden;padding-top:76px}.heroBg{position:absolute;inset:0;background:url("/assets/img/earth-space-bg.jpg") center/cover no-repeat;z-index:-5}.heroShade{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(0,5,12,.92) 0%,rgba(0,5,12,.72) 31%,rgba(0,5,12,.12) 58%,rgba(0,5,12,.10)),linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.04) 58%,rgba(2,8,14,.84) 100%)}.cityLights{position:absolute;inset:0;z-index:-2;pointer-events:none}.cityLights span{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:#ffd489;box-shadow:0 0 8px #ffd489,0 0 16px rgba(255,180,80,.55);animation:city 3.2s ease-in-out infinite;animation-delay:var(--d);opacity:.75}@keyframes city{50%{opacity:1;transform:scale(1.8)}}
.heroContent{position:relative;z-index:5;width:min(720px,calc(100vw - 60px));margin-left:clamp(28px,5vw,92px);padding-top:clamp(84px,12vh,130px)}.kicker{display:flex;align-items:center;gap:16px;color:var(--accent);font:300 19px var(--font);letter-spacing:.1em;text-transform:uppercase;margin-bottom:38px}.kicker span{width:34px;height:2px;background:var(--accent)}h1{font:300 clamp(48px,5vw,78px)/1.12 var(--font);letter-spacing:.07em;margin:0;text-transform:uppercase;text-shadow:0 0 8px rgba(255,255,255,.26),0 0 26px rgba(0,229,255,.18)}.lead{width:min(600px,90vw);margin:32px 0 0;color:#d8e6ee;font:400 20px/1.58 var(--sans)}.heroActions{display:flex;gap:20px;margin-top:34px}.sliderDots{display:flex;gap:12px;margin-top:28px}.sliderDots button{width:10px;height:10px;border-radius:50%;border:1px solid rgba(184,246,255,.7);background:transparent;padding:0}.sliderDots .active{background:var(--core);box-shadow:0 0 16px var(--core)}
.hqLayer{position:absolute;right:9vw;top:27vh;z-index:6;pointer-events:none}.hqMarker{pointer-events:auto;position:relative;width:50px;height:50px;border:0;background:transparent;padding:0;cursor:pointer}.hqMarker i,.hqMarker b{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(0,229,255,.64);box-shadow:0 0 16px rgba(0,229,255,.26),inset 0 0 14px rgba(0,229,255,.12)}.hqMarker b{inset:13px;animation:markerPulse 2.2s infinite}.hqMarker span{position:absolute;inset:19px;border-radius:50%;background:var(--core);box-shadow:0 0 18px var(--core)}.hqMarker:before{content:"";position:absolute;left:47px;top:25px;width:100px;height:1px;background:linear-gradient(90deg,rgba(0,229,255,.8),transparent);transform:rotate(-28deg);transform-origin:left center}.hqCard{position:absolute;left:132px;top:-72px;width:250px;padding:19px 21px;background:rgba(2,12,22,.76);border:1px solid rgba(0,229,255,.55);backdrop-filter:blur(8px);clip-path:polygon(8% 0,100% 0,100% 86%,92% 100%,0 100%,0 12%);opacity:0;visibility:hidden;transform:translateX(12px) scale(.98);transition:.2s;pointer-events:auto}.hqMarker:hover+.hqCard,.hqCard:hover{opacity:1;visibility:visible;transform:translateX(0) scale(1)}.hqTitle{color:var(--accent);font:300 20px/1.2 var(--font);letter-spacing:.08em;margin-bottom:14px}.hqCard p{margin:9px 0;color:#dceaf1;font:400 13px/1.45 var(--sans)}.hqCard hr{border:0;border-top:1px solid rgba(0,229,255,.22);margin:12px 0}@keyframes markerPulse{50%{transform:scale(1.15);opacity:.8}}
.systems{padding:130px 34px 92px;background:radial-gradient(circle at 75% 0,rgba(0,229,255,.10),transparent 34%),linear-gradient(180deg,#020a12,#02070d 72%)}.stats{width:min(1640px,calc(100vw - 70px));margin:0 auto 100px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(0,229,255,.22);background:rgba(0,9,18,.72)}.stats div{padding:25px 38px;border-right:1px solid rgba(0,229,255,.14)}.stats strong{display:block;color:var(--core);font:300 34px var(--font);text-shadow:0 0 14px rgba(0,229,255,.38)}.stats span{font:400 12px var(--sans);letter-spacing:.07em;color:#c7d6df}.sectionLabel{color:var(--accent);font:300 15px var(--font);letter-spacing:.12em;text-transform:uppercase;margin:0 0 28px}.sectionLabel.spaced{margin-top:86px}.aboutGrid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.aboutStory,.orbitPanel,.cards article,.steps article,.pricing,.faq details{border:1px solid rgba(0,229,255,.16);background:linear-gradient(180deg,rgba(5,18,32,.72),rgba(2,10,18,.78));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.aboutStory{padding:36px}.aboutStory h2{margin:0 0 22px;font:400 42px/1.18 var(--sans);letter-spacing:-.025em}.aboutStory p{color:#b9c8d4;font:400 18px/1.82 var(--sans)}.orbitPanel{display:grid;place-items:center;text-align:center;padding:28px}.orbitPanel .brand-symbol{width:120px;height:120px;animation:spin 20s linear infinite}.orbitPanel .brand-symbol:before{inset:22px}.orbitPanel .brand-node.main{left:54px;top:52px;width:15px;height:15px}.orbitPanel .brand-node.node-a{left:27px;top:73px;width:10px;height:10px}.orbitPanel .brand-node.node-b{right:26px;top:26px;width:10px;height:10px}.orbitPanel strong{font:300 24px var(--font);color:var(--accent);margin-top:18px}.orbitPanel span{color:#9fb2c0}.orbitMetrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:22px}.orbitMetrics b{border:1px solid rgba(0,229,255,.22);padding:10px;color:#dceef5}.bigTitle{font:300 clamp(38px,4vw,70px)/1.18 var(--font);letter-spacing:.045em;margin:0 0 42px;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.cards article{min-height:255px;padding:28px;position:relative;overflow:hidden;--c:var(--accent)}.cards article:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--c)}.cards h3{margin:18px 0 14px;color:var(--c);font:300 25px var(--font)}.cards p{color:#c2d0d8;font:400 16px/1.6 var(--sans)}.miniIcon{width:44px;height:44px;border:1px solid var(--c);display:grid;place-items:center;color:var(--c);font:300 13px var(--font)}.cards a{position:absolute;right:22px;bottom:18px;color:var(--c);font:300 18px var(--font)}.cms{--c:#00e5ff}.crm{--c:#4d8dff}.lab{--c:#ffb84d}.cloud{--c:#7db7ff}.app{--c:#ff63d8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps article{padding:26px}.steps b{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(0,229,255,.45);color:var(--accent);font:300 14px var(--font);margin-bottom:22px}.steps h3{font:300 22px var(--font);color:#fff}.steps p{color:#b9c8d4;font:400 15px/1.65 var(--sans)}.pricing{margin-top:70px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:24px}.pricing span{color:var(--accent);font:300 13px var(--font);letter-spacing:.12em}.pricing h2{margin:10px 0 0;font:400 34px/1.2 var(--sans)}.faq{display:grid;gap:12px;margin-top:22px}.faq details{padding:20px}.faq summary{cursor:pointer;color:var(--accent);font:300 18px var(--font)}.faq p{color:#b9c8d4;font:400 16px/1.65 var(--sans)}
.footer{min-height:78px;padding:0 34px;display:flex;align-items:center;gap:28px;border-top:1px solid rgba(0,229,255,.14);background:#02070d;color:#f1f8fb;font-size:12px;letter-spacing:.06em}.footer span,.footer a{color:var(--accent)}.footer i{margin-left:auto;color:rgba(235,246,250,.58);font-style:normal}
.projectLayer,.exitLayer{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}.projectLayer[hidden],.exitLayer[hidden]{display:none}.projectCard{width:min(720px,100%);max-height:92svh;overflow:auto;border:1px solid rgba(0,229,255,.36);background:#07111d;box-shadow:0 0 80px rgba(0,229,255,.14)}.projectHead{height:50px;border-bottom:1px solid rgba(0,229,255,.14);display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:var(--accent);font:300 14px var(--font);text-transform:uppercase}.projectClose{background:none;border:0;color:#b8f6ff;font-size:24px;cursor:pointer}.projectBody{padding:28px}.projectBody h2{font:300 44px/1.08 var(--font);letter-spacing:.06em;margin:0 0 28px;text-transform:uppercase}.fieldGroup{margin-bottom:14px}.fieldGroup label{display:block;margin-bottom:7px;color:#d9e7ee;font:300 13px var(--font);letter-spacing:.08em;text-transform:uppercase}.formControl{width:100%;background:#081420;border:1px solid rgba(0,229,255,.22);color:#fff;padding:14px 16px;font:400 16px var(--sans);outline:none}.formControl:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,229,255,.10)}select.formControl option{background:#081420;color:#fff}.phoneRow{display:grid;grid-template-columns:130px 1fr;gap:12px}.consent{display:flex;gap:12px;align-items:flex-start;color:#d6e3eb;font:400 14px/1.55 var(--sans);margin:16px 0}.consent input{width:18px;height:18px;accent-color:var(--accent)}.consent a{color:var(--accent);text-decoration:underline}.formStatus{min-height:20px;color:var(--accent);font:300 13px var(--font);margin-bottom:10px}.submit{width:100%;height:56px}
.cookieBanner{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:2800;width:min(1500px,calc(100vw - 40px));display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:20px 24px;border:1px solid rgba(0,229,255,.28);background:rgba(2,10,18,.96);box-shadow:0 20px 70px rgba(0,0,0,.5)}.cookieBanner[hidden]{display:none}.cookieText{color:#d4e2ea;font:400 17px/1.6 var(--sans)}.cookieText a{color:var(--core);text-decoration:underline}.cookieActions{display:flex;gap:10px}.cookieSettings{grid-column:1/-1;display:flex;gap:18px;color:#b6c8d2;font:300 14px var(--font)}.cookieSettings[hidden]{display:none}.cookieSettings input{accent-color:var(--accent)}
.rqsChat{position:fixed;right:22px;bottom:24px;z-index:2600;font-family:var(--font)}.chatLauncher{width:46px;height:46px;border:1px solid rgba(0,229,255,.62);border-radius:50%;background:radial-gradient(circle at 40% 38%,rgba(0,229,255,.18),rgba(3,8,14,.94) 64%);box-shadow:0 0 28px rgba(0,229,255,.18),inset 0 0 16px rgba(0,229,255,.08);color:var(--accent);cursor:pointer;position:relative;display:grid;place-items:center;transition:.2s}.chatLauncher:hover{border-color:rgba(184,246,255,.75);box-shadow:0 0 38px rgba(0,229,255,.22)}.chatLauncher b{position:absolute;right:8px;top:7px;font:900 13px/1 var(--sans);color:#02120c;background:linear-gradient(135deg,var(--core),var(--accent));width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.chatOrb{width:30px;height:30px;border-radius:50%;border:1px dashed rgba(77,168,255,.5);display:block;position:relative;animation:spinRing 10s linear infinite}.chatOrb span,.chatOrb i{position:absolute;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.chatOrb span{width:6px;height:6px;left:8px;top:14px}.chatOrb i{width:5px;height:5px;right:5px;top:7px;background:var(--core);box-shadow:0 0 12px var(--core)}@keyframes spinRing{to{transform:rotate(360deg)}}.chatHint{position:absolute;right:56px;bottom:8px;width:max-content;max-width:260px;background:rgba(2,10,18,.96);border:1px solid rgba(0,229,255,.28);color:#d8ecf4;padding:10px 12px;font:400 13px var(--sans);opacity:0;transform:translateY(8px);transition:.2s}.chatHint.is-visible{opacity:1;transform:translateY(0)}.chatPanel{position:absolute;right:0;bottom:62px;width:min(420px,calc(100vw - 28px));height:500px;border:1px solid rgba(0,229,255,.68);background:#020a12;box-shadow:0 0 70px rgba(0,229,255,.16),0 24px 90px rgba(0,0,0,.62);display:grid;grid-template-rows:44px 38px 1fr 48px;color:#e8f4ff}.chatPanel[hidden]{display:none}.chatHead{display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid rgba(0,229,255,.28);color:var(--accent);text-transform:uppercase;font-size:13px;letter-spacing:.08em;background:rgba(0,229,255,.03)}.chatHead button{all:unset;cursor:pointer;color:#d8f8ff}.chatHead button:hover{color:#ff7272;text-shadow:0 0 12px #ff5555}.chatConnection{display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(0,229,255,.16);font-size:12px;color:#9dadc1;text-transform:uppercase}.chatConnection span{width:9px;height:9px;border-radius:50%;background:var(--core);box-shadow:0 0 14px var(--core)}.chatConnection em{margin-left:auto;font-style:normal;color:#7290a4}.chatBody{padding:18px 16px;overflow:auto;background:linear-gradient(180deg,rgba(0,229,255,.025),transparent 28%)}.chatLine{margin:0 0 15px;color:#bcd0c0;font-size:13px;line-height:1.55}.chatLine.system{text-align:center;color:rgba(0,229,255,.52)}.chatLine.bot b{color:var(--accent)}.chatLine.user{color:#fff}.chatLine.user b{color:var(--core)}.chatForm{display:grid;grid-template-columns:1fr 112px;border-top:1px solid rgba(0,229,255,.22)}.chatForm input{min-width:0;border:0;background:#020a12;color:var(--accent);font:700 13px var(--font);padding:0 15px;outline:none}.chatForm input::placeholder{color:rgba(0,229,255,.75)}.chatForm button{border:0;border-left:1px solid rgba(0,229,255,.25);background:rgba(0,229,255,.07);color:var(--accent);font:800 11px var(--font);cursor:pointer}.chatForm button:hover{background:rgba(0,229,255,.14);color:#fff}
.exitCard{width:min(820px,calc(100vw - 40px));border:1px solid rgba(0,229,255,.32);background:#070d16;box-shadow:0 0 70px rgba(0,229,255,.13)}.exitHead{height:58px;border-bottom:1px solid rgba(0,229,255,.16);display:flex;justify-content:space-between;align-items:center;padding:0 28px;color:var(--accent);font:300 18px var(--font);letter-spacing:.1em}.exitHead button{background:none;border:0;color:#b8f6ff;font-size:30px;cursor:pointer}.exitBody{padding:52px}.exitBody h2{font:800 52px/1.05 var(--sans);letter-spacing:-.04em;margin:0 0 22px;text-transform:uppercase}.exitBody p{color:#c2ced7;font:400 22px/1.65 var(--sans);max-width:680px}.exitActions{display:flex;gap:18px;margin-top:30px}.docPage,.notFound{min-height:100vh;background:radial-gradient(circle at 20% 0,rgba(0,229,255,.10),transparent 32%),linear-gradient(180deg,#05070b,#030509);padding-top:76px}.docHero{width:min(1280px,calc(100vw - 50px));margin:0 auto;padding:70px 0 34px;border-bottom:1px solid rgba(0,229,255,.20)}.docHero a{color:var(--accent);font:300 15px var(--font)}.docHero h1{font:300 clamp(46px,6vw,86px)/1.1 var(--font);margin:28px 0 18px;text-transform:uppercase}.docHero p{color:#cbd8df;font-size:20px}.docGrid{width:min(1280px,calc(100vw - 50px));margin:40px auto 80px;display:grid;gap:18px}.docGrid a{display:flex;justify-content:space-between;border:1px solid rgba(0,229,255,.18);background:rgba(0,10,18,.72);padding:28px;color:#fff;font-size:24px}.docGrid span{color:var(--accent)}.docBody{width:min(1280px,calc(100vw - 50px));margin:40px auto 90px;border:1px solid rgba(0,229,255,.20);background:rgba(0,10,18,.74);padding:44px;font-size:20px;line-height:1.75}.docBody h2{color:var(--accent);font:300 32px var(--font);margin-top:36px}.docBody a{color:var(--core)}.notFound{padding:170px 40px;text-align:center}.lostSymbol{width:220px;height:220px;border-radius:50%;border:2px solid rgba(0,229,255,.8);box-shadow:0 0 60px rgba(0,229,255,.25),inset 0 0 50px rgba(0,229,255,.12);display:grid;place-items:center;margin:0 auto 30px;color:var(--accent);font:300 48px var(--font)}.notFound h1{font:300 82px var(--font);color:#fff}.notFound p{color:#cbd8df;font-size:22px}
@media(max-width:1180px){.nav{grid-template-columns:1fr auto;padding:0 18px}.navlinks{display:none}.brand-word small{display:none}.heroContent{padding-top:90px}.hqLayer{display:none}.cards{grid-template-columns:repeat(2,1fr)}.aboutGrid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.nav{height:70px}.brand-symbol{width:36px;height:36px}.brand-word b{font-size:25px}.launch{display:none}.hero{min-height:800px}.heroContent{padding-top:70px;margin-left:22px}.kicker{font-size:13px;margin-bottom:24px}h1{font-size:38px}.lead{font-size:17px}.heroActions{flex-direction:column}.btn{width:100%}.systems{padding:70px 20px}.stats,.cards,.steps{grid-template-columns:1fr;width:100%;margin-bottom:60px}.aboutStory{padding:24px}.aboutStory h2{font-size:30px}.pricing,.footer,.exitActions,.cookieBanner{display:block}.cookieBanner{width:calc(100vw - 20px);bottom:10px;padding:16px}.cookieActions{margin-top:14px}.projectBody{padding:22px}.projectBody h2{font-size:32px}.phoneRow{grid-template-columns:1fr}.chatPanel{height:470px}.exitBody{padding:28px}.exitBody h2{font-size:32px}.exitBody p{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.brand-word b{font:300 26px/1 var(--font);letter-spacing:.02em}
.brand-word small{font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.langSwitch{position:relative;display:block;height:44px;border:1px solid rgba(0,229,255,.26);background:rgba(255,255,255,.025);min-width:76px}
.langSwitch button{all:unset;display:grid;place-items:center;width:76px;height:44px;color:#e8f9ff;font:300 13px var(--font);cursor:pointer}
.langSwitch div{position:absolute;right:0;top:calc(100% + 6px);display:grid;width:76px;border:1px solid rgba(0,229,255,.34);background:rgba(2,10,18,.98);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;box-shadow:0 20px 50px rgba(0,0,0,.42)}
.langSwitch:hover div,.langSwitch:focus-within div{opacity:1;visibility:visible;transform:translateY(0)}
.langSwitch a{display:grid;place-items:center;height:38px;color:#c7e6f2;font:300 13px var(--font)}
.langSwitch a.active,.langSwitch a:hover{background:rgba(0,229,255,.14);color:#fff}

.hero{height:100svh;min-height:720px;padding-bottom:0}
.heroContent{padding-top:clamp(78px,11vh,116px)}
.kicker{display:flex;align-items:center;gap:16px;color:var(--accent);font:300 14px var(--font);letter-spacing:.1em;text-transform:uppercase;margin-bottom:38px}
.lead{width:min(600px,90vw);margin:32px 0 0;color:#d8e6ee;font:400 18px/1.58 var(--sans)}
h1{font:300 clamp(48px,3vw,78px)/1.12 var(--font);letter-spacing:.07em;margin:0;text-transform:uppercase;text-shadow:0 0 8px rgba(255,255,255,.26),0 0 26px rgba(0,229,255,.18)}
.slides{position:relative;min-height:545px}
.heroSlide{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}
.heroSlide.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}
.sliderDots{position:relative;z-index:6;margin-top:0}
.heroToMain{height:96px;margin-top:-96px;position:relative;z-index:3;background:linear-gradient(180deg,rgba(2,8,14,0),#031421 60%,#020a12 100%);pointer-events:none}
.systems{padding-top:78px}

.hqLayer{right:25vw;top:34vh}
.hqMarker{width:46px;height:46px}
.hqMarker:before{left:43px;top:23px;width:92px;transform:rotate(-24deg)}
.hqCard{left:116px;top:-68px;width:235px;padding:16px 18px}
.hqTitle{font-size:18px}.hqCard p{font-size:12px;margin:7px 0}

.cityLights span{border-radius:50%;background:#ffd489;box-shadow:0 0 5px #ffd489,0 0 10px rgba(255,180,80,.45);opacity:.55}

.card.cms{--c:#00e5ff}.card.crm{--c:#4d8dff}.card.lab{--c:#ffb84d}.card.cloud{--c:#7db7ff}.card.app{--c:#ff63d8}
.card.crm .miniIcon,.card.crm h3,.card.crm a{color:#4d8dff;border-color:#4d8dff}
.card.lab .miniIcon,.card.lab h3,.card.lab a{color:#ffb84d;border-color:#ffb84d}
.card.cloud .miniIcon,.card.cloud h3,.card.cloud a{color:#7db7ff;border-color:#7db7ff}
.card.app .miniIcon,.card.app h3,.card.app a{color:#ff63d8;border-color:#ff63d8}
.card.cms .miniIcon,.card.cms h3,.card.cms a{color:#00e5ff;border-color:#00e5ff}

.docPage .topbar{display:none}
.docPage{padding-top:0}
.docBody h2{color:var(--accent);font-family:var(--font);letter-spacing:.06em;text-transform:uppercase}
.docCookieBtn{cursor:pointer}

.brand-word small{
    font-size:10px;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.langSwitch button{
    position:relative;
    padding-right:13px;
    font-size:0;
    color:transparent;
}
.langSwitch button::before{
    content:attr(data-lang);
    color:#e8f9ff;
    font:300 13px var(--font);
}
html[lang="en"] .langSwitch button::before{content:"EN"}
html[lang="ru"] .langSwitch button::before{content:"RU"}
html[lang="zh-CN"] .langSwitch button::before{content:"CN"}
.langSwitch button::after{
    content:"";
    display:inline-block;
    color:var(--accent);
    font-size:10px;
    line-height:1;
    margin-left:7px;
    transform:translateY(-1px);
    text-shadow:0 0 8px rgba(0,229,255,.45);
}
.slides{min-height:470px}
.sliderDots{
    margin-top:-58px;
    margin-left:0;
    gap:13px;
}
.sliderDots button{
    width:10px;
    height:10px;
}
.hero{
    overflow:hidden;
}
.hero::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:230px;
    z-index:2;
    pointer-events:none;
    background:
      radial-gradient(ellipse at 66% 0%, rgba(0,229,255,.10) 0%, rgba(0,229,255,.045) 28%, transparent 56%),
      linear-gradient(180deg, rgba(2,8,14,0) 0%, rgba(3,20,33,.62) 54%, #020a12 100%);
}
.heroToMain{
    height:0;
    margin-top:0;
    display:none;
}
.systems{
    margin-top:0;
    padding-top:98px;
}
.cards article{
    isolation:isolate;
    transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease,background .26s ease;
}
.cards article::after{
    content:"";
    position:absolute;
    inset:-80px -40px auto auto;
    width:170px;
    height:170px;
    border-radius:50%;
    background:radial-gradient(circle, color-mix(in srgb,var(--c) 22%,transparent), transparent 64%);
    opacity:0;
    transform:scale(.75);
    transition:.26s ease;
    z-index:-1;
}
.cards article:hover{
    transform:translateY(-8px);
    border-color:color-mix(in srgb,var(--c) 72%,transparent);
    box-shadow:0 18px 56px rgba(0,0,0,.34),0 0 38px color-mix(in srgb,var(--c) 22%,transparent),inset 0 0 28px color-mix(in srgb,var(--c) 8%,transparent);
    background:linear-gradient(180deg,color-mix(in srgb,var(--c) 9%,rgba(5,18,32,.72)),rgba(2,10,18,.82));
}
.cards article:hover::after{
    opacity:1;
    transform:scale(1);
}
.cards article:hover .miniIcon{
    box-shadow:0 0 22px color-mix(in srgb,var(--c) 42%,transparent),inset 0 0 18px color-mix(in srgb,var(--c) 10%,transparent);
}
.cards article:hover a{
    transform:translateX(3px);
    text-shadow:0 0 12px var(--c);
}
.steps article{
    position:relative;
    overflow:hidden;
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.steps article::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:2px;
    background:linear-gradient(180deg,transparent,var(--accent),transparent);
    opacity:.35;
}
.steps article::after{
    content:"";
    position:absolute;
    inset:auto -50px -90px auto;
    width:180px;
    height:180px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,229,255,.12),transparent 65%);
    opacity:0;
    transition:.24s ease;
}
.steps article:hover{
    transform:translateY(-5px);
    border-color:rgba(0,229,255,.42);
    box-shadow:0 0 38px rgba(0,229,255,.10),inset 0 0 26px rgba(0,229,255,.055);
}
.steps article:hover::after{opacity:1}
.steps b{
    position:relative;
    overflow:hidden;
    transition:.24s ease;
}
.steps article:hover b{
    color:#02111d;
    background:linear-gradient(135deg,var(--core),var(--accent));
    box-shadow:0 0 20px rgba(0,229,255,.38);
    border-color:transparent;
}
.footer{display:none}
.siteFooter{
    position:relative;
    background:
      radial-gradient(circle at 12% 0,rgba(0,229,255,.09),transparent 34%),
      linear-gradient(180deg,#02070d,#01050a);
    border-top:1px solid rgba(0,229,255,.18);
    padding:54px 34px 0;
}
.siteFooter::before{
    content:"";
    position:absolute;
    left:34px;
    right:34px;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(0,229,255,.55),transparent);
}
.footerGrid{
    width:min(1640px,calc(100vw - 70px));
    margin:0 auto;
    display:grid;
    grid-template-columns:1.3fr .65fr .9fr 1fr;
    gap:28px;
}
.footerBrand{
    display:grid;
    grid-template-columns:58px 1fr;
    gap:18px;
    align-items:start;
}
.footerBrand .brand-symbol{
    width:58px;
    height:58px;
}
.footerBrand b{
    color:#fff;
    font:300 32px/1 var(--font);
    letter-spacing:.04em;
}
.footerBrand small{
    display:block;
    margin-top:8px;
    color:#9db0c1;
    font:300 11px/1 var(--font);
    letter-spacing:.18em;
    text-transform:uppercase;
}
.footerBrand p{
    max-width:460px;
    color:#aebdca;
    font:400 16px/1.7 var(--sans);
    margin:24px 0 0;
}
.footerCol{
    border-left:1px solid rgba(0,229,255,.12);
    padding-left:26px;
}
.footerCol h3{
    margin:0 0 20px;
    color:var(--accent);
    font:300 15px var(--font);
    letter-spacing:.14em;
    text-transform:uppercase;
}
.footerCol a{
    display:block;
    color:#d6e5ee;
    font:400 15px var(--sans);
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.045);
    transition:.2s ease;
}
.footerCol a:hover{
    color:var(--core);
    padding-left:8px;
}
.footerContact dl{
    margin:0;
}
.footerContact dt{
    color:#e9f5ff;
    font:700 13px var(--font);
    text-transform:lowercase;
    margin:0;
}
.footerContact dd{
    color:#9fb2c0;
    font:400 15px var(--sans);
    text-align:right;
    margin:-18px 0 22px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.footerBottom{
    width:min(1640px,calc(100vw - 70px));
    margin:44px auto 0;
    min-height:64px;
    border-top:1px solid rgba(0,229,255,.12);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    color:#7d8fa0;
    font:300 12px var(--font);
    letter-spacing:.08em;
    text-transform:uppercase;
}
@media(max-width:1100px){
    .slides{min-height:520px}
    .sliderDots{margin-top:-34px}
    .footerGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
    .sliderDots{margin-top:-22px}
    .footerGrid{grid-template-columns:1fr}
    .footerCol{border-left:0;padding-left:0;border-top:1px solid rgba(0,229,255,.12);padding-top:22px}
    .footerBottom{display:block;padding:18px 0;line-height:1.8}
}

.sliderDots {
    margin-top: 0px;
    margin-left: 0;
    gap: 13px;
}

.hero::after {
    height: 82px;
    bottom: -1px;
    background:
      linear-gradient(180deg, rgba(2,8,14,0) 0%, rgba(2,10,18,.38) 52%, #020a12 100%);
}
.systems {
    padding-top: 78px;
    background:
      radial-gradient(circle at 78% -8%, rgba(0,229,255,.065), transparent 32%),
      linear-gradient(180deg, #020a12 0%, #02070d 72%);
}

.docPage {
    padding-top: 106px;
}
.docHero {
    padding-top: 86px;
}
.docHero a {
    display: inline-flex;
    margin-bottom: 22px;
}
.docBody {
    font-size: 19px;
    line-height: 1.78;
}
.docBody h2 {
    margin-top: 34px;
    margin-bottom: 12px;
}
.docBody p {
    max-width: 1180px;
}

@media(max-width:720px){
    .docPage{padding-top:82px}
    .docHero{padding-top:44px}
    .docBody{font-size:16px}
}

.docHero {
    padding-top: 30px;
}

.docCookieBtn {
    border: 1px solid rgba(0,229,255,.56);
    background: rgba(0,17,30,.56);
    color: #fff;
    text-transform: uppercase;
    font: 300 14px var(--font);
    letter-spacing: .08em;
    padding: 15px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s;
    margin-top: 18px;
}
.docCookieBtn:hover {
    box-shadow: 0 0 28px rgba(0,229,255,.22), inset 0 0 20px rgba(0,229,255,.06);
    background: rgba(0,35,55,.56);
}

.langSwitch button {
    padding: 0 !important;
    color: transparent !important;
}
.langSwitch button::after {
    content: none !important;
}
.langSwitch button::before {
    content: attr(data-lang);
    color: #e8f9ff;
    font: 300 13px var(--font);
    letter-spacing: .04em;
}
html[lang="en"] .langSwitch button::before{content:"EN"}
html[lang="ru"] .langSwitch button::before{content:"RU"}
html[lang="zh-CN"] .langSwitch button::before{content:"CN"}

html {
    scrollbar-color: rgba(0,229,255,.72) rgba(2,10,18,.92);
    scrollbar-width: thin;
}
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-track {
    background: rgba(2,10,18,.96);
    border-left: 1px solid rgba(0,229,255,.12);
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(0,229,255,.82), rgba(77,168,255,.55));
    border: 3px solid rgba(2,10,18,.96);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(184,246,255,.95), rgba(0,229,255,.78));
}

.hero {
    scroll-snap-align: start;
    border-bottom: 1px solid rgba(0,229,255,.26);
}
.hero::after {
    height: 54px;
    bottom: -1px;
    background:
      linear-gradient(180deg, rgba(2,8,14,0) 0%, rgba(2,10,18,.18) 52%, rgba(2,10,18,.72) 100%);
}
.scrollCue {
    position: absolute;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%);
    z-index: 8;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(0,229,255,.34);
    background: rgba(2,10,18,.58);
    display: grid;
    place-items: center;
    clip-path: polygon(14% 0, 100% 0, 100% 86%, 86% 100%, 0 100%, 0 14%);
    box-shadow: 0 0 26px rgba(0,229,255,.10);
}
.scrollCue::before {
    content: "";
    width: 16px;
    height: 16px;
    border-right: 2px solid var(--core);
    border-bottom: 2px solid var(--core);
    transform: rotate(45deg) translate(-3px,-3px);
    animation: cueDown 1.5s ease-in-out infinite;
}
.scrollCue span {
    position: absolute;
    inset: 8px;
    border: 1px dashed rgba(0,229,255,.22);
    clip-path: inherit;
}
@keyframes cueDown {
    0%,100% { opacity:.45; transform: rotate(45deg) translate(-5px,-5px); }
    50% { opacity:1; transform: rotate(45deg) translate(1px,1px); }
}
.systems {
    scroll-snap-align: start;
    position: relative;
    border-top: 1px solid rgba(0,229,255,.24);
}
.systems::before {
    content: "";
    position: absolute;
    left: 34px;
    right: 34px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0,229,255,.55), transparent);
}

.docSiteFooter {
    margin-top: 70px;
}

@media(max-width:720px){
    .scrollCue{bottom:18px;width:46px;height:46px}
}

html {
    scroll-snap-type: none !important;
}
.hero,
.systems {
    scroll-snap-align: none !important;
}

.scrollCue {
    position: absolute !important;
    left: 50% !important;
    bottom: 34px !important;
    transform: translateX(-50%) !important;
    z-index: 40 !important;
    width: 48px !important;
    height: 48px !important;
    border: 1px solid rgba(0,229,255,.48) !important;
    background: rgba(2,10,18,.62) !important;
    display: grid !important;
    place-items: center !important;
    clip-path: polygon(14% 0, 100% 0, 100% 86%, 86% 100%, 0 100%, 0 14%) !important;
    box-shadow: 0 0 24px rgba(0,229,255,.16), inset 0 0 18px rgba(0,229,255,.05) !important;
    opacity: .94 !important;
    pointer-events: auto !important;
}
.scrollCue:hover {
    border-color: rgba(184,246,255,.78) !important;
    box-shadow: 0 0 34px rgba(0,229,255,.28), inset 0 0 18px rgba(0,229,255,.09) !important;
}
.scrollCue::before {
    content: "" !important;
    width: 14px !important;
    height: 14px !important;
    border-right: 2px solid var(--core) !important;
    border-bottom: 2px solid var(--core) !important;
    transform: rotate(45deg) translate(-3px,-3px) !important;
    animation: cueDownV25 1.35s ease-in-out infinite !important;
}
.scrollCue span {
    position: absolute !important;
    inset: 8px !important;
    border: 1px dashed rgba(0,229,255,.22) !important;
    clip-path: inherit !important;
}
@keyframes cueDownV25 {
    0%,100% { opacity:.42; transform: rotate(45deg) translate(-5px,-5px); }
    50% { opacity:1; transform: rotate(45deg) translate(1px,1px); }
}

.hero {
    border-bottom: 1px solid rgba(0,229,255,.28) !important;
}
.systems {
    border-top: 1px solid rgba(0,229,255,.22) !important;
}

.heroBg {
    background-image: url("/assets/img/earth-space-bg.jpg") !important;
}

.nav {
    z-index: 10000 !important;
    position: fixed !important;
    isolation: isolate;
}
.projectLayer,
.exitLayer {
    z-index: 30000 !important;
}
.cookieBanner {
    z-index: 28000 !important;
}
.rqsChat {
    z-index: 26000 !important;
}

.langSwitch.is-disabled,
.langSwitch {
    min-width: 86px;
}
.langSwitch.is-disabled {
    display: grid !important;
    place-items: center !important;
}
.langSwitch.is-disabled button,
.langSwitch button {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    color: #e8f9ff !important;
    font: 300 13px var(--font) !important;
    letter-spacing: .04em !important;
    line-height: 1 !important;
    text-align: center !important;
}
.langSwitch.is-disabled button::before,
.langSwitch.is-disabled button::after,
.langSwitch button::after {
    content: none !important;
}
.langSwitch.is-disabled div,
.langSwitch div {
    display: none !important;
}

.systems {
    padding-top: 30px !important;
    background: radial-gradient(circle at 78% -8%, rgba(0, 229, 255, .065), transparent 32%), linear-gradient(180deg, #020a12 0%, #02070d 72%) !important;
}
.stats {
    width: min(1640px, calc(100vw - 70px)) !important;
    margin: 0 auto 60px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    border: 1px solid rgba(0, 229, 255, .22) !important;
    background: rgba(0, 9, 18, .72) !important;
}

.cards a.card {
    display: block;
    color: inherit;
    text-decoration: none;
}
.cards a.card article {
    height: 100%;
}
.cards a.card .cardArrow {
    position: absolute;
    right: 22px;
    bottom: 18px;
    color: var(--c);
    font: 300 18px var(--font);
    transition: .2s ease;
}
.cards a.card:hover .cardArrow {
    transform: translateX(3px);
    text-shadow: 0 0 12px var(--c);
}

.cards a.card {
    min-height: 255px;
    padding: 28px;
    position: relative;
    overflow: hidden;
    --c: var(--accent);
    border: 1px solid rgba(0,229,255,.16);
    background: linear-gradient(180deg,rgba(5,18,32,.72),rgba(2,10,18,.78));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
    isolation: isolate;
    transition: transform .26s ease,border-color .26s ease,box-shadow .26s ease,background .26s ease;
}
.cards a.card::before {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 3px;
    background: var(--c);
}
.cards a.card::after {
    content: "";
    position: absolute;
    inset: -80px -40px auto auto;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb,var(--c) 22%,transparent), transparent 64%);
    opacity: 0;
    transform: scale(.75);
    transition: .26s ease;
    z-index: -1;
}
.cards a.card:hover {
    transform: translateY(-8px);
    border-color: color-mix(in srgb,var(--c) 72%,transparent);
    box-shadow: 0 18px 56px rgba(0,0,0,.34),0 0 38px color-mix(in srgb,var(--c) 22%,transparent),inset 0 0 28px color-mix(in srgb,var(--c) 8%,transparent);
    background: linear-gradient(180deg,color-mix(in srgb,var(--c) 9%,rgba(5,18,32,.72)),rgba(2,10,18,.82));
}
.cards a.card:hover::after {
    opacity: 1;
    transform: scale(1);
}
.cards a.card h3 {
    margin: 18px 0 14px;
    color: var(--c);
    font: 300 25px var(--font);
}
.cards a.card p {
    color: #c2d0d8;
    font: 400 16px/1.6 var(--sans);
}
.cards a.card .miniIcon {
    width: 44px;
    height: 44px;
    border: 1px solid var(--c);
    display: grid;
    place-items: center;
    color: var(--c);
    font: 300 13px var(--font);
}
.cards a.card:hover .miniIcon {
    box-shadow: 0 0 22px color-mix(in srgb,var(--c) 42%,transparent),inset 0 0 18px color-mix(in srgb,var(--c) 10%,transparent);
}
.cards a.card.cms{--c:#00e5ff}
.cards a.card.crm{--c:#4d8dff}
.cards a.card.lab{--c:#ffb84d}
.cards a.card.cloud{--c:#7db7ff}
.cards a.card.app{--c:#ff63d8}

.cards article > a[href="#contact"] {
    pointer-events: none;
}

.heroBg {
    background-image: url("/assets/img/earth-space-bg.jpg") !important;
}
.brand-word b {
    font: 300 26px / 1 var(--font) !important;
    letter-spacing: .02em !important;
}
.brand-word small {
    display: block !important;
    font-size: 10px !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
}
.nav {
    position: fixed !important;
    z-index: 10000 !important;
}
.navMenu {
    z-index: 10001 !important;
}
.langSwitch.is-disabled,
.langSwitch {
    min-width: 86px !important;
}
.langSwitch.is-disabled {
    display: grid !important;
    place-items: center !important;
}
.langSwitch.is-disabled button,
.langSwitch button {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    color: #e8f9ff !important;
    font: 300 13px var(--font) !important;
    letter-spacing: .04em !important;
    line-height: 1 !important;
    text-align: center !important;
}
.langSwitch.is-disabled button::before,
.langSwitch.is-disabled button::after,
.langSwitch button::after {
    content: none !important;
}
.langSwitch.is-disabled div,
.langSwitch div {
    display: none !important;
}
.systems {
    padding-top: 30px !important;
    background: radial-gradient(circle at 78% -8%, rgba(0, 229, 255, .065), transparent 32%), linear-gradient(180deg, #020a12 0%, #02070d 72%) !important;
}
.stats {
    width: min(1640px, calc(100vw - 70px)) !important;
    margin: 0 auto 60px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    border: 1px solid rgba(0, 229, 255, .22) !important;
    background: rgba(0, 9, 18, .72) !important;
}
.sliderDots {
    margin-top: 0 !important;
    margin-left: 0 !important;
    gap: 13px !important;
}
.docHero {
    padding-top: 30px !important;
}
.cards a.card > article {
    display: block !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    position: relative !important;
    transform: none !important;
}
.cards a.card > article::before,
.cards a.card > article::after {
    content: none !important;
}
.cards a.card > article:hover {
    transform: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
}
.cards a.card.cms{--c:#00e5ff !important}
.cards a.card.crm{--c:#4d8dff !important}
.cards a.card.lab{--c:#ffb84d !important}
.cards a.card.cloud{--c:#7db7ff !important}
.cards a.card.app{--c:#ff63d8 !important}
html {
    scrollbar-color: rgba(0,229,255,.72) rgba(2,10,18,.92);
    scrollbar-width: thin;
}
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-track {
    background: rgba(2,10,18,.96);
    border-left: 1px solid rgba(0,229,255,.12);
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(0,229,255,.82), rgba(77,168,255,.55));
    border: 3px solid rgba(2,10,18,.96);
    border-radius: 10px;
}

.cards a.card.cms .miniIcon,
.cards a.card.cms h3,
.cards a.card.cms .cardArrow { color:#00e5ff !important; border-color:#00e5ff !important; }
.cards a.card.crm .miniIcon,
.cards a.card.crm h3,
.cards a.card.crm .cardArrow { color:#4d8dff !important; border-color:#4d8dff !important; }
.cards a.card.lab .miniIcon,
.cards a.card.lab h3,
.cards a.card.lab .cardArrow { color:#ffb84d !important; border-color:#ffb84d !important; }
.cards a.card.cloud .miniIcon,
.cards a.card.cloud h3,
.cards a.card.cloud .cardArrow { color:#7db7ff !important; border-color:#7db7ff !important; }
.cards a.card.app .miniIcon,
.cards a.card.app h3,
.cards a.card.app .cardArrow { color:#ff63d8 !important; border-color:#ff63d8 !important; }
#countrySelect,
#countrySelect option {
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif !important;
}
#countrySelect,
.topicSelect {
    cursor:pointer !important;
}
.topicSelect:required:invalid {
    color:rgba(232,244,255,.55) !important;
}
.topicSelect option {
    color:#fff !important;
    background:#081420 !important;
}
.chatConnection span {
    background:#20ff7a !important;
    box-shadow:0 0 14px rgba(32,255,122,.95),0 0 28px rgba(32,255,122,.28) !important;
}
.chatConnection em {
    color:#8fb1c7 !important;
}

.docBody .docMeta {
    color: #8fb1c7 !important;
    border: 1px solid rgba(0,229,255,.18) !important;
    background: rgba(0,229,255,.045) !important;
    padding: 14px 16px !important;
    margin-bottom: 24px !important;
    font-size: 15px !important;
    letter-spacing: .03em !important;
}
.docBody ul {
    margin: 14px 0 24px 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}
.docBody li {
    position: relative !important;
    padding-left: 28px !important;
    margin: 10px 0 !important;
    color: #cbd8df !important;
}
.docBody li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    color: var(--accent) !important;
}
.docBody b {
    color: #eef8ff !important;
}
.docBody p + p {
    margin-top: 18px !important;
}

.formStatus {
    min-height: 0 !important;
    color: var(--accent) !important;
    font: 300 13px var(--font) !important;
    margin-bottom: 10px !important;
}
.projectBody h2 {
    font: 300 30px / 1.08 var(--font) !important;
    letter-spacing: .06em !important;
    margin: 0 0 28px !important;
    text-transform: uppercase !important;
}
.projectHead {
    height: 40px !important;
    border-bottom: 1px solid rgba(0, 229, 255, .14) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 18px !important;
    color: var(--accent) !important;
    font: 300 12px var(--font) !important;
    text-transform: uppercase !important;
}
.projectClose {
    background: none !important;
    border: 0 !important;
    color: #b8f6ff !important;
    font-size: 21px !important;
    cursor: pointer !important;
}
.formControl {
    width: 100% !important;
    background: #081420 !important;
    border: 1px solid rgba(0, 229, 255, .22) !important;
    color: #fff !important;
    padding: 8px 16px !important;
    font: 400 16px var(--sans) !important;
    outline: none !important;
}
.countryPicker {
    position: relative !important;
    width: 100% !important;
    z-index: 4 !important;
}
.countryPickerBtn {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-align: left !important;
    cursor: pointer !important;
    color: #fff !important;
}
.countryPickerBtn b,
.countryMenu button b {
    font: 400 16px var(--sans) !important;
    letter-spacing: .02em !important;
}
.countryPickerBtn span:not(.flagIcon),
.countryMenu button span:not(.flagIcon) {
    font: 400 18px var(--sans) !important;
    letter-spacing: .02em !important;
}
.countryPickerBtn i {
    width: 10px !important;
    height: 10px !important;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(45deg) translateY(-3px) !important;
    margin-left: auto !important;
    opacity: .95 !important;
}
.countryPickerBtn[aria-expanded="true"] i {
    transform: rotate(225deg) translateY(-1px) !important;
}
.countryMenu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 1px) !important;
    z-index: 5000 !important;
    border: 1px solid rgba(0, 229, 255, .34) !important;
    background: #081420 !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.45), 0 0 24px rgba(0,229,255,.10) !important;
    overflow: hidden !important;
}
.countryMenu[hidden] {
    display: none !important;
}
.countryMenu button {
    width: 100% !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    background: #081420 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0,229,255,.12) !important;
    color: #fff !important;
    text-align: left !important;
    cursor: pointer !important;
}
.countryMenu button:last-child {
    border-bottom: 0 !important;
}
.countryMenu button:hover,
.countryMenu button:focus,
.countryMenu button[aria-selected="true"] {
    background: rgba(77, 113, 214, .96) !important;
    outline: none !important;
}
.flagIcon {
    flex: 0 0 auto !important;
    display: inline-block !important;
    width: 24px !important;
    height: 16px !important;
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    box-shadow: 0 0 8px rgba(0,229,255,.18) !important;
    background: #fff !important;
}
.flagRu {
    background: linear-gradient(to bottom,#fff 0 33.333%,#2457c5 33.333% 66.666%,#d52b1e 66.666% 100%) !important;
}
.flagUs {
    background: repeating-linear-gradient(to bottom,#b22234 0 1.23px,#b22234 1.23px 2.46px,#fff 2.46px 3.69px,#fff 3.69px 4.92px) !important;
}
.flagUs::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 10px !important;
    height: 8px !important;
    background: #3c3b6e !important;
}
.flagCn {
    background: #de2910 !important;
}
.flagCn::before {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: -2px !important;
    color: #ffde00 !important;
    font: 700 10px/1 var(--sans) !important;
}
.topicSelect {
    min-height: 48px !important;
}
@media(max-width:720px){
    .projectBody h2 { font-size: 30px !important; }
    .countryPickerBtn, .topicSelect { min-height: 46px !important; }
}

:root{--font:"Geom Graphic",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important}

.countryPickerBtn span:not(.flagIcon),
.countryMenu button span:not(.flagIcon) {
    display: none !important;
}
.countryPickerBtn {
    gap: 10px !important;
}
.countryPickerBtn b,
.countryMenu button b {
    font: 400 16px var(--sans) !important;
    letter-spacing: .02em !important;
}
.countryPickerBtn i {
    width: 8px !important;
    height: 8px !important;
    border-right: 1px solid rgba(232,244,255,.78) !important;
    border-bottom: 1px solid rgba(232,244,255,.78) !important;
    transform: rotate(45deg) !important;
    transform-origin: center !important;
    margin-left: auto !important;
    margin-right: 2px !important;
    margin-top: -4px !important;
    opacity: 1 !important;
}
.countryPickerBtn[aria-expanded="true"] i {
    transform: rotate(225deg) !important;
    margin-top: 4px !important;
}
.countryMenu button {
    gap: 12px !important;
}

:root{--font:"Geom Graphic",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important}
.langSwitch,.langSwitch.is-disabled{border:0!important;box-shadow:none!important}
.navDrop{--nav-c:var(--accent);--nav-c-soft:rgba(0,229,255,.16);position:relative;padding-inline:10px;margin-inline:-10px}
.navDrop::after{content:"";position:absolute;left:-44px;right:-44px;top:100%;height:42px;z-index:2190;background:transparent}
.navDrop-cms{--nav-c:#00e5ff;--nav-c-soft:rgba(0,229,255,.18)}
.navDrop-crm{--nav-c:#4d8dff;--nav-c-soft:rgba(77,141,255,.18)}
.navDrop-lab{--nav-c:#ffb84d;--nav-c-soft:rgba(255,184,77,.18)}
.navDrop-cloud{--nav-c:#7db7ff;--nav-c-soft:rgba(125,183,255,.18)}
.navDrop-app{--nav-c:#ff63d8;--nav-c-soft:rgba(255,99,216,.18)}
.navDropBtn{position:relative;z-index:2;color:#eef8ff!important}
.navDropBtn:after{color:var(--nav-c)!important;text-shadow:0 0 10px var(--nav-c)}
.navMenu{top:100%!important;margin-top:0!important;border-color:color-mix(in srgb,var(--nav-c) 42%,transparent)!important;box-shadow:0 24px 80px rgba(0,0,0,.50),0 0 72px var(--nav-c-soft)!important;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .18s!important}
.navDrop:hover .navMenu,.navDrop:focus-within .navMenu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important;transition-delay:0s!important}
.navMenu a b{color:var(--nav-c)!important}
.navMenu a:hover{border-color:color-mix(in srgb,var(--nav-c) 36%,transparent)!important;background:color-mix(in srgb,var(--nav-c) 8%,transparent)!important}
.navMenuVisual{overflow:hidden;color:var(--nav-c)!important;border-color:color-mix(in srgb,var(--nav-c) 34%,transparent)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--nav-c) 22%,transparent),transparent 35%),rgba(255,255,255,.018)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 0 30px var(--nav-c-soft)!important}
.navMenuVisual::before{content:"";position:absolute;inset:0;opacity:.24;mix-blend-mode:screen;background:linear-gradient(135deg,transparent 0 36%,color-mix(in srgb,var(--nav-c) 36%,transparent) 36.5% 37%,transparent 37.5%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--nav-c) 18%,transparent) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--nav-c) 14%,transparent) 0 1px,transparent 1px 26px)}
.navMenuVisual::after{content:"";position:absolute;inset:16px;border:1px solid color-mix(in srgb,var(--nav-c) 18%,transparent);opacity:.42;clip-path:polygon(0 0,100% 0,100% 82%,84% 100%,0 100%)}
.navMenuVisual span{border-color:color-mix(in srgb,var(--nav-c) 72%,transparent)!important;box-shadow:0 0 24px var(--nav-c-soft)!important;z-index:1}
.navMenuVisual i{background:var(--nav-c)!important;box-shadow:0 0 20px var(--nav-c),0 0 44px var(--nav-c-soft)!important;z-index:2}
.navMenuVisual b{position:relative;z-index:2;text-shadow:0 0 14px var(--nav-c)}
.navMenuVisual-cms::before{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--nav-c) 18%,transparent) 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--nav-c) 12%,transparent) 0 1px,transparent 1px 18px)}
.navMenuVisual-crm::before{background:radial-gradient(circle at 24% 30%,var(--nav-c) 0 3px,transparent 4px),radial-gradient(circle at 76% 38%,var(--nav-c) 0 3px,transparent 4px),radial-gradient(circle at 42% 76%,var(--nav-c) 0 3px,transparent 4px),linear-gradient(31deg,transparent 0 46%,color-mix(in srgb,var(--nav-c) 45%,transparent) 47% 48%,transparent 49%),linear-gradient(135deg,transparent 0 46%,color-mix(in srgb,var(--nav-c) 36%,transparent) 47% 48%,transparent 49%)}
.navMenuVisual-lab::before{background:radial-gradient(circle at 30% 34%,color-mix(in srgb,var(--nav-c) 75%,transparent) 0 7px,transparent 8px),radial-gradient(circle at 70% 58%,color-mix(in srgb,var(--nav-c) 58%,transparent) 0 11px,transparent 12px),radial-gradient(circle at 46% 76%,color-mix(in srgb,var(--nav-c) 38%,transparent) 0 5px,transparent 6px),linear-gradient(115deg,transparent 0 42%,color-mix(in srgb,var(--nav-c) 30%,transparent) 43% 44%,transparent 45%)}
.navMenuVisual-cloud::before{background:radial-gradient(ellipse at 34% 55%,color-mix(in srgb,var(--nav-c) 36%,transparent) 0 18%,transparent 19%),radial-gradient(ellipse at 62% 46%,color-mix(in srgb,var(--nav-c) 28%,transparent) 0 20%,transparent 21%),linear-gradient(180deg,transparent 0 55%,color-mix(in srgb,var(--nav-c) 18%,transparent) 56% 57%,transparent 58% 66%,color-mix(in srgb,var(--nav-c) 14%,transparent) 67% 68%,transparent 69%)}
.navMenuVisual-app::before{background:linear-gradient(90deg,transparent 0 26%,color-mix(in srgb,var(--nav-c) 36%,transparent) 27% 28%,transparent 29% 70%,color-mix(in srgb,var(--nav-c) 36%,transparent) 71% 72%,transparent 73%),linear-gradient(180deg,transparent 0 20%,color-mix(in srgb,var(--nav-c) 28%,transparent) 21% 22%,transparent 23% 78%,color-mix(in srgb,var(--nav-c) 28%,transparent) 79% 80%,transparent 81%),radial-gradient(circle at 50% 82%,color-mix(in srgb,var(--nav-c) 60%,transparent) 0 3px,transparent 4px)}

.aboutGrid{align-items:stretch}
.liveFeedPanel{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;text-align:left!important;min-height:420px;padding:28px 32px!important;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(5,18,32,.72),rgba(2,10,18,.88))!important}
.liveFeedPanel::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 18% 6%,rgba(135,255,146,.12),transparent 24%),radial-gradient(circle at 78% 44%,rgba(0,229,255,.10),transparent 34%);opacity:.9}
.liveFeedPanel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:36px 36px;opacity:.08}
.liveFeedHead{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#8dff92;font:700 15px var(--font);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 18px rgba(141,255,146,.28)}
.liveFeedHead i{display:block;width:8px;height:8px;border-radius:50%;background:#8dff92;box-shadow:0 0 14px rgba(141,255,146,.72),0 0 28px rgba(141,255,146,.24);animation:livePulse 1.6s ease-in-out infinite}
.liveFeedRows{position:relative;z-index:1;display:grid;gap:0;margin-top:26px;overflow:hidden}
.liveFeedRow{display:grid;grid-template-columns:88px 1fr;gap:22px;align-items:start;padding:16px 0 17px;border-bottom:1px solid rgba(232,244,255,.085);transition:opacity .28s ease,transform .28s ease}
.liveFeedRow time{color:#9fb0c6;font:300 17px/1.45 var(--font);letter-spacing:.08em;white-space:nowrap}
.liveFeedRow span{color:#e9f2ff;font:600 16px/1.55 var(--sans);letter-spacing:.015em}
.liveFeedRow.is-new{animation:liveRowIn .34s ease both}
@keyframes livePulse{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(1.45);opacity:.68}}
@keyframes liveRowIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.liveFeedPanel{min-height:360px}.liveFeedRow{grid-template-columns:78px 1fr;gap:16px}.liveFeedRow span{font-size:15px}.liveFeedRow time{font-size:15px}}
@media(max-width:720px){.liveFeedPanel{min-height:0;padding:24px!important}.liveFeedRow{grid-template-columns:1fr;gap:4px;padding:13px 0}.liveFeedRow time{font-size:13px}.liveFeedRows{margin-top:18px}}


.stats{margin:0 auto 30px!important}
.cards article:hover .miniIcon,
.cards a.card:hover .miniIcon{box-shadow:none!important}
.cards a.card:hover .cardArrow{text-shadow:none!important}
.steps article::before,
.steps article::after,
.steps article:hover::after{content:none!important;display:none!important;opacity:0!important;background:none!important;box-shadow:none!important}

:root{--content-grid:min(1720px,calc(100vw - 88px))}
.systems{padding-left:0!important;padding-right:0!important}
.systems::before{left:max(44px,calc((100vw - 1720px)/2))!important;right:max(44px,calc((100vw - 1720px)/2))!important}
.systems>.stats,
.systems>.sectionLabel,
.systems>.aboutGrid,
.systems>.bigTitle,
.systems>.cards,
.systems>.steps,
.systems>.pricing,
.systems>.faq{width:var(--content-grid)!important;margin-left:auto!important;margin-right:auto!important}
.systems>.stats{margin-top:0!important;margin-bottom:30px!important}
.systems>.sectionLabel{margin-bottom:28px!important}
.systems>.sectionLabel.spaced{margin-top:86px!important;margin-bottom:28px!important}
.systems>.bigTitle{margin-top:0!important;margin-bottom:42px!important}
.systems>.pricing{margin-top:70px!important}
.systems>.faq{margin-top:22px!important}
.nav .brand-symbol,
.footerBrand .brand-symbol{box-shadow:none!important;background:radial-gradient(circle at 50% 50%,rgba(184,246,255,.10),transparent 18%)!important}
.nav .brand-node,
.footerBrand .brand-node{box-shadow:none!important}
.navDropBtn::after{content:""!important;display:inline-block!important;width:7px!important;height:7px!important;border-right:1px solid var(--nav-c)!important;border-bottom:1px solid var(--nav-c)!important;transform:rotate(45deg) translateY(-2px)!important;transform-origin:center!important;margin-left:10px!important;vertical-align:middle!important;text-shadow:none!important;font-size:0!important;line-height:0!important}
.navDrop:hover .navDropBtn::after,
.navDrop:focus-within .navDropBtn::after{transform:rotate(225deg) translate(-2px,-2px)!important}
.docBody li::before{content:""!important;width:7px!important;height:7px!important;border-right:1px solid var(--accent)!important;border-bottom:1px solid var(--accent)!important;background:transparent!important;transform:rotate(-45deg)!important;top:.72em!important}
.flagCn::before{content:""!important;position:absolute!important;left:3px!important;top:3px!important;width:9px!important;height:9px!important;background:#ffde00!important;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 35%)!important;color:transparent!important;font-size:0!important}
@media(max-width:720px){:root{--content-grid:100%}.systems{padding-left:20px!important;padding-right:20px!important}.systems::before{left:20px!important;right:20px!important}}

.navDrop-cms .navMenuVisual{--nav-photo:url("/assets/img/nav-cms.jpg?v=40")}
.navDrop-crm .navMenuVisual{--nav-photo:url("/assets/img/nav-crm.jpg?v=40")}
.navDrop-lab .navMenuVisual{--nav-photo:url("/assets/img/nav-lab.jpg?v=40")}
.navDrop-cloud .navMenuVisual{--nav-photo:url("/assets/img/nav-cloud.jpg?v=40")}
.navDrop-app .navMenuVisual{--nav-photo:url("/assets/img/nav-app.jpg?v=40")}
.navMenuVisual{
    background-image:
      linear-gradient(180deg,rgba(2,8,14,.18),rgba(2,8,14,.78)),
      radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--nav-c) 22%,transparent),transparent 42%),
      var(--nav-photo)!important;
    background-size:cover!important;
    background-position:center!important;
    overflow:hidden!important;
}
.navMenuVisual::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    background:linear-gradient(90deg,rgba(2,8,14,.70) 0%,rgba(2,8,14,.18) 54%,rgba(2,8,14,.64) 100%)!important;
}
.navMenuVisual::after{
    content:""!important;
    position:absolute!important;
    inset:12px!important;
    border:1px solid color-mix(in srgb,var(--nav-c) 26%,transparent)!important;
    clip-path:none!important;
    opacity:.72!important;
    background:transparent!important;
}
.navMenuVisual span,
.navMenuVisual i{display:none!important}
.navMenuVisual b{
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    z-index:2!important;
    text-align:left!important;
    color:var(--nav-c)!important;
    text-shadow:0 0 18px rgba(0,0,0,.72),0 0 18px var(--nav-c)!important;
}
.pricingIntro{margin-bottom:20px!important}

@media (min-width:1280px){
    :root{--content-grid:min(1840px,calc(100vw - 96px))}
    .systems>.stats,
    .systems>.sectionLabel,
    .systems>.aboutGrid,
    .systems>.bigTitle,
    .systems>.cards,
    .systems>.steps,
    .systems>.pricing,
    .systems>.faq{width:var(--content-grid)!important;max-width:var(--content-grid)!important;margin-left:auto!important;margin-right:auto!important}
    .systems>.cards{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:22px!important}
    .cards a.card{width:100%!important;min-width:0!important}
}

@media (min-width:768px) and (max-width:1024px){
    :root{--content-grid:calc(100vw - 56px)}
    .systems{padding-left:0!important;padding-right:0!important}
    .systems::before{left:28px!important;right:28px!important}
    .systems>.stats,
    .systems>.sectionLabel,
    .systems>.aboutGrid,
    .systems>.bigTitle,
    .systems>.cards,
    .systems>.steps,
    .systems>.pricing,
    .systems>.faq{width:var(--content-grid)!important;max-width:var(--content-grid)!important;margin-left:auto!important;margin-right:auto!important}
    .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:hidden!important;margin:0 auto 30px!important}
    .stats div{min-width:0!important;padding:34px 28px!important}
    .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
    .cards a.card{width:100%!important;min-width:0!important;padding:30px!important;min-height:265px!important}
    .steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
    .heroContent{padding-top:76px!important}
    h1{font-size:clamp(42px,7vw,62px)!important;line-height:1.12!important}
    .bigTitle{font-size:clamp(42px,6vw,58px)!important;line-height:1.18!important}
    .aboutStory h2,.pricing h2{font-size:clamp(30px,4.2vw,36px)!important;line-height:1.22!important}
    .scrollCue{display:none!important;pointer-events:none!important}
}

@media (max-width:767px){
    :root{--content-grid:100%}
    .systems{padding-left:20px!important;padding-right:20px!important}
    .systems::before{left:20px!important;right:20px!important}
    .systems>.stats,
    .systems>.sectionLabel,
    .systems>.aboutGrid,
    .systems>.bigTitle,
    .systems>.cards,
    .systems>.steps,
    .systems>.pricing,
    .systems>.faq{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
    .stats{grid-template-columns:1fr!important;overflow:hidden!important;margin:0 auto 30px!important}
    .stats div{min-width:0!important;padding:28px 24px!important}
    .cards{display:grid!important;grid-template-columns:1fr!important;gap:20px!important;width:100%!important;max-width:100%!important}
    .cards a.card{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:28px 24px!important;min-height:250px!important}
    .cards a.card .cardArrow{right:28px!important;bottom:24px!important}
    .steps{grid-template-columns:1fr!important;gap:18px!important;width:100%!important}
    .pricing{display:block!important;padding:26px 22px!important}
    .pricingIntro{margin-bottom:20px!important}
    .scrollCue{display:none!important;pointer-events:none!important}
}

@media (min-width:320px) and (max-width:480px){
    .heroContent{padding-top:40px!important;margin-left:20px!important;margin-right:20px!important}
    h1{font-size:30px!important;line-height:1.16!important;letter-spacing:.055em!important}
    h2,.bigTitle{font-size:36px!important;line-height:1.18!important}
    .aboutStory h2,.pricing h2,.projectBody h2,.exitBody h2{font-size:26px!important;line-height:1.22!important}
    .docHero h1,.notFound h1{font-size:36px!important;line-height:1.14!important}
    .lead{font-size:15px!important;line-height:1.62!important}
    .sectionLabel{font-size:12px!important}
    .cards a.card h3{font-size:26px!important}
    .cards a.card p{font-size:15px!important;line-height:1.58!important}
    .steps h3{font-size:24px!important}
}
@media (min-width:768px) and (max-width:1024px){
    .stats div:nth-child(2n){border-right:0!important}
    .stats div:nth-child(-n+2){border-bottom:1px solid rgba(0,229,255,.14)!important}
}
@media (max-width:767px){
    .stats div{border-right:0!important;border-bottom:1px solid rgba(0,229,255,.14)!important}
    .stats div:last-child{border-bottom:0!important}
}


.mobileMenuToggle{display:none;background:rgba(4,14,24,.72);border:1px solid rgba(0,229,255,.24);width:56px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;position:relative;z-index:2600}
.mobileMenuToggle span{display:block;width:24px;height:1px;background:#b8f6ff;box-shadow:none;transition:transform .22s ease,opacity .22s ease}
.mobileMenuToggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobileMenuToggle.is-open span:nth-child(2){opacity:0}
.mobileMenuToggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobileMenu{position:fixed;top:70px;right:18px;left:18px;z-index:2550;display:grid;gap:8px;padding:16px;border:1px solid rgba(0,229,255,.28);background:rgba(2,10,18,.96);box-shadow:0 24px 70px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.02);backdrop-filter:blur(14px)}
.mobileMenu[hidden]{display:none!important}
.mobileMenu a,.mobileMenu button{min-height:48px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#e8f9ff;border:1px solid rgba(0,229,255,.16);background:rgba(8,20,32,.72);padding:0 18px;font:300 18px var(--font);letter-spacing:.04em;text-transform:uppercase}
.mobileMenu a::after{content:"";width:8px;height:8px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(-45deg)}
.mobileMenu .mobileMenuLaunch{width:100%;justify-content:center;margin-top:6px;color:#06111c!important;background:linear-gradient(90deg,#72dfff,#6aa5ff)!important;border-color:transparent!important}
.systems .cards > a.card{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:block!important;box-sizing:border-box!important;justify-self:stretch!important;align-self:stretch!important;max-width:100%!important;min-width:0!important;transform:none}
.systems .cards > a.card:hover{transform:translateY(-8px)!important}
.systems .cards > a.card .cardArrow{position:absolute!important;right:22px!important;bottom:18px!important}

@media (max-width:1024px){
  .nav{grid-template-columns:1fr auto!important}
  .navActions{display:none!important}
  .mobileMenuToggle{display:flex!important}
}
@media (max-width:767px){
  .hero{height:68svh!important;min-height:630px!important}
  .heroContent{padding-top:40px!important}
  .sliderDots{margin-top:-60px!important;margin-left:150px!important}
  .systems .cards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:stretch!important;align-items:stretch!important;gap:20px!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  .systems .cards > a.card{width:100%!important;max-width:100%!important;margin:0!important;padding:28px 24px!important;min-height:250px!important}
  .systems .cards > a.card .cardArrow{right:28px!important;bottom:24px!important}
}
@media (min-width:320px) and (max-width:480px){
  .sliderDots{margin-top:-60px!important;margin-left:150px!important}
  .hero{height:68svh!important;min-height:630px!important}
}

.flagIcon{border:0!important}
.countryPickerBtn b,.countryMenu button b{font:400 16px var(--sans)!important}