/* coming-soon.css — /coming-soon placeholder on the v4 system (2026-09-14). */

section.cs-section { position:relative; overflow:hidden; min-height:calc(100vh - 80px); display:flex; align-items:center; justify-content:center; padding:72px 32px 96px; }
div.cs-glow { position:absolute; border-radius:50%; pointer-events:none; }
div.cs-glow--a { top:-240px; right:-160px; width:720px; height:720px; background:radial-gradient(circle, rgba(139,92,246,.16), transparent 65%); }
div.cs-glow--b { bottom:-280px; left:-200px; width:640px; height:640px; background:radial-gradient(circle, rgba(88,80,236,.10), transparent 65%); }

div.cs-card { position:relative; width:100%; max-width:640px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px; padding:52px 44px 40px; background:#fff; border:1px solid #ececf4; border-radius:32px; box-shadow:0 40px 90px -40px rgba(80,63,205,.35); animation:rv-up .6s cubic-bezier(.23,1,.32,1) both; }

div.cs-card__orbit { position:relative; width:132px; height:132px; border-radius:50%; background:#f0effa; display:flex; align-items:center; justify-content:center; margin-bottom:6px; }
span.cs-card__ring { position:absolute; inset:-8px; border-radius:50%; border:3px solid transparent; border-top-color:#8b5cf6; border-right-color:#5850ec; animation:cs-spin 1.8s cubic-bezier(.45,.05,.55,.95) infinite; }
span.cs-card__ring--2 { inset:4px; border-width:2px; border-top-color:transparent; border-right-color:transparent; border-bottom-color:rgba(139,92,246,.5); animation:cs-spin 3s linear infinite reverse; }
img.cs-card__mascot { width:72px; height:72px; object-fit:contain; animation:cs-float 3.2s ease-in-out infinite; }
@keyframes cs-spin { to { transform:rotate(360deg); } }
@keyframes cs-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }

h1.cs-card__eyebrow { margin:0; display:inline-flex; align-items:center; gap:8px; font-family:'Plus Jakarta Sans',sans-serif; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#5b4dd1; background:#f0effa; border:1px solid #ddd6fe; border-radius:999px; padding:6px 13px; line-height:1.2; }
h1.cs-card__eyebrow::before { content:""; width:7px; height:7px; border-radius:999px; background:#8b5cf6; box-shadow:0 0 0 4px rgba(139,92,246,.18); animation:cs-pulse 1.6s ease-in-out infinite; }
@keyframes cs-pulse { 0%,100% { box-shadow:0 0 0 3px rgba(139,92,246,.18); } 50% { box-shadow:0 0 0 7px rgba(139,92,246,.08); } }
div.cs-card__title { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(30px,4vw,44px); font-weight:800; letter-spacing:-.035em; line-height:1.08; color:#16161d; text-wrap:balance; }
span.cs-card__accent { background:linear-gradient(120deg,#5850ec,#8b5cf6); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
p.cs-card__text { margin:0; font-size:16.5px; line-height:1.6; color:#5c5c70; max-width:460px; text-wrap:pretty; }

div.cs-card__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:10px; }
a.cs-btn { display:inline-flex; align-items:center; gap:9px; padding:13px 22px; border-radius:999px; font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:700; color:#fff; background:linear-gradient(120deg,#5850ec,#8b5cf6); box-shadow:0 14px 28px -12px rgba(88,80,236,.65); text-decoration:none; transition:transform .18s cubic-bezier(.23,1,.32,1), box-shadow .18s; }
a.cs-btn:hover { transform:translateY(-2px); color:#fff; text-decoration:none; box-shadow:0 18px 32px -12px rgba(88,80,236,.75); }
span.cs-btn__arrow { display:inline-flex; width:24px; height:24px; border-radius:999px; background:rgba(255,255,255,.18); align-items:center; justify-content:center; font-size:13px; }
a.cs-btn--ghost { background:#fff; color:#16161d; border:1px solid #ececf4; box-shadow:none; }
a.cs-btn--ghost:hover { color:#5b4dd1; border-color:#ddd6fe; background:#f0effa; box-shadow:none; }

div.cs-card__meanwhile { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 12px; margin-top:22px; padding-top:22px; border-top:1px solid #f1f1f6; width:100%; }
span.cs-card__label { font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#8e8ea3; margin-right:4px; }
a.cs-card__link { font-size:14px; font-weight:700; color:#5b4dd1; text-decoration:none; }
a.cs-card__link:hover { text-decoration:underline; }
span.cs-card__dot { width:4px; height:4px; border-radius:999px; background:#c9c9d8; }

@media (max-width: 640px) {
    section.cs-section { padding:40px 16px 64px; min-height:0; }
    div.cs-card { padding:40px 22px 30px; border-radius:24px; }
}

/* dark */
[data-theme="dark"] div.cs-card { background:var(--rv-surface, #14141f); border-color:var(--rv-border, #26263a); box-shadow:0 40px 90px -40px rgba(0,0,0,.85); }
[data-theme="dark"] div.cs-card__orbit { background:var(--rv-surface-3, #1f1f30); }
[data-theme="dark"] h1.cs-card__eyebrow { background:rgba(139,92,246,.16); border-color:rgba(139,92,246,.34); color:#c4b5fd; }
[data-theme="dark"] div.cs-card__title { color:var(--rv-ink, #f4f4fa); }
[data-theme="dark"] p.cs-card__text { color:var(--rv-body, #b4b4c8); }
[data-theme="dark"] a.cs-btn--ghost { background:var(--rv-surface-3, #1f1f30); border-color:var(--rv-border, #26263a); color:var(--rv-ink, #f4f4fa); }
[data-theme="dark"] a.cs-btn--ghost:hover { color:#c4b5fd; border-color:rgba(139,92,246,.4); background:rgba(139,92,246,.14); }
[data-theme="dark"] div.cs-card__meanwhile { border-top-color:var(--rv-border, #26263a); }
[data-theme="dark"] a.cs-card__link { color:#c4b5fd; }
[data-theme="dark"] span.cs-card__dot { background:#4a4a60; }