/* The coming-soon home page (Sep 2026), from talksignal-coming-soon-banner.html.
   Its own file: styles.css is cached as immutable, so new rules there would not
   reach returning visitors. The launch sections sit in <template id="launch-sections">. */
.soon-main{min-height:calc(100vh - 74px - 150px);display:flex;align-items:center;padding:48px 0}
.soon-main .container{width:min(960px,calc(100% - 32px))}
.soon-banner{border-radius:24px;padding:40px 28px;color:#fff;
  background:radial-gradient(circle at 80% 0%,rgba(45,107,255,.35),transparent 55%),linear-gradient(165deg,#081B3D 0%,#123E7A 82%,#1A3F78 100%);
  box-shadow:0 24px 50px rgba(8,27,61,.35);display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.soon-l{flex:1 1 320px;min-width:0}
.soon-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:800;letter-spacing:1px}
.soon-dot{width:8px;height:8px;border-radius:4px;background:#3DD39A;box-shadow:0 0 0 4px rgba(61,211,154,.25)}
.soon-banner h1{font-size:clamp(28px,5vw,42px);margin:16px 0 8px;font-weight:800;line-height:1.1;letter-spacing:-.5px}
.soon-sub{font-size:17px;color:#C9D8EA;margin:0 0 22px}
.soon-follow{font-size:14px;font-weight:700;color:#DCE6F2;margin-bottom:12px}
.soon-btns{display:flex;gap:10px;flex-wrap:wrap}
.soon-btns a{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px;border-radius:14px;color:#fff;font-weight:800;font-size:15px;
  background:linear-gradient(90deg,#E8621A,#1565C0);box-shadow:0 10px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.3)}
.soon-btns a.alt{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);box-shadow:none}
.soon-btns svg{flex:0 0 auto}
.soon-r{flex:0 0 190px;display:flex;justify-content:center}
.soon-ring{width:170px;height:170px;border-radius:50%;background:conic-gradient(#3DD39A 0deg 250deg,rgba(255,255,255,.14) 250deg 360deg);display:flex;align-items:center;justify-content:center}
.soon-in{width:150px;height:150px;border-radius:50%;background:#0F2A52;display:flex;align-items:center;justify-content:center}
.soon-av{width:118px;height:118px;border-radius:50%;border:3px solid #fff;background:radial-gradient(circle at 34% 30%,#4A7BC0,#1E4E8C 55%,#0D2C57);display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.3}
.soon-av b{font-size:15px}.soon-av span{font-size:12px;color:#C9D8EA}
@media (max-width:560px){.soon-r{display:none}.soon-banner{padding:30px 20px}.soon-main{padding:28px 0}.soon-btns a{flex:1 1 100%;justify-content:center}}
