/* coming-soon.css - page-specific styles for the MMO-043 single page. Shared look lives in tn-core.css. */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:6rem 0 4rem}
.hero-bg{position:absolute;inset:0;background:url(../img/hero-planet.jpg) 100% 40%/auto 130% no-repeat;transform:scaleX(-1)}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,6,12,.93) 0%,rgba(2,6,12,.6) 48%,rgba(2,6,12,.12) 100%),linear-gradient(0deg,rgba(2,6,12,.9) 0%,rgba(2,6,12,0) 35%)}
.hero-inner{position:relative;z-index:3;padding:0 6.5%;max-width:960px}
h1{margin:0;color:#fff;font-size:clamp(2.4rem,7.5vw,6rem);line-height:1;letter-spacing:.02em;white-space:nowrap;text-shadow:0 0 18px rgba(80,210,255,.45),0 3px 5px rgba(0,0,0,.8)}
.sub{margin:.5rem 0 0;font-size:clamp(1.2rem,1.9vw,1.6rem);color:var(--cy3)}
.soon{display:inline-flex;align-items:center;gap:.6rem;margin:1.6rem 0 .4rem;padding:.55rem 1.4rem;border:1px solid rgba(127,220,255,.55);background:linear-gradient(90deg,rgba(40,140,190,.28),rgba(40,140,190,.05));box-shadow:0 0 24px rgba(80,210,255,.25),inset 0 0 18px rgba(80,210,255,.15);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.soon-txt{font:bold clamp(1.6rem,4.2vw,3.2rem)/1.1 var(--mono);letter-spacing:.24em;color:#e9fbff;text-shadow:0 0 10px rgba(95,240,255,.9),0 0 28px rgba(80,210,255,.6)}
.bracket{font:clamp(1.6rem,4.2vw,3.2rem)/1 var(--mono);color:var(--cyan);opacity:.8}
.tagline{color:#bfeaf7;font-size:1.25rem;margin:1rem 0 .4rem;font-weight:bold}
.teaser{max-width:560px;color:var(--dim);margin:0 0 1.4rem}
.readout{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:620px}
.readout span{flex:1 1 33%;padding:.55rem .8rem;font:.66rem/1.3 var(--mono);letter-spacing:.14em;color:var(--mute);border-right:1px solid rgba(150,230,255,.18)}
.readout span:last-child{border-right:0}
.readout b{display:block;color:#e9fbff;font-size:.8rem;margin-top:.2rem}
.caption{position:absolute;z-index:3;right:1.2rem;bottom:.4rem;margin:0;font-size:.75rem;color:#c9d6de}
.sections{max-width:1180px;margin:0 auto;padding:3rem 1.2rem 3.5rem;background:radial-gradient(ellipse at top,rgba(40,140,190,.14),transparent 70%)}
.teasers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.tp{padding:0;overflow:hidden}
.tp-img{aspect-ratio:16/9;background:center/cover no-repeat;border-bottom:1px solid var(--line);position:relative}
.tp-img::after{content:"CONCEPT ART";position:absolute;right:.5rem;bottom:.4rem;font:.6rem var(--mono);letter-spacing:.12em;color:var(--ink);background:rgba(2,6,12,.6);padding:.1rem .35rem}
.tp-body{padding:1.1rem 1.3rem 1.3rem}
.tp h3{margin:0 0 .4rem;color:#fff;font-size:1.25rem}.tp p{margin:0;color:var(--dim);font-size:.95rem}
.launch{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;margin-top:2.2rem;padding:1.8rem 2rem;background:linear-gradient(120deg,rgba(40,140,190,.2),rgba(3,8,14,.6))}
.count{display:flex;gap:.7rem;margin:.4rem 0}
.count div{flex:1;text-align:center;padding:.6rem 0;border:1px solid rgba(127,220,255,.45);background:rgba(2,6,12,.6)}
.count b{display:block;font:bold 2.3rem/1 var(--mono);color:#e9fbff;text-shadow:0 0 12px rgba(95,240,255,.8)}
.count span{font:.62rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.tba{margin:.5rem 0 0;font:.8rem var(--mono);letter-spacing:.1em;color:#9fd8ee}
.launch h3{margin:0 0 .4rem;color:#fff;font-size:1.5rem}.launch p{color:var(--dim)}
@media(max-width:900px){.teasers{grid-template-columns:1fr 1fr}.launch{grid-template-columns:1fr}}
@media(max-width:760px){
 .hero{align-items:flex-end;padding:11rem 0 2.5rem}
 .hero::before{background:linear-gradient(0deg,rgba(2,6,12,.96) 25%,rgba(2,6,12,.35) 70%,rgba(2,6,12,.6) 100%)}
 .hero-bg{background-size:cover;background-position:52% center}
 .hero-inner{padding:0 1.3rem;width:100%}
 h1{font-size:2.3rem}.hud-tag{font-size:.6rem;letter-spacing:.1em}
 .soon{padding:.45rem .8rem;gap:.35rem}.soon-txt{letter-spacing:.05em;font-size:1.35rem;white-space:nowrap}.bracket{font-size:1.55rem}
 .teasers{grid-template-columns:1fr}.launch{padding:1.3rem}.count b{font-size:1.7rem}
 .readout span{padding:.5rem .45rem;font-size:.55rem;letter-spacing:.06em}.readout b{font-size:.66rem}
}