/* SuperSPM placeholder page – loaded only there (templates/spm/landing.html) */

.site-spm .tool-hero h1 { background-image: linear-gradient(180deg, #ffffff 25%, #c4f7fb); }
.spm-scan { margin: 44px auto 0; max-width: 820px; padding: 18px 18px 10px; border-radius: 18px; border: 1px solid var(--line);
  background: radial-gradient(ellipse 70% 80% at 50% 60%, rgba(var(--phosphor-rgb), .06), transparent 70%), #0b0c0e; }
.spm-scan svg { display: block; width: 100%; height: auto; }
.spm-scan .base { fill: #050a0c; }
.spm-scan .atoms circle { mix-blend-mode: screen; }
.spm-scan .atoms .ads { filter: drop-shadow(0 0 6px rgba(var(--phosphor-rgb), .7)); }
/* the image is "scanned" line by line: a cover slides down, the tip line runs ahead of it */
.spm-scan .cover { fill: #0b0c0e; animation: spm-scan 4.2s cubic-bezier(.4, 0, .6, 1) .3s forwards; }
.spm-scan .tip { stroke: rgba(var(--phosphor-rgb), .9); stroke-width: 1.5; filter: drop-shadow(0 0 4px rgba(var(--phosphor-rgb), .9));
  animation: spm-scan 4.2s cubic-bezier(.4, 0, .6, 1) .3s forwards, spm-fade .6s ease 4.5s forwards; }
.spm-scan .profile { margin-top: 10px; overflow: visible; }
.spm-scan .profile path { fill: none; stroke: #eaffff; stroke-width: 1.6; filter: drop-shadow(0 0 4px rgba(var(--phosphor-rgb), .8));
  stroke-dasharray: 2000; stroke-dashoffset: 2000; animation: spm-draw 1.8s ease 3.8s forwards; }
.spm-scan figcaption { display: flex; justify-content: space-between; font: 11.5px var(--mono); color: var(--faint); padding: 8px 4px 0; }
@keyframes spm-scan { to { transform: translateY(300px); } }
@keyframes spm-fade { to { opacity: 0; } }
@keyframes spm-draw { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) {
  .spm-scan .cover, .spm-scan .tip { animation: none; display: none; }
  .spm-scan .profile path { animation: none; stroke-dashoffset: 0; }
}