:root{
  --bg:#060609;
  --bg-soft:#0a0a10;
  --panel:#0f1017;
  --panel-2:#151620;
  --panel-glass:rgba(15,16,23,.72);
  --text:#f6f2f3;
  --muted:#9d98a3;
  --red:#db1735;
  --red-bright:#ff3355;
  --red-dark:#6e0d1c;
  --gold:#c6a35c;
  --gold-soft:#887144;
  --line:rgba(255,255,255,.08);
  --line-red:rgba(255,51,85,.22);
  --shadow:0 24px 80px rgba(0,0,0,.48);
}

*{box-sizing:border-box}

html{
  scroll-behavior:smooth;
  background:var(--bg);
}

body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 75% 12%,rgba(148,10,35,.18),transparent 25%),
    radial-gradient(circle at 15% 30%,rgba(219,23,53,.08),transparent 24%),
    linear-gradient(180deg,#07070a 0%,#08080d 52%,#050507 100%);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.02) 50%,transparent 50.1%),
    linear-gradient(transparent 49.9%,rgba(255,255,255,.015) 50%,transparent 50.1%);
  background-size:90px 90px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 85%);
  z-index:-2;
}

a{color:inherit;text-decoration:none}

.site-grid{
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(circle at center,black,transparent 78%);
  z-index:-1;
}

.scanlines{
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background:repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 3px,
    rgba(255,255,255,.025) 4px
  );
  z-index:99;
}

.cursor-glow{
  position:fixed;
  width:340px;
  height:340px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,41,79,.08),transparent 68%);
  transform:translate(-50%,-50%);
  opacity:0;
  transition:opacity .2s ease;
  z-index:0;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px clamp(22px,5vw,76px);
  background:rgba(6,6,9,.72);
  backdrop-filter:blur(20px) saturate(140%);
  border-bottom:1px solid rgba(255,255,255,.055);
}

.site-header::after{
  content:"";
  position:absolute;
  left:clamp(22px,5vw,76px);
  right:clamp(22px,5vw,76px);
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--red-dark),transparent);
  opacity:.7;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.brand-mark{
  position:relative;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:
    radial-gradient(circle at center,#16131a 0 45%,transparent 46%),
    conic-gradient(from 30deg,var(--red-bright),var(--red-dark),var(--gold),var(--red-bright));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08),
    0 0 28px rgba(219,23,53,.18);
}

.brand-mark::before,
.brand-mark::after{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
}

.brand-mark::after{
  inset:10px;
  border-color:rgba(198,163,92,.35);
  border-style:dashed;
  animation:spin 16s linear infinite;
}

.brand-k{
  position:relative;
  z-index:2;
  font-weight:900;
  font-size:19px;
  letter-spacing:-.08em;
}

.brand-copy{
  display:flex;
  flex-direction:column;
  line-height:1;
}

.brand-copy strong{
  font-size:18px;
  letter-spacing:.02em;
}

.brand-copy small{
  margin-top:5px;
  font-size:8px;
  letter-spacing:.24em;
  color:var(--gold);
}

nav{
  display:flex;
  align-items:center;
  gap:28px;
  color:#d4d0d6;
  font-size:14px;
}

nav>a:not(.nav-cta){
  position:relative;
}

nav>a:not(.nav-cta)::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-7px;
  height:1px;
  background:var(--red-bright);
  transition:right .22s ease;
}

nav>a:not(.nav-cta):hover::after{
  right:0;
}

.nav-cta{
  padding:11px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:4px;
  background:
    linear-gradient(135deg,rgba(255,51,85,.95),rgba(113,8,29,.95));
  box-shadow:0 10px 30px rgba(174,15,43,.16);
  font-weight:800;
}

main{
  position:relative;
  min-height:calc(100vh - 140px);
  z-index:1;
}

.hero{
  min-height:82vh;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:60px;
  align-items:center;
  padding:86px clamp(22px,7vw,112px) 68px;
}

