:root{
  --bg:#020407;
  --bg2:#050a0d;
  --panel:rgba(8,13,17,.74);
  --panel2:rgba(9,17,21,.62);
  --line:rgba(155,180,191,.14);
  --line-bright:rgba(116,248,226,.28);
  --text:#ecf7fa;
  --muted:#81959e;
  --dim:#52646c;
  --cyan:#74f8e2;
  --cyan2:#5bbcff;
  --white:#f8fbfc;
  --shadow:0 35px 120px rgba(0,0,0,.46);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 73% 12%,rgba(77,202,221,.09),transparent 25%),
    radial-gradient(circle at 18% 66%,rgba(66,105,184,.09),transparent 30%),
    linear-gradient(180deg,#020305,#020507 45%,#04080b);
  font-family:"Rajdhani",sans-serif;
  overflow-x:hidden;
}
body:has(.intro:not(.intro-done)){overflow:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit}

.hidden{display:none!important}

#cursorGlow{
  position:fixed;
  left:0;top:0;
  width:340px;height:340px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  z-index:8;
  background:radial-gradient(circle,rgba(116,248,226,.08),transparent 67%);
  filter:blur(30px);
}
#bootNoise{
  position:fixed;
  inset:0;
  z-index:120;
  pointer-events:none;
  opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%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)'/%3E%3C/svg%3E");
}
.scanline{
  position:fixed;
  left:0;right:0;
  height:1px;
  top:-10px;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);
  box-shadow:0 0 20px rgba(116,248,226,.45);
  opacity:.16;
  z-index:110;
  pointer-events:none;
  animation:scanline 7s linear infinite;
}
.vignette{
  position:fixed;inset:0;z-index:109;pointer-events:none;
  box-shadow:inset 0 0 180px rgba(0,0,0,.48);
}
.grid-floor{
  position:fixed;left:-12vw;right:-12vw;bottom:-20vh;height:48vh;
  z-index:0;pointer-events:none;opacity:.10;
  transform:perspective(450px) rotateX(62deg);
  background:
    linear-gradient(rgba(116,248,226,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(116,248,226,.13) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to top,black,transparent);
}

.intro{
  position:fixed;inset:0;z-index:100;
  background:#010203;
  display:grid;place-items:center;
}
.intro-video{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.42) contrast(1.2) saturate(.72);
}
.intro-shade{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 45%,transparent 8%,rgba(0,0,0,.42) 60%,rgba(0,0,0,.84)),
    linear-gradient(180deg,rgba(0,0,0,.72),transparent 35%,rgba(0,0,0,.8));
}
.intro-lines{
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0 1px,transparent 1px 5px),
    linear-gradient(90deg,transparent 49.8%,rgba(116,248,226,.05) 50%,transparent 50.2%);
  pointer-events:none;
}
.intro-hud{
  position:absolute;inset:0;
  padding:28px 32px;
  display:flex;flex-direction:column;justify-content:space-between;
}
.hud-top,.intro-bottom{
  display:flex;justify-content:space-between;align-items:center;
  font-family:"Space Mono",monospace;
  font-size:9px;letter-spacing:.18em;color:rgba(245,250,252,.62);
}
.hud-brand{display:flex;align-items:center;gap:9px}
.hud-dot,.tiny-pulse,.live-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 16px rgba(116,248,226,.9);
  animation:pulse 1.6s ease-in-out infinite;
}
.hud-code{color:rgba(245,250,252,.36)}
.intro-center{text-align:center;margin:auto;max-width:970px}
.boot-chip{
  width:max-content;margin:0 auto 14px;
  padding:8px 12px;border:1px solid rgba(116,248,226,.17);
  border-radius:999px;background:rgba(0,0,0,.25);
  color:rgba(116,248,226,.82);
  font:9px "Space Mono",monospace;letter-spacing:.17em;
  display:flex;align-items:center;gap:8px;
}
.intro-logo{
  width:min(210px,35vw);aspect-ratio:1;
  object-fit:contain;display:block;margin:0 auto 18px;
  filter:drop-shadow(0 0 35px rgba(116,248,226,.11));
}
.intro-center h1{
  margin:0;
  font:800 clamp(40px,7vw,98px)/.92 "Orbitron",sans-serif;
  letter-spacing:-.055em;
}
.intro-center h1 span{
  color:var(--cyan);
  text-shadow:0 0 60px rgba(116,248,226,.19);
}
.intro-sub{
  margin:21px 0 20px;
  color:rgba(230,242,244,.50);
  font:10px "Space Mono",monospace;
  letter-spacing:.2em;
}
.intro-progress{
  width:min(620px,76vw);height:2px;margin:auto;
  background:rgba(255,255,255,.12);overflow:hidden;
}
.intro-progress div{
  height:100%;width:0%;
  background:linear-gradient(90deg,transparent,var(--cyan));
  box-shadow:0 0 20px rgba(116,248,226,.7);
}
.intro-readout{
  width:min(620px,76vw);margin:10px auto 0;
  display:flex;justify-content:space-between;
  color:rgba(230,242,244,.42);
  font:8px "Space Mono",monospace;letter-spacing:.13em;
}
#skipIntro{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.28);
  color:rgba(245,250,252,.62);
  padding:9px 12px;border-radius:999px;
  cursor:pointer;transition:.25s;
}
#skipIntro:hover{
  color:var(--cyan);border-color:rgba(116,248,226,.38);
  transform:translateY(-2px);
}
#skipIntro span{margin-left:8px;opacity:.45;font-size:8px}

