/* Home page: loaded after mapper.css */
.hero.home h1{max-width:15ch}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
.prod{position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);min-height:640px;background:var(--stage);isolation:isolate}
.prod.a{background:radial-gradient(700px 480px at 12% 6%,rgba(124,77,255,.24),transparent 60%),radial-gradient(600px 420px at 95% 95%,rgba(217,164,58,.14),transparent 60%),var(--stage)}
.prod.m{background:radial-gradient(700px 480px at 12% 6%,rgba(47,191,113,.16),transparent 60%),radial-gradient(600px 420px at 95% 95%,rgba(229,72,77,.14),transparent 60%),var(--stage)}
.prod::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;z-index:-1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.prod .vis{flex:1;padding:34px 30px 8px;display:flex;align-items:center;justify-content:center}
.prod .vis svg{width:100%;height:auto;max-height:300px}
.prod .info{margin:14px;background:var(--card);border-radius:18px;padding:26px 28px 28px}
.prod .info h2{font-size:clamp(1.7rem,2.6vw,2.2rem);letter-spacing:-.045em}
.prod .info p{color:var(--muted);margin:12px 0 16px;max-width:42ch}
.prod .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.prod .tags span{font-size:.75rem;font-weight:500;border:1px solid var(--line);border-radius:99px;padding:3px 11px;color:var(--muted)}
.prod .cta{margin:0}

/* mini heatmap */
.mg{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;width:100%;max-width:440px}
.mg span{aspect-ratio:1.2;border-radius:6px;background:#17231f;opacity:.2;transform:scale(.6);transition:background .5s,opacity .5s,transform .5s}
.mg.on span{opacity:1;transform:none}

/* mini evidence art */
.ma .ln{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1)}
.ma.on .ln{stroke-dashoffset:0}
.ma .doc{fill:#14112b;stroke:#322b63;stroke-width:1.2}
.ma .dt{fill:#d8d3f5;font:500 11px var(--body)}
.ma .pa{fill:#7c4dff}.ma .pb{fill:#d9a43a}.ma .pc{fill:#2a2350}
.ma .cid{fill:#efeaff;font:600 14px var(--display);letter-spacing:-.02em}

.mono{font-family:var(--display)}
.facts{margin-top:44px;border-top:1px solid var(--line)}

@media (prefers-reduced-motion:reduce){.ma .ln{transition:none;stroke-dashoffset:0}.mg span{transition:none;opacity:1;transform:none}}
@media (max-width:900px){
  .duo{grid-template-columns:1fr}
  .prod{min-height:0}
}