.system-line{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  color:#d7ccd0;
  font-size:10px;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.status-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ff3355;
  box-shadow:0 0 12px rgba(255,51,85,.85);
  animation:pulse 2s ease-in-out infinite;
}

.system-divider{
  width:38px;
  height:1px;
  background:linear-gradient(90deg,var(--red),transparent);
}

.eyebrow{
  margin:28px 0 0;
  font-size:11px;
  letter-spacing:.28em;
  color:var(--gold);
  font-weight:800;
}

.hero h1,
.commands-hero h1{
  margin:14px 0 22px;
  max-width:930px;
  font-size:clamp(50px,6vw,88px);
  line-height:.96;
  letter-spacing:-.045em;
  font-weight:850;
}

.accent-text{
  display:block;
  color:#fff;
  text-shadow:
    0 0 28px rgba(219,23,53,.22),
    0 0 1px rgba(255,255,255,.9);
}

.hero-text{
  max-width:720px;
  color:var(--muted);
  font-size:18px;
  line-height:1.75;
}

.hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:32px 0;
}

.button{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-width:150px;
  padding:14px 20px;
  border-radius:5px;
  font-weight:800;
  border:1px solid var(--line);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.button:hover{
  transform:translateY(-2px);
}

.button.primary{
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(135deg,var(--red-bright),#8c1027 72%);
  box-shadow:0 12px 34px rgba(219,23,53,.19);
}

.button.primary::after{
  content:"";
  position:absolute;
  inset:-120% 45%;
  width:30%;
  transform:rotate(25deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transition:transform .65s ease;
}

.button.primary:hover::after{
  transform:translateX(320%) rotate(25deg);
}

.button.secondary{
  background:rgba(255,255,255,.025);
  backdrop-filter:blur(12px);
}

.button.secondary:hover{
  border-color:rgba(198,163,92,.35);
}

.button-arrow{
  opacity:.75;
}

.stats{
  display:flex;
  gap:16px;
  margin-top:38px;
  flex-wrap:wrap;
}

.stats>div{
  position:relative;
  min-width:132px;
  padding:16px 18px 14px;
  border-left:1px solid rgba(255,51,85,.35);
  background:linear-gradient(90deg,rgba(255,51,85,.055),transparent);
}

.stat-index{
  position:absolute;
  top:7px;
  right:9px;
  font-size:8px;
  color:rgba(198,163,92,.65);
  letter-spacing:.12em;
}

.stats strong{
  display:block;
  font-size:27px;
  line-height:1;
}

.stats>div>span:last-child{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.hero-panel{
  min-height:520px;
  display:grid;
  place-items:center;
  position:relative;
}

.chrono-core{
  position:relative;
  width:min(78vw,480px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
}

.chrono-core::before{
  content:"";
  position:absolute;
  width:70%;
  height:70%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(219,23,53,.14),transparent 67%);
  filter:blur(18px);
}

.orbital{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.07);
}

.orbital::before,
.orbital::after{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--red-bright);
  box-shadow:0 0 12px rgba(255,51,85,.75);
}

.orbital-one{
  inset:2%;
  border-color:rgba(198,163,92,.22);
  animation:spin 30s linear infinite;
}

.orbital-one::before{top:11%;left:20%}
.orbital-one::after{right:8%;bottom:32%}

.orbital-two{
  inset:10%;
  border-style:dashed;
  border-color:rgba(255,51,85,.23);
  animation:spinReverse 19s linear infinite;
}

.orbital-two::before{top:50%;left:-3px}
.orbital-two::after{right:14%;top:12%}

.orbital-three{
  inset:18%;
  border-color:rgba(255,255,255,.09);
  animation:spin 12s linear infinite;
}

.clock-face{
  position:relative;
  width:58%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle at center,rgba(18,16,24,.95) 0 52%,transparent 53%),
    repeating-conic-gradient(from -1deg,rgba(255,255,255,.18) 0 1deg,transparent 1deg 30deg),
    radial-gradient(circle,rgba(219,23,53,.13),rgba(8,8,12,.95) 70%);
  border:1px solid rgba(198,163,92,.37);
  box-shadow:
    inset 0 0 60px rgba(0,0,0,.65),
    0 0 0 8px rgba(255,255,255,.018),
    0 0 55px rgba(219,23,53,.16);
}

.clock-face::before,
.clock-face::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.clock-face::before{
  inset:9%;
  border:1px solid rgba(255,255,255,.07);
}

.clock-face::after{
  inset:18%;
  border:1px dashed rgba(255,51,85,.13);
}

.roman{
  position:absolute;
  z-index:3;
  color:rgba(224,205,165,.78);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(12px,1.8vw,20px);
  letter-spacing:.06em;
}

.r12{top:5%;left:50%;transform:translateX(-50%)}
.r3{right:5%;top:50%;transform:translateY(-50%)}
.r6{bottom:5%;left:50%;transform:translateX(-50%)}
.r9{left:5%;top:50%;transform:translateY(-50%)}

.clock-hand{
  position:absolute;
  left:50%;
  bottom:50%;
  transform-origin:50% 100%;
  border-radius:999px;
  z-index:5;
}

.hour-hand{
  width:4px;
  height:24%;
  margin-left:-2px;
  background:linear-gradient(to top,var(--gold),#eee0bf);
  box-shadow:0 0 12px rgba(198,163,92,.25);
}

.minute-hand{
  width:3px;
  height:34%;
  margin-left:-1.5px;
  background:linear-gradient(to top,#d7d7dc,#fff);
}

.second-hand{
  width:1px;
  height:39%;
  margin-left:-.5px;
  background:var(--red-bright);
  box-shadow:0 0 9px rgba(255,51,85,.8);
}

.clock-center{
  position:absolute;
  left:50%;
  top:50%;
  width:13px;
  height:13px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#0b0b0e;
  border:2px solid var(--red-bright);
  box-shadow:0 0 16px rgba(255,51,85,.5);
  z-index:7;
}

.core-label{
  position:absolute;
  bottom:3%;
  left:50%;
  transform:translateX(-50%);
  min-width:190px;
  text-align:center;
  padding:12px 18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(5,5,8,.68);
  backdrop-filter:blur(14px);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}

.core-label span,
.core-label small{
  display:block;
  color:var(--muted);
  font-size:8px;
  letter-spacing:.22em;
}

.core-label strong{
  display:block;
  margin:5px 0;
  font-size:18px;
  font-variant-numeric:tabular-nums;
  letter-spacing:.13em;
}

.section{
  padding:54px clamp(22px,7vw,112px) 96px;
}

.section-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:22px;
  margin-bottom:30px;
}

.section-heading h2{
  margin:8px 0 0;
  font-size:clamp(34px,4vw,52px);
  letter-spacing:-.035em;
}

.text-link{
  color:#e8d6da;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.text-link span{color:var(--red-bright)}

.showcase-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.showcase-card{
  position:relative;
  overflow:hidden;
  padding:28px;
  min-height:235px;
  border:1px solid var(--line);
  background:
    linear-gradient(180deg,rgba(19,20,29,.9),rgba(10,10,15,.92));
  box-shadow:var(--shadow);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);
  transition:transform .22s ease,border-color .22s ease;
}

.showcase-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,transparent 25%,rgba(255,51,85,.06),transparent 60%);
  transform:translateX(-100%);
  transition:transform .65s ease;
}