.site{position:relative;z-index:2;max-width:1500px;margin:0 auto;padding:18px 30px 42px}
.topbar{
  position:sticky;top:14px;z-index:40;
  min-height:64px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:9px 11px 9px 13px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(3,7,9,.58);
  backdrop-filter:blur(24px);
  box-shadow:0 15px 50px rgba(0,0,0,.24);
}
.brand{display:flex;align-items:center;gap:11px;width:max-content}
.mini-logo-wrap{
  width:38px;height:38px;display:grid;place-items:center;
  border:1px solid rgba(116,248,226,.25);
  background:rgba(116,248,226,.03);
}
.mini-logo{width:32px;height:32px;object-fit:contain}
.brand-text strong{display:block;font:800 13px "Orbitron",sans-serif;letter-spacing:.15em}
.brand-text small{display:block;margin-top:3px;color:var(--dim);font:7px "Space Mono",monospace;letter-spacing:.2em}
.nav-links{display:flex;gap:25px}
.nav-links a{
  font:9px "Space Mono",monospace;letter-spacing:.15em;color:rgba(233,246,248,.43);
  transition:.2s;
}
.nav-links a:hover{color:var(--cyan)}
.nav-discord{
  justify-self:end;
  display:flex;align-items:center;gap:9px;
  padding:10px 13px;border-radius:11px;
  border:1px solid rgba(116,248,226,.18);
  background:rgba(116,248,226,.025);
  font:9px "Space Mono",monospace;letter-spacing:.15em;
  transition:.25s;
}
.nav-discord:hover{transform:translateY(-2px);border-color:rgba(116,248,226,.55);box-shadow:0 12px 35px rgba(116,248,226,.07)}

