:root{
 --navy:#06162a;--navy2:#071c35;--blue:#087df0;--blue2:#29a8ff;--ink:#07162b;
 --text:#17243a;--muted:#647187;--line:#dce4ee;--soft:#f6f9fc;--white:#fff;
 --shadow:0 18px 45px rgba(7,25,49,.13);--container:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - 40px),var(--container));margin:auto}.skip-link{position:fixed;z-index:9999;left:10px;top:10px;padding:10px 14px;background:#fff;color:#000;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;background:rgba(4,17,34,.96);border-bottom:1px solid rgba(255,255,255,.045);transition:.25s}.site-header.scrolled{box-shadow:0 12px 35px rgba(0,0,0,.22);background:rgba(4,17,34,.985)}.nav-wrap{height:78px;display:flex;align-items:center;gap:34px}.logo{min-width:230px;display:grid;grid-template-columns:42px auto;grid-template-rows:28px 13px;column-gap:10px;color:#fff;align-items:center}.logo-mark{grid-row:1/3;width:42px;height:40px;position:relative;display:block}.logo-mark:before,.logo-mark:after,.logo-mark i{content:"";position:absolute;left:4px;width:31px;height:14px;border:2px solid #36a5ff;transform:rotate(30deg) skewX(-30deg);border-radius:2px}.logo-mark:before{top:2px}.logo-mark i:nth-child(1){top:10px;opacity:.8}.logo-mark i:nth-child(2){top:18px;opacity:.6}.logo-mark i:nth-child(3){display:none}.logo-word{font-weight:800;font-size:1.42rem;letter-spacing:-.045em}.logo-word span{color:#319eff}.logo small{font-size:.58rem;color:#c5d0df;margin-top:-2px}.main-nav{margin-left:auto;display:flex;align-items:center;gap:26px;color:#fff;font-size:.9rem;font-weight:600}.main-nav a{padding:28px 0 24px;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:2px;background:#20a6ff;transform:scaleX(0);transition:.2s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.nav-cta{padding:14px 20px;border-radius:5px;background:#0d7ee9;color:#fff;font-weight:750;font-size:.87rem;white-space:nowrap}.menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.2);border-radius:6px;width:42px;height:40px;padding:9px}.menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0}
.hero{height:492px;position:relative;padding-top:78px;background:#071a31;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:78px 0 0 0;background-image:url("../img/hero-servers.webp");background-size:cover;background-position:center right}.hero-shade{position:absolute;inset:78px 0 0 0;background:linear-gradient(90deg,rgba(3,16,33,.99) 0%,rgba(3,16,33,.94) 35%,rgba(3,16,33,.50) 66%,rgba(3,16,33,.10) 100%)}.hero-content{position:relative;height:100%;display:flex;align-items:center}.hero-copy{width:620px;margin-top:-10px}.eyebrow{margin:0 0 15px;color:#4cb8ff;font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.hero h1{font-size:3.15rem;line-height:1.05;letter-spacing:-.045em;margin:0 0 18px}.hero h1 span{color:#2d9af6}.hero-lead{max-width:610px;margin:0 0 26px;color:#f0f4f9;font-size:.96rem;line-height:1.65}.hero-actions{display:flex;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:0 20px;border-radius:5px;font-size:.86rem;font-weight:750;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#0d85f5,#0770dd);color:#fff;box-shadow:0 9px 22px rgba(9,126,238,.24)}.btn-outline{border:1px solid rgba(255,255,255,.7);color:#fff;background:rgba(6,22,42,.35)}.btn.small{min-height:44px}.services-floating{margin-top:-25px;position:relative;z-index:10}.service-bar{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:7px;box-shadow:var(--shadow);overflow:hidden}.service-bar article{text-align:center;padding:25px 19px 20px;min-height:168px;position:relative}.service-bar article+article:before{content:"";position:absolute;left:0;top:25px;bottom:25px;width:1px;background:var(--line)}.service-bar img{width:42px;height:42px;margin:0 auto 12px;color:#087df0}.service-bar h2{font-size:.92rem;margin:0 0 8px;color:#07162b}.service-bar p{font-size:.73rem;margin:0;color:#586579;line-height:1.55}.section{padding:72px 0}.benefits{padding-top:58px;background:radial-gradient(circle at 100% 60%,rgba(27,126,232,.05),transparent 27%),#fff}.benefits-grid{display:grid;grid-template-columns:.75fr 1.45fr;gap:75px;align-items:center}.blue{color:#0a77e2}.section-copy h2,.section-heading h2,.process-title h2,.about h2{font-size:2.25rem;line-height:1.08;letter-spacing:-.04em;margin:0 0 12px;color:var(--ink)}.title-rule{display:block;width:42px;height:3px;background:#1b88ee;margin:14px 0}.section-copy>p:not(.eyebrow){font-size:.93rem;color:#4f5d72;margin-bottom:22px}.benefit-items{display:grid;grid-template-columns:1fr 1fr;column-gap:46px}.benefit-items article{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.benefit-items img{width:34px;color:#0a7ff0}.benefit-items h3{font-size:.91rem;margin:0 0 4px}.benefit-items p{font-size:.76rem;color:#5e6a7d;margin:0}.solutions{padding-top:28px;background:linear-gradient(180deg,#fff,#f8fbff)}.section-heading.center{text-align:center;margin-bottom:20px}.section-heading.center h2{font-size:1.75rem}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.solution-card{min-height:292px;border-radius:7px;overflow:hidden;position:relative;background:#05172d;color:#fff}.solution-bg{position:absolute;inset:0;background:url("../img/servers-texture.webp") center/cover no-repeat;opacity:.27}.solution-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04172d 0%,rgba(4,23,45,.94) 48%,rgba(4,23,45,.52) 100%)}.solution-bg.second{transform:scaleX(-1)}.solution-content{position:relative;z-index:2;padding:28px;display:grid;grid-template-columns:55px 1fr;gap:18px}.solution-icon{width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-items:center}.solution-icon img{width:30px;color:#0b7ff0}.solution-card h3{font-size:1rem;margin:2px 0 0}.solution-card h4{font-size:1rem;color:#29a8ff;margin:0 0 9px}.solution-card p{font-size:.75rem;color:#d3deea;max-width:430px;margin:0 0 9px}.solution-card ul{list-style:none;padding:0;margin:0 0 10px}.solution-card li{font-size:.72rem;color:#f0f5fa;margin:4px 0;position:relative;padding-left:18px}.solution-card li:before{content:"✓";position:absolute;left:0;color:#28a9ff}.solution-card a{font-size:.73rem;color:#2caaff;font-weight:700}.process{padding:58px 0}.process-layout{display:grid;grid-template-columns:.53fr 1.47fr;gap:42px;align-items:start}.process-title{padding-top:3px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps article{position:relative}.steps article:not(:last-child):after{content:"";position:absolute;top:25px;right:-13px;width:23px;border-top:1px dashed #76b6ef}.step-icon{display:flex;align-items:center;gap:8px;margin-bottom:9px}.step-icon img{width:47px;height:47px;padding:11px;border:1px solid #d7e2ef;border-radius:50%;color:#087df0;box-shadow:0 6px 15px rgba(15,80,150,.06)}.step-icon span{width:22px;height:22px;border-radius:50%;background:#0b76df;color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:800}.steps h3{font-size:.79rem;margin:0 0 5px}.steps p{font-size:.68rem;line-height:1.55;color:#5a687a;margin:0}.about{background:#07192e;color:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about h2{color:#fff}.about-grid>div:last-child p{color:#b9c7d7;margin:0 0 16px}.cta{background:linear-gradient(90deg,#087cf0,#086bd4);color:#fff}.cta-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner>div{display:flex;align-items:center;gap:20px}.cta-icon{width:48px;height:48px;border:2px solid rgba(255,255,255,.9);border-radius:8px;display:grid;place-items:center;font-size:1.3rem}.cta h2{font-size:1.12rem;margin:0 0 3px}.cta p{font-size:.78rem;margin:0;color:#e7f2ff}.btn-white{background:#fff;color:#086ad0}.footer{background:#041326;color:#d5deea;padding:38px 0 20px}.footer-grid{display:grid;grid-template-columns:1.45fr .72fr .72fr 1fr;gap:55px}.footer h3{font-size:.75rem;margin:5px 0 13px;color:#fff}.footer a,.footer span{display:block;font-size:.71rem;color:#b7c3d2;margin:6px 0}.footer-brand p{font-size:.73rem;color:#a8b7c7;max-width:240px}.logo.inverse{min-width:0;margin-bottom:10px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;margin-top:26px;color:#718297;font-size:.64rem}.footer-bottom div{display:flex;gap:24px}.footer-bottom a{display:inline;margin:0;color:#718297}
@media(max-width:1020px){.nav-cta{display:none}.main-nav{gap:18px}.benefits-grid{gap:38px}.service-bar{grid-template-columns:repeat(3,1fr)}.service-bar article:nth-child(4):before{display:none}.process-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-copy{width:56%}.hero h1{font-size:2.65rem}}
@media(max-width:780px){.container{width:min(calc(100% - 28px),var(--container))}.nav-wrap{height:70px}.logo{min-width:0}.logo small{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav{position:absolute;top:70px;left:14px;right:14px;display:none;background:#07192e;padding:12px 18px;border-radius:7px;box-shadow:0 15px 35px rgba(0,0,0,.28)}.main-nav.open{display:grid}.main-nav a{padding:12px 3px}.main-nav a:after{display:none}.hero{height:auto;min-height:540px;padding-top:70px}.hero-photo,.hero-shade{inset:70px 0 0}.hero-photo{background-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(3,16,33,.98),rgba(3,16,33,.87) 72%,rgba(3,16,33,.60))}.hero-content{min-height:470px}.hero-copy{width:100%;max-width:600px}.hero h1{font-size:2.65rem}.service-bar{grid-template-columns:1fr 1fr}.service-bar article+article:before{display:none}.benefits-grid,.about-grid{grid-template-columns:1fr}.benefit-items{column-gap:22px}.solution-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.steps article:after{display:none}.cta-inner{padding:23px 0;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.logo-word{font-size:1.22rem}.hero h1{font-size:2.25rem}.hero-lead{font-size:.88rem}.hero-actions{display:grid}.btn{width:100%}.service-bar{grid-template-columns:1fr}.service-bar article{min-height:auto}.benefit-items,.steps{grid-template-columns:1fr}.section-copy h2,.about h2{font-size:1.9rem}.solution-content{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:14px}.footer-bottom div{display:grid;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.legal-page{min-height:100vh;padding:130px 0 90px;background:#f6f9fc}
.legal-card{max-width:850px;margin:auto;padding:42px;background:#fff;border:1px solid #dce4ee;border-radius:9px;box-shadow:0 15px 35px rgba(7,25,49,.07)}
.legal-card h1{font-size:2.7rem;letter-spacing:-.04em;color:#07162b;margin:0 0 22px}
.legal-card p{color:#5f6b7d}
.legal-card a{color:#087df0;font-weight:700}


/* =========================
   VirtualInfra V3 additions
   ========================= */

.process-note{
  max-width:330px;
  margin:14px 0 0;
  color:#647187;
  font-size:.76rem;
  line-height:1.6;
}

.technology-strip{
  padding:42px 0;
  background:#f4f8fc;
  border-top:1px solid #dce4ee;
  border-bottom:1px solid #dce4ee;
}

.technology-wrap{
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:45px;
  align-items:center;
}

.technology-wrap h2{
  margin:0;
  color:#07162b;
  font-size:1.65rem;
  line-height:1.15;
  letter-spacing:-.035em;
}

.technology-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:9px;
}

.technology-list span{
  padding:9px 13px;
  border:1px solid #d8e3ef;
  border-radius:999px;
  background:#fff;
  color:#3d4c61;
  font-size:.75rem;
  font-weight:700;
}

.about-highlight{
  color:#fff !important;
  font-weight:700;
}

.contact-section{
  padding:82px 0;
  background:#f6f9fc;
}

.contact-layout{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:64px;
  align-items:start;
}

.contact-copy h2{
  margin:0 0 16px;
  color:#07162b;
  font-size:2.25rem;
  line-height:1.08;
  letter-spacing:-.04em;
}

.contact-copy>p:not(.eyebrow){
  color:#5d6b7f;
  font-size:.94rem;
  max-width:500px;
}

.contact-options{
  margin:30px 0;
  border-top:1px solid #dce4ee;
}

.contact-options>div{
  padding:15px 0;
  border-bottom:1px solid #dce4ee;
}

.contact-options strong,
.contact-options span{
  display:block;
}

.contact-options strong{
  color:#07162b;
  font-size:.84rem;
}

.contact-options span{
  margin-top:3px;
  color:#667489;
  font-size:.75rem;
}

.whatsapp-form{
  margin-top:24px;
}

.btn-whatsapp{
  color:#fff;
  background:#128c7e;
  border:0;
  cursor:pointer;
}

.contact-card{
  padding:30px;
  border:1px solid #dce4ee;
  border-radius:9px;
  background:#fff;
  box-shadow:0 20px 45px rgba(7,25,49,.08);
}

.contact-form{
  display:grid;
  gap:17px;
}

.field-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.contact-form label>span:first-child{
  display:block;
  margin-bottom:6px;
  color:#28384e;
  font-size:.76rem;
  font-weight:700;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;
  border:1px solid #ccd8e5;
  border-radius:6px;
  background:#fff;
  color:#142238;
  padding:12px 13px;
  font:inherit;
  font-size:.86rem;
  outline:none;
  transition:border-color .18s, box-shadow .18s;
}

.contact-form textarea{
  resize:vertical;
  min-height:135px;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  border-color:#0b7eea;
  box-shadow:0 0 0 3px rgba(11,126,234,.10);
}

.check-row{
  display:grid !important;
  grid-template-columns:18px 1fr;
  gap:9px;
  align-items:start;
  color:#5d6b7e;
  font-size:.73rem;
}

.check-row input{
  width:16px;
  height:16px;
  margin:2px 0 0;
}

.check-row span{
  margin:0 !important;
  font-weight:400 !important;
}

.check-row a{
  color:#087df0;
  font-weight:700;
}

.form-submit{
  border:0;
  cursor:pointer;
}

.form-note{
  margin:0;
  color:#8390a1;
  font-size:.66rem;
}

.hp-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

.form-message{
  margin-bottom:18px;
  padding:12px 14px;
  border-radius:6px;
  font-size:.79rem;
  font-weight:650;
}

.form-message.success{
  color:#155e43;
  background:#eaf8f1;
  border:1px solid #bfe8d2;
}

.form-message.error{
  color:#8a2730;
  background:#fff0f1;
  border:1px solid #f0c8cc;
}

.brand-company{
  margin-top:9px !important;
  color:#7f91a5 !important;
  font-size:.66rem !important;
}

.legal-page{
  min-height:100vh;
  padding:100px 0;
  background:#f6f9fc;
}

.legal-card{
  max-width:900px;
  margin:auto;
  padding:42px;
  border:1px solid #dce4ee;
  border-radius:9px;
  background:#fff;
  box-shadow:0 18px 45px rgba(7,25,49,.07);
}

.legal-card h1{
  margin:0 0 28px;
  color:#07162b;
  font-size:2.7rem;
  letter-spacing:-.045em;
}

.legal-card h2{
  margin:30px 0 8px;
  color:#07162b;
  font-size:1.05rem;
}

.legal-card p{
  color:#5d6b7f;
  font-size:.88rem;
}

.legal-card a{
  color:#087df0;
  font-weight:700;
}

.legal-note{
  margin-top:30px;
  padding:14px;
  border-left:3px solid #0b7eea;
  background:#f4f8fd;
}

@media(max-width:900px){
  .technology-wrap,
  .contact-layout{
    grid-template-columns:1fr;
  }
  .technology-list{
    justify-content:flex-start;
  }
}

@media(max-width:580px){
  .field-grid{
    grid-template-columns:1fr;
  }
  .contact-card{
    padding:22px 18px;
  }
  .legal-card{
    padding:28px 22px;
  }
  .legal-card h1{
    font-size:2.1rem;
  }
}