/* The close: Neuron's icon, the last line, the badge, the footer, on cobalt. */
.close { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 4vw; visibility: hidden; color: #fff; }
.close-icon { margin-top: auto; width: clamp(96px, 13vh, 132px); height: clamp(96px, 13vh, 132px); border-radius: 23%; box-shadow: 0 24px 60px rgba(5, 15, 50, 0.45); }
.close h2 { margin-top: clamp(22px, 3.6vh, 36px); font-size: clamp(48px, min(5.4vw, 9vh), 104px); font-weight: 830; font-stretch: 122%; letter-spacing: -0.038em; line-height: 0.96; }
.close h2 .w { display: inline-block; overflow: hidden; vertical-align: top; padding: 0.04em 0 0.1em; margin: -0.04em 0 -0.1em; }
.close h2 .w > span { display: inline-block; }
.close-sub { margin-top: 18px; font-size: clamp(16px, 1.3vw, 20px); color: rgba(255, 255, 255, 0.82); font-weight: 420; }
.close-sub b { color: #fff; font-weight: 680; }
.close-get { margin-top: 28px; }
.close-get .badge img { height: 54px; width: auto; }
.foot { display: flex; justify-content: space-between; align-items: center; gap: 24px; width: min(1200px, 100%); margin-top: auto; padding: 26px 0 28px; border-top: 1px solid rgba(255, 255, 255, 0.18); font-size: 13.5px; color: rgba(255, 255, 255, 0.72); }
.foot nav { display: flex; gap: 20px; }
.foot nav a { color: rgba(255, 255, 255, 0.86); }
.foot nav a:hover { color: #fff; }
/* the phone's last screen: the launch screen the film opened on, Neuron's icon on its paper */
.cl-launch { position: absolute; inset: 0; }
.cl-launch .n-sb { position: absolute; left: 0; top: 0; width: 393px; height: 54px; }
.cl-launch img { position: absolute; left: 148.5px; top: 352px; width: 96px; height: 96px; border-radius: 22px; box-shadow: 0 10px 24px rgba(31, 60, 140, 0.22); }
.cl-launch b { position: absolute; left: 0; right: 0; top: 460px; text-align: center; font-family: var(--rounded); font-size: 15px; font-weight: 700; color: #1f1f24; }
.close-icon { transform-origin: 50% 50%; }