.discord-mark{
  width:18px;height:18px;display:block;flex:none;
  background:var(--cyan);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.54 5.28A16.83 16.83 0 0 0 15.5 4l-.5.99a15.01 15.01 0 0 0-6 0L8.5 4a16.87 16.87 0 0 0-4.04 1.28C1.9 9.42 1.2 13.45 1.55 17.42A16.92 16.92 0 0 0 6.5 20l1.16-1.58c-.64-.23-1.23-.52-1.8-.86l.45-.34c3.48 1.62 7.68 1.62 11.12 0l.45.34c-.57.34-1.16.63-1.8.86L15.25 20a16.94 16.94 0 0 0 4.95-2.58c.42-4.6-.72-8.6-3.66-12.14ZM8.29 15.27c-1.05 0-1.91-.98-1.91-2.18s.84-2.18 1.91-2.18c1.08 0 1.93.98 1.91 2.18 0 1.2-.84 2.18-1.91 2.18Zm7.42 0c-1.05 0-1.91-.98-1.91-2.18s.84-2.18 1.91-2.18c1.08 0 1.93 2.18-1.91 2.18Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M19.54 5.28A16.83 16.83 0 0 0 15.5 4l-.5.99a15.01 15.01 0 0 0-6 0L8.5 4a16.87 16.87 0 0 0-4.04 1.28C1.9 9.42 1.2 13.45 1.55 17.42A16.92 16.92 0 0 0 6.5 20l1.16-1.58c-.64-.23-1.23-.52-1.8-.86l.45-.34c3.48 1.62 7.68 1.62 11.12 0l.45.34c-.57.34-1.16.63-1.8.86L15.25 20a16.94 16.94 0 0 0 4.95-2.58c.42-4.6-.72-8.6-3.66-12.14ZM8.29 15.27c-1.05 0-1.91-.98-1.91-2.18s.84-2.18 1.91-2.18c1.08 0 1.93.98 1.91 2.18 0 1.2-.84 2.18-1.91 2.18Zm7.42 0c-1.05 0-1.91-.98-1.91-2.18s.84-2.18 1.91-2.18c1.08 0 1.93 2.18 1.91 2.18Z'/%3E%3C/svg%3E") center/contain no-repeat
}

.section-shell{max-width:1330px;margin:0 auto}
.hero{
  min-height:810px;
  display:grid;grid-template-columns:1.03fr .97fr;
  align-items:center;gap:60px;
  padding:105px 0 90px;position:relative;
}
.hero-copy{position:relative;z-index:3}
.eyebrow{
  display:flex;align-items:center;gap:10px;
  color:var(--cyan);
  font:9px "Space Mono",monospace;letter-spacing:.17em;
}
.eyebrow i{display:block;width:29px;height:1px;background:var(--cyan);box-shadow:0 0 14px rgba(116,248,226,.7)}
.hero-title{
  margin:19px 0 25px;
  font:900 clamp(55px,7.1vw,112px)/.84 "Orbitron",sans-serif;
  letter-spacing:-.065em;
}
.hero-title span{
  color:var(--cyan);
  text-shadow:0 0 50px rgba(116,248,226,.17);
}
.hero-text{
  max-width:660px;margin:0;
  color:var(--muted);font:500 15px/1.8 "Rajdhani",sans-serif;
}
.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:33px}
.cta-primary,.cta-secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  border-radius:12px;padding:14px 17px;
  font:700 10px "Space Mono",monospace;letter-spacing:.13em;
  transition:.25s;
}
.cta-primary{
  background:var(--cyan);color:#021010;
  box-shadow:0 0 55px rgba(116,248,226,.10);
}
.cta-primary .discord-mark{background:#021010}
.cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 45px rgba(116,248,226,.15)}
.cta-secondary{
  border:1px solid var(--line);color:rgba(236,247,250,.76);
  background:rgba(255,255,255,.018);
}
.cta-secondary:hover{transform:translateY(-3px);border-color:rgba(116,248,226,.4);color:var(--cyan)}
.hero-meta{
  display:flex;gap:20px;flex-wrap:wrap;
  margin-top:26px;color:var(--dim);
  font:8px "Space Mono",monospace;letter-spacing:.13em;
}
.hero-meta span{display:flex;align-items:center}
.live-dot{display:inline-block;margin-right:7px}

