/* Launchpad background containment */
.home-hero::before {
  display: block !important;
  content: '' !important;
  inset: 0 !important;
  height: auto !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.7) 62%, rgba(0,0,0,.24) 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.7) 62%, rgba(0,0,0,.24) 100%) !important;
}
.home-hero-canvas {
  height: 100% !important;
  opacity: .46 !important;
  -webkit-mask-image:
    radial-gradient(ellipse at 52% 74%, transparent 0%, transparent 24%, #000 50%),
    linear-gradient(to bottom, #000 0%, rgba(0,0,0,.70) 66%, rgba(0,0,0,.24) 100%) !important;
  mask-image:
    radial-gradient(ellipse at 52% 74%, transparent 0%, transparent 24%, #000 50%),
    linear-gradient(to bottom, #000 0%, rgba(0,0,0,.70) 66%, rgba(0,0,0,.24) 100%) !important;
}
.hero-rir-rec {
  margin-top: 18px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(96,212,244,0.20) !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}
.hero-rir-rec::before,
.hero-rir-rec::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}
.hero-rir-rec-label {
  margin-bottom: 8px !important;
  font-size: 9px !important;
  letter-spacing: 3px !important;
}
.hero-launch-grid {
  gap: 8px !important;
}
.hero-launch-card {
  min-height: 54px;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(14,26,32,0.58), rgba(255,255,255,0.025)) !important;
  border-color: rgba(96,212,244,0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 8px 24px rgba(0,0,0,0.18) !important;
}
.hero-launch-card.is-today {
  background: linear-gradient(135deg, rgba(232,244,77,0.085), rgba(14,26,32,0.56)) !important;
  border-color: rgba(232,244,77,0.28) !important;
}
.hero-launch-dot {
  width: 10px !important;
  height: 10px !important;
  box-shadow: 0 0 12px currentColor !important;
}
.hero-launch-name {
  font-size: 13px !important;
}
.hero-launch-meta {
  margin-top: 3px !important;
  font-size: 10px !important;
}
.hero-launch-badge {
  padding: 6px 10px !important;
  font-size: 10px !important;
}
@media(max-width:430px){
  .home-resume-card {
    width: min(304px, calc(100vw - 34px)) !important;
    min-height: 40px !important;
    grid-template-columns: 32px minmax(0,1fr) 32px !important;
  }
  .home-hero {
    padding-bottom: 24px !important;
  }
  .home-hero::before,
  .home-hero-canvas {
    height: 100% !important;
  }
  .hero-rir-rec {
    margin-top: 18px !important;
    padding-top: 12px !important;
  }
  .hero-launch-card {
    min-height: 52px;
    padding: 11px 13px !important;
  }
  .home-moments-card {
    padding: 15px;
  }
  .home-moments-title {
    font-size: 26px;
  }
  .home-moments-sub {
    max-width: 190px;
  }
  .home-moments-pill {
    padding: 6px 8px;
    font-size: 9px;
  }
  .home-moment-item {
    grid-template-columns: 22px minmax(0,1fr) auto;
    gap: 8px;
    min-height: 45px;
  }
  .home-moment-icon {
    width: 22px;
    height: 22px;
    border-radius: 8px;
    font-size: 14px;
  }
  .home-moment-icon svg {
    width: 16px;
    height: 16px;
  }
  .home-moment-title {
    font-size: 11.5px;
  }
  .home-moment-sub {
    font-size: 9px;
  }
  .home-moment-value {
    padding: 4px 7px;
    font-size: 8.5px;
  }
  .home-resume-title {
    max-width: 176px !important;
  }
  .home-resume-sub {
    width: min(176px, 100%) !important;
  }
  .home-resume-btn,
  .home-resume-finish-btn {
    width: 32px !important;
    height: 32px !important;
  }
}