:root{
  --bg:#07111f;--bg2:#0a1627;--panel:#0d1b2d;--panel2:#10243b;
  --line:#1d3856;--text:#e8f6ff;--muted:#8da9bf;--cyan:#29c9ff;--blue:#168cff;
  --good:#67f5c0;--shadow:0 24px 80px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 80% 10%,rgba(22,140,255,.13),transparent 25%),
linear-gradient(180deg,#07111f 0%,#091628 45%,#07111f 100%);color:var(--text);overflow-x:hidden}
body::selection{background:var(--cyan);color:#07111f}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:440px;height:440px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(41,201,255,.10),transparent 68%);transform:translate(-50%,-50%);transition:opacity .3s}

.site-header{position:fixed;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;z-index:40;border-bottom:1px solid rgba(109,194,255,.12);background:rgba(7,17,31,.66);backdrop-filter:blur(22px)}
.brand{display:flex;align-items:center;gap:12px;font-size:.92rem;letter-spacing:.18em;min-width:0}
.brand b{color:var(--cyan);font-weight:700}
.brand-mark{width:42px;height:30px;object-fit:contain}
.brand-logo{height:46px;width:auto;max-width:min(320px,36vw);object-fit:contain;display:block;filter:drop-shadow(0 0 14px rgba(41,201,255,.08))}
.nav{display:flex;gap:28px;font-size:.82rem;color:#a9c1d3}.nav a{position:relative;padding:30px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:22px;width:0;height:1px;background:var(--cyan);transition:.25s}.nav a:hover::after{width:100%}
.nav-cta{font-size:.78rem;border:1px solid rgba(86,215,255,.45);padding:12px 18px;border-radius:999px;background:rgba(28,140,255,.08)}

.hero{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3vw;padding:130px 7vw 70px;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(78,177,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(78,177,255,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent)}
.hero-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);filter:drop-shadow(0 0 12px var(--cyan));animation:scan 7s linear infinite;opacity:.35}
@keyframes scan{from{top:8%}to{top:92%}}
.hero-copy,.hero-visual{position:relative;z-index:2}
.eyebrow{font-size:.72rem;letter-spacing:.22em;color:#8ecce8;text-transform:uppercase}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);margin-right:8px;box-shadow:0 0 0 0 rgba(103,245,192,.45);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 11px rgba(103,245,192,0)}100%{box-shadow:0 0 0 0 rgba(103,245,192,0)}}
.hero h1{font-size:clamp(3.5rem,6.5vw,8rem);line-height:.91;letter-spacing:-.065em;margin:22px 0 26px;max-width:950px}.hero h1 span{color:transparent;-webkit-text-stroke:1px #68cfff;text-shadow:0 0 28px rgba(41,201,255,.14)}
.hero-copy>p{font-size:1.1rem;line-height:1.75;color:#9db5c8;max-width:700px}
.hero-actions{display:flex;gap:14px;margin:34px 0 42px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:10px;font-weight:700;font-size:.82rem;letter-spacing:.08em;transition:.25s}
.btn.primary{background:linear-gradient(135deg,#23d3ff,#177bff);color:#04101d;box-shadow:0 0 28px rgba(35,211,255,.22)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 42px rgba(35,211,255,.35)}
.btn.ghost{border:1px solid #284762;background:rgba(9,25,42,.55)}.btn.ghost:hover{border-color:#4dcfff}
.hero-kpis{display:flex;gap:42px}.hero-kpis div{display:flex;flex-direction:column}.hero-kpis strong{font-size:1.8rem;color:#dff8ff}.hero-kpis span{font-size:.72rem;color:#6f8ca2;text-transform:uppercase;letter-spacing:.12em}
.hero-visual{min-height:620px;display:grid;place-items:center}.server-hero{width:min(760px,105%);position:relative;z-index:3;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 45px 42px rgba(0,0,0,.45)) drop-shadow(0 0 25px rgba(30,150,255,.1))}
@keyframes float{50%{transform:translateY(-16px)}}
.orb{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(24,139,255,.34),rgba(24,139,255,.08) 38%,transparent 70%);filter:blur(4px);animation:breathe 5s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.07);opacity:.82}}
.floating-card{position:absolute;z-index:5;padding:12px 15px;border:1px solid rgba(101,209,255,.26);background:rgba(7,17,31,.72);backdrop-filter:blur(12px);border-radius:10px;box-shadow:var(--shadow);font-size:.65rem;letter-spacing:.12em;animation:drift 5s ease-in-out infinite}
.floating-card span{display:block;color:#7897ad;margin-bottom:5px}.floating-card b{color:#8af3d0}.fc-1{left:2%;top:19%}.fc-2{right:1%;top:38%;animation-delay:-1.5s}.fc-3{left:12%;bottom:14%;animation-delay:-2.5s}
@keyframes drift{50%{transform:translateY(-8px)}}
.scroll-indicator{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:.62rem;letter-spacing:.25em;color:#5f8097}.scroll-indicator i{display:block;width:1px;height:42px;background:linear-gradient(var(--cyan),transparent);margin:10px auto 0}

.ticker{overflow:hidden;border-block:1px solid rgba(86,215,255,.12);background:#091827}.ticker-track{display:flex;gap:54px;white-space:nowrap;padding:15px 0;font-size:.68rem;letter-spacing:.2em;color:#80bdd8;animation:ticker 28s linear infinite;width:max-content}
.ticker-track span{color:#8ee8ce}@keyframes ticker{to{transform:translateX(-50%)}}

.section{padding:110px 7vw;position:relative}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:60px}.section-head h2,.network-copy h2,.security-copy h2,.contact-inner h2{font-size:clamp(2.4rem,4.5vw,5.6rem);line-height:1;letter-spacing:-.045em;margin:15px 0}.section-head p,.network-copy>p,.security-copy>p,.contact-inner>p{color:#8faabd;line-height:1.75;font-size:1rem}

.pool-stage{position:relative;border:1px solid #1d3651;border-radius:28px;padding:2vw;background:linear-gradient(145deg,rgba(14,31,50,.88),rgba(7,17,31,.78));box-shadow:var(--shadow);overflow:hidden}.pool-stage img{width:100%;border-radius:18px}
.pool-light{position:absolute;width:14px;height:14px;background:#65e8ff;border-radius:50%;box-shadow:0 0 28px 10px rgba(35,211,255,.25);animation:blink 1.8s infinite}.p1{left:19%;top:34%}.p2{left:50%;top:57%;animation-delay:-.7s}.p3{right:18%;top:27%;animation-delay:-1.1s}@keyframes blink{50%{opacity:.15}}
.server-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.server-card{position:relative;padding:24px;border:1px solid #1a3550;border-radius:18px;background:linear-gradient(145deg,rgba(13,29,47,.92),rgba(8,20,34,.82));transition:transform .2s,border-color .2s;transform-style:preserve-3d}
.server-card:hover{border-color:#2b7aaa}.server-card-top{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;letter-spacing:.14em;color:#79a9c0}.server-card-top i{font-style:normal}.ok{color:var(--good)}.server-card h3{font-size:1.45rem;margin:30px 0 10px}.server-card p{font-size:.88rem;line-height:1.6;color:#829db0;min-height:84px}.meter{height:6px;background:#0a1320;border-radius:99px;overflow:hidden;margin:20px 0 10px}.meter span{display:block;width:var(--v);height:100%;background:linear-gradient(90deg,#1b7fff,#4fe1ff);box-shadow:0 0 12px rgba(79,225,255,.5);animation:meterIn 1.6s ease both}@keyframes meterIn{from{width:0}}.server-card small{color:#7592a8;font-size:.68rem}

.split-section{background:linear-gradient(180deg,rgba(13,28,46,.55),rgba(7,17,31,0))}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #17324c;border-radius:24px;overflow:hidden}.service-card{min-height:360px;padding:28px;position:relative;border-right:1px solid #17324c;background:rgba(8,21,36,.66);transition:.3s}.service-card:last-child{border-right:none}.service-card:hover{background:linear-gradient(180deg,rgba(24,106,164,.2),rgba(8,21,36,.66));transform:translateY(-6px)}
.service-card .num{color:#4da8cf;font-size:.72rem}.service-card h3{font-size:1.65rem;margin:80px 0 16px}.service-card p{color:#829db0;line-height:1.7}.service-card i{font-style:normal;position:absolute;right:28px;bottom:26px;font-size:1.6rem;color:#5edcff}

.network-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;min-height:780px}.network-visual{position:relative}.network-visual img{border:1px solid #18354f;border-radius:26px;box-shadow:var(--shadow)}.radar{position:absolute;inset:13%;border:1px solid rgba(83,217,255,.25);border-radius:50%;animation:radar 5s linear infinite}@keyframes radar{to{transform:rotate(360deg)}}
.tech-list{list-style:none;padding:0;margin:36px 0 0;border-top:1px solid #17324b}.tech-list li{display:grid;grid-template-columns:52px 1fr 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #17324b;align-items:center}.tech-list span{font-size:.68rem;color:#5ea9cc}.tech-list b{font-size:.95rem}.tech-list em{font-size:.8rem;color:#7290a7;font-style:normal;text-align:right}

.security-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;background:radial-gradient(circle at 25% 50%,rgba(22,140,255,.12),transparent 24%)}.shield-wrap{display:grid;place-items:center}.shield-wrap img{max-width:440px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.4));animation:float 7s ease-in-out infinite}.security-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.security-pills span{padding:10px 14px;border-radius:999px;border:1px solid #225070;background:#0a1d30;color:#9bdaf4;font-size:.76rem}

.status-grid{display:grid;grid-template-columns:1fr 1.35fr .8fr;gap:16px}.status-panel{border:1px solid #1a3652;background:linear-gradient(145deg,rgba(13,30,49,.94),rgba(7,18,31,.88));border-radius:20px;padding:24px;min-height:280px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;color:#7fa4bc;font-size:.72rem;letter-spacing:.14em}.panel-head b{color:#c7f3ff}.panel-head .healthy{color:var(--good)}
.bars{height:190px;display:flex;align-items:end;gap:7px;margin-top:32px}.bars i{flex:1;background:linear-gradient(180deg,#53ddff,#167bff);border-radius:6px 6px 0 0;min-height:8px;opacity:.86;box-shadow:0 0 10px rgba(38,185,255,.12);transition:height .5s}
#trafficChart{width:100%;height:210px;margin-top:20px}.nodes{display:grid;gap:10px;margin-top:30px}.nodes span{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #17324b;color:#8da9bc;font-size:.78rem}.nodes i{width:8px;height:8px;background:var(--good);border-radius:50%;box-shadow:0 0 10px rgba(103,245,192,.6)}

.partner-section{padding-top:40px}.partner-card{border:1px solid #1d3b56;border-radius:28px;padding:48px;background:linear-gradient(135deg,rgba(14,33,54,.95),rgba(7,17,31,.9));text-align:center;box-shadow:var(--shadow)}.partner-card h2{font-size:clamp(2.2rem,4vw,4.8rem);margin:16px 0}.partner-card p{max-width:760px;margin:0 auto;color:#88a4b7}.logos-row{display:flex;justify-content:center;align-items:center;gap:44px;margin-top:42px}.logos-row img{max-width:350px;max-height:150px;object-fit:contain}.logos-row span{font-size:2rem;color:#4b748e}

.contact-section{min-height:670px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:110px 7vw}.contact-glow{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(28,156,255,.18),transparent 67%);animation:breathe 6s ease-in-out infinite}.contact-inner{position:relative;max-width:980px}.contact-inner p{max-width:720px;margin:0 auto 28px}
footer{border-top:1px solid #183149;display:flex;justify-content:space-between;align-items:center;padding:30px 7vw;color:#66869d;font-size:.72rem}.footer-brand{display:flex;align-items:center;gap:10px;color:#9ec6dc;letter-spacing:.16em}.footer-brand img{width:34px}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}

@media (max-width:1100px){
  .nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-visual{min-height:520px}.server-cards,.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{border-bottom:1px solid #17324c}
  .network-section,.security-section{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}.status-panel:last-child{grid-column:1/-1}.section-head{grid-template-columns:1fr;gap:20px}
}
@media (max-width:700px){
  .site-header{height:72px;padding:0 20px}.brand-logo{height:34px;max-width:52vw}.header-actions{display:flex;align-items:center;gap:10px}.header-wordmark{height:24px;max-width:38vw}.nav-cta{display:none}.hero{padding:110px 20px 55px}.hero h1{font-size:3.35rem}.hero-actions{flex-direction:column}.hero-kpis{gap:22px;flex-wrap:wrap}.hero-visual{min-height:390px}.floating-card{transform:scale(.8)}
  .section{padding:80px 20px}.server-cards,.service-grid,.status-grid{grid-template-columns:1fr}.service-grid{border-radius:18px}.service-card{border-right:none}.logos-row{flex-direction:column;gap:18px}.logos-row span{transform:rotate(90deg)}.partner-card{padding:32px 18px}.section-head h2,.network-copy h2,.security-copy h2,.contact-inner h2{font-size:2.75rem}
  .tech-list li{grid-template-columns:38px 1fr}.tech-list em{grid-column:2;text-align:left}.status-panel:last-child{grid-column:auto}.network-section{padding-top:70px}.hero-copy>p{font-size:1rem}footer{gap:20px;flex-direction:column;text-align:center}
}

.brand-mini{gap:0}
.header-actions{display:flex;align-items:center;gap:18px;min-width:0}
.header-wordmark{height:34px;width:auto;max-width:min(420px,28vw);object-fit:contain;
  filter:grayscale(1) brightness(0.25) invert(1) contrast(1.08) saturate(0) drop-shadow(0 0 12px rgba(255,255,255,.07))}
.white-logo{filter:grayscale(1) brightness(0.2) invert(1) contrast(1.05) saturate(0)}
.single-logo{justify-content:center}
.single-logo img{max-width:460px;max-height:180px}
.partner-card p{max-width:980px;margin:14px auto 0;color:#93aec1;line-height:1.85}
.partner-card strong{color:#eaf8ff}
.contact-inner p + p{margin-top:16px}

/* HEADER FIX V4 */
.site-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
}
.site-header .nav{
  margin-left:2vw;
}
.site-header .header-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:22px;
}
.site-header .header-wordmark{
  height:31px;
  width:auto;
  max-width:300px;
  object-fit:contain;
  filter:grayscale(1) brightness(0) invert(1) contrast(1.12) drop-shadow(0 0 9px rgba(255,255,255,.06));
}
.site-header .nav-cta{
  flex:0 0 auto;
}
@media (max-width:1100px){
  .site-header .nav{display:flex;gap:20px;margin-left:0}
  .site-header .header-wordmark{height:27px;max-width:240px}
}
@media (max-width:820px){
  .site-header .nav{display:none}
  .site-header .header-actions{width:100%;justify-content:space-between}
  .site-header .header-wordmark{height:27px;max-width:210px}
  .site-header .nav-cta{display:inline-flex}
}
@media (max-width:560px){
  .site-header .header-wordmark{height:22px;max-width:165px}
  .site-header .nav-cta{font-size:.66rem;padding:10px 13px}
}

/* HEADER FIX V5 — only requested positioning */
.site-header{
  display:grid !important;
  grid-template-columns:minmax(230px, 1fr) auto minmax(230px, 1fr) !important;
  align-items:center !important;
  gap:28px !important;
}
.site-header .wordmark-brand{
  justify-self:start !important;
  display:flex !important;
  align-items:center !important;
}
.site-header .header-wordmark-left{
  height:30px !important;
  width:auto !important;
  max-width:300px !important;
  object-fit:contain !important;
  filter:grayscale(1) brightness(0) invert(1) contrast(1.12) drop-shadow(0 0 9px rgba(255,255,255,.06)) !important;
}
.site-header .nav{
  justify-self:center !important;
  margin:0 !important;
}
.site-header .nav-cta{
  justify-self:end !important;
  margin:0 !important;
}
.site-header .header-actions{display:none !important;}

@media (max-width:1100px){
  .site-header{
    grid-template-columns:minmax(190px, 1fr) auto minmax(190px, 1fr) !important;
    gap:18px !important;
  }
  .site-header .header-wordmark-left{
    height:27px !important;
    max-width:240px !important;
  }
  .site-header .nav{display:flex !important;gap:20px !important;}
}
@media (max-width:820px){
  .site-header{
    display:flex !important;
    justify-content:space-between !important;
  }
  .site-header .header-wordmark-left{
    height:25px !important;
    max-width:200px !important;
  }
  .site-header .nav{display:none !important;}
  .site-header .nav-cta{display:inline-flex !important;}
}


/* V6 ecosystem + footer refinements */
.partner-card h2{
  max-width:1100px;
  margin:16px auto 10px;
  line-height:1.08;
}
.partner-card h2 span{
  display:inline-block;
}
.cloudata-small{
  max-width:260px !important;
  max-height:110px !important;
}
.partner-card p{
  max-width:1120px;
  margin:18px auto 0;
  color:#93aec1;
  line-height:1.88;
  font-size:1.02rem;
}
.site-footer{
  border-top:1px solid #183149;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:30px 7vw;
  color:#88a7bc;
  font-size:.78rem;
  text-align:center;
}
.site-footer p{
  margin:0;
}

@media (max-width:700px){
  .partner-card h2{
    line-height:1.14;
  }
  .cloudata-small{
    max-width:210px !important;
    max-height:90px !important;
  }
  .site-footer{
    padding:24px 20px;
    font-size:.72rem;
  }
}


/* V9 — infrastructure access button interaction */
.site-header .nav-cta{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    color .22s ease;
  animation:infraBreath 5.5s ease-in-out infinite;
}

.site-header .nav-cta::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(110deg,transparent 20%,rgba(101,227,255,.20) 48%,transparent 76%);
  transform:translateX(-135%);
  transition:transform .55s ease;
  z-index:-1;
}

.site-header .nav-cta::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(89,217,255,.85),transparent);
  opacity:.25;
  transition:opacity .22s ease, transform .22s ease;
}

.site-header .nav-cta:hover{
  transform:translateY(-2px);
  border-color:rgba(86,215,255,.82);
  background:rgba(21,116,174,.14);
  box-shadow:
    0 8px 24px rgba(0,0,0,.20),
    0 0 22px rgba(41,201,255,.14);
}

.site-header .nav-cta:hover::before{
  transform:translateX(135%);
}

.site-header .nav-cta:hover::after{
  opacity:.75;
  transform:scaleX(1.08);
}

/* Special Mac mode: Command + Shift held */
.site-header .nav-cta.advanced-mode{
  border-color:rgba(132,237,255,.95);
  background:linear-gradient(135deg,rgba(22,140,255,.16),rgba(39,211,255,.10));
  color:#eefcff;
  box-shadow:
    0 0 0 1px rgba(116,229,255,.08) inset,
    0 0 28px rgba(59,205,255,.20);
}

.site-header .nav-cta.advanced-mode:hover{
  transform:translateY(-3px) scale(1.015);
  border-color:rgba(158,244,255,1);
  background:linear-gradient(135deg,rgba(24,151,255,.24),rgba(70,232,255,.15));
  box-shadow:
    0 10px 28px rgba(0,0,0,.22),
    0 0 34px rgba(66,216,255,.30),
    0 0 0 1px rgba(132,237,255,.12) inset;
  animation:advancedPulse 1.55s ease-in-out infinite;
}

.site-header .nav-cta.advanced-mode:hover::before{
  background:linear-gradient(110deg,transparent 18%,rgba(201,250,255,.38) 50%,transparent 82%);
  transform:translateX(135%);
}

.site-header .nav-cta.advanced-mode:hover::after{
  opacity:1;
  background:linear-gradient(90deg,transparent,#baf7ff,transparent);
}

@keyframes infraBreath{
  0%,100%{
    box-shadow:0 0 0 rgba(41,201,255,0);
  }
  50%{
    box-shadow:0 0 16px rgba(41,201,255,.07);
  }
}

@keyframes advancedPulse{
  0%,100%{
    box-shadow:
      0 10px 28px rgba(0,0,0,.22),
      0 0 28px rgba(66,216,255,.22),
      0 0 0 1px rgba(132,237,255,.12) inset;
  }
  50%{
    box-shadow:
      0 10px 28px rgba(0,0,0,.22),
      0 0 42px rgba(66,216,255,.36),
      0 0 0 1px rgba(194,249,255,.18) inset;
  }
}

@media (prefers-reduced-motion: reduce){
  .site-header .nav-cta,
  .site-header .nav-cta.advanced-mode:hover{
    animation:none !important;
  }
  .site-header .nav-cta::before{
    transition:none !important;
  }
}


/* =========================================================
   V10 — VISUAL MOTION LAYER
   Purely decorative: no endpoint, link or technical behavior changes.
   ========================================================= */

/* Boot sequence */
.boot-screen{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 48%,rgba(28,143,255,.16),transparent 28%),
    #06101d;
  opacity:1;
  visibility:visible;
  transition:opacity .55s ease,visibility .55s ease;
}
.boot-screen.boot-done{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.boot-core{
  width:min(520px,80vw);
  text-align:center;
}
.boot-word{
  font-size:clamp(2.2rem,6vw,5rem);
  letter-spacing:.30em;
  padding-left:.30em;
  color:#eefbff;
  text-shadow:0 0 28px rgba(89,218,255,.23);
  animation:bootFlicker .8s ease both;
}
.boot-sub{
  margin-top:15px;
  font-size:.66rem;
  letter-spacing:.28em;
  color:#6594ad;
  animation:bootFade .7s .14s both;
}
.boot-line{
  height:2px;
  background:#102b40;
  margin-top:28px;
  overflow:hidden;
  border-radius:99px;
}
.boot-line span{
  display:block;
  width:100%;
  height:100%;
  transform-origin:left;
  background:linear-gradient(90deg,#167bff,#5be4ff);
  box-shadow:0 0 18px rgba(65,213,255,.45);
  animation:bootLoad .95s ease both;
}
@keyframes bootLoad{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bootFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes bootFlicker{
  0%{opacity:0;filter:blur(9px)}
  35%{opacity:.45}
  48%{opacity:.14}
  65%{opacity:.9}
  100%{opacity:1;filter:none}
}

/* Ambient data particles */
.ambient-particles{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  opacity:.42;
}
.ambient-particles i{
  position:absolute;
  width:2px;
  height:2px;
  border-radius:50%;
  background:#68dcff;
  box-shadow:0 0 10px rgba(75,213,255,.55);
  animation:particleRise var(--dur) linear infinite;
  animation-delay:var(--delay);
}
@keyframes particleRise{
  from{transform:translate3d(0,110vh,0);opacity:0}
  10%{opacity:.5}
  85%{opacity:.22}
  to{transform:translate3d(var(--drift),-15vh,0);opacity:0}
}

/* Slight living background */
body::before{
  content:"";
  position:fixed;
  inset:-15%;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 20% 30%,rgba(16,126,255,.07),transparent 24%),
    radial-gradient(circle at 75% 68%,rgba(34,208,255,.05),transparent 27%);
  animation:ambientShift 18s ease-in-out infinite alternate;
}
@keyframes ambientShift{
  from{transform:translate3d(-2%,-1%,0) scale(1)}
  to{transform:translate3d(2%,1.5%,0) scale(1.05)}
}

/* Hero cinematic refinement */
.hero-copy .eyebrow{
  animation:eyebrowGlow 4.5s ease-in-out infinite;
}
@keyframes eyebrowGlow{
  50%{text-shadow:0 0 14px rgba(72,210,255,.22)}
}
.hero-visual::after{
  content:"";
  position:absolute;
  inset:8% 5%;
  border-radius:50%;
  border:1px solid rgba(71,195,255,.10);
  box-shadow:
    0 0 0 45px rgba(44,154,255,.025),
    0 0 0 90px rgba(44,154,255,.015);
  animation:heroOrbit 16s linear infinite;
}
@keyframes heroOrbit{to{transform:rotate(360deg)}}

.hero-grid{
  animation:gridDrift 20s linear infinite;
}
@keyframes gridDrift{
  to{background-position:72px 72px,72px 72px}
}

/* Scroll-in section divider glow */
.animated-section::before{
  content:"";
  position:absolute;
  left:7vw;
  right:7vw;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(54,199,255,.28),transparent);
  transform:scaleX(.18);
  opacity:0;
  transition:transform 1.2s ease,opacity .8s ease;
}
.animated-section.section-live::before{
  transform:scaleX(1);
  opacity:1;
}

/* Heading scan */
.animated-section.section-live h2{
  position:relative;
}
.animated-section.section-live h2::after{
  content:"";
  position:absolute;
  inset:-4px -6px;
  background:linear-gradient(100deg,transparent 35%,rgba(117,232,255,.08) 50%,transparent 65%);
  transform:translateX(-115%);
  animation:titleScan 1.4s .2s ease both;
  pointer-events:none;
}
@keyframes titleScan{to{transform:translateX(115%)}}

/* Server pool — living LEDs / borders */
.server-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid transparent;
  background:linear-gradient(120deg,transparent,rgba(71,213,255,.20),transparent) border-box;
  -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
}
.server-card:hover::after{opacity:1}
.server-card .ok{
  animation:statusBreath 2.6s ease-in-out infinite;
}
.server-card:nth-child(2) .ok{animation-delay:-.7s}
.server-card:nth-child(3) .ok{animation-delay:-1.2s}
.server-card:nth-child(4) .ok{animation-delay:-1.8s}
@keyframes statusBreath{
  50%{text-shadow:0 0 10px rgba(103,245,192,.52);opacity:.72}
}

/* Service cards */
.service-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(61,214,255,.55),transparent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .45s ease;
}
.service-card:hover::before{transform:scaleX(1)}
.service-card i{
  transition:transform .28s ease,text-shadow .28s ease;
}
.service-card:hover i{
  transform:translate(4px,-4px);
  text-shadow:0 0 15px rgba(92,222,255,.45);
}

/* Network lines / pulse effect */
.network-visual::after{
  content:"";
  position:absolute;
  inset:9%;
  border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 72%,rgba(63,219,255,.20) 76%,transparent 81%);
  filter:blur(1px);
  animation:networkSweep 6.8s linear infinite;
  pointer-events:none;
}
@keyframes networkSweep{to{transform:rotate(360deg)}}
.network-visual img{
  animation:networkFloat 8s ease-in-out infinite;
}
@keyframes networkFloat{50%{transform:translateY(-5px) scale(1.004)}}

/* Security layer */
.shield-wrap::after{
  content:"";
  position:absolute;
  width:360px;height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(45,199,255,.12),transparent 68%);
  filter:blur(10px);
  animation:shieldAura 4.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes shieldAura{50%{transform:scale(1.13);opacity:.65}}
.security-pills span{
  position:relative;
  overflow:hidden;
}
.security-pills span::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 30%,rgba(126,235,255,.14),transparent 70%);
  transform:translateX(-130%);
}
.section-live .security-pills span::after{
  animation:pillScan 4.8s ease-in-out infinite;
}
.security-pills span:nth-child(2)::after{animation-delay:.5s}
.security-pills span:nth-child(3)::after{animation-delay:1s}
.security-pills span:nth-child(4)::after{animation-delay:1.5s}
.security-pills span:nth-child(5)::after{animation-delay:2s}
.security-pills span:nth-child(6)::after{animation-delay:2.5s}
@keyframes pillScan{
  0%,55%{transform:translateX(-130%)}
  72%,100%{transform:translateX(130%)}
}

/* Live status refinements */
.status-panel{
  position:relative;
}
.status-panel::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg,transparent 15%,rgba(70,206,255,.035),transparent 85%);
  transform:translateX(-110%);
  animation:panelSweep 7s ease-in-out infinite;
  pointer-events:none;
}
.status-panel:nth-child(2)::before{animation-delay:-2.2s}
.status-panel:nth-child(3)::before{animation-delay:-4s}
@keyframes panelSweep{
  0%,60%{transform:translateX(-110%)}
  82%,100%{transform:translateX(110%)}
}
.nodes i{
  animation:nodePulse 2.4s ease-in-out infinite;
}
.nodes span:nth-child(2) i{animation-delay:-.35s}
.nodes span:nth-child(3) i{animation-delay:-.8s}
.nodes span:nth-child(4) i{animation-delay:-1.2s}
.nodes span:nth-child(5) i{animation-delay:-1.55s}
.nodes span:nth-child(6) i{animation-delay:-1.9s}
@keyframes nodePulse{
  50%{transform:scale(1.35);box-shadow:0 0 16px rgba(103,245,192,.85)}
}

/* Ecosystem */
.partner-card{
  position:relative;
  overflow:hidden;
}
.partner-card::before{
  content:"";
  position:absolute;
  inset:-30%;
  background:
    radial-gradient(circle at 30% 40%,rgba(40,158,255,.10),transparent 22%),
    radial-gradient(circle at 70% 60%,rgba(72,220,255,.06),transparent 26%);
  animation:ecosystemDrift 14s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes ecosystemDrift{
  from{transform:translate3d(-2%,0,0) scale(1)}
  to{transform:translate3d(2%,-1%,0) scale(1.06)}
}
.partner-card > *{position:relative;z-index:1}
.partner-card .white-logo{
  animation:logoBreath 5.5s ease-in-out infinite;
}
@keyframes logoBreath{
  50%{filter:grayscale(1) brightness(.2) invert(1) contrast(1.05) saturate(0) drop-shadow(0 0 20px rgba(255,255,255,.12))}
}

/* Ready for Scale */
.contact-glow{
  animation:scaleAura 7s ease-in-out infinite !important;
}
@keyframes scaleAura{
  0%,100%{transform:scale(.92);opacity:.70}
  50%{transform:scale(1.08);opacity:1}
}
.contact-section::before,
.contact-section::after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.22;
}
.contact-section::before{
  left:50%;top:10%;bottom:10%;width:1px;
  background:linear-gradient(transparent,rgba(70,215,255,.46),transparent);
  animation:axisPulse 4s ease-in-out infinite;
}
.contact-section::after{
  top:50%;left:10%;right:10%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(70,215,255,.33),transparent);
  animation:axisPulse 4s 1.2s ease-in-out infinite;
}
@keyframes axisPulse{50%{opacity:.08;transform:scale(1.08)}}

/* Footer */
.site-footer{
  position:relative;
}
.site-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:10%;
  right:10%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(72,211,255,.22),transparent);
  animation:footerLine 6s ease-in-out infinite;
}
@keyframes footerLine{50%{opacity:.22;transform:scaleX(.72)}}

/* Refined scrollbar */
*{
  scrollbar-width:thin;
  scrollbar-color:#1f6f99 #07111f;
}
*::-webkit-scrollbar{width:10px}
*::-webkit-scrollbar-track{background:#07111f}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(#155e8a,#2ca8d4);
  border:2px solid #07111f;
  border-radius:99px;
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce){
  .boot-screen{display:none}
  .ambient-particles{display:none}
  body::before,
  .hero-grid,
  .hero-visual::after,
  .network-visual::after,
  .network-visual img,
  .shield-wrap::after,
  .partner-card::before,
  .partner-card .white-logo,
  .contact-glow,
  .contact-section::before,
  .contact-section::after,
  .status-panel::before,
  .nodes i,
  .server-card .ok{
    animation:none !important;
  }
}