/* Modern visual system */
:root{--ink:#10243f;--muted:#586b80;--blue:#276af0;--paper:#f6f8fc}html{scroll-padding-top:110px}header{position:sticky;top:0;z-index:20;max-width:none;background:#fffffff2;backdrop-filter:blur(18px);height:94px;padding:0 max(5%,calc((100% - 1280px)/2));border-bottom:1px solid #e6edf5}nav{font-size:13px}.button{border-radius:100px;padding:17px 25px;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2255bb22}.button span{font-size:20px;font-weight:400}.button.small{background:var(--ink);padding:11px 22px}.logo-window{width:225px;height:65px}.logo-window img{width:275px;left:-27px;top:-22px}.hero{max-width:none;background:#091d37;color:white;padding:84px max(5%,calc((100% - 1280px)/2)) 66px;grid-template-columns:1.15fr 1fr;gap:35px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;right:-180px;top:-260px;width:750px;height:750px;background:radial-gradient(circle,#2367c32b,transparent 65%);pointer-events:none}.hero-copy{position:relative}.hero .eyebrow{color:#a1c5ff;font-size:10px}.hero .eyebrow>span{background:#8abbff;box-shadow:0 0 0 5px #8abbff12}h1{font-size:clamp(48px,5.4vw,77px);line-height:1.08;letter-spacing:-4px;font-weight:600;margin:28px 0 24px}h1 em{color:#81b4ff}.hero-copy>p{font-size:16px;line-height:1.85;color:#b1c2d8;max-width:450px}.actions{gap:24px;flex-wrap:wrap}.hero-note{font-size:10px;color:#a2b8d4;letter-spacing:.3px;margin-top:44px}.hero-note i{color:#6384ad}.network{height:470px;background:none;border-radius:0;box-shadow:none;isolation:isolate;overflow:visible}.diagram-grid{background-image:radial-gradient(#9cc4ff40 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black,transparent 69%)}.orbit{border-color:#8fb9ef2a}.orbit.one{width:280px;height:280px}.orbit.two{width:420px;height:420px;border-style:dashed}.beam{background:linear-gradient(90deg,transparent,#77adf399,transparent)}.horizontal{width:85%;transform:translate(-50%,-50%) rotate(-23deg)}.vertical{width:82%;height:1px;transform:translate(-50%,-50%) rotate(60deg)}.center-node{width:155px;height:155px;border-radius:35px;background:linear-gradient(145deg,#337efa,#19489e);border:1px solid #79a9ff;box-shadow:0 20px 80px #1f65e84d,inset 0 1px 1px #ffffff77;gap:12px}.center-icon{font-size:37px}.node{padding:15px 18px;border-radius:14px;background:#142e50eb;border-color:#8fb9ef38;backdrop-filter:blur(10px);box-shadow:0 15px 30px #030b1c33;gap:11px}.node strong{font-weight:500;font-size:11px}.node svg{width:24px;height:24px;fill:none;stroke:#9bc3ff;stroke-width:1.5}.computer{top:12%;left:1%}.cloud{top:18%;right:0}.net{bottom:26%;left:0}.host{bottom:16%;right:0}.diagram-caption{bottom:0;color:#9eb8dc}.section{padding:92px max(5%,calc((100% - 1280px)/2))}.section .eyebrow{color:var(--blue);font-size:10px}.section-head{gap:45px;margin-bottom:42px}.section-head>p{max-width:330px}h2{font-size:clamp(34px,3.7vw,50px);line-height:1.15;letter-spacing:-2px;font-weight:600}.services{background:#f6f8fc;border:0}.service-grid{grid-template-columns:1fr 1fr;gap:20px}.service-grid article{padding:32px;border-radius:22px;background:#fff;border-color:#e1e8f1;transition:transform .25s,box-shadow .25s,border-color .25s}.service-grid article:hover{transform:translateY(-4px);border-color:#acc8ff;box-shadow:0 15px 45px #15386510}.service-icon{width:49px;height:49px;border-radius:14px}.service-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.5;fill:none}.service-grid h3{font-size:26px;font-weight:600;letter-spacing:-1px;margin:24px 0 12px}.service-grid p{font-size:14px;max-width:360px}.service-grid ul{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0 26px}.service-grid li{font-size:11px;line-height:1.5;background:#f3f6fa;border-radius:6px;padding:6px 11px}.service-grid li:before{content:none}.service-grid article>a{font-size:12px;padding-top:20px;align-items:center}.service-grid article>a span{font-size:20px;color:var(--blue)}.approach{background:#fff}.approach-intro p{line-height:1.9;margin-top:24px}.steps article{gap:23px}.steps article:first-child{padding-top:0}.steps article>span{width:36px;height:36px;background:#edf3ff;border-radius:50%;display:grid;place-items:center;flex-shrink:0;padding:0;font-size:10px}.steps h3{font-weight:600;margin-top:6px}.faq{background:#f6f8fc;border-top:1px solid #e1e8f1}.faq h2{font-size:42px;max-width:350px}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;font-weight:400;color:var(--blue)}details[open] summary:after{content:'−'}details p{line-height:1.9}.contact{background:#0b213e;gap:8%}.contact .eyebrow{color:#a2c4ff}.contact h2{font-size:clamp(38px,4vw,56px)}.contact p{font-size:15px;line-height:1.9;max-width:400px}.contact em{color:#87b7ff}#contact-details a{display:inline-block;color:white;font-size:clamp(27px,3vw,38px);font-weight:500;letter-spacing:-1px;border-bottom:1px solid #6b89b0;padding-bottom:8px;margin-top:22px}.inquiry{padding:28px;border:1px solid #344d6b;background:#162f4f;border-radius:22px}.inquiry select,.inquiry textarea{background:#0e2643;border-radius:10px;border-color:#4e6785;padding:13px}.inquiry p.form-note{font-size:10px;line-height:1.8;max-width:none;color:#b6c7dd}footer .logo-window{width:185px;height:54px}footer .logo-window img{width:226px;left:-22px;top:-18px}footer{padding:27px 5%}select:focus-visible,textarea:focus-visible{outline:3px solid #65baff;outline-offset:4px}
@media(max-width:1050px){h1{font-size:58px}.hero{gap:15px;padding-top:65px}.network{height:410px}.node{padding:12px 10px;gap:7px}.node strong{font-size:9px}.center-node{width:135px;height:135px}.orbit.one{width:225px;height:225px}.orbit.two{width:340px;height:340px}.section{padding-top:75px;padding-bottom:75px}.approach,.contact{gap:6%}}
@media(max-width:760px){html{scroll-padding-top:85px}header{height:80px;padding:0 5%}header .logo-window{width:180px;height:54px}header .logo-window img{width:220px;left:-22px;top:-18px}nav>a:not(.button){display:none}nav .button.small{font-size:11px;padding:9px 15px;gap:15px}.hero{grid-template-columns:1fr;padding:51px 5% 38px;gap:18px}h1{font-size:clamp(46px,10vw,70px);letter-spacing:-2.7px;margin-top:24px}.hero-copy>p{font-size:15px}.actions{flex-direction:row;align-items:center;gap:20px;margin-top:25px}.actions .button{font-size:12px;padding:14px 20px;gap:20px}.actions .text-link{font-size:12px}.hero-note{font-size:9px;margin-top:30px}.hero-note i{padding:0 5px}.network{height:350px;width:100%;max-width:460px;margin:auto}.orbit.two{width:315px;height:315px}.node strong{font-size:10px}.computer{left:3%;top:10%}.cloud{right:1%;top:18%}.net{left:0;bottom:25%}.host{right:2%;bottom:17%}.diagram-caption{font-size:7px;bottom:0}.section{padding:57px 5%}.section-head{display:block;margin-bottom:28px}.service-grid{gap:14px}.service-grid article{padding:23px}.service-grid h3{font-size:23px}.service-grid ul{display:block}.service-grid li{display:table;margin-bottom:7px}.approach,.faq,.contact{grid-template-columns:1fr;gap:35px}h2{font-size:37px}.approach h2 br{display:none}.approach h2{max-width:440px}.faq h2{font-size:37px;max-width:none}.contact h2{font-size:44px}#contact-details a{margin-top:10px}.inquiry{padding:23px}footer{gap:12px;flex-wrap:wrap}}
@media(max-width:480px){.service-grid{grid-template-columns:1fr}.service-grid article{padding:26px}.service-grid ul{display:flex}.service-grid li{display:block;margin:0}.hero-note{letter-spacing:0}.contact h2{font-size:39px}}
.service-photo{display:block;width:calc(100% + 64px);max-width:none;height:auto;aspect-ratio:16/10;object-fit:cover;margin:-32px -32px 27px;border-radius:21px 21px 0 0;background:#dce5ef}.service-grid article{overflow:hidden}.service-photo[src*="cloud-services"]{object-position:50% 60%}@media(max-width:760px){.service-photo{width:calc(100% + 46px);margin:-23px -23px 24px}}@media(max-width:480px){.service-photo{width:calc(100% + 52px);margin:-26px -26px 24px}}