.hero-visual{position:relative;z-index:2}
.holo-frame{
  min-height:610px;position:relative;overflow:hidden;
  border:1px solid rgba(116,248,226,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 45%,rgba(116,248,226,.06),transparent 30%),
    radial-gradient(circle at 20% 20%,rgba(91,188,255,.05),transparent 30%),
    rgba(4,8,11,.72);
  box-shadow:var(--shadow),inset 0 0 70px rgba(116,248,226,.025);
}
.holo-frame:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(116,248,226,.09) 50%,transparent 50.1%),
    linear-gradient(0deg,transparent 49.9%,rgba(116,248,226,.06) 50%,transparent 50.1%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px);
  pointer-events:none;
}
.frame-corner{
  position:absolute;width:55px;height:55px;z-index:2;
  border-color:rgba(116,248,226,.38);border-style:solid;
}
.c1{left:17px;top:17px;border-width:1px 0 0 1px}
.c2{right:17px;top:17px;border-width:1px 1px 0 0}
.c3{left:17px;bottom:17px;border-width:0 0 1px 1px}
.c4{right:17px;bottom:17px;border-width:0 1px 1px 0}
.logo-stage{
  position:absolute;left:50%;top:50%;
  width:410px;height:410px;
  transform:translate(-50%,-50%);
  display:grid;place-items:center;
}
.main-logo{
  width:250px;height:250px;object-fit:contain;position:relative;z-index:5;
  filter:drop-shadow(0 0 45px rgba(116,248,226,.11));
  animation:logoFloat 5s ease-in-out infinite;
}
.logo-aura{
  position:absolute;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(116,248,226,.1),transparent 67%);
  filter:blur(12px);
}
.logo-ring{
  position:absolute;border:1px solid rgba(116,248,226,.12);border-radius:50%;
}
.logo-ring.ring-1{inset:13px;border-top-color:rgba(116,248,226,.5);animation:spin 18s linear infinite}
.logo-ring.ring-2{inset:48px;border-left-color:rgba(91,188,255,.45);animation:spinReverse 12s linear infinite}
.logo-ring.ring-3{inset:82px;border-right-color:rgba(116,248,226,.3);animation:spin 8s linear infinite}
.reticle{
  position:absolute;left:50%;top:50%;width:430px;height:430px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
}
.reticle:before,.reticle:after{
  content:"";position:absolute;background:rgba(116,248,226,.14)
}
.reticle:before{left:50%;top:-10px;width:1px;height:450px}
.reticle:after{top:50%;left:-10px;height:1px;width:450px}
.reticle-a{animation:spin 36s linear infinite}
.reticle-b{width:500px;height:500px;animation:spinReverse 45s linear infinite;opacity:.6}
.reticle-b:before{height:520px}.reticle-b:after{width:520px}
.holo-label,.visual-readout{
  position:absolute;font-family:"Space Mono",monospace;
  font-size:8px;letter-spacing:.15em;color:rgba(236,247,250,.43);
}
.holo-label.top-left{left:29px;top:27px}
.holo-label.top-right{right:29px;top:27px;color:var(--cyan)}
.holo-label.bottom-left{left:29px;bottom:28px}
.holo-label.bottom-right{right:29px;bottom:28px;color:var(--cyan)}
.visual-readout{
  padding:10px 12px;border:1px solid rgba(116,248,226,.11);
  background:rgba(0,0,0,.20);backdrop-filter:blur(8px);
}
.visual-readout small{display:block;color:var(--dim);font-size:7px}
.visual-readout strong{display:block;margin-top:4px;color:var(--text);font:700 11px "Orbitron",sans-serif}
.readout-left{left:30px;top:43%;transform:translateY(-50%)}
.readout-right{right:30px;top:57%;transform:translateY(-50%);text-align:right}

.gateway{padding:95px 0 45px}
.section-heading{margin-bottom:34px}
.section-heading h3{
  margin:16px 0 0;
  font:800 clamp(34px,5vw,68px)/.92 "Orbitron",sans-serif;
  letter-spacing:-.045em;
}
.section-heading h3 span{color:var(--cyan)}

