:root{
  --bg:#02070d;
  --panel:rgba(5,17,29,.76);
  --panel-strong:rgba(4,13,23,.91);
  --line:rgba(129,205,244,.22);
  --line-strong:rgba(143,218,255,.52);
  --blue:#8fdcff;
  --blue2:#d6f4ff;
  --text:#e9f7ff;
  --muted:#7692a4;
  --danger:#ff8d8d;
  --success:#a8f5d2;
  --mono:"Courier New",ui-monospace,SFMono-Regular,Consolas,monospace;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 50% 18%,rgba(24,73,107,.18),transparent 34rem),
    var(--bg);
  color:var(--text);
  font-family:var(--mono);
  cursor:crosshair;
}
button,input{font:inherit}
button,a{color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
#blueprintCanvas{
  position:fixed;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .8s ease;
  pointer-events:none;
}
body.is-live #blueprintCanvas{opacity:1}
.grain,.scanline{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:50;
  opacity:0;
  transition:opacity .8s ease;
}
body.is-live .grain,body.is-live .scanline{opacity:1}
.grain{
  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='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
  opacity:.035!important;
}
.scanline{
  background:linear-gradient(to bottom,transparent 50%,rgba(255,255,255,.014) 50%);
  background-size:100% 4px;
  opacity:.18!important;
}
.boot-screen{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#01050a;
  transition:opacity .62s ease,visibility .62s ease;
}
.boot-screen.is-leaving{opacity:0;visibility:hidden}
.boot-grid{
  position:absolute;
  inset:-20%;
  background:
    linear-gradient(rgba(143,220,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(143,220,255,.045) 1px,transparent 1px);
  background-size:56px 56px;
  animation:bootGrid 18s linear infinite;
}
.boot-grid::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at center,transparent 0 16%,#01050a 72%);
}
@keyframes bootGrid{to{transform:translate3d(56px,56px,0)}}
.boot-shell{
  position:relative;
  width:min(680px,calc(100% - 34px));
  min-height:460px;
  padding:26px;
  border:1px solid rgba(143,220,255,.18);
  border-left-color:var(--line-strong);
  background:rgba(2,8,15,.82);
  box-shadow:0 28px 90px rgba(0,0,0,.45);
}
.boot-header,.panel-head,.topbar,.hero-grid,footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
.boot-header{
  padding-bottom:17px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:10px;
  letter-spacing:.2em;
}
.boot-terminal{
  min-height:275px;
  padding:25px 3px 12px;
}
.boot-prompt{
  margin:0 0 14px;
  color:var(--blue);
}
#bootLines p{
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:14px;
  margin:0 0 11px;
  color:var(--text);
  font-size:12px;
  letter-spacing:.08em;
  opacity:0;
  transform:translateY(5px);
  transition:.28s ease;
}
#bootLines p.is-visible{opacity:1;transform:none}
#bootLines span{color:#4f6b7e}
#bootLines em{color:var(--success);font-style:normal;font-size:10px}
.boot-progress,.progress-track{
  height:2px;
  overflow:hidden;
  background:rgba(143,220,255,.11);
}
.boot-progress span,.progress-track span{
  display:block;
  width:0;
  height:100%;
  background:var(--blue);
  box-shadow:0 0 12px rgba(143,220,255,.56);
  transition:width .35s ease;
}
.enter-button{
  width:100%;
  margin-top:22px;
  padding:15px 18px;
  border:1px solid rgba(143,220,255,.18);
  background:transparent;
  color:#587184;
  letter-spacing:.17em;
  font-size:11px;
  transition:.25s ease;
}
.enter-button.is-ready{
  border-color:var(--line-strong);
  color:var(--blue2);
  animation:enterPulse 1.6s ease-in-out infinite;
}
.enter-button:disabled{cursor:not-allowed}
@keyframes enterPulse{50%{box-shadow:0 0 28px rgba(143,220,255,.12)}}
.boot-hint{
  margin:10px 0 0;
  text-align:center;
  color:#425869;
  font-size:8px;
  letter-spacing:.16em;
}
.logo-sequence{
  position:fixed;
  inset:0;
  z-index:900;
  display:grid;
  place-items:center;
  background:#01050a;
  opacity:0;
  visibility:hidden;
  transition:opacity .5s ease,visibility .5s ease;
}
.logo-sequence.is-active{opacity:1;visibility:visible}
.logo-sequence.is-leaving{opacity:0;visibility:hidden}
.plotter-stage{
  position:relative;
  width:min(520px,76vw);
  aspect-ratio:1;
}
.plotter-svg,.exact-logo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.plotter-svg{
  fill:none;
  stroke:rgba(143,220,255,.82);
  stroke-width:2;
  filter:drop-shadow(0 0 6px rgba(143,220,255,.24));
}
.plotter-svg path,.plotter-svg circle,.plotter-svg line{
  stroke-dasharray:2600;
  stroke-dashoffset:2600;
}
.logo-sequence.is-plotting .construction>*{
  animation:trace 1.65s ease forwards;
}
.logo-sequence.is-plotting .logo-trace>*{
  animation:trace 2.2s ease forwards;
  animation-delay:.65s;
}
.construction{opacity:.35}
@keyframes trace{to{stroke-dashoffset:0}}
.exact-logo{
  object-fit:contain;
  opacity:0;
  filter:contrast(1.15) brightness(.82) saturate(.8);
  transition:opacity .65s ease;
}
.logo-sequence.is-complete .exact-logo{opacity:.98}
.logo-sequence.is-complete .plotter-svg{opacity:.18;transition:opacity .7s ease}
.plotter-dot{
  position:absolute;
  left:50%;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--blue2);
  box-shadow:0 0 18px var(--blue);
  opacity:0;
  transform:translate(-50%,-50%);
}
.logo-sequence.is-plotting .plotter-dot{
  opacity:1;
  animation:plotterDot 2.7s ease-in-out forwards;
}
@keyframes plotterDot{
  0%{transform:translate(-50%,-50%) translate(-170px,-165px)}
  25%{transform:translate(-50%,-50%) translate(130px,-165px)}
  50%{transform:translate(-50%,-50%) translate(125px,25px)}
  75%{transform:translate(-50%,-50%) translate(-10px,155px)}
  100%{transform:translate(-50%,-50%) translate(145px,75px);opacity:0}
}
.plotter-status{
  position:absolute;
  left:0;
  right:0;
  bottom:-28px;
  margin:0;
  text-align:center;
  color:var(--muted);
  font-size:9px;
  letter-spacing:.25em;
}
.app{
  position:relative;
  z-index:10;
  min-height:100vh;
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  transition:opacity .82s ease,transform .82s ease;
}
body.is-live .app{opacity:1;transform:none;pointer-events:auto}
.topbar{
  position:sticky;
  top:0;
  z-index:30;
  min-height:72px;
  padding:12px clamp(18px,4vw,64px);
  border-bottom:1px solid var(--line);
  background:rgba(2,7,13,.78);
  backdrop-filter:blur(18px);
}
.brand-lockup{display:flex;align-items:center;gap:12px}
.brand-logo{width:44px;height:44px;object-fit:cover;border-radius:50%;opacity:.9}
.brand-lockup strong{display:block;font-size:12px;letter-spacing:.16em}
.brand-lockup small{display:block;margin-top:4px;color:var(--muted);font-size:8px;letter-spacing:.14em}
.topbar-meta{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:9px;letter-spacing:.12em}
.status-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#7cf1bd;box-shadow:0 0 12px #7cf1bd}
#soundToggle{border:0;background:none;color:var(--muted);font-size:9px;letter-spacing:.12em}
.layout{
  width:min(1220px,calc(100% - 34px));
  margin:44px auto 70px;
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:16px;
}
.panel{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(7,22,36,.82),rgba(2,8,15,.67));
  box-shadow:0 20px 65px rgba(0,0,0,.16);
}
.panel::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:38px;
  height:1px;
  background:var(--blue);
  box-shadow:0 0 12px rgba(143,220,255,.45);
}
.panel-head{
  min-height:42px;
  padding:0 16px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:8px;
  letter-spacing:.16em;
}
.hero{
  grid-row:span 2;
  min-height:540px;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.eyebrow{color:var(--blue);font-size:9px;letter-spacing:.25em}
.hero h1{
  margin:22px 0;
  font-size:clamp(52px,8vw,110px);
  line-height:.83;
  letter-spacing:-.075em;
  font-weight:400;
}
.hero h1 span{color:var(--blue2)}
.hero-copy{
  max-width:540px;
  color:#9bb0bf;
  line-height:1.75;
  font-size:12px;
}
.hero-grid{
  margin-top:58px;
  justify-content:flex-start;
  gap:48px;
}
.hero-grid div{min-width:90px}
.hero-grid span,footer span{
  display:block;
  margin-bottom:7px;
  color:var(--muted);
  font-size:8px;
  letter-spacing:.16em;
}
.hero-grid strong,footer strong{font-size:11px;letter-spacing:.12em}
.countdown{padding-bottom:22px}
.countdown-value{
  padding:30px 18px 24px;
  color:var(--blue2);
  font-size:clamp(20px,3vw,36px);
  letter-spacing:.08em;
}
.countdown .progress-track{margin:0 18px}
.countdown>p{margin:13px 18px 0;color:var(--muted);font-size:8px;letter-spacing:.16em}
.terminal-panel{min-height:300px}
.terminal-output{
  height:212px;
  overflow:auto;
  padding:17px;
  scrollbar-width:thin;
  scrollbar-color:var(--line-strong) transparent;
}
.terminal-output p{
  margin:0 0 7px;
  color:#b7cbd7;
  font-size:10px;
  line-height:1.55;
}
.terminal-output .muted{color:#617b8d}
.terminal-output .success{color:var(--success)}
.terminal-output .error{color:var(--danger)}
.terminal-output .input-line{color:var(--blue2)}
.terminal-form{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:9px;
  padding:13px 16px;
  border-top:1px solid var(--line);
}
.terminal-form label{color:var(--blue)}
.terminal-form input{
  min-width:0;
  border:0;
  outline:0;
  background:none;
  color:var(--text);
  caret-color:var(--blue);
}
.terminal-form input::placeholder{color:#415969}
.signals,.logs{min-height:270px}
.signal-list a{
  display:grid;
  grid-template-columns:90px 1fr auto;
  align-items:center;
  gap:16px;
  min-height:68px;
  padding:0 17px;
  border-bottom:1px solid var(--line);
  text-decoration:none;
  transition:.25s ease;
}
.signal-list a:hover{background:rgba(143,220,255,.055);padding-left:23px}
.signal-list span{color:var(--muted);font-size:8px;letter-spacing:.16em}
.signal-list strong{font-size:10px;letter-spacing:.1em}
.signal-list em{font-style:normal;color:var(--blue)}
.logs article{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:20px;
  padding:20px 17px;
  border-bottom:1px solid var(--line);
}
.logs time{color:var(--muted);font-size:9px}
.logs strong{font-size:10px;letter-spacing:.1em}
.logs p{margin:7px 0 0;color:#748d9e;font-size:9px;line-height:1.55}
footer{
  width:min(1220px,calc(100% - 34px));
  margin:0 auto;
  padding:25px 0 35px;
  border-top:1px solid var(--line);
  justify-content:flex-start;
  align-items:flex-start;
  gap:70px;
}
.cursor-tracker{
  position:fixed;
  left:0;
  top:0;
  z-index:90;
  width:1px;
  height:1px;
  pointer-events:none;
  opacity:0;
  transition:opacity .16s ease;
}
.cursor-tracker.is-visible{opacity:1}
.crosshair-h,.crosshair-v{position:absolute;display:block;background:rgba(190,237,255,.58)}
.crosshair-h{left:-11px;top:0;width:22px;height:1px}
.crosshair-v{left:0;top:-11px;width:1px;height:22px}
.cursor-tracker span{
  position:absolute;
  left:14px;
  top:11px;
  white-space:nowrap;
  color:rgba(190,237,255,.63);
  font-size:7px;
  letter-spacing:.12em;
}
.coordinate-ghost{
  position:fixed;
  z-index:4;
  pointer-events:none;
  opacity:0;
  transform:translateY(8px);
  transition:.45s ease;
}
.coordinate-ghost.is-visible{opacity:.34;transform:none}
.coordinate-ghost span{font-size:10px;letter-spacing:.2em}
.coordinate-ghost small{display:block;margin-top:5px;color:var(--muted);font-size:7px;letter-spacing:.24em}
.toast{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  max-width:310px;
  padding:12px 15px;
  border:1px solid var(--line);
  background:rgba(2,9,16,.9);
  color:var(--blue2);
  font-size:8px;
  letter-spacing:.17em;
  opacity:0;
  transform:translateY(8px);
  transition:.3s ease;
}
.toast.is-visible{opacity:1;transform:none}
@media(max-width:820px){
  .layout{grid-template-columns:1fr}
  .hero{grid-row:auto;min-height:520px}
  .topbar-meta span{display:none}
}
@media(max-width:560px){
  .boot-shell{padding:20px;min-height:430px}
  #bootLines p{font-size:10px;grid-template-columns:28px 1fr auto;gap:8px}
  .topbar{padding:10px 16px}
  .brand-logo{width:38px;height:38px}
  .hero{padding:24px;min-height:470px}
  .hero-grid{gap:24px;justify-content:space-between}
  .hero-grid div{min-width:0}
  .signal-list a{grid-template-columns:74px 1fr auto}
  footer{gap:28px;justify-content:space-between}
}
@media(hover:none),(pointer:coarse){
  .cursor-tracker{display:none}
  body{cursor:auto}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}


/* BUILD 1.0.1 // MORE SPACE + MAIN LOGO */
.layout{
  width:min(1320px,calc(100% - 48px));
  margin:64px auto 96px;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
  gap:24px;
}

.panel{
  border-color:rgba(129,205,244,.18);
}

.hero{
  min-height:650px;
  padding:52px;
  justify-content:flex-start;
}

.hero-logo-wrap{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:56px;
}

.hero-logo{
  width:92px;
  height:92px;
  object-fit:contain;
  border-radius:50%;
  opacity:.96;
  filter:drop-shadow(0 0 18px rgba(143,220,255,.12));
}

.hero-logo-meta{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.hero-logo-meta span{
  color:var(--muted);
  font-size:8px;
  letter-spacing:.18em;
}

.hero-logo-meta strong{
  color:var(--blue2);
  font-size:10px;
  letter-spacing:.16em;
}

.hero h1{
  margin:18px 0 28px;
}

.hero-copy{
  max-width:610px;
}

.hero-grid{
  margin-top:auto;
  padding-top:72px;
}

.countdown,
.terminal-panel,
.signals,
.logs{
  min-height:unset;
}

.countdown-value{
  padding:38px 22px 30px;
}

.terminal-panel{
  min-height:340px;
}

.terminal-output{
  height:250px;
}

.signals,
.logs{
  min-height:310px;
}

.signal-list a{
  min-height:82px;
}

.logs article{
  padding:25px 20px;
}

footer{
  width:min(1320px,calc(100% - 48px));
  padding:34px 0 48px;
  gap:100px;
}

@media(max-width:980px){
  .layout{
    grid-template-columns:1fr;
    width:min(900px,calc(100% - 34px));
  }
  .hero{
    min-height:590px;
  }
  footer{
    width:min(900px,calc(100% - 34px));
  }
}

@media(max-width:560px){
  .layout{
    margin:32px auto 64px;
    gap:16px;
  }
  .hero{
    padding:28px;
    min-height:520px;
  }
  .hero-logo-wrap{
    margin-bottom:38px;
  }
  .hero-logo{
    width:72px;
    height:72px;
  }
  .hero-grid{
    padding-top:48px;
  }
}


/* BUILD 1.1.0 // SEPARATE SOCIAL SIGNALS + PROJECT ARCHIVE */

.socials{
  min-height:360px;
}

.signal-placeholder{
  display:grid;
  grid-template-columns:90px 1fr auto;
  align-items:center;
  gap:16px;
  min-height:82px;
  padding:0 17px;
  border-bottom:1px solid var(--line);
  opacity:.44;
}

.signal-placeholder span{
  color:var(--muted);
  font-size:8px;
  letter-spacing:.16em;
}

.signal-placeholder strong{
  font-size:10px;
  letter-spacing:.1em;
}

.signal-placeholder em{
  color:var(--muted);
  font-style:normal;
  font-size:8px;
  letter-spacing:.12em;
}

.archive{
  grid-column:1 / -1;
}

.archive-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.archive-entry{
  position:relative;
  display:grid;
  grid-template-columns:110px 1fr;
  min-height:260px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  transition:background .3s ease, opacity .3s ease;
}

.archive-entry:nth-child(2n){
  border-right:0;
}

.archive-entry:hover{
  background:rgba(143,220,255,.035);
}

.archive-index{
  padding:27px 20px;
  border-right:1px solid var(--line);
  color:var(--blue);
  font-size:10px;
  letter-spacing:.16em;
}

.archive-content{
  padding:27px 28px 30px;
}

.archive-meta{
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:var(--muted);
  font-size:8px;
  letter-spacing:.14em;
}

.archive-content h2{
  margin:34px 0 14px;
  color:var(--blue2);
  font-size:20px;
  font-weight:400;
  letter-spacing:.08em;
}

.archive-content p{
  max-width:520px;
  margin:0 0 28px;
  color:#7f98a9;
  font-size:10px;
  line-height:1.75;
}

.archive-content a,
.archive-content button,
.archive-opened{
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-width:132px;
  padding:12px 15px;
  border:1px solid var(--line-strong);
  background:transparent;
  color:var(--blue2);
  text-decoration:none;
  font-size:8px;
  letter-spacing:.16em;
  transition:.25s ease;
}

.archive-content a:hover{
  background:rgba(143,220,255,.075);
  padding-left:20px;
}

.archive-entry.is-locked{
  background:
    repeating-linear-gradient(
      -45deg,
      rgba(143,220,255,.015) 0,
      rgba(143,220,255,.015) 8px,
      transparent 8px,
      transparent 16px
    );
}

.archive-entry.is-locked .archive-content{
  opacity:.48;
}

.archive-entry.is-locked .archive-index{
  color:#536b7b;
}

.archive-entry.is-locked button{
  color:#526a7b;
  border-color:rgba(129,205,244,.14);
  cursor:not-allowed;
}

.archive-entry.is-locked::after{
  content:"ENCRYPTED";
  position:absolute;
  right:22px;
  bottom:18px;
  color:rgba(143,220,255,.1);
  font-size:22px;
  letter-spacing:.16em;
  transform:rotate(-5deg);
}

.archive-entry.is-time-unlocked{
  animation:archiveUnlock 1.2s ease both;
}

@keyframes archiveUnlock{
  0%{box-shadow:inset 0 0 0 rgba(143,220,255,0)}
  35%{box-shadow:inset 0 0 90px rgba(143,220,255,.14)}
  100%{box-shadow:inset 0 0 0 rgba(143,220,255,0)}
}

@media(max-width:820px){
  .archive-list{
    grid-template-columns:1fr;
  }
  .archive-entry,
  .archive-entry:nth-child(2n){
    border-right:0;
  }
}

@media(max-width:560px){
  .archive-entry{
    grid-template-columns:1fr;
  }
  .archive-index{
    border-right:0;
    border-bottom:1px solid var(--line);
    padding:18px 20px;
  }
  .archive-content{
    padding:24px 20px 28px;
  }
  .archive-content h2{
    margin-top:26px;
    font-size:17px;
  }
  .signal-placeholder{
    grid-template-columns:74px 1fr auto;
  }
}


/* BUILD 1.2.1 // SIMPLE PERCENTAGE DEPLOYMENT */

.deployment-progress{
  margin:0 18px;
}

.deployment-label{
  margin-bottom:12px;
  color:var(--muted);
  font-size:8px;
  letter-spacing:.18em;
}

.deployment-percent{
  margin-bottom:14px;
  color:var(--blue2);
  font-size:30px;
  font-weight:400;
  line-height:1;
  letter-spacing:.06em;
  font-variant-numeric:tabular-nums;
}

.progress-track-simple{
  position:relative;
  height:8px;
  overflow:hidden;
  border:1px solid rgba(143,220,255,.18);
  background:#030a10;
  box-shadow:inset 0 0 14px rgba(0,0,0,.72);
}

.progress-track-simple span{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,rgba(87,187,236,.72),rgba(164,231,255,.96));
  box-shadow:0 0 12px rgba(112,211,255,.2);
  transition:width 1s linear;
}

.deployment-eta{
  display:flex;
  justify-content:flex-end;
  margin-top:9px;
  color:#526a7b;
  font-size:8px;
  letter-spacing:.14em;
  font-variant-numeric:tabular-nums;
}

@media(max-width:560px){
  .deployment-progress{
    margin:0 14px;
  }

  .deployment-percent{
    font-size:25px;
  }
}

@media(prefers-reduced-motion:reduce){
  .progress-track-simple span{
    transition:none;
  }
}
\n\n/* BUILD 1.3.0 // NEXT DEPLOYMENT */\n.next-deployment{\n  grid-column:1 / -1;\n}\n\n.next-deployment-body{\n  display:grid;\n  grid-template-columns:minmax(180px,.65fr) minmax(190px,.65fr) minmax(300px,1.7fr);\n  align-items:center;\n  gap:0;\n  min-height:160px;\n}\n\n.next-deployment-code,\n.next-deployment-status,\n.next-deployment-progress{\n  min-height:160px;\n  padding:30px 32px;\n  border-right:1px solid var(--line);\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n}\n\n.next-deployment-progress{\n  border-right:0;\n}\n\n.next-deployment-code span,\n.next-deployment-status > span,\n.next-deployment-readout span{\n  color:var(--muted);\n  font-size:8px;\n  letter-spacing:.16em;\n}\n\n.next-deployment-code strong{\n  margin-top:15px;\n  color:var(--blue2);\n  font-size:28px;\n  font-weight:400;\n  letter-spacing:.08em;\n}\n\n.next-deployment-status strong{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  margin-top:18px;\n  color:var(--blue2);\n  font-size:10px;\n  font-weight:400;\n  letter-spacing:.13em;\n}\n\n.next-deployment-readout{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:20px;\n  margin-bottom:15px;\n}\n\n.next-deployment-readout strong{\n  color:var(--blue2);\n  font-size:24px;\n  font-weight:400;\n  line-height:1;\n  letter-spacing:.06em;\n  font-variant-numeric:tabular-nums;\n}\n\n.next-deployment-track{\n  height:8px;\n  overflow:hidden;\n  border:1px solid rgba(143,220,255,.18);\n  background:#030a10;\n  box-shadow:inset 0 0 14px rgba(0,0,0,.72);\n}\n\n.next-deployment-track span{\n  display:block;\n  height:100%;\n  background:linear-gradient(90deg,rgba(87,187,236,.72),rgba(164,231,255,.96));\n  box-shadow:0 0 12px rgba(112,211,255,.2);\n}\n\n@media(max-width:900px){\n  .next-deployment-body{\n    grid-template-columns:1fr 1fr;\n  }\n  .next-deployment-progress{\n    grid-column:1 / -1;\n    min-height:130px;\n    border-top:1px solid var(--line);\n  }\n}\n\n@media(max-width:560px){\n  .next-deployment-body{\n    grid-template-columns:1fr;\n  }\n  .next-deployment-code,\n  .next-deployment-status,\n  .next-deployment-progress{\n    min-height:auto;\n    padding:24px 20px;\n    border-right:0;\n    border-bottom:1px solid var(--line);\n  }\n  .next-deployment-progress{\n    grid-column:auto;\n    border-bottom:0;\n  }\n}\n