*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020913;color:#f5f8fc;font-family:Inter,Arial,sans-serif;line-height:1.55}.header{position:fixed;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;z-index:20;background:rgba(2,9,19,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand-mark{font-size:42px;line-height:1;color:#1687ff}.brand strong{font:700 42px/1 "Space Grotesk";letter-spacing:-2px}.brand small{display:block;font-size:8px;letter-spacing:3px;color:#aeb8c6}.nav{display:flex;gap:28px}.nav a{color:#cdd5df;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.5px;position:relative}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:3px;background:#1687ff;border-radius:3px}.header-actions{display:flex;gap:18px;align-items:center}.phone{color:#e8eef7;text-decoration:none;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:7px;text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.4px;transition:.25s}.btn-primary{background:#147cf5;color:#fff;box-shadow:0 12px 35px rgba(20,124,245,.22)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(20,124,245,.35)}.btn-outline{border:1px solid #1787ff;color:#fff;background:rgba(0,0,0,.18)}.btn-outline:hover{background:#147cf5}.btn-dark{border:1px solid #1687ff;color:#fff;background:#020913}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background:#020913 url("hero-data-center.jpg") right center/62% 100% no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020913 0%,#020913 36%,rgba(2,9,19,.78) 50%,rgba(2,9,19,.05) 80%,rgba(2,9,19,.25) 100%)}.hero-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(40,140,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(40,140,255,.22) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,#000,transparent 60%)}.hero-content{position:relative;z-index:2;max-width:700px;margin-left:7vw;padding-top:50px}.eyebrow{color:#1687ff;font-size:12px;font-weight:800;letter-spacing:2.4px;margin-bottom:14px}.hero h1{font:700 clamp(44px,5.2vw,76px)/.98 "Space Grotesk";letter-spacing:-3px;text-transform:uppercase;margin:0 0 24px}.hero h1 span,.about h2 span,.cta h2 span{color:#1687ff}.hero p{max-width:600px;color:#c6cfdb;font-size:18px;margin:0 0 30px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.hero-tags{display:flex;gap:13px;align-items:center;margin-top:34px;color:#d7e0ea;font-size:12px;font-weight:600;letter-spacing:1px}.hero-tags i{width:5px;height:5px;background:#1687ff;border-radius:50%}.trust-bar{position:relative;z-index:4;max-width:92%;margin:-55px auto 0;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(3,15,28,.92);border:1px solid #27415d;border-radius:14px;padding:24px 28px;backdrop-filter:blur(15px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.trust-bar div{padding:0 24px;border-right:1px solid #29445e;display:flex;flex-direction:column}.trust-bar div:last-child{border:0}.trust-bar b{font-size:14px}.trust-bar span{font-size:12px;color:#aebaca}.section{padding:105px 6vw}.section-heading{text-align:center;max-width:780px;margin:0 auto 45px}.section-heading h2{font:700 38px/1.1 "Space Grotesk";margin:0 0 12px}.section-heading p{color:#8e9cac;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1250px;margin:auto}.card{min-height:240px;padding:27px;border:1px solid #1e344b;border-radius:12px;background:linear-gradient(145deg,#071727,#03101e);position:relative;overflow:hidden;transition:.3s}.card:before{content:"";position:absolute;width:150px;height:150px;right:-60px;top:-60px;background:#1687ff;filter:blur(70px);opacity:.08}.card:hover{transform:translateY(-5px);border-color:#1687ff}.card.featured{border-color:#126bd0;background:linear-gradient(145deg,#061c35,#03101e)}.icon{font-size:29px;color:#1687ff;margin-bottom:22px}.card h3{font:600 20px "Space Grotesk";text-transform:uppercase;margin:0 0 9px}.card p{font-size:13px;color:#91a0b1;max-width:310px}.card a{display:inline-block;margin-top:15px;color:#fff;text-decoration:none;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.about{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;background:#03101d}.about h2{font:700 44px/1.05 "Space Grotesk";margin:0 0 22px}.about-copy p{color:#a6b2c1;max-width:650px}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#22394f;border:1px solid #22394f}.about-stats div{background:#061524;padding:30px;min-height:140px}.about-stats strong{display:block;font:700 42px "Space Grotesk";color:#1687ff}.about-stats span{font-size:12px;color:#aab5c2}.steps{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps div{border-top:1px solid #29445e;padding:22px 5px}.steps span{color:#1687ff;font:700 13px "Space Grotesk"}.steps h3{font:600 21px "Space Grotesk";margin:12px 0 7px}.steps p{color:#8f9dad;font-size:13px}.clients{padding-top:30px}.client-strip{max-width:1000px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#718093;font:600 14px "Space Grotesk";letter-spacing:2px}.cta{margin:30px 6vw 80px;padding:65px 7vw;border-radius:18px;background:linear-gradient(110deg,#061b32,#05274b);border:1px solid #19558d;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font:700 46px/1 "Space Grotesk";margin:0 0 15px}.cta p{color:#aebdcd;max-width:650px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}footer{border-top:1px solid #16293c;padding:35px 6vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#728194;font-size:11px}footer .footer-brand strong{font:700 28px "Space Grotesk";color:#fff;margin-right:10px}footer .footer-brand span{letter-spacing:2px}@media(max-width:1050px){.nav{gap:15px}.phone{display:none}.cards{grid-template-columns:repeat(2,1fr)}.trust-bar{grid-template-columns:repeat(3,1fr)}.trust-bar div:nth-child(3){border:0}.about{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.header{height:70px}.brand strong{font-size:34px}.brand-mark{font-size:34px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#03101d;padding:25px;flex-direction:column;border-bottom:1px solid #1d344b}.nav.open{display:flex}.nav a.active:after{display:none}.header-actions{display:none}.hero{min-height:760px;background-position:65% center;background-size:auto 100%}.hero:after{background:linear-gradient(90deg,#020913 0%,#020913 52%,rgba(2,9,19,.65) 100%)}.hero-content{margin:0 7vw;padding-top:80px}.hero h1{font-size:46px}.hero p{font-size:16px}.hero-tags{flex-wrap:wrap}.trust-bar{max-width:88%;margin:-45px auto 0;grid-template-columns:1fr 1fr;padding:18px}.trust-bar div{padding:13px;border-right:0;border-bottom:1px solid #29445e}.cards{grid-template-columns:1fr}.section{padding:75px 6vw}.section-heading h2{font-size:31px}.about h2,.cta h2{font-size:36px}.steps{grid-template-columns:1fr}.cta{margin:10px 5vw 60px;padding:42px 7vw;display:block}.cta-actions{margin-top:25px}footer{display:block}footer>div{margin-bottom:10px}}.inner-hero{min-height:460px;padding:145px 7vw 70px;display:flex;align-items:center;background:radial-gradient(circle at 80% 40%,rgba(20,124,245,.2),transparent 30%),linear-gradient(120deg,#020913,#06192b)}.inner-content{max-width:820px}.inner-content h1{font:700 clamp(44px,5vw,70px)/1 "Space Grotesk";letter-spacing:-3px;margin:0 0 20px}.inner-content h1 span{color:#1687ff}.inner-content p{color:#aebdcd;font-size:18px}.grid3{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.box{padding:28px;border:1px solid #1e344b;border-radius:12px;background:linear-gradient(145deg,#071727,#03101e);min-height:210px}.box small{color:#1687ff;font-weight:800;letter-spacing:1px}.box h3{font:600 21px "Space Grotesk"}.box p{color:#8e9dad;font-size:13px}.contact-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.form{padding:30px;border:1px solid #1e344b;border-radius:14px;background:#051321}.form input,.form select,.form textarea{width:100%;margin:6px 0 14px;padding:14px;border:1px solid #29435d;border-radius:7px;background:#020b15;color:white}.form textarea{min-height:130px}@media(max-width:800px){.grid3,.contact-grid{grid-template-columns:1fr}}
/* Dedicated service imagery — production-safe, scoped to Data Center and Fibra only */
.page-datacenter .service-hero,.page-fibra .service-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);gap:54px;min-height:650px}
.page-datacenter .service-photo,.page-fibra .service-photo{position:relative;z-index:2;min-height:430px;border:1px solid #24557d;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.38)}
.page-datacenter .service-photo-dc{background:linear-gradient(180deg,rgba(2,10,18,.03),rgba(2,10,18,.38)),url("hero-data-center-premium.jpg") center/cover no-repeat}
.page-fibra .service-photo-fo{background:linear-gradient(180deg,rgba(2,10,18,.03),rgba(2,10,18,.38)),url("hero-fibra-optica-premium.jpg") center/cover no-repeat}
.page-datacenter .service-photo-label,.page-fibra .service-photo-label{position:absolute;left:20px;bottom:18px;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(2,10,18,.78);backdrop-filter:blur(8px);font-size:10px;font-weight:700;letter-spacing:1.2px}
.page-datacenter .service-highlight-row,.page-fibra .service-highlight-row{max-width:1120px;margin:-32px auto 35px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #1d405f;border-radius:13px;background:#061524;box-shadow:0 22px 55px rgba(0,0,0,.28)}
.page-datacenter .service-highlight-row div,.page-fibra .service-highlight-row div{padding:20px 24px;border-right:1px solid #17334c}
.page-datacenter .service-highlight-row div:last-child,.page-fibra .service-highlight-row div:last-child{border-right:0}
.page-datacenter .service-highlight-row strong,.page-fibra .service-highlight-row strong{display:block;font:600 15px "Space Grotesk";color:#fff;margin-bottom:4px}
.page-datacenter .service-highlight-row span,.page-fibra .service-highlight-row span{font-size:11px;color:#8fa2b5}
@media(max-width:950px){.page-datacenter .service-hero,.page-fibra .service-hero{grid-template-columns:1fr}.page-datacenter .service-photo,.page-fibra .service-photo{min-height:340px}.page-datacenter .service-highlight-row,.page-fibra .service-highlight-row{margin:20px 5vw 25px;grid-template-columns:1fr 1fr}}
@media(max-width:560px){.page-datacenter .service-photo,.page-fibra .service-photo{min-height:260px}.page-datacenter .service-highlight-row,.page-fibra .service-highlight-row{grid-template-columns:1fr}}