.discord-card{
  position:relative;overflow:hidden;
  min-height:360px;
  display:grid;grid-template-columns:290px 1fr auto;
  align-items:center;gap:40px;
  padding:50px;
  border:1px solid rgba(116,248,226,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at 18% 50%,rgba(116,248,226,.07),transparent 23%),
    linear-gradient(125deg,rgba(116,248,226,.035),transparent 48%),
    var(--panel);
  box-shadow:var(--shadow);
}
.card-glow{
  position:absolute;width:520px;height:520px;left:-90px;top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(116,248,226,.09),transparent 66%);
  filter:blur(12px);pointer-events:none;
}
.card-sweep{
  position:absolute;left:-20%;top:0;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(116,248,226,.05),transparent);
  transform:skewX(-15deg);animation:sweep 6s ease-in-out infinite;
}
.discord-emblem{position:relative;width:245px;height:245px;display:grid;place-items:center;margin:auto}
.emblem-ring{
  position:absolute;border:1px solid rgba(116,248,226,.16);border-radius:50%;
}
.emblem-ring.ring-1{inset:8px;border-top-color:var(--cyan);animation:spin 17s linear infinite}
.emblem-ring.ring-2{inset:35px;border-bottom-color:rgba(91,188,255,.7);animation:spinReverse 12s linear infinite}
.emblem-core{
  width:135px;height:135px;border-radius:35px;
  display:grid;place-items:center;
  border:1px solid rgba(116,248,226,.23);
  background:linear-gradient(145deg,rgba(116,248,226,.14),rgba(91,188,255,.04));
  box-shadow:0 0 80px rgba(116,248,226,.10),inset 0 0 36px rgba(116,248,226,.05);
  transform:rotate(-5deg);
  animation:logoFloat 4.5s ease-in-out infinite;
}
.discord-mark.huge{width:68px;height:68px}
.card-kicker{
  color:var(--cyan);font:8px "Space Mono",monospace;letter-spacing:.16em
}
.discord-info h4{
  margin:13px 0 9px;
  font:900 clamp(40px,5vw,78px) "Orbitron",sans-serif;
  letter-spacing:-.06em;
}
.discord-info p{
  max-width:730px;margin:0;color:var(--muted);
  font-size:14px;line-height:1.8;
}
.server-tags{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.server-tags span{
  color:#70838c;font:8px "Space Mono",monospace;letter-spacing:.12em;
  padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:7px;
}
.server-tags i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px rgba(116,248,226,.7);margin-right:6px}
.gateway-button{
  position:relative;z-index:2;align-self:end;
  min-width:190px;padding:16px 17px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  color:var(--cyan);border:1px solid rgba(116,248,226,.26);
  background:rgba(116,248,226,.035);
  font:9px "Space Mono",monospace;letter-spacing:.15em;
  transition:.25s;
}
.gateway-button:hover{transform:translateY(-3px);background:rgba(116,248,226,.08);border-color:rgba(116,248,226,.65);box-shadow:0 18px 45px rgba(116,248,226,.09)}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}
.feature-card{
  min-height:220px;position:relative;overflow:hidden;
  padding:22px;border:1px solid var(--line);
  border-radius:17px;background:var(--panel2);
}
.feature-card:after{
  content:"";position:absolute;inset:auto -20px -35px auto;width:90px;height:90px;border:1px solid rgba(116,248,226,.10);transform:rotate(45deg)
}
.feature-number{color:var(--cyan);font:8px "Space Mono",monospace;letter-spacing:.16em}
.feature-icon{display:block;margin-top:28px;color:rgba(116,248,226,.75);font-size:23px}
.feature-card h5{margin:10px 0 7px;font:700 14px "Orbitron",sans-serif;letter-spacing:.06em}
.feature-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.75}