.showcase-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,51,85,.32);
}

.showcase-card:hover::before{
  transform:translateX(100%);
}

.card-number{
  position:absolute;
  top:14px;
  right:20px;
  color:rgba(198,163,92,.45);
  font-size:10px;
  letter-spacing:.16em;
}

.card-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:26px;
  border-radius:50%;
  border:1px solid rgba(255,51,85,.26);
  background:radial-gradient(circle,rgba(219,23,53,.13),transparent 70%);
  color:#fff;
  font-size:21px;
  box-shadow:0 0 28px rgba(219,23,53,.09);
}

.showcase-card h3{
  margin:0 0 10px;
  font-size:23px;
}

.showcase-card p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}

.card-corner{
  position:absolute;
  right:0;
  bottom:0;
  width:46px;
  height:46px;
  border-right:1px solid rgba(198,163,92,.28);
  border-bottom:1px solid rgba(198,163,92,.28);
}

.timeline-section{
  padding:0 clamp(22px,7vw,112px) 112px;
}

.timeline-panel{
  padding:24px 26px 30px;
  border:1px solid var(--line);
  background:rgba(12,12,18,.74);
  backdrop-filter:blur(14px);
}

.timeline-label{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size:9px;
  letter-spacing:.22em;
}

.timeline-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  margin-top:28px;
}

