:root{
  color-scheme:dark;
  --sword-void:#04070c;
  --sword-ink:#070c14;
  --sword-panel:#0b1320;
  --sword-panel-2:#0e1929;
  --sword-line:rgba(139,177,226,.14);
  --sword-line-strong:rgba(91,157,255,.34);
  --sword-text:#f3f7fd;
  --sword-muted:#8698b2;
  --sword-dim:#53657e;
  --sword-blue:#5b9dff;
  --sword-cyan:#57e1ff;
  --sword-mint:#61e6b2;
  --sword-amber:#f2bd69;
  --sword-red:#ff6579;
  --sword-radius:22px;
  --sword-ease:cubic-bezier(.2,.75,.2,1);
  --sword-shadow:0 36px 100px rgba(0,0,0,.42);
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--sword-void);scroll-behavior:smooth}
body{min-width:320px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a,button,input,textarea,select{outline-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--sword-cyan);outline-offset:3px
}
::selection{background:rgba(87,225,255,.24);color:#fff}

body::after{
  content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;
  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='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")
}

.sword-data-grid{
  position:absolute;inset:0;overflow:hidden;pointer-events:none;
  background-image:linear-gradient(rgba(106,161,226,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(106,161,226,.06) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 58%,transparent 100%)
}
.sword-data-grid::before{
  content:"";position:absolute;left:var(--sword-pointer-x,50%);top:var(--sword-pointer-y,35%);
  width:560px;height:560px;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(76,151,255,.16),rgba(76,151,255,.03) 38%,transparent 70%)
}
.sword-data-grid::after{
  content:"";position:absolute;inset:-40% 0 auto;height:40%;
  background:linear-gradient(180deg,transparent,rgba(87,225,255,.1),transparent);
  animation:sword-scanline 10s linear infinite
}

[data-reveal],.reveal,.platform-motion [data-reveal],.platform-motion .reveal{
  opacity:1;transform:none;filter:none;
  transition:opacity .48s var(--sword-ease),transform .48s var(--sword-ease)
}
.platform-motion [data-reveal].is-visible,.platform-motion .reveal.is-visible,.platform-motion .reveal.visible{
  opacity:1;transform:none;filter:none
}
[data-reveal-delay="1"]{transition-delay:.08s}
[data-reveal-delay="2"]{transition-delay:.16s}
[data-reveal-delay="3"]{transition-delay:.24s}

.sword-kicker{
  display:inline-flex;align-items:center;gap:10px;color:var(--sword-cyan);
  font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase
}
.sword-kicker::before{content:"";width:24px;height:1px;background:currentColor;box-shadow:9px 0 18px currentColor}
.sword-live-dot{width:7px;height:7px;border-radius:50%;background:var(--sword-mint);box-shadow:0 0 0 5px rgba(97,230,178,.08),0 0 18px rgba(97,230,178,.6);animation:sword-pulse 2.4s ease-in-out infinite}

.sword-security-frame{position:relative;isolation:isolate}
.sword-security-frame::before,.sword-security-frame::after{
  content:"";position:absolute;width:28px;height:28px;pointer-events:none;opacity:.65
}
.sword-security-frame::before{top:-1px;left:-1px;border-top:1px solid var(--sword-cyan);border-left:1px solid var(--sword-cyan)}
.sword-security-frame::after{right:-1px;bottom:-1px;border-right:1px solid var(--sword-blue);border-bottom:1px solid var(--sword-blue)}

[data-sword-tilt]{transform-style:preserve-3d;transition:transform .28s var(--sword-ease),border-color .28s ease,box-shadow .28s ease;will-change:transform}
[data-sword-tilt]:hover{border-color:var(--sword-line-strong);box-shadow:0 30px 80px rgba(0,0,0,.28),0 0 0 1px rgba(91,157,255,.06) inset}

.sword-system-chip{
  display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;
  border:1px solid var(--sword-line);border-radius:999px;background:rgba(8,16,28,.72);
  color:var(--sword-muted);font:700 10px/1 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase
}
.sword-system-chip[data-state="active"]{color:#bff7dc;border-color:rgba(97,230,178,.25);background:rgba(97,230,178,.06)}

[data-sword-icon]{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.swordUiIcon{display:block;width:1em;height:1em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[data-sword-icon="windows"] .swordUiIcon,[data-sword-icon="discord"] .swordUiIcon{fill:currentColor;stroke:none}

@keyframes sword-scanline{0%{transform:translateY(-20vh)}100%{transform:translateY(180vh)}}
@keyframes sword-pulse{0%,100%{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}
@keyframes sword-orbit{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
  [data-reveal],.reveal{opacity:1;transform:none;filter:none}
}