*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#06050a;
  --bg2:#0b0a12;
  --ink:#eeedf4;
  --muted:#8b87a0;
  --soft:#5a5672;
  --line:rgba(255,255,255,.11);
  --line-strong:rgba(255,255,255,.18);
  --glass:rgba(17,16,27,.62);
  --ac:#8b5cf6;
  --ac2:#a78bfa;
  --ac3:#7c3aed;
  --ac4:#6d28d9;
  --font:'Manrope',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
html,body{min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.terminal-access-shell{
  position:relative;
  min-height:100vh;
  display:grid;
  grid-template-rows:auto 1fr;
  padding:28px clamp(18px,4vw,54px);
  isolation:isolate;
  overflow:hidden;
}
.wallpaper-video{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.4;
  filter:saturate(1.05) contrast(1.08) brightness(.58) hue-rotate(6deg);
  z-index:-5;
}
.wallpaper-overlay{
  position:fixed;
  inset:0;
  z-index:-4;
  background:
    radial-gradient(circle at 50% 38%,rgba(139,92,246,.2),transparent 27%),
    radial-gradient(circle at 78% 16%,rgba(167,139,250,.15),transparent 34%),
    radial-gradient(circle at 18% 88%,rgba(124,58,237,.12),transparent 32%),
    linear-gradient(180deg,rgba(6,5,10,.48),rgba(6,5,10,.88) 70%,#06050a);
}
.wallpaper-grid{
  position:fixed;
  inset:0;
  z-index:-3;
  opacity:.42;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:82px 82px;
  mask-image:radial-gradient(circle at center,#000 0 46%,transparent 78%);
}
.wallpaper-mark{
  position:fixed;
  left:50%;
  top:50%;
  width:min(720px,72vw);
  transform:translate(-50%,-50%) rotate(-6deg);
  opacity:.055;
  z-index:-2;
  filter:grayscale(1) brightness(2);
}
.market-tape{
  position:fixed;
  left:50%;
  bottom:clamp(20px,4vw,44px);
  z-index:-1;
  width:min(940px,calc(100vw - 32px));
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  overflow:hidden;
  border:1px solid rgba(167,139,250,.12);
  border-radius:18px;
  background:rgba(17,16,27,.32);
  box-shadow:0 24px 90px rgba(0,0,0,.34);
  backdrop-filter:blur(12px);
}
.market-tape span{
  padding:13px 12px;
  color:rgba(238,237,244,.48);
  font-family:var(--mono);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(255,255,255,.025);
}
.launch-nav{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:950;font-size:1.05rem;letter-spacing:-.035em}
.brand img{width:38px;height:38px;border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.brand em{font-style:normal;color:var(--ac2)}
.live-pill{
  justify-self:center;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  padding:0 15px;
  border:1px solid rgba(167,139,250,.22);
  border-radius:999px;
  background:rgba(139,92,246,.08);
  backdrop-filter:blur(18px);
  color:#ddd6fe;
  font-family:var(--mono);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.live-pill span{width:8px;height:8px;border-radius:50%;background:var(--ac2);box-shadow:0 0 0 0 rgba(167,139,250,.5);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 11px rgba(167,139,250,0)}}
.nav-link{
  color:#dce4f2;
  text-decoration:none;
  font-size:.78rem;
  font-weight:900;
  padding:11px 15px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(18px);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.nav-link:hover{transform:translateY(-2px);color:var(--ac2);border-color:rgba(167,139,250,.42);background:rgba(139,92,246,.1)}
.selector-stage{
  width:min(980px,100%);
  place-self:center;
  text-align:center;
  transform:translateY(-2vh);
  animation:stageIn .55s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes stageIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(-2vh)}}
.eyebrow{
  font-family:var(--mono);
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.22em;
  color:var(--ac2);
}
.selector-stage h1{
  margin:16px auto 0;
  max-width:880px;
  font-size:clamp(3.1rem,8vw,7rem);
  line-height:.88;
  letter-spacing:-.075em;
  font-weight:950;
  text-wrap:balance;
}
.selector-copy{
  width:min(620px,100%);
  margin:20px auto 38px;
  color:var(--muted);
  font-size:clamp(.98rem,1.4vw,1.15rem);
  line-height:1.55;
}
.choice-board{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.choice-lane{
  list-style:none;
  min-width:0;
  border-radius:28px;
  outline:none;
  animation:buttonIn .55s cubic-bezier(.2,.8,.2,1) both;
}
.choice-lane:nth-child(1){animation-delay:.04s}
.choice-lane:nth-child(2){animation-delay:.1s}
.choice-lane:nth-child(3){animation-delay:.16s}
@keyframes buttonIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.download-btn{
  position:relative;
  min-height:190px;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  overflow:hidden;
  color:var(--ink);
  text-decoration:none;
  border:1px solid var(--line);
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.045)),
    var(--glass);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 28px 90px rgba(0,0,0,.32);
  backdrop-filter:blur(22px);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,background .22s ease,box-shadow .22s ease,filter .22s ease;
}
.download-btn:before{
  content:'';
  position:absolute;
  inset:-1px;
  background:linear-gradient(120deg,transparent 22%,rgba(255,255,255,.18),transparent 54%);
  transform:translateX(-125%);
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.download-btn:after{
  content:'';
  position:absolute;
  inset:auto 24px 18px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--ac2),transparent);
  opacity:.46;
  transform:scaleX(.35);
  transition:transform .22s ease,opacity .22s ease;
}
.choice-lane:hover .download-btn,
.choice-lane:focus-visible .download-btn,
.choice-lane.is-active .download-btn{
  transform:translateY(-10px) scale(1.025);
  border-color:rgba(167,139,250,.5);
  background:
    linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.07)),
    rgba(17,16,27,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 34px 110px rgba(0,0,0,.42),0 0 52px rgba(139,92,246,.16);
}
.choice-lane:hover .download-btn:before,
.choice-lane:focus-visible .download-btn:before,
.choice-lane.is-active .download-btn:before{transform:translateX(125%)}
.choice-lane:hover .download-btn:after,
.choice-lane:focus-visible .download-btn:after,
.choice-lane.is-active .download-btn:after{transform:scaleX(1);opacity:.9}
.lane-web .download-btn{border-color:rgba(167,139,250,.3)}
.lane-web .download-btn:after{background:linear-gradient(90deg,transparent,var(--ac2),transparent)}
.lane-mac .download-btn{border-color:rgba(139,92,246,.3)}
.lane-mac .download-btn:after{background:linear-gradient(90deg,transparent,var(--ac),transparent)}
.lane-windows .download-btn{border-color:rgba(124,58,237,.3)}
.lane-windows .download-btn:after{background:linear-gradient(90deg,transparent,var(--ac3),transparent)}
.choice-icon{
  position:relative;
  z-index:1;
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:rgba(4,7,12,.62);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 46px rgba(0,0,0,.24);
  transition:transform .22s ease,background .22s ease,border-color .22s ease;
}
.choice-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;color:var(--ac2)}
.lane-web .choice-icon svg{color:var(--ac2)}
.lane-mac .choice-icon svg{color:var(--ac)}
.lane-windows .choice-icon svg{color:var(--ac3)}
.choice-lane:hover .choice-icon,
.choice-lane:focus-visible .choice-icon,
.choice-lane.is-active .choice-icon{transform:translateY(-5px) rotate(-3deg);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24)}
.choice-label{
  position:relative;
  z-index:1;
  font-size:clamp(1.35rem,2.2vw,1.8rem);
  font-weight:950;
  letter-spacing:-.04em;
}
.download-btn small{
  position:relative;
  z-index:1;
  min-height:1em;
  color:var(--muted);
  font-family:var(--mono);
  font-size:.68rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.download-btn.disabled{cursor:not-allowed;filter:saturate(.72)}
.download-btn.disabled small{color:#8b87a0}
.platform-toast{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:20;
  max-width:min(420px,calc(100vw - 36px));
  opacity:0;
  transform:translateY(10px);
  transition:.2s ease;
  padding:12px 15px;
  border:1px solid rgba(167,139,250,.24);
  border-radius:16px;
  background:rgba(17,16,27,.94);
  color:#ddd6fe;
  box-shadow:0 20px 54px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
  font-size:.84rem;
}
.platform-toast.show{opacity:1;transform:none}
@media(max-width:900px){
  html,body{overflow:auto}
  .terminal-access-shell{min-height:100svh;padding:20px 16px 30px}
  .launch-nav{grid-template-columns:1fr;justify-items:start}
  .live-pill{justify-self:start}
  .nav-link{display:none}
  .selector-stage{place-self:start center;margin-top:56px;transform:none}
  @keyframes stageIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
  .selector-copy{margin-bottom:24px}
  .choice-board{grid-template-columns:1fr;gap:12px}
  .market-tape{display:none}
  .download-btn{min-height:132px;flex-direction:row;justify-content:flex-start;text-align:left;padding:22px}
  .choice-icon{width:58px;height:58px;border-radius:18px}
  .choice-label{font-size:1.45rem}
  .download-btn small{margin-left:auto;text-align:right}
}
@media(max-width:520px){
  .selector-stage h1{font-size:clamp(2.7rem,17vw,4.7rem)}
  .selector-copy{font-size:.96rem}
  .download-btn{align-items:center;gap:14px}
  .download-btn small{display:none}
}