:root{
  --bg:#050505;
  --panel:#101010;
  --text:#ffffff;
  --muted:#c9c9c9;
  --line:rgba(255,255,255,.14);
  --red:#c1121f;
  --red-dark:#8f0e17;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
body{background:radial-gradient(circle at 12% 0%,#1a1a1a 0%,#050505 42%,#000 100%)}
a{color:inherit}
.wrap{width:min(1120px,92vw);margin:0 auto;padding:42px 0 72px}
.nav{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:72px}
.brand{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:900;letter-spacing:-.05em;text-decoration:none}
.links{display:flex;gap:18px;flex-wrap:wrap}
.links a{font-weight:900;text-decoration:none;color:#fff;opacity:.78}
.links a:hover{opacity:1}
.hero{min-height:58vh;display:grid;align-content:center}
.hero.compact{min-height:34vh}
.kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--red);margin:0 0 18px}
.title{font-size:clamp(4.2rem,14vw,11rem);line-height:.82;letter-spacing:-.09em;margin:0 0 28px;font-weight:900}
.lede{font-size:clamp(1.35rem,3vw,2.4rem);line-height:1.08;max-width:840px;font-weight:900;margin:0;color:#fff}
.muted{color:var(--muted)}
.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);border:2px solid var(--red);color:#fff;text-decoration:none;font-size:1rem;font-weight:900;letter-spacing:.02em;padding:15px 20px;border-radius:0}
.btn:hover{background:var(--red-dark);border-color:var(--red-dark)}
.btn.secondary{background:transparent;border-color:#fff}
.btn.full{width:100%;margin-top:12px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}
.card{background:rgba(255,255,255,.035);border:1px solid var(--line);padding:28px;min-height:190px}
.card h2{font-size:clamp(1.8rem,4vw,3.2rem);line-height:.9;margin:0 0 20px;font-weight:900;letter-spacing:-.06em}
.card p,.card li{font-size:1.02rem;line-height:1.45;color:var(--muted);font-weight:700}
.card ul{padding-left:18px}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
.app-grid{grid-template-columns:1fr 1fr}
.wide{grid-column:span 2}
.panel{border:1px solid var(--line);background:rgba(255,255,255,.04);padding:28px}
.panel h2{font-size:2.4rem;line-height:.9;margin:0 0 18px;font-weight:900;letter-spacing:-.06em}
.form-panel label{display:block;font-weight:900;color:#fff;margin:16px 0 8px}
.form-panel input,.form-panel select,.form-panel textarea{width:100%;background:#050505;border:1px solid var(--line);color:#fff;font:900 1rem/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;padding:14px;outline:none}
.form-panel textarea{resize:vertical}
.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:var(--red)}
.hint{color:var(--muted);font-weight:800;line-height:1.35}
.code{background:#0e0e0e;border:1px solid var(--line);padding:18px;overflow:auto;color:#fff;font-size:.92rem}
.code.small{min-height:160px;white-space:pre-wrap}
.footer{position:fixed;left:0;right:0;bottom:10px;text-align:center;color:#fff;opacity:.32;font-weight:900;font-size:.72rem;pointer-events:none}
@media(max-width:820px){
  .nav{align-items:flex-start;flex-direction:column;margin-bottom:42px}
  .links{gap:12px}
  .hero{min-height:52vh}
  .hero.compact{min-height:34vh}
  .grid,.split,.app-grid{grid-template-columns:1fr}
  .wide{grid-column:auto}
  .card{min-height:auto}
  .footer{position:static;padding:34px 0 0}
}



body.welcome-page{
  min-height:100vh;
  overflow:hidden;
  background:#000;
  isolation:isolate;
}
.neural-bg{
  position:fixed;
  inset:-12%;
  z-index:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  background-color:#000;
  background-image:
    radial-gradient(circle at 50% 50%, transparent 1.5px, #000 0 8px, transparent 8px),
    radial-gradient(circle at 50% 50%, transparent 1.5px, #000 0 8px, transparent 8px),
    radial-gradient(circle at 24% 20%, rgba(193,18,31,.16), transparent 28%),
    radial-gradient(circle at 78% 68%, rgba(193,18,31,.14), transparent 32%),
    radial-gradient(ellipse at 50% 54%, rgba(255,255,255,.08), transparent 42%);
  background-size:
    12px 20.784px,
    12px 20.784px,
    190% 190%,
    210% 210%,
    190% 190%;
  background-position:
    0 0,
    6px 10.392px,
    0% 0%,
    100% 0%,
    0% 100%;
  animation:welcome-bg-fade-in 1s ease-out forwards,neural-drift 52s linear infinite;
}
.neural-bg::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.24;
  background-image:
    linear-gradient(to bottom,transparent 0 12%,rgba(193,18,31,.16) 12.1% 12.22%,transparent 12.36% 100%),
    linear-gradient(to bottom,transparent 0 68%,rgba(255,255,255,.08) 68.08% 68.16%,transparent 68.3% 100%);
  background-size:100% 18rem,100% 27rem;
  filter:blur(.3px);
  animation:neural-thread-drift 58s linear infinite;
}
.neural-bg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(to top,#000 5%,rgba(0,0,0,.76) 17%,transparent 64%);
}
.neural-line{
  --dur:12s;
  --delay:0s;
  --left:0vw;
  --top:50vh;
  --width:36vw;
  --shift:8vw;
  position:absolute;
  z-index:3;
  left:var(--left);
  top:var(--top);
  width:var(--width);
  height:var(--line-height,3.2px);
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,rgba(193,18,31,.42) 7%,rgba(255,18,38,1) 42%,rgba(255,255,255,.52) 50%,rgba(255,18,38,1) 58%,rgba(193,18,31,.62) 76%,transparent 100%);
  box-shadow:0 0 18px rgba(255,18,38,.78),0 0 46px rgba(193,18,31,.52),0 0 96px rgba(193,18,31,.26);
  opacity:0;
  filter:blur(7px);
  transform:translate3d(calc(var(--shift) * -1),0,0) scaleX(.38);
  animation:neural-line-fade var(--dur) ease-in-out var(--delay) infinite;
  will-change:transform,opacity,filter;
}
.neural-line::after{
  content:"";
  position:absolute;
  right:12%;
  left:58%;
  top:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
}
.neural-line-1{--left:17vw;--top:22vh;--width:43vw;--shift:9vw;--dur:15s;--delay:-4s;--peak:0.95;--line-height:3.5px}
.neural-line-2{--left:46vw;--top:41vh;--width:56vw;--shift:-14vw;--dur:13s;--delay:-8s;--peak:0.98;--line-height:4.2px}
.neural-line-3{--left:75vw;--top:60vh;--width:69vw;--shift:7vw;--dur:11s;--delay:-12s;--peak:0.93;--line-height:3.3px}
.neural-line-4{--left:-8vw;--top:79vh;--width:34vw;--shift:-12vw;--dur:9s;--delay:-16s;--peak:0.96;--line-height:4.0px}
.neural-line-5{--left:21vw;--top:8vh;--width:47vw;--shift:5vw;--dur:16s;--delay:-3s;--peak:0.99;--line-height:3.1px}
.neural-line-6{--left:50vw;--top:27vh;--width:60vw;--shift:-10vw;--dur:14s;--delay:-7s;--peak:0.94;--line-height:3.8px}
.neural-line-7{--left:79vw;--top:46vh;--width:73vw;--shift:15vw;--dur:12s;--delay:-11s;--peak:0.97;--line-height:2.9px}
.neural-line-8{--left:-4vw;--top:65vh;--width:38vw;--shift:-8vw;--dur:10s;--delay:-15s;--peak:0.92;--line-height:3.6px}
.neural-line-9{--left:25vw;--top:84vh;--width:51vw;--shift:13vw;--dur:8s;--delay:-2s;--peak:0.95;--line-height:4.3px}
.neural-line-10{--left:54vw;--top:13vh;--width:64vw;--shift:-6vw;--dur:15s;--delay:-6s;--peak:0.98;--line-height:3.4px}
.neural-line-11{--left:83vw;--top:32vh;--width:77vw;--shift:11vw;--dur:13s;--delay:-10s;--peak:0.93;--line-height:4.1px}
.neural-line-12{--left:0vw;--top:51vh;--width:42vw;--shift:-4vw;--dur:11s;--delay:-14s;--peak:0.96;--line-height:3.2px}
.neural-line-13{--left:29vw;--top:70vh;--width:55vw;--shift:9vw;--dur:9s;--delay:-1s;--peak:0.99;--line-height:3.9px}
.neural-line-14{--left:58vw;--top:89vh;--width:68vw;--shift:-14vw;--dur:16s;--delay:-5s;--peak:0.94;--line-height:3.0px}
.neural-line-15{--left:87vw;--top:18vh;--width:33vw;--shift:7vw;--dur:14s;--delay:-9s;--peak:0.97;--line-height:3.7px}
.neural-line-16{--left:4vw;--top:37vh;--width:46vw;--shift:-12vw;--dur:12s;--delay:-13s;--peak:0.92;--line-height:2.8px}
.neural-line-17{--left:33vw;--top:56vh;--width:59vw;--shift:5vw;--dur:10s;--delay:0s;--peak:0.95;--line-height:3.5px}
.neural-line-18{--left:62vw;--top:75vh;--width:72vw;--shift:-10vw;--dur:8s;--delay:-4s;--peak:0.98;--line-height:4.2px}
.neural-line-19{--left:91vw;--top:4vh;--width:37vw;--shift:15vw;--dur:15s;--delay:-8s;--peak:0.93;--line-height:3.3px}
.neural-line-20{--left:8vw;--top:23vh;--width:50vw;--shift:-8vw;--dur:13s;--delay:-12s;--peak:0.96;--line-height:4.0px}
.neural-line-21{--left:37vw;--top:42vh;--width:63vw;--shift:13vw;--dur:11s;--delay:-16s;--peak:0.99;--line-height:3.1px}
.neural-line-22{--left:66vw;--top:61vh;--width:76vw;--shift:-6vw;--dur:9s;--delay:-3s;--peak:0.94;--line-height:3.8px}
.neural-line-23{--left:95vw;--top:80vh;--width:41vw;--shift:11vw;--dur:16s;--delay:-7s;--peak:0.97;--line-height:2.9px}
.neural-line-24{--left:12vw;--top:9vh;--width:54vw;--shift:-4vw;--dur:14s;--delay:-11s;--peak:0.92;--line-height:3.6px}
.neural-line-25{--left:41vw;--top:28vh;--width:67vw;--shift:9vw;--dur:12s;--delay:-15s;--peak:0.95;--line-height:4.3px}
.neural-line-26{--left:70vw;--top:47vh;--width:32vw;--shift:-14vw;--dur:10s;--delay:-2s;--peak:0.98;--line-height:3.4px}
.neural-line-27{--left:99vw;--top:66vh;--width:45vw;--shift:7vw;--dur:8s;--delay:-6s;--peak:0.93;--line-height:4.1px}
.neural-line-28{--left:16vw;--top:85vh;--width:58vw;--shift:-12vw;--dur:15s;--delay:-10s;--peak:0.96;--line-height:3.2px}
.neural-line-29{--left:45vw;--top:14vh;--width:71vw;--shift:5vw;--dur:13s;--delay:-14s;--peak:0.99;--line-height:3.9px}
.neural-line-30{--left:74vw;--top:33vh;--width:36vw;--shift:-10vw;--dur:11s;--delay:-1s;--peak:0.94;--line-height:3.0px}
.neural-line-31{--left:-9vw;--top:52vh;--width:49vw;--shift:15vw;--dur:9s;--delay:-5s;--peak:0.97;--line-height:3.7px}
.neural-line-32{--left:20vw;--top:71vh;--width:62vw;--shift:-8vw;--dur:16s;--delay:-9s;--peak:0.92;--line-height:2.8px}
.neural-line-33{--left:49vw;--top:90vh;--width:75vw;--shift:13vw;--dur:14s;--delay:-13s;--peak:0.95;--line-height:3.5px}
.neural-line-34{--left:78vw;--top:19vh;--width:40vw;--shift:-6vw;--dur:12s;--delay:0s;--peak:0.98;--line-height:4.2px}
.neural-line-35{--left:-5vw;--top:38vh;--width:53vw;--shift:11vw;--dur:10s;--delay:-4s;--peak:0.93;--line-height:3.3px}
.neural-line-36{--left:24vw;--top:57vh;--width:66vw;--shift:-4vw;--dur:8s;--delay:-8s;--peak:0.96;--line-height:4.0px}
.neural-line-37{--left:53vw;--top:76vh;--width:31vw;--shift:9vw;--dur:15s;--delay:-12s;--peak:0.99;--line-height:3.1px}
.neural-line-38{--left:82vw;--top:5vh;--width:44vw;--shift:-14vw;--dur:13s;--delay:-16s;--peak:0.94;--line-height:3.8px}
.neural-line-39{--left:-1vw;--top:24vh;--width:57vw;--shift:7vw;--dur:11s;--delay:-3s;--peak:0.97;--line-height:2.9px}
.neural-line-40{--left:28vw;--top:43vh;--width:70vw;--shift:-12vw;--dur:9s;--delay:-7s;--peak:0.92;--line-height:3.6px}
.neural-line-41{--left:57vw;--top:62vh;--width:35vw;--shift:5vw;--dur:16s;--delay:-11s;--peak:0.95;--line-height:4.3px}
.neural-line-42{--left:86vw;--top:81vh;--width:48vw;--shift:-10vw;--dur:14s;--delay:-15s;--peak:0.98;--line-height:3.4px}
.neural-line-43{--left:3vw;--top:10vh;--width:61vw;--shift:15vw;--dur:12s;--delay:-2s;--peak:0.93;--line-height:4.1px}
.neural-line-44{--left:32vw;--top:29vh;--width:74vw;--shift:-8vw;--dur:10s;--delay:-6s;--peak:0.96;--line-height:3.2px}
.neural-line-45{--left:61vw;--top:48vh;--width:39vw;--shift:13vw;--dur:8s;--delay:-10s;--peak:0.99;--line-height:3.9px}
.neural-line-46{--left:90vw;--top:67vh;--width:52vw;--shift:-6vw;--dur:15s;--delay:-14s;--peak:0.94;--line-height:3.0px}
.neural-line-47{--left:7vw;--top:86vh;--width:65vw;--shift:11vw;--dur:13s;--delay:-1s;--peak:0.97;--line-height:3.7px}
.neural-line-48{--left:36vw;--top:15vh;--width:30vw;--shift:-4vw;--dur:11s;--delay:-5s;--peak:0.92;--line-height:2.8px}
.neural-line-49{--left:65vw;--top:34vh;--width:43vw;--shift:9vw;--dur:9s;--delay:-9s;--peak:0.95;--line-height:3.5px}
.neural-line-50{--left:94vw;--top:53vh;--width:56vw;--shift:-14vw;--dur:16s;--delay:-13s;--peak:0.98;--line-height:4.2px}
.welcome-content{
  position:relative;
  z-index:4;
  display:flex;
  min-height:100vh;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:2rem;
  text-align:center;
  opacity:0;
  animation:welcome-fade-in 1.5s ease-out forwards;
}
body.neural-welcome .welcome-content::before{
  content:"";
  display:none;
  position:absolute;
  width:min(66vw,860px);
  height:min(34vw,360px);
  border:0;
  border-radius:999px;
  background:
    linear-gradient(to bottom,transparent 0 26%,rgba(193,18,31,.16) 26.2% 26.6%,transparent 26.8% 100%),
    linear-gradient(to bottom,transparent 0 51%,rgba(255,255,255,.08) 51.1% 51.25%,transparent 51.5% 100%),
    linear-gradient(to bottom,transparent 0 72%,rgba(193,18,31,.14) 72.1% 72.5%,transparent 72.7% 100%);
  box-shadow:0 0 96px rgba(193,18,31,.11);
  animation:neural-memory-pulse 11s ease-in-out infinite;
  pointer-events:none;
}
.welcome-content>*{position:relative;z-index:1}
.welcome-content h1{
  margin:0 0 1rem;
  color:#f5f5f7;
  font-size:clamp(2.6rem,9vw,11rem);
  font-weight:900;
  letter-spacing:-.035em;
  line-height:.92;
}
.welcome-tagline{
  margin:0 0 2.5rem;
  color:#fff;
  font-size:clamp(1.2rem,2.8vw,1.72rem);
  font-weight:700;
  letter-spacing:.02em;
}
.welcome-cta{
  display:inline-block;
  padding:.85rem 2.2rem;
  border:0;
  border-radius:10px;
  background:linear-gradient(120deg,#5b151e,#93222d);
  color:#fff;
  cursor:default;
  font-size:1rem;
  font-weight:700;
  letter-spacing:.01em;
  opacity:.45;
}
.welcome-footer{
  position:fixed;
  right:0;
  bottom:.6rem;
  left:0;
  z-index:4;
  color:#fff;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.02em;
  opacity:.85;
  pointer-events:none;
  text-align:center;
}
.welcome-back-link{
  position:fixed;
  bottom:2rem;
  left:1rem;
  z-index:4;
  color:#fff;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.02em;
  opacity:0;
  text-decoration:none;
  transition:opacity .2s ease;
  animation:welcome-back-link-fade-in 4.6s ease-out .25s forwards;
}
.welcome-back-link:hover{opacity:1}
@keyframes neural-drift{
  to{
    background-position:
      0 0,
      6px 10.392px,
      420% 260%,
      640% -260%,
      -740% -430%;
  }
}
@keyframes neural-thread-drift{to{background-position:0 18rem,0 -27rem}}
@keyframes neural-line-fade{
  0%,8%,100%{opacity:0;filter:blur(9px);transform:translate3d(calc(var(--shift) * -1),0,0) scaleX(.44)}
  18%{opacity:.48;filter:blur(3px);transform:translate3d(calc(var(--shift) * -.35),0,0) scaleX(.78)}
  32%{opacity:var(--peak,.96);filter:blur(.15px);transform:translate3d(0,0,0) scaleX(1)}
  56%{opacity:calc(var(--peak,.96) * .92);filter:blur(.55px);transform:translate3d(calc(var(--shift) * .32),0,0) scaleX(.96)}
  76%{opacity:calc(var(--peak,.96) * .52);filter:blur(2.2px);transform:translate3d(calc(var(--shift) * .72),0,0) scaleX(.82)}
  92%{opacity:.08;filter:blur(7px);transform:translate3d(var(--shift),0,0) scaleX(.52)}
}
@keyframes neural-memory-pulse{0%,100%{opacity:.24;transform:scale(.94)}50%{opacity:.46;transform:scale(1.02)}}
@keyframes welcome-fade-in{to{opacity:1}}
@keyframes welcome-bg-fade-in{to{opacity:1}}
@keyframes welcome-back-link-fade-in{to{opacity:.55}}
@media(max-width:768px){.neural-line{height:1.5px}.welcome-content h1{font-size:clamp(2.4rem,9vw,5rem);letter-spacing:-.025em}}
@media(max-width:480px){.neural-bg{opacity:.62}.neural-line{height:1px}.welcome-content h1{font-size:2.2rem;letter-spacing:-.02em}.welcome-tagline{font-size:1.15rem}.welcome-cta{padding:.7rem 1.5rem;font-size:.85rem}}