.timeline-track::before{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  top:12px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--red-dark),var(--gold-soft),var(--red-dark),transparent);
}

.timeline-node{
  position:relative;
  z-index:2;
  padding-top:28px;
  text-align:center;
}

.timeline-node::before{
  content:"";
  position:absolute;
  left:50%;
  top:7px;
  width:10px;
  height:10px;
  border-radius:50%;
  transform:translateX(-50%);
  background:#0c0c10;
  border:2px solid var(--red);
  box-shadow:0 0 13px rgba(219,23,53,.3);
}

.timeline-node span{
  display:block;
  color:var(--gold);
  font-size:9px;
  letter-spacing:.13em;
}

.timeline-node strong{
  display:block;
  margin-top:6px;
  font-size:12px;
  font-weight:700;
}

.commands-hero{
  padding:82px clamp(22px,7vw,112px) 30px;
}

.commands-hero h1{
  font-size:clamp(48px,5.5vw,74px);
}

.commands-hero>p:last-child{
  max-width:680px;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}

.command-tools{
  padding:14px clamp(22px,7vw,112px) 30px;
}

.search-wrap{
  position:relative;
  display:flex;
  align-items:center;
}

.search-wrap input{
  width:100%;
  padding:17px 120px 17px 48px;
  border:1px solid var(--line);
  border-radius:4px;
  outline:none;
  background:
    linear-gradient(90deg,rgba(255,51,85,.035),transparent 28%),
    rgba(11,11,16,.88);
  color:#fff;
  font-size:15px;
  letter-spacing:.01em;
  box-shadow:inset 0 0 20px rgba(0,0,0,.28);
}

.search-wrap input:focus{
  border-color:rgba(255,51,85,.34);
  box-shadow:
    0 0 0 3px rgba(219,23,53,.045),
    inset 0 0 20px rgba(0,0,0,.28);
}

.search-prefix{
  position:absolute;
  left:18px;
  z-index:2;
  color:var(--red-bright);
  font-size:20px;
}

.search-hint{
  position:absolute;
  right:16px;
  color:rgba(198,163,92,.55);
  font-size:8px;
  letter-spacing:.18em;
}

.filters{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
}

.filter{
  border:1px solid var(--line);
  background:rgba(15,15,21,.74);
  color:#c9c5cb;
  padding:9px 13px;
  border-radius:3px;
  cursor:pointer;
  font-size:12px;
  transition:.18s ease;
}

.filter.active,
.filter:hover{
  color:#fff;
  border-color:rgba(255,51,85,.36);
  background:linear-gradient(180deg,rgba(219,23,53,.16),rgba(89,8,24,.12));
  box-shadow:inset 0 0 20px rgba(219,23,53,.05);
}

.command-grid{
  padding:8px clamp(22px,7vw,112px) 100px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.command-card{
  position:relative;
  overflow:hidden;
  padding:21px;
  min-height:170px;
  border:1px solid var(--line);
  border-radius:4px;
  background:linear-gradient(180deg,rgba(18,19,27,.92),rgba(10,10,15,.94));
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.command-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,51,85,.28);
  box-shadow:0 16px 45px rgba(0,0,0,.28);
}

.command-card-grid{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:22px 22px;
  mask-image:linear-gradient(to bottom right,black,transparent 70%);
}

