/* ============================================================
   Coming-soon placeholder layout.
   Built on the Nyx "Decision Grade" tokens in nyx.css; this file
   only adds page-specific layout so nyx.css stays the shared,
   in-sync source of theme truth with the production site.
   ============================================================ */

html,body{overflow-x:hidden}
.cs-page{min-height:100vh;display:flex;flex-direction:column;position:relative}
/* Same static indigo glow the production hero uses (nyx.css .hero::before).
   No motion, no particles, per the design guide. */
.cs-page::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 60% 50% at 50% 20%,rgba(79,70,229,.15),transparent 62%)}
.cs-main{flex:1;display:flex;align-items:center;min-width:0}
.cs-main .wrap{width:100%;min-width:0;text-align:center;padding-top:56px;padding-bottom:56px}

.cs-logo{height:54px;width:auto;margin:0 auto 46px}
.cs-eyebrow{justify-content:center;margin-bottom:22px;
  font-size:17px;font-weight:600;letter-spacing:.34em;color:var(--indigo-2)}
.cs-eyebrow::before{width:34px}
.cs-page .display{font-size:clamp(34px,6vw,58px);margin-bottom:20px;overflow-wrap:break-word}
.cs-page .lead{margin:0 auto 36px}

.cs-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.cs-social{margin-top:44px;display:flex;gap:20px;justify-content:center;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.cs-social a{color:#9AA6C4;transition:color .15s}
.cs-social a:hover{color:var(--indigo-2)}

.cs-footer{border-top:1px solid var(--line-dark);padding:26px 0}
.cs-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;
  flex-wrap:wrap;font-size:12px;color:#8C97B8}
.cs-footer .mono{font-size:11px;letter-spacing:.02em}

@media (max-width:560px){
  .cs-footer .wrap{flex-direction:column;gap:8px;justify-content:center;text-align:center}
  .cs-footer .mono{line-height:1.7}
}

/* 404 reuses the same centered shell */
.cs-404 .display{font-size:clamp(30px,5vw,46px)}
.cs-404 .tag{font-family:var(--mono);font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--indigo-2);margin-bottom:18px}