/* G-SyS — editorial technology direction */
:root{--ink:#080c14;--blue:#3265ff;--muted:#8993a7;--paper:#f6f7f9}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.wrap{max-width:1320px;padding-inline:60px}header{background:#080c14ee;color:#fff;border-bottom:1px solid #ffffff16;height:84px}.logo{font-size:30px;letter-spacing:-2px}.logo:after{content:'';display:inline-block;background:#5482ff;width:7px;height:7px;border-radius:2px;margin-left:5px}.nav-links{font-size:12px;gap:38px}.nav-cta{background:#ffffff10;border:1px solid #ffffff25;padding:12px 20px}.nav-links>a:hover{color:#98b7ff}
.hero.wrap{max-width:none;position:relative;display:grid;grid-template-columns:1fr 1fr;text-align:left;min-height:760px;padding:80px max(60px,calc((100vw - 1200px)/2)) 100px;background:radial-gradient(ellipse at 85% 50%,#173479 0,transparent 44%),#080c14;color:#fff;overflow:hidden;align-items:center}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{position:relative;z-index:2}.hero .eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:1.8px;color:#a8b7d3;white-space:nowrap}.blue-dot{background:#729bff;box-shadow:0 0 12px #4f7dff}h1{font-size:clamp(72px,7.5vw,108px);line-height:.99;letter-spacing:-6px;margin:34px 0 30px;font-weight:600}h1 span{background:linear-gradient(115deg,#eef4ff,#81a9ff 70%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .hero-copy>p{color:#9daac1;font-size:17px;line-height:1.75;max-width:440px}.actions{justify-content:flex-start;gap:25px;margin-top:32px}.button{border-radius:9px;background:var(--blue);font-size:12px;padding:17px 21px;box-shadow:0 7px 30px #225aff25}.button:hover{background:#527fff}.text-link{font-size:12px;color:#d8e2f5}.text-link:hover{color:#fff!important}
.system-visual{width:100%;height:540px;max-width:none;margin:0;position:relative;overflow:visible;background:radial-gradient(ellipse,#2e5cce45,transparent 65%);perspective:1000px}.system-visual:before{content:'G';position:absolute;font-size:510px;font-weight:700;line-height:1;letter-spacing:-40px;color:#8bb3ff06;top:0;left:4%;transform:rotate(-12deg)}.server{width:320px;height:350px;top:100px;left:56%;padding:22px;transform:translateX(-50%) rotateY(-22deg) rotateX(12deg) rotateZ(-9deg);border-radius:25px;background:linear-gradient(125deg,#929dad,#35445e 25%,#0f182a 65%,#324765);border:1px solid #a2b7d766;box-shadow:18px 22px 0 #060c17,19px 23px 0 #5778b777,30px 50px 75px #0009,inset 0 0 25px #769eff15;animation:levitate 7s ease-in-out infinite}.server-top{font-size:21px;color:#f1f4fb;padding:4px 3px 26px}.server i{background:#80bdff;box-shadow:0 0 10px #3c94ff;width:5px;height:5px}.server-unit{height:66px;border-color:#8b9fba42;background:linear-gradient(120deg,#62738b,#25334a 70%);box-shadow:inset 0 1px #a5b7cf55,0 5px 10px #0005;border-radius:7px;margin-bottom:12px;padding:0 16px}.server-unit b{border-color:#a3b5cc66;background:#132136;height:16px}.vents{width:150px;height:30px;background:repeating-linear-gradient(90deg,#070d19 0 3px,transparent 3px 6px);opacity:.8}.server-bottom{color:#9badc9;font-size:7px;letter-spacing:2px;margin-top:21px}.orbit{border-color:#739dff30;width:540px;height:270px;top:50%;transform:translate(-50%,-25%) rotate(-24deg)}.orbit-two{width:670px;height:390px;border-color:#739dff15}.node{background:linear-gradient(145deg,#334e7688,#16243eaa);backdrop-filter:blur(10px);border:1px solid #93b7ff40;box-shadow:0 15px 35px #0004;border-radius:17px;width:88px;height:88px}.node svg{stroke:#a8caff;width:36px}.node-cloud{left:0;top:95px;transform:rotate(-8deg)}.node-shield{right:-10px;top:370px;transform:rotate(6deg)}.node span{color:#a4b6d5;font-size:10px;top:103px}.connection{border-color:#799eff60;width:150px;top:180px}.c1{left:10%;transform:rotate(35deg)}.c2{right:4%;top:360px;transform:rotate(35deg)}.visual-caption{bottom:-16px;color:#8199c2;font-size:8px;letter-spacing:2px;text-align:center}.hero:after{content:'01 / INTELLIGENT IT, HUMAN APPROACH';position:absolute;bottom:30px;left:max(60px,calc((100vw - 1200px)/2));font-size:8px;letter-spacing:2px;color:#61728f}
.manifesto{padding-top:100px;padding-bottom:90px;position:relative}.manifesto .eyebrow{font-size:9px;color:#7f8999}.manifesto p{font-size:clamp(30px,3.7vw,51px);font-weight:500;letter-spacing:-2px;line-height:1.23;margin:30px 0 0}.manifesto p span{color:#929aa8}.manifesto>a{position:absolute;right:70px;bottom:100px;border:1px solid #ccd1da;border-radius:50%;width:75px;height:75px;display:grid;place-items:center;font-size:33px;transition:.3s}.manifesto>a:hover{background:var(--ink);color:white;transform:rotate(45deg)}.expertise-strip{background:transparent;border-block:1px solid #dfe3e9}.expertise-strip .wrap{padding-block:28px;color:#526077;letter-spacing:1px;font-size:10px}.expertise-strip span:first-child{display:none}.expertise-strip span:not(:last-child):after{content:'+';margin-left:34px;color:#a0afc3}
.section{padding-top:100px;padding-bottom:100px}.section-intro{margin-bottom:45px}.section .eyebrow{color:#657187;letter-spacing:2px}.section h2{font-size:49px;letter-spacing:-2px}.section-intro>p{font-size:13px;color:#6b778a;max-width:330px}.services{grid-template-columns:1.15fr 1fr;gap:20px}.service{border-radius:18px;padding:38px;border:1px solid #e0e5ed;min-height:360px;background:white;transition:transform .3s,box-shadow .3s}.service:hover{transform:translateY(-5px);box-shadow:0 18px 45px #11295e0c}.featured{grid-row:span 2;background:radial-gradient(ellipse at 60% 90%,#2a58ae,#101c32 60%);color:#fff;min-height:740px}.number{color:#7e899b;letter-spacing:1.8px}.featured .number{color:#91abd2}.service h3,.featured h3{font-size:38px;letter-spacing:-1.4px;line-height:1.08;margin-top:35px}.service p{font-size:14px;color:#768094;max-width:350px}.featured p{color:#a7b8d1}.tags span{font-size:10px;border-color:#dce3ed;color:#657388}.featured .tags span{color:#a9bfdf;border-color:#8ea7ce40}.mini-rack{display:block;left:60px;right:60px;bottom:65px;transform:perspective(800px) rotateY(-15deg) rotateX(18deg) rotate(-12deg)}.mini-rack>div{height:70px;background:linear-gradient(120deg,#a2afc3,#465a79 60%,#213453);border-color:#8ba5ce77;box-shadow:10px 12px #0a1428}.mini-rack i{background:#12325d}.mini-rack i:last-child{background:#9fcbff;box-shadow:0 0 10px #76baff}.service-icon{font-size:38px;color:#3769e8;float:right;line-height:1;margin-top:30px}.service:nth-child(3){background:#e5edff;border-color:#d6e1f8}.service:nth-child(3) .service-icon{border:1px solid #8eaceb;border-radius:50%;padding:14px;font-size:27px}.continuity{grid-column:span 2;min-height:270px;background:#fff;justify-content:space-between}.continuity>div:first-child{max-width:680px}.continuity h3{font-size:34px}.continuity h3 br{display:none}.continuity p{max-width:600px}.backup-visual{flex:0 0 30%;display:block}.backup-visual>span{font-size:125px;color:#668ae6;line-height:1}.backup-visual>div{font-size:11px;letter-spacing:.4px}
.approach{padding:100px 0;background:#e8ecf2;color:var(--ink);position:relative;overflow:hidden}.approach:after{content:'G-SyS';position:absolute;bottom:-65px;left:30px;pointer-events:none;font-size:240px;letter-spacing:-18px;font-weight:700;color:#203d7005}.approach .eyebrow{color:#718099}.approach h2{font-size:72px;letter-spacing:-3.5px}.approach h2 span{color:#8a99b2}.approach-grid{grid-template-columns:.9fr 1.1fr;gap:100px}.lead{color:#718097;font-size:17px;line-height:1.8}.steps article{border-color:#cbd3df;padding:28px 0;gap:30px}.steps article>span{color:#376ae8;font-size:13px}.steps h3{font-size:23px;color:#25334a}.steps p{color:#728096}.faq{gap:100px}.questions details{padding:26px 0;border-color:#d7dde6}.questions summary{font-size:15px}.questions p{color:#6d798e}.contact.wrap{max-width:1200px;padding:80px 40px;background:radial-gradient(ellipse at 80% 100%,#294eb5,transparent 65%),#0a1020;border-radius:22px;color:#fff;position:relative;overflow:hidden}.contact h2{font-size:65px;letter-spacing:-3px}.contact h2 span{color:#95b6ff}.contact .eyebrow{color:#8d9bb8;font-size:9px}.contact p{color:#9caecb;font-size:15px}.contact .button{background:#fff;color:#182541;margin-top:10px;box-shadow:none;min-width:175px;justify-content:space-between}.contact .email{color:#b0bfda}.contact:after{content:'↗';font-size:250px;line-height:1;position:absolute;right:25px;top:60px;color:#fff04;pointer-events:none}footer{min-height:155px;font-size:11px}footer .logo{font-size:27px}#mobile-nav{background:#101a2d;border-color:#29344a}.menu{color:white}.skip{color:#101a2d}
@keyframes levitate{0%,100%{translate:0 0}50%{translate:0 -13px}}
@media(min-width:1500px){.hero.wrap{min-height:830px}.system-visual{scale:1.1}}
@media(max-width:1100px){.wrap{padding-inline:36px}.hero.wrap{padding-inline:36px;min-height:690px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:83px}.hero .hero-copy>p{font-size:15px}.hero .actions{align-items:flex-start;flex-direction:column;gap:20px}.system-visual{scale:.85;transform-origin:center}.hero:after{left:36px}.service{padding:30px}.featured{min-height:740px}.service h3,.featured h3{font-size:33px}.mini-rack{left:30px;right:35px}.contact.wrap{margin-inline:30px}.approach-grid{gap:45px}.section h2{font-size:42px}.section-intro{display:flex}.contact h2{font-size:55px}.expertise-strip span:not(:last-child):after{margin-left:15px}}
@media(max-width:760px){.wrap{padding-inline:24px}header{height:70px}.hero.wrap{display:block;padding:50px 24px 80px;min-height:0}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero h1{font-size:76px;letter-spacing:-4.5px;line-height:.99;margin-top:27px}.hero h1 br:last-child{display:none}.hero .hero-copy>p{font-size:14px;max-width:340px}.hero .actions{flex-direction:row;align-items:center;gap:17px;flex-wrap:wrap}.hero .button{font-size:10px;padding:15px;gap:12px}.hero .text-link{font-size:10px}.system-visual{height:380px;width:calc(100% + 48px);margin:15px -24px -10px;scale:1;overflow:hidden}.system-visual:before{font-size:330px;left:13%;top:20px}.server{width:230px;height:270px;top:58px;left:51%;padding:17px;border-radius:18px;box-shadow:11px 15px 0 #060c17,12px 16px 0 #5778b777,20px 30px 50px #0009;transform:translateX(-50%) rotateY(-22deg) rotateX(12deg) rotateZ(-9deg)}.server-top{padding-bottom:20px;font-size:16px}.server-unit{height:49px;margin-bottom:10px;padding-inline:11px}.vents{width:105px;height:23px}.server-bottom{font-size:5px;margin-top:16px}.node{width:60px;height:60px;border-radius:12px}.node-cloud{left:7%;top:37px}.node-shield{right:5%;top:274px}.node span{font-size:7px;top:68px;width:85px;color:#aac0e3}.node svg{width:26px}.orbit-one{width:360px;height:190px}.orbit-two{width:440px;height:290px}.connection{width:70px}.c1{top:100px;left:15%}.c2{top:270px;right:8%}.visual-caption{bottom:0;font-size:6px;letter-spacing:1.3px}.hero:after{left:24px;bottom:24px;font-size:6px;letter-spacing:1.3px}.manifesto{padding-block:60px}.manifesto p{font-size:30px;letter-spacing:-1px;margin-top:23px;max-width:90%}.manifesto .eyebrow{font-size:7px}.manifesto>a{width:40px;height:40px;font-size:22px;right:24px;bottom:35px}.expertise-strip .wrap{padding-block:23px;gap:15px;font-size:8px;justify-content:flex-start}.expertise-strip span:not(:last-child):after{display:none}.section{padding-block:65px}.section-intro{display:block}.section h2{font-size:37px;letter-spacing:-1.6px}.section-intro>p{margin-top:20px}.services{grid-template-columns:1fr;gap:16px}.service{min-height:0;padding:30px;border-radius:16px}.service h3,.featured h3{font-size:34px}.service p{font-size:13px}.featured{min-height:570px;grid-row:auto}.mini-rack{display:block;left:55px;right:55px;bottom:40px}.mini-rack>div{height:45px;margin-bottom:8px;box-shadow:7px 9px #0a1428}.continuity{grid-column:auto;display:block}.continuity h3 br{display:block}.backup-visual{display:none}.approach{padding-block:65px}.approach h2{font-size:47px;letter-spacing:-2px}.approach-grid{grid-template-columns:1fr;gap:25px}.lead{font-size:15px}.steps h3{font-size:21px}.steps article{gap:20px}.faq{gap:25px}.questions summary{font-size:14px}.contact.wrap{margin-inline:16px;padding:55px 20px;border-radius:18px}.contact h2{font-size:39px;letter-spacing:-1.7px}.contact p{font-size:13px}.contact .eyebrow{font-size:7px}.contact .email{font-size:11px}footer{min-height:150px;padding-block:35px;gap:20px;font-size:9px}footer .logo{font-size:24px}.nav-links{display:none}}
@media(prefers-reduced-motion:reduce){.server{animation:none}.service,.manifesto>a{transition:none}}
@media(max-width:760px){.hero h1{font-size:clamp(56px,16.4vw,72px);letter-spacing:-3.5px}.hero h1 br:last-child{display:initial}}