.command-top{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.command-top code{
  color:#ff6b83;
  font-size:16px;
  font-weight:850;
}

.category-pill{
  padding:6px 8px;
  border:1px solid rgba(198,163,92,.18);
  border-radius:2px;
  background:rgba(198,163,92,.055);
  color:#c9b98f;
  font-size:9px;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.command-card p{
  position:relative;
  z-index:2;
  min-height:48px;
  color:var(--muted);
  line-height:1.55;
}

.aliases{
  position:relative;
  z-index:2;
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:12px;
  color:#74717a;
  font-size:11px;
}

.aliases code{
  padding:4px 6px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:2px;
  background:#09090d;
  color:#c7c2ca;
}

.command-scanline{
  position:absolute;
  left:0;
  right:0;
  top:-20%;
  height:18%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(to bottom,transparent,rgba(255,51,85,.06),transparent);
}

.command-card:hover .command-scanline{
  opacity:1;
  animation:scan 1.5s linear infinite;
}

.empty-state{
  text-align:center;
  padding:20px 0 100px;
  color:var(--muted);
}

.empty-state span{
  display:block;
  color:#e9d6da;
  font-size:12px;
  letter-spacing:.18em;
}

.empty-state small{
  display:block;
  margin-top:8px;
}

footer{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:20px;
  align-items:center;
  padding:26px clamp(22px,7vw,112px);
  color:#66616b;
  border-top:1px solid rgba(255,255,255,.05);
  font-size:11px;
}

footer span:last-child{text-align:right}

.footer-center{
  color:rgba(198,163,92,.5);
  letter-spacing:.2em;
  font-size:8px;
}

.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);
}

.reveal.visible{
  opacity:1;
  transform:none;
}

.delay-1{transition-delay:.08s}
.delay-2{transition-delay:.16s}

@keyframes spin{
  to{transform:rotate(360deg)}
}

@keyframes spinReverse{
  to{transform:rotate(-360deg)}
}

@keyframes pulse{
  0%,100%{opacity:.55;transform:scale(.9)}
  50%{opacity:1;transform:scale(1.1)}
}

@keyframes scan{
  from{top:-20%}
  to{top:120%}
}

@media(max-width:1000px){
  .hero{
    grid-template-columns:1fr;
    padding-top:64px;
  }

  .hero-panel{
    min-height:460px;
  }

  .chrono-core{
    width:min(76vw,470px);
  }

  .showcase-grid,
  .command-grid{
    grid-template-columns:1fr 1fr;
  }

  .timeline-track{
    grid-template-columns:repeat(3,1fr);
    row-gap:26px;
  }

  .timeline-track::before{
    display:none;
  }

  nav a:not(.nav-cta){
    display:none;
  }
}

@media(max-width:650px){
  .site-header{
    padding-left:18px;
    padding-right:18px;
  }

  .brand-copy small{
    display:none;
  }

  .nav-cta{
    padding:10px 12px;
    font-size:12px;
  }

  .hero,
  .section,
  .timeline-section,
  .commands-hero,
  .command-tools,
  .command-grid{
    padding-left:20px;
    padding-right:20px;
  }

  .hero h1,
  .commands-hero h1{
    font-size:44px;
  }

  .hero-text{
    font-size:16px;
  }

  .hero-panel{
    min-height:380px;
  }

  .chrono-core{
    width:min(92vw,390px);
  }

  .showcase-grid,
  .command-grid{
    grid-template-columns:1fr;
  }

  .timeline-track{
    grid-template-columns:repeat(2,1fr);
  }

  .section-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .stats{
    gap:10px;
  }

  .stats>div{
    min-width:calc(50% - 5px);
  }

  footer{
    grid-template-columns:1fr;
    text-align:center;
  }

  footer span:last-child{
    text-align:center;
  }

  .footer-center{
    order:3;
  }

  .cursor-glow{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }

  .reveal{
    opacity:1;
    transform:none;
  }
}


.status-section{
  padding:0 clamp(22px,7vw,112px) 54px;
}

.status-panel{
  position:relative;
  overflow:hidden;
  padding:28px;
  border:1px solid var(--line);
  background:
    linear-gradient(135deg,rgba(255,51,85,.045),transparent 30%),
    linear-gradient(180deg,rgba(15,16,23,.9),rgba(8,8,12,.94));
  box-shadow:var(--shadow);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);
}

