/* Página "Próximamente" (usa los tokens y componentes de styles.css). */

.soon-main{
  min-height:100svh; position:relative; overflow:hidden; color:#fff;
  display:flex; flex-direction:column; justify-content:center;
  padding-block:48px 32px;
  background:
    radial-gradient(900px 500px at 88% 6%, rgba(227,117,54,.18), transparent 62%),
    linear-gradient(165deg, var(--void), var(--purple) 120%);
}

.soon-mark{
  position:absolute; right:6%; top:50%; transform:translateY(-50%);
  width:min(36vw,460px); aspect-ratio:460/500; overflow:visible; pointer-events:none;
  filter:drop-shadow(0 30px 60px rgba(227,117,54,.25));
}

.soon-content{position:relative; width:100%; max-width:1180px; margin-inline:auto; padding-inline:24px;}
.soon-logo{height:56px; width:auto; margin-bottom:48px;}
.soon h1{font-size:clamp(36px,6vw,72px); font-weight:700; line-height:1.06; margin-top:20px; max-width:15ch;}
.soon h1 .soft{display:block; color:rgba(255,255,255,.42); font-weight:500; font-size:.62em; line-height:1.2; margin-top:14px;}
.soon .lead{font-size:clamp(15.5px,1.7vw,18px); color:rgba(255,255,255,.72); max-width:48ch; margin-top:26px;}
.soon .cta-row{margin-top:38px;}

.soon-footer{
  position:relative; width:calc(100% - 48px); max-width:1132px; margin:72px auto 0; padding:22px 0 0;
  background:none; border-top:1px solid rgba(255,255,255,.12);
  display:flex; flex-wrap:wrap; gap:8px 28px; font-size:12.5px; color:rgba(255,255,255,.45);
}
.soon-footer a:hover{color:var(--accent);}

@media (max-width:1100px){
  .soon-mark{right:-14%; width:min(80vw,460px); opacity:.16; filter:none;}
}
@media (max-width:600px){
  .soon-logo{height:44px; margin-bottom:36px;}
}