.launch-countdown[hidden], .launch-countdown [hidden] { display: none !important; }
.launch-countdown { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 30px 5%; background: linear-gradient(110deg, #231014, #111114 75%); border-bottom: 1px solid #6a262b; }
.launch-countdown-eyebrow { color: #ff6267; font-size: 12px; font-weight: 700; letter-spacing: 2px; margin: 0 0 8px; }
.launch-countdown-copy h2 { font-size: clamp(23px, 2.3vw, 34px); line-height: 1.15; letter-spacing: -.5px; margin: 0; }
.launch-countdown-copy > p:last-child { color: #d3c4c6; font-size: 14px; margin: 10px 0 0; }
.launch-countdown-clock { display: grid; grid-template-columns: repeat(4, minmax(68px, 1fr)); gap: 10px; flex-shrink: 0; }
.launch-countdown-clock > div { background: #09090bbb; border: 1px solid #6a3439; padding: 12px 10px 8px; text-align: center; }
.launch-countdown-clock strong { display: block; color: #fff; font-size: 34px; font-weight: 800; line-height: 1.15; font-variant-numeric: tabular-nums; }
.launch-countdown-clock span { display: block; color: #d3c4c6; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin-top: 5px; }
.launch-countdown-pending { color: #ff9296; font-weight: 700; margin: 0; }
@media (max-width: 800px) { .launch-countdown { flex-direction: column; align-items: flex-start; gap: 20px; } }
@media (max-width: 420px) { .launch-countdown-clock { width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; } .launch-countdown-clock strong { font-size: 29px; } }