/* Explore: the one-time project pop-up with its 5-second read-first countdown */
.intro{border:0;border-radius:28px;padding:34px 34px 30px;max-width:min(560px,calc(100vw - 32px));
  box-shadow:0 30px 80px -20px rgba(16,40,90,.4);color:var(--text);text-align:left}
.intro::backdrop{background:rgba(22,32,46,.45);backdrop-filter:blur(3px)}
.intro[open]{animation:pop .5s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.98)}}
.intro h2{font-size:1.8rem;margin:10px 0 12px}
.intro p{line-height:1.6}
.ilinks{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px}
.ilinks a{font-size:14.5px;font-weight:700;text-decoration:none;color:var(--blue-d);border:1.5px solid var(--mist);
  border-radius:999px;padding:8px 14px;transition:border-color .2s}
.ilinks a:hover{border-color:var(--blue)}
.intro .btn{width:100%;justify-content:center}
.intro .btn:disabled{background:var(--ice2);color:var(--muted);cursor:default}
.intro .ring{display:block;height:2px;background:var(--ice2);border-radius:2px;margin-top:12px;overflow:hidden}
.intro .ring i{display:block;height:100%;background:var(--blue);width:0}
.intro.counting .ring i{animation:fill 5s linear forwards}
@keyframes fill{to{width:100%}}