/* A single moving surface carries the visual; the space around it stays quiet. */
html.concept-deep,
body.ai-capsule-page {
  background: #02070c;
}
.capsule-page-shell {
  min-height: 100dvh;
  background:
    linear-gradient(180deg, transparent 69%, #02070c 100%),
    radial-gradient(ellipse 42% 55% at 68% 52%, rgba(3, 44, 62, .24), transparent 78%),
    linear-gradient(125deg, #02060b 0%, #050d14 52%, #010408 100%);
}
.capsule-page-shell::before {
  background: linear-gradient(90deg, rgba(1, 6, 11, .47), transparent 48%);
}
.ambient-grid { display: none; }
.chart-map {
  opacity: .9;
  -webkit-mask-image: none;
  mask-image: none;
}
.volume-orb { pointer-events: auto; }
@media (min-width: 1001px) {
  .volume-orb { filter: none; }
}
.capsule-header { min-height: 94px; }
.capsule-brand { width: 205px; }
.capsule-hero {
  grid-template-areas: "copy visual";
  grid-template-rows: auto;
}
.capsule-copy { grid-area: copy; align-self: center; padding-bottom: 0; }
.orbital-composition { grid-area: visual; grid-row: auto; }
.capsule-actions { grid-area: actions; align-self: start; margin-top: 28px; }
.capsule-topline { font-size: 15px; letter-spacing: .09em; }
.orbital-status { font-size: 14px; letter-spacing: .04em; }
.orbital-status strong { font-size: 13px; white-space: nowrap; }
.capsule-copy { max-width: 440px; font-family: Manrope, Arial, sans-serif; }
.capsule-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -38px -54px -12px -42px;
  background: radial-gradient(ellipse 72% 68% at 37% 52%, rgba(2, 9, 15, .7), transparent 100%);
  pointer-events: none;
}
.capsule-kicker { gap: 10px; color: #2de8fd; font-size: 11px; font-weight: 800; letter-spacing: .15em; text-shadow: 0 0 14px rgba(45,232,253,.35); }
.capsule-kicker::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 6px rgba(45,232,253,.09);
}
.capsule-copy h1 {
  font-family: Manrope, Arial, sans-serif;
  font-size: clamp(54px, 4.7vw, 78px);
  font-weight: 650;
  letter-spacing: -.07em;
  line-height: 1.09;
}
.capsule-copy h1 .shell-typing-line:first-child { color: #f4fbfd; }
.capsule-copy h1 em {
  color: #6ee5f9;
  font-size: 1.17em;
  font-weight: 760;
  letter-spacing: -.082em;
  text-shadow: 0 0 26px rgba(52, 212, 240, .12);
}
.capsule-copy .hero-lead {
  max-width: 380px;
  margin-top: 31px;
  padding-left: 17px;
  border-left: 2px solid rgba(88, 210, 230, .48);
  color: #bfdae2;
  font-size: 16px;
  line-height: 1.63;
}
.capsule-primary {
  -webkit-appearance: none;
  appearance: none;
  min-height: 58px;
  border: 1px solid #2de8fd;
  border-radius: 14px;
  background: #2de8fd;
  color: #041326;
  box-shadow: 0 14px 34px rgba(45, 232, 253, .18);
  font-size: 14px;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.capsule-login { width: min(100%, 190px); text-decoration: none; }
.capsule-primary:hover {
  transform: translateY(-2px);
  border-color: #6cf3ff;
  background: #6cf3ff;
  box-shadow: 0 17px 40px rgba(45, 232, 253, .28);
  filter: none;
}
.capsule-primary .button-arrow {
  display: block;
  flex: none;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.capsule-head-link { color: #d7edf4; }
.capsule-head-link .link-arrow {
  display: block;
  flex: none;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #2de8fd;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.capsule-head-link:hover { color: #6cf3ff; }
@media (max-width: 1160px) {
  .capsule-brand { width: 185px; }
}
@media (max-width: 900px) {
  .capsule-header { min-height: 92px; }
  .capsule-hero {
    grid-template-areas: "copy" "visual";
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    row-gap: 22px;
  }
  .capsule-copy { align-self: auto; }
  .orbital-composition { grid-row: auto; }
  .capsule-actions { align-self: auto; margin: 0 0 16px; }
  .capsule-copy h1 { font-size: clamp(47px, 7.5vw, 66px); }
  .capsule-copy .hero-lead { max-width: 560px; margin-top: 16px; }
}
@media (max-width: 760px) {
  .capsule-header { min-height: 92px; }
  .capsule-brand { width: 174px; }
}
@media (max-width: 620px) {
  .capsule-main { padding-top: 25px; }
  .chart-map {
    -webkit-mask-image: none;
    mask-image: none;
  }
  .capsule-hero { row-gap: 34px; }
  .orbital-composition { height: clamp(280px, 46svh, 430px); }
  .orbital-capsule { min-height: 0; }
  .capsule-topline { top: 7px; left: 14px; right: 14px; font-size: 12px; letter-spacing: .05em; }
  .orbital-status { bottom: 4px; left: 14px; right: 14px; font-size: 12px; letter-spacing: 0; }
  .orbital-status strong { font-size: 11px; }
  .capsule-actions { margin-bottom: 15px; }
  .capsule-page-shell::before { background: linear-gradient(180deg, rgba(1, 7, 12, .52), transparent 62%); }
  .capsule-copy::before { inset: -20px -20px -18px -20px; }
  .capsule-kicker { font-size: 11px; letter-spacing: .1em; }
  .capsule-copy h1 { font-size: clamp(39px, 10vw, 50px); }
  .capsule-copy .hero-lead { margin-top: 13px; padding-left: 12px; font-size: 14px; line-height: 1.48; }
  .capsule-primary { min-height: 50px; }
}
@media (max-width: 360px) and (max-height: 670px) {
  .capsule-main { padding-top: 19px; }
  .capsule-hero { row-gap: 24px; }
  .orbital-composition { height: 280px; }
}
@media (max-width: 620px) and (orientation: portrait) {
  .capsule-hero { row-gap: 20px; }
  .capsule-actions { margin: 24px 0 10px; }
}
@media (min-width: 621px) and (max-width: 900px) and (orientation: portrait) {
  .capsule-actions { margin-top: 28px; }
}
@media (orientation: landscape) and (max-width: 1000px) and (max-height: 600px) {
  .capsule-header,
  .capsule-hero {
    width: auto;
    margin-left: max(50px, calc(env(safe-area-inset-left) + 16px));
    margin-right: max(50px, calc(env(safe-area-inset-right) + 16px));
  }
  .volume-orb { width: min(80vw, 76svh, 320px); }
}