.status-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom right,black,transparent 72%);
}

.status-panel-header{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:24px;
}

.status-panel-header h2{
  margin:10px 0 0;
  font-size:clamp(28px,3vw,42px);
  letter-spacing:-.035em;
}

.status-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:3px;
  background:rgba(255,255,255,.025);
  color:#c9c5cb;
  font-size:10px;
  letter-spacing:.16em;
  font-weight:800;
}

.status-badge-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#777;
  box-shadow:0 0 10px rgba(255,255,255,.15);
}

.status-badge.online{
  border-color:rgba(72,235,140,.22);
  color:#b9f7cf;
  background:rgba(72,235,140,.055);
}

.status-badge.online .status-badge-dot{
  background:#48eb8c;
  box-shadow:0 0 12px rgba(72,235,140,.7);
}

.status-badge.offline{
  border-color:rgba(255,51,85,.24);
  color:#ff9aac;
  background:rgba(255,51,85,.055);
}

.status-badge.offline .status-badge-dot{
  background:var(--red-bright);
  box-shadow:0 0 12px rgba(255,51,85,.7);
}

.status-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}

.status-metric{
  position:relative;
  min-height:120px;
  padding:18px 16px;
  border:1px solid var(--line);
  background:
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008));
}

.status-metric::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--red-dark),transparent);
  opacity:.65;
}

.metric-index{
  position:absolute;
  top:10px;
  right:11px;
  color:rgba(198,163,92,.42);
  font-size:8px;
  letter-spacing:.14em;
}

.metric-label{
  display:block;
  color:var(--muted);
  font-size:9px;
  letter-spacing:.18em;
}

.status-metric strong{
  display:block;
  margin-top:22px;
  font-size:clamp(22px,2.3vw,34px);
  line-height:1;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}

.status-footer{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  align-items:end;
  margin-top:14px;
  padding:16px 18px;
  border:1px solid var(--line);
  background:rgba(5,5,8,.45);
}

.status-footer>div{
  min-width:0;
}

.status-footer-label{
  display:block;
  margin-bottom:5px;
  color:var(--gold);
  font-size:8px;
  letter-spacing:.2em;
}

.status-footer strong{
  display:block;
  overflow:hidden;
  color:#d8d2d9;
  font-size:12px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

@media(max-width:1100px){
  .status-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:650px){
  .status-section{
    padding-left:20px;
    padding-right:20px;
  }

  .status-panel{
    padding:20px;
  }

  .status-panel-header{
    flex-direction:column;
  }

  .status-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .status-footer{
    grid-template-columns:1fr;
  }

  .status-footer strong{
    white-space:normal;
  }
}


.footer-link{
  color:rgba(226,218,222,.78);
  transition:color .18s ease,text-shadow .18s ease;
}

.footer-link:hover{
  color:#fff;
  text-shadow:0 0 12px rgba(255,51,85,.28);
}

.footer-separator{
  display:inline-block;
  margin:0 10px;
  color:rgba(198,163,92,.35);
}

.privacy-hero{
  padding:82px clamp(22px,7vw,112px) 34px;
}

.privacy-hero h1{
  margin:14px 0 20px;
  max-width:900px;
  font-size:clamp(48px,5.6vw,78px);
  line-height:.98;
  letter-spacing:-.045em;
}

.privacy-lead{
  max-width:760px;
  color:var(--muted);
  font-size:18px;
  line-height:1.75;
}

.privacy-meta{
  display:inline-flex;
  gap:12px;
  align-items:center;
  margin-top:22px;
  padding:10px 13px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.02);
  font-size:11px;
}

.privacy-meta span{
  color:var(--muted);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.privacy-meta strong{
  color:#e5d6d9;
  font-weight:700;
}

.privacy-section{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  padding:16px clamp(22px,7vw,112px) 100px;
}

.privacy-card{
  position:relative;
  overflow:hidden;
  padding:28px;
  border:1px solid var(--line);
  background:
    linear-gradient(135deg,rgba(255,51,85,.035),transparent 35%),
    linear-gradient(180deg,rgba(17,18,26,.92),rgba(9,9,13,.94));
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);
}

