*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030811;color:#eef7ff;font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}header{height:78px;display:flex;align-items:center;gap:30px;padding:0 4.5vw;border-bottom:1px solid #173047;position:sticky;top:0;background:#030811ed;backdrop-filter:blur(18px);z-index:50}.brand{margin-right:auto}.brand img{width:190px;display:block}nav{display:flex;gap:28px;color:#9aaec5}nav a:hover,nav .on{color:#25d9ff}.ha{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#08c9ff,#087dff);padding:12px 19px;border-radius:7px;font-weight:800}.ghost{background:#07111e;border:1px solid #2b4863}.hero{min-height:570px;padding:0 4.5vw;display:grid;grid-template-columns:.92fr 1.08fr;border-bottom:1px solid #173047;overflow:hidden}.copy{padding:65px 0 38px;z-index:2}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:900;color:#26d9ff}.copy h1{font-size:clamp(54px,5.4vw,82px);line-height:.92;letter-spacing:-.055em;margin:17px 0 23px}.copy h1 span,.sh h2 span,.net h2 span{background:linear-gradient(90deg,#04d8ff,#4c8cff);-webkit-background-clip:text;color:transparent}.copy>p{max-width:590px;color:#c2cfdd;font-size:17px}.actions{display:flex;gap:12px;margin:28px 0 38px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:680px}.stats div{color:#22d9ff;font-size:24px}.stats b{color:#fff;font-size:14px}.stats small{display:block;margin-left:25px;color:#7890a8;font-size:10px}.heroimg{margin-left:-65px;background:linear-gradient(90deg,#030811 0%,transparent 25%),url("../img/hero.jpg") center/cover;min-height:100%}.vendors{min-height:86px;padding:20px 4.5vw;display:grid;grid-template-columns:repeat(6,1fr) 1.5fr;align-items:center;border-bottom:1px solid #173047;background:#06101a;color:#aab7c6;font-size:19px}.vendors em{font-style:normal;border-left:1px solid #177aa5;padding-left:25px;font-size:10px;letter-spacing:.17em}.solutions{padding:55px 4.5vw 70px}.sh{display:grid;grid-template-columns:1fr auto auto;gap:55px;align-items:end;margin-bottom:25px}.sh h2,.net h2,.cta h2{font-size:clamp(35px,3.3vw,52px);line-height:1.02;letter-spacing:-.04em;margin:8px 0}.sh p{color:#9caec0;margin:0}.sh>a{color:#27d9ff}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid #176086;border-radius:10px;overflow:hidden;background:#07121f;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 55px #0009}.pic{height:180px;background:center/cover}.dedicated{background-image:url("../img/dedicated.jpg")}.cloud{background-image:url("../img/cloud.jpg")}.storage{background-image:url("../img/storage.jpg")}.network{background-image:url("../img/network.jpg")}.body{padding:18px 20px;position:relative}.body i{position:absolute;top:-28px;width:52px;height:52px;border-radius:10px;background:#061522;border:1px solid #177aa5;display:grid;place-items:center;color:#36e3ff;font-size:25px;font-style:normal}.body h3{font-size:20px;margin:7px 0}.body p{color:#a2b3c5;min-height:48px}.body b{color:#25d9ff}.net{padding:0 4.5vw;display:grid;grid-template-columns:.8fr 1.2fr;min-height:430px;border-block:1px solid #173047;background:#05101a}.netcopy{padding:55px 0}.netcopy p{color:#9cb0c4}.checks{display:grid;grid-template-columns:1fr 1fr;border:1px solid #17445f;border-radius:8px;margin:25px 0 18px;max-width:590px}.checks span{padding:12px 15px;border-bottom:1px solid #12364c}.world{background:linear-gradient(90deg,#05101a,transparent 18%),url("../img/world.jpg") center/cover;position:relative}.cap{position:absolute;right:4%;top:16%;width:235px;background:#061522e8;border:1px solid #177aa5;border-radius:12px;padding:20px}.cap small{color:#36dcff}.cap strong{display:block;font-size:54px}.cap strong i{font-size:16px;color:#2ddcff;font-style:normal}.cap>b{display:block;height:7px;margin:7px 0;border-radius:9px;background:linear-gradient(90deg,#1386ff,#23ddff)}.cap>b:nth-of-type(1){width:55%}.cap>b:nth-of-type(2){width:78%}.cap div{font-size:9px;color:#71879e}.cta{min-height:290px;display:grid;place-items:center;text-align:center;background:linear-gradient(#02101bd9,#02101be6),url("../img/cta.jpg") center/cover}.cta p{color:#b4c4d4}.cta .btn{margin-top:12px}footer{min-height:90px;padding:20px 4.5vw;display:flex;align-items:center;gap:28px;border-top:1px solid #173047;color:#8094aa}footer img{width:145px}footer span{margin-right:auto}@media(max-width:1000px){header nav{display:none}.quote{display:none}.hero,.net{grid-template-columns:1fr}.heroimg{margin:0;min-height:330px}.vendors{grid-template-columns:repeat(3,1fr);gap:20px}.vendors em{display:none}.cards{grid-template-columns:repeat(2,1fr)}.sh{grid-template-columns:1fr}.world{min-height:390px}}@media(max-width:620px){header{padding:0 18px}.brand img{width:145px}.hero,.solutions,.net{padding-left:20px;padding-right:20px}.cards{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.vendors{grid-template-columns:repeat(2,1fr);padding-inline:20px}.heroimg{min-height:260px}footer{flex-wrap:wrap;padding-inline:20px}}
/* V6 — V4-faithful cinematic hero transitions */
.hero-slider{position:relative;min-height:100%;margin-left:-65px;overflow:hidden;background:#03101b}
.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.035);transition:opacity 1.15s ease,transform 7s ease;will-change:opacity,transform}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#030811 0%,#030811bf 11%,transparent 37%),linear-gradient(0deg,#02071188,transparent 42%)}
.hero-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #5a7288;background:#03101bb8;color:#eaf8ff;font-size:31px;line-height:38px;cursor:pointer;opacity:.72;transition:.2s}
.hero-arrow:hover{opacity:1;border-color:#29dfff;box-shadow:0 0 24px #00bfff44}.hero-arrow.prev{left:20px}.hero-arrow.next{right:20px}
.hero-dots{position:absolute;z-index:7;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:8px}
.hero-dots button{width:24px;height:4px;border:0;border-radius:8px;background:#a3b3c177;padding:0;cursor:pointer;transition:.25s}.hero-dots button.active{width:36px;background:#25dfff;box-shadow:0 0 12px #25dfff99}
.hero-live{position:absolute;z-index:6;right:22px;top:22px;display:flex;align-items:center;gap:8px;background:#03101bc9;border:1px solid #1b6689;border-radius:8px;padding:8px 11px;color:#9bb0c3;font-size:9px;letter-spacing:.12em}.hero-live i{width:7px;height:7px;border-radius:50%;background:#2ae6a1;box-shadow:0 0 10px #2ae6a1}.hero-live b{color:#30ddff;margin-left:8px}
@media(max-width:1000px){.hero-slider{margin:0;min-height:330px}.hero-arrow{width:38px;height:38px}.hero-live{top:14px;right:14px}}
@media(max-width:620px){.hero-slider{min-height:270px}.hero-arrow{display:none}.hero-live{font-size:8px}.hero-dots{bottom:15px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:opacity .2s ease;transform:none!important}}

/* V7 contact form */
.contact-section{padding:70px 4.5vw;display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:start;background:radial-gradient(700px 400px at 80% 45%,#07375b28,transparent 70%),#030811;border-bottom:1px solid #173047}
.contact-intro{padding-top:24px}.contact-intro h2{font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.045em;margin:12px 0 18px}.contact-intro>p{color:#9eb1c5;font-size:16px;max-width:510px}
.contact-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0;color:#b9c9d8}.contact-points span{padding:11px 12px;border:1px solid #17344b;background:#07111c;border-radius:7px}.contact-points span::first-letter{color:#28dfff}
.contact-mail{margin-top:25px;color:#7f94aa}.contact-mail a{display:block;color:#34ddff;font-weight:800;font-size:18px;margin-top:4px}
.contact-form{position:relative;background:linear-gradient(145deg,#081522,#050c15);border:1px solid #1a4d6a;border-radius:14px;padding:27px;box-shadow:0 22px 70px #0007}
.contact-form:before{content:"";position:absolute;inset:0 0 auto;height:2px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,#20ddff,#167dff,transparent 75%)}
.form-title{display:grid;margin-bottom:22px}.form-title span{color:#28dfff;font-size:10px;letter-spacing:.17em;font-weight:900}.form-title b{font-size:24px;margin-top:5px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:7px;color:#91a6ba;font-size:12px;font-weight:700}.contact-form .full{grid-column:1/-1}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #1b354c;border-radius:8px;background:#040b14;color:#edf7ff;padding:12px 13px;font:inherit;outline:none;transition:.2s}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#1ccfff;box-shadow:0 0 0 3px #12bfff13}.contact-form select option{background:#07111c}
.send-btn{border:0;color:#fff;cursor:pointer;margin-top:20px;min-width:170px}.send-btn:disabled{opacity:.55;cursor:wait}.form-status{display:inline-block;margin-left:14px;font-size:13px}.form-status.ok{color:#36e5a2}.form-status.err{color:#ff8b8b}.privacy-note{display:block;color:#62788e;margin-top:12px}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:900px){.contact-section{grid-template-columns:1fr;gap:25px}.contact-points{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.contact-section{padding:50px 20px}.form-grid,.contact-points{grid-template-columns:1fr}.contact-form{padding:20px}.form-status{display:block;margin:12px 0 0}}
