/* HAX IT visual direction: luminous infrastructure and architectural panels. */
body{background:#030d18}header{position:relative;z-index:5;background:#040e19;max-width:none;padding:22px max(40px,calc((100vw - 1160px)/2));border-bottom-color:#38c5f329}.mark{position:relative;border:0;border-radius:0;background:linear-gradient(145deg,#1e72b6,#07314e);box-shadow:inset 0 0 0 1px #3dc8fc7a,0 0 24px #00afff20;transform:skewY(-8deg);font-size:26px;padding:12px}.brand{font-size:32px}.brand small{font-size:8px;letter-spacing:5px}.button{background:linear-gradient(120deg,#38d1fc,#1689e5);color:white;box-shadow:0 5px 25px #138fdf30;border:1px solid #6ad8ff80;border-radius:4px}.button:hover{background:linear-gradient(120deg,#73e5ff,#389ff1);box-shadow:0 6px 35px #138fdf50}header .button{background:transparent;color:#daefff}.hero{position:relative;display:block;max-width:1440px;margin:auto;min-height:740px;padding-top:95px;padding-bottom:95px;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:1160px;margin:auto}.hero h1{font-size:clamp(60px,5.8vw,82px);font-weight:800;letter-spacing:-4px;line-height:1.04;max-width:650px;margin-bottom:28px}.hero h1 em{color:#43ccff;text-shadow:0 0 45px #2cadff35}.hero .eyebrow{display:inline-flex;border:1px solid #39c2ff42;background:#0e2f485e;backdrop-filter:blur(10px);padding:8px 12px;border-radius:3px;font-size:9px;letter-spacing:1.7px;color:#bcdff4;margin-bottom:28px}.hero .intro{max-width:455px;font-size:16px;line-height:1.8;color:#b8cbdc}.hero-note{font-size:11px;gap:28px;margin-top:35px}.hero-art{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030d18 0%,#030d18e8 24%,#030d18a1 40%,transparent 61%),linear-gradient(0deg,#030d18,transparent 16%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.94}.art-label{position:absolute;z-index:1;bottom:48px;right:70px;padding:13px 18px;background:#07182ad9;backdrop-filter:blur(10px);border:1px solid #28b9ff60;font-size:9px;letter-spacing:2px;box-shadow:0 0 25px #239bff20;border-radius:4px}.art-label>span:last-child{display:block;font-size:10px;color:#8eafca;letter-spacing:.3px;margin:4px 0 0 14px}.service-strip{background:linear-gradient(90deg,#0b2539,#081a2c);border-color:#2983b54a}.service-strip .wrap{padding-block:25px}.service-strip span{font-weight:600;color:#b5c9dd}.service-strip span:first-child{color:#4ccaff}.services{background:radial-gradient(ellipse at 100% 0,#0c2e4d,transparent 50%),#061321;color:#f4f9ff;position:relative;border-bottom:1px solid #1e4e70}.section{padding-block:95px}h2{font-weight:700;letter-spacing:-1.8px;font-size:44px}h2 em{color:#36c8fa;font-style:normal}.section-top>p{color:#9ab1c5}.eyebrow{color:#42c2f3;font-size:9px;letter-spacing:2px}.service-grid{grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.service-grid details{position:relative;background:linear-gradient(145deg,#102a40,#081b2d);border:1px solid #294a64;border-radius:8px;padding:26px 24px;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.service-grid details:after{content:'';position:absolute;top:0;left:24px;width:40px;height:2px;background:#2fc3ff;box-shadow:0 0 20px #00aaff}.service-grid details:hover{border-color:#2da8e6;transform:translateY(-4px);box-shadow:0 18px 40px #0004}.service-grid summary{padding:0;gap:12px;display:grid;grid-template-columns:1fr auto;font-size:20px;letter-spacing:-.4px;line-height:1.3}.service-icon{grid-column:1/-1;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(145deg,#13476a,#102b45);border:1px solid #2e8bbc79;box-shadow:0 0 28px #20aaff12,inset 0 0 12px #34c4ff0c;border-radius:12px;margin-bottom:20px;color:#51d2ff}.service-icon svg{width:31px;height:31px;filter:drop-shadow(0 0 6px #2ac4ff50)}.service-grid .plus{font-size:22px;color:#48b7e7}.detail{padding:20px 0 0;font-size:13px;color:#98b2c9}.detail h3{font-family:'DM Sans',Arial,sans-serif;color:#cadcea;letter-spacing:0;font-size:13px;font-weight:500;line-height:1.5;margin:0 0 10px}.detail p{margin:0 0 15px;min-height:83px;line-height:1.7}.detail ul{border-top:1px solid #2b465e;list-style:none;padding:16px 0 0;margin:0 0 15px;font-size:11px;min-height:92px}.detail li{margin-bottom:7px;padding-left:15px;position:relative}.detail li:before{content:'✓';position:absolute;left:0;color:#46bfee}.detail a{font-size:11px;color:#55c8ff;letter-spacing:.2px}.approach{background:radial-gradient(ellipse at 0 100%,#153e61,transparent 60%),#0a2034;position:relative;overflow:hidden}.approach:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#43a9ff05 1px,transparent 1px),linear-gradient(90deg,#43a9ff05 1px,transparent 1px);background-size:45px 45px;pointer-events:none}.approach .wrap{position:relative}.process-heading{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #325575;padding-top:25px;font-size:8px;letter-spacing:1.5px;color:#6d9dbf}.process-heading span:last-child{letter-spacing:0;font-size:10px}.steps{gap:0;margin-top:35px}.steps article{border:0;border-left:1px solid #366183;padding:0 25px 0 25px;position:relative}.steps article:before{content:'';position:absolute;left:-4px;top:0;width:7px;height:7px;background:#41ccff;box-shadow:0 0 12px #26bbff;border-radius:50%}.steps article:first-child{padding-left:0;border:0}.steps article:first-child:before{display:none}.steps span{font-family:Manrope,sans-serif;font-size:36px;font-weight:800;color:#3c87bb;letter-spacing:-2px}.steps h3{margin-top:18px;font-size:21px}.steps p{font-size:13px;line-height:1.8;color:#a2b9ce}#questions{background:#eaf0f5;color:#132f47}.faqs details{border-color:#bdccd8}.faqs summary{font-size:15px}.faqs p{color:#526e84}.contact{background:radial-gradient(ellipse at 0 100%,#084a7d,transparent 60%),linear-gradient(110deg,#061b2e,#04101e);position:relative}.contact:after{content:'';position:absolute;right:0;top:0;width:40%;height:100%;opacity:.12;background:url('infrastructure-v2.png') center/cover;pointer-events:none;mask-image:linear-gradient(90deg,transparent,black)}.contact-grid{position:relative;z-index:1;align-items:center}.contact h2{font-size:58px;line-height:1.08;letter-spacing:-2.5px}.contact-panel{background:linear-gradient(145deg,#15334cdd,#0a1e33ee);border-color:#376181;border-radius:10px;padding:36px;box-shadow:0 25px 70px #0005}.contact-panel h3{font-size:25px}.email{font-size:20px}footer{padding-block:35px}footer .brand{font-size:26px}@media(min-width:1450px){.hero{min-height:780px}}@media(max-width:1050px){.hero h1{font-size:68px}.hero{min-height:690px;padding-top:80px}.hero-art img{object-position:60% center}.hero-art:after{background:linear-gradient(90deg,#030d18 0%,#030d18dc 28%,#030d1899 48%,transparent 75%),linear-gradient(0deg,#030d18,transparent 16%)}.service-grid{grid-template-columns:repeat(2,1fr)}.detail p{min-height:65px}.contact h2{font-size:49px}.art-label{right:30px}}@media(max-width:650px){header{padding:18px 22px}.brand{font-size:25px}.brand small{font-size:6px;letter-spacing:4.4px}.mark{font-size:20px;padding:10px}.hero{min-height:0;padding:55px 26px 315px;display:block}.hero-copy{max-width:none}.hero h1{font-size:58px;line-height:1.02;letter-spacing:-2.8px}.hero .eyebrow{font-size:7px;letter-spacing:1.1px;padding:7px 9px}.hero .intro{font-size:15px;max-width:340px}.hero-art img{height:470px;position:absolute;bottom:-40px;width:100%;object-fit:cover;object-position:65% center}.hero-art:after{background:linear-gradient(180deg,#030d18 0%,#030d18 49%,#030d1870 66%,transparent 82%,#030d18 100%)}.hero-note{gap:20px;margin-top:30px;font-size:10px}.art-label{right:25px;bottom:20px;padding:9px 12px;font-size:7px}.art-label>span:last-child{font-size:8px}.section{padding-block:60px}.section-top>p{font-size:14px}h2{font-size:35px}.service-grid{grid-template-columns:1fr;gap:15px}.service-grid details{padding:25px}.detail p,.detail ul{min-height:0}.service-grid summary{font-size:21px}.service-icon{margin-bottom:14px}.detail{font-size:14px}.detail h3{font-size:14px}.detail ul{font-size:12px}.detail a{font-size:12px}.steps{grid-template-columns:1fr 1fr;gap:30px 0}.steps article:nth-child(3){border:0;padding-left:0}.steps article:nth-child(3):before{display:none}.steps article{padding-right:18px;padding-left:18px}.steps h3{font-size:19px}.steps p{font-size:12px}.process-heading span:last-child{max-width:150px;text-align:right}.contact h2{font-size:48px}.contact-panel{padding:27px}.contact:after{width:100%;opacity:.07}.service-strip .wrap{padding-block:20px;gap:12px 20px}.hero .actions{gap:20px}.hero .button{padding:16px 20px}.faqs summary{font-size:14px}}