/* Static gradients keep this launch screen lightweight. */
.dmi-v4-site .dm-coming-soon { position: relative; isolation: isolate; overflow: hidden; display: grid; place-items: center; width: 100%; min-height: 72svh; padding: clamp(48px, 7vw, 88px) 24px; text-align: center; background: radial-gradient(ellipse at 50% 15%, rgba(208,170,119,.42), transparent 53%), linear-gradient(120deg, #f6f0e6, #e6eef2); }
.dm-coming-soon::before { content: ''; position: absolute; z-index: -1; top: 10%; left: 50%; transform: translateX(-50%); width: min(720px, 115vw); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: linear-gradient(180deg, rgba(255,255,255,.15), transparent 65%); }
.dm-coming-soon__content { width: min(640px, 100%); display: flex; flex-direction: column; align-items: center; gap: 18px; }
.dm-coming-soon__flower { object-fit: contain; }
.dmi-v4-site .dm-coming-soon__eyebrow { margin: 0; font: 500 11px/1.5 var(--dm-ui); letter-spacing: .14em; color: var(--dm-blue-dark); }
.dmi-v4-site .dm-coming-soon h1 { margin: 0; font: 600 clamp(42px, 7vw, 72px)/1.1 var(--dm-display); color: var(--dm-blue-dark); }
.dmi-v4-site .dm-coming-soon__description { margin: 0; font: 400 clamp(18px, 2vw, 22px)/1.5 var(--dm-body); color: var(--dm-ink); }
.dm-coming-soon__divider { width: 1px; height: 28px; margin: 6px 0; background: var(--dm-line); }
.dmi-v4-site .dm-coming-soon__follow { margin: 0; font: 400 14px/1.5 var(--dm-ui); color: var(--dm-ink); }
.dm-coming-soon__socials { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.dm-coming-soon__socials a { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--dm-line); border-radius: 50%; }
.dm-coming-soon__home { display: inline-flex; align-items: center; min-height: 44px; margin-top: 22px; padding: 8px 12px; color: var(--dm-blue-dark); font: 500 14px/1.5 var(--dm-ui); text-decoration: none; }
.dm-coming-soon a:hover { background: rgba(255,255,255,.35); }
.dm-coming-soon a:focus-visible { outline: 2px solid var(--dm-blue-dark); outline-offset: 4px; }
html[data-theme="dark"] .dmi-v4-site .dm-coming-soon { background: radial-gradient(ellipse at 50% 15%, rgba(138,108,76,.25), transparent 53%), linear-gradient(120deg, #292723, #1d303b); }