.privacy-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:24px 24px;
  mask-image:linear-gradient(to bottom right,black,transparent 72%);
}

.privacy-index{
  position:absolute;
  top:14px;
  right:18px;
  color:rgba(198,163,92,.48);
  font-size:9px;
  letter-spacing:.16em;
}

.privacy-card h2{
  position:relative;
  z-index:2;
  margin:0 0 14px;
  font-size:24px;
  letter-spacing:-.025em;
}

.privacy-card p{
  position:relative;
  z-index:2;
  margin:0 0 12px;
  color:var(--muted);
  line-height:1.72;
}

.privacy-card p:last-child{
  margin-bottom:0;
}

.privacy-button{
  position:relative;
  z-index:2;
  margin-top:10px;
}

.privacy-note{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:start;
  padding:20px 22px;
  border:1px solid rgba(198,163,92,.16);
  background:rgba(198,163,92,.035);
}

.privacy-note>span{
  color:var(--gold);
  font-size:9px;
  letter-spacing:.2em;
}

.privacy-note p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}

@media(max-width:850px){
  .privacy-section{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){
  .privacy-hero,
  .privacy-section{
    padding-left:20px;
    padding-right:20px;
  }

  .privacy-hero h1{
    font-size:44px;
  }

  .privacy-note{
    grid-template-columns:1fr;
  }
}


/* =========================
   Dashboard
   ========================= */
.dashboard-hero{
  padding:72px clamp(22px,7vw,112px) 28px;
  max-width:1180px;
}
.dashboard-hero.compact{padding-bottom:22px}
.dashboard-hero h1{margin:12px 0 16px;font-size:clamp(46px,7vw,86px);line-height:.98;letter-spacing:-.055em}
.dashboard-lead{max-width:760px;color:var(--muted);line-height:1.75;font-size:17px}
.dashboard-lead strong{color:#eee8e9}
.dashboard-shell,.dashboard-config{padding:20px clamp(22px,7vw,112px) 100px}
.dashboard-toolbar,.config-heading,.dashboard-savebar{display:flex;align-items:center;justify-content:space-between;gap:22px}
.dashboard-toolbar{padding:22px 0 28px;border-bottom:1px solid var(--line)}
.dashboard-kicker{color:var(--gold);font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.dashboard-toolbar h2,.config-heading h2{margin:7px 0 0;font-size:28px}
.dashboard-logout{min-width:auto}
.guild-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:24px}
.guild-card{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;padding:18px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,51,85,.045),transparent 45%),rgba(12,12,17,.9);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.guild-card:hover{transform:translateY(-2px);border-color:rgba(255,51,85,.35);background:linear-gradient(135deg,rgba(255,51,85,.08),transparent 45%),rgba(14,14,20,.95)}
.guild-card img,.guild-fallback{width:58px;height:58px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}
.guild-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#251117,#0c0c11);font-weight:900;font-size:22px;color:#fff}
.guild-fallback.large{width:76px;height:76px;font-size:28px}
.guild-card-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.guild-card-copy>span{font-size:8px;letter-spacing:.2em;color:var(--gold)}
.guild-card-copy strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guild-card-copy small{color:var(--muted)}
.guild-arrow{font-size:20px;color:#ff365c}
.dashboard-empty{margin-top:24px;padding:36px;border:1px solid var(--line);background:rgba(12,12,17,.86)}
.dashboard-empty>span{color:var(--gold);font-size:10px;letter-spacing:.2em}
.dashboard-empty p{max-width:720px;color:var(--muted);line-height:1.7;margin:12px 0 22px}
.dashboard-back{display:inline-block;margin-bottom:26px;color:var(--muted);text-decoration:none}
.dashboard-back:hover{color:#fff}
.guild-heading{display:flex;align-items:center;gap:20px}
.guild-heading img{width:76px;height:76px;border-radius:18px;object-fit:cover;border:1px solid var(--line)}
.guild-heading h1{font-size:clamp(38px,5vw,64px);margin:4px 0 8px}
.guild-heading p{margin:0;color:var(--muted)}
.guild-heading code{color:#d9b867}
.dashboard-flash{margin-bottom:18px;padding:14px 16px;border:1px solid rgba(65,210,145,.28);background:rgba(65,210,145,.07);color:#a7ebc8}
.config-section{margin-bottom:28px;padding:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,16,23,.94),rgba(9,9,13,.96));position:relative;overflow:hidden}
.config-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px}
.config-section>*{position:relative;z-index:1}
.config-heading{align-items:end;margin-bottom:20px}
.config-heading p{margin:8px 0 0;color:var(--muted)}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.module-toggle-card,.dashboard-command-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid rgba(255,255,255,.07);background:rgba(5,5,8,.55);cursor:pointer}
.module-toggle-card:hover,.dashboard-command-row:hover{border-color:rgba(255,51,85,.24)}
.module-toggle-card strong{font-size:16px}
.module-toggle-card p,.dashboard-command-row p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.switch-wrap{position:relative;display:inline-flex;flex:0 0 auto}
.switch-wrap input{position:absolute;opacity:0;pointer-events:none}
.switch-ui{width:48px;height:26px;border-radius:999px;background:#26262e;border:1px solid #3a3a44;position:relative;transition:.18s ease}
.switch-ui::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;left:3px;top:3px;background:#8a8a94;transition:.18s ease}
.switch-wrap input:checked + .switch-ui{background:rgba(201,24,58,.34);border-color:#c9183a;box-shadow:0 0 18px rgba(201,24,58,.16)}
.switch-wrap input:checked + .switch-ui::after{transform:translateX(22px);background:#ff4868}
.switch-wrap input:disabled + .switch-ui{opacity:.55;cursor:not-allowed}
.command-config-heading{align-items:center}
.dashboard-search{width:min(340px,100%);padding:12px 14px;border:1px solid var(--line);background:#09090d;color:#fff;outline:none}
.dashboard-search:focus{border-color:rgba(255,51,85,.45)}
.dashboard-command-list{display:grid;gap:9px;max-height:720px;overflow:auto;padding-right:5px}
.dashboard-command-row[hidden]{display:none}
.dashboard-command-copy{min-width:0}
.dashboard-command-copy>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dashboard-command-copy code{font-size:14px;color:#fff}
.protected-pill{font-size:8px;letter-spacing:.14em;color:#d9b867;border:1px solid rgba(217,184,103,.25);padding:4px 6px}
.dashboard-savebar{position:sticky;bottom:14px;padding:18px 20px;border:1px solid rgba(255,51,85,.24);background:rgba(8,8,12,.94);backdrop-filter:blur(16px);box-shadow:0 20px 70px rgba(0,0,0,.35);z-index:8}
.dashboard-savebar>div{display:flex;flex-direction:column;gap:4px}
.dashboard-savebar span{color:var(--muted);font-size:13px}
.nav-account{
  color:#d9b867!important;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.nav-account-avatar-frame{
  width:26px;
  height:26px;
  border-radius:50%;
  overflow:hidden;
  flex:0 0 26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(217,184,103,.35);
  box-shadow:0 0 12px rgba(217,184,103,.08);
}
.nav-account-avatar{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
}
@media(max-width:850px){.guild-grid,.module-grid{grid-template-columns:1fr}.command-config-heading{align-items:stretch;flex-direction:column}.dashboard-search{width:100%}}
@media(max-width:650px){.dashboard-hero,.dashboard-shell,.dashboard-config{padding-left:20px;padding-right:20px}.dashboard-toolbar,.dashboard-savebar{align-items:stretch;flex-direction:column}.dashboard-savebar .button{width:100%}.config-section{padding:20px}.guild-heading{align-items:flex-start}.guild-heading img,.guild-fallback.large{width:62px;height:62px}}