.status-section{padding:80px 0 24px}
.status-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}
.terminal-card,.metrics{
  border:1px solid var(--line);border-radius:18px;
  background:var(--panel);overflow:hidden;
}
.terminal-head{
  min-height:48px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
  padding:0 15px;border-bottom:1px solid var(--line);
  color:var(--dim);font:8px "Space Mono",monospace;letter-spacing:.1em;
}
.traffic{display:flex;gap:6px}.traffic i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.16)}
.terminal{height:300px;padding:19px 17px;overflow:hidden;font:9px/1.9 "Space Mono",monospace}
.log{white-space:nowrap}.log .dim{color:#5a6b73}.log .ok{color:var(--cyan)}.log .warn{color:#f4c761}
.terminal-caret{padding:0 17px 18px;font:9px "Space Mono",monospace;color:#657880}
.terminal-caret span,.terminal-caret b{color:var(--cyan)}
.terminal-caret i{display:inline-block;width:5px;height:12px;background:var(--cyan);vertical-align:-2px;margin-left:7px;animation:blink .7s steps(2,end) infinite}
.metrics{padding:25px}
.metric{padding:2px 0 22px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:19px}
.metric-label{display:flex;justify-content:space-between;font:9px "Space Mono",monospace;letter-spacing:.13em}
.metric-label b{color:var(--cyan)}
.metric-bar{height:2px;background:rgba(255,255,255,.08);margin:12px 0 8px;overflow:hidden}
.metric-bar i{height:100%;display:block;background:linear-gradient(90deg,rgba(116,248,226,.28),var(--cyan));box-shadow:0 0 15px rgba(116,248,226,.3)}
.metric small{color:var(--dim);font:7px "Space Mono",monospace;letter-spacing:.12em}
.metrics-cta{
  margin-top:4px;display:flex;justify-content:space-between;align-items:center;
  padding:14px;border:1px solid rgba(116,248,226,.18);border-radius:11px;
  color:var(--cyan);font:9px "Space Mono",monospace;letter-spacing:.14em;
  transition:.25s;
}
.metrics-cta:hover{transform:translateY(-2px);border-color:rgba(116,248,226,.6);background:rgba(116,248,226,.04)}

.footer{
  max-width:1330px;margin:58px auto 0;padding-top:17px;
  border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:14px;
  color:#4e626a;font:8px "Space Mono",monospace;letter-spacing:.14em;
}
.footer-brand{color:#a6b7bd}.footer-brand span{color:#4e626a}

.reveal{opacity:0;transform:translateY(24px)}
.site.show .reveal{animation:reveal .9s cubic-bezier(.2,.8,.2,1) forwards}
.site.show .d1{animation-delay:.08s}.site.show .d2{animation-delay:.15s}.site.show .d3{animation-delay:.22s}.site.show .d4{animation-delay:.29s}

@keyframes reveal{to{opacity:1;transform:translateY(0)}}
@keyframes pulse{50%{transform:scale(.72);opacity:.72}}
@keyframes blink{50%{opacity:0}}
@keyframes scanline{0%{top:-10px}100%{top:calc(100% + 10px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinReverse{to{transform:rotate(-360deg)}}
@keyframes logoFloat{50%{transform:translateY(-7px) rotate(-5deg)}}
@keyframes sweep{0%,25%{transform:translateX(-180%) skewX(-15deg)}65%,100%{transform:translateX(500%) skewX(-15deg)}}
@keyframes introOut{to{opacity:0;transform:scale(1.015);filter:blur(2px)}}

@media(max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:86px}
  .hero-visual{max-width:820px;width:100%;margin:auto}
  .discord-card{grid-template-columns:230px 1fr}
  .gateway-button{grid-column:2;justify-self:start}
  .status-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
  .site{padding:11px 14px 30px}
  .topbar{grid-template-columns:1fr auto}
  .nav-links{display:none}
  .hero{padding:65px 0 55px;gap:40px}
  .hero-title{font-size:clamp(46px,14.5vw,78px)}
  .hero-text{font-size:13px}
  .hero-meta{gap:10px}
  .holo-frame{min-height:470px}
  .logo-stage{width:320px;height:320px}
  .main-logo{width:190px;height:190px}
  .reticle{width:340px;height:340px}.reticle:before{height:360px}.reticle:after{width:360px}
  .reticle-b{width:400px;height:400px}.reticle-b:before{height:420px}.reticle-b:after{width:420px}
  .visual-readout{display:none}
  .discord-card{grid-template-columns:1fr;text-align:center;padding:30px 22px}
  .discord-emblem{width:210px;height:210px}
  .discord-info p{margin-left:auto;margin-right:auto}
  .server-tags{justify-content:center}
  .gateway-button{grid-column:auto;justify-self:center;align-self:auto}
  .feature-grid{grid-template-columns:1fr}
  .footer{flex-direction:column}
  .intro-hud{padding:18px}
  .hud-top,.intro-bottom{font-size:7px}
  .intro-logo{width:150px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important}
}