.u-head{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:2rem}
.u-head h2{flex:1 1 440px}.u-head p{flex:0 1 380px;color:var(--muted);font-size:.95rem}
.units{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.unit{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1.7rem;border-radius:var(--r-card);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));min-width:0;scroll-margin-top:96px;transition:border-color .25s,transform .25s}
.unit:hover{border-color:rgba(0,184,232,.5);transform:translateY(-2px)}
.unit.core{background:linear-gradient(160deg,rgba(101,0,184,.28),rgba(255,255,255,.02));border-color:rgba(179,147,255,.35)}
.unit:target{border-color:var(--magenta);box-shadow:0 0 0 1px var(--magenta),0 0 32px rgba(229,0,200,.25)}
.uic{width:44px;height:44px;color:var(--magenta)}
.unit:nth-child(2) .uic{color:var(--cyan)}.unit:nth-child(3) .uic{color:#B393FF}.unit:nth-child(5) .uic{color:var(--cyan)}.unit:nth-child(6) .uic{color:#B393FF}
.uic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kind{font:600 .72rem var(--font-display);color:var(--muted)}
.unit h3{font-size:1.25rem}
.unit .d{color:var(--mist);font-size:.92rem}
.bl{display:grid;gap:.4rem;margin-top:.2rem;color:var(--muted);font-size:.88rem}
.bl li{position:relative;padding-left:1.1rem}
.bl li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--magenta),var(--cyan))}
.rels{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}
.rel{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(0,184,232,.45);color:var(--mist);font:600 .75rem var(--font-display);text-decoration:none}
.rel:hover{background:rgba(0,184,232,.12)}
.rel svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rel.dev{border-color:rgba(255,95,224,.5);color:var(--dev)}
.soon{margin-top:auto;padding-top:.6rem;font:600 .75rem var(--font-display);color:var(--muted);opacity:.8}
@media (max-width:1020px){.units{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.units{grid-template-columns:1fr}.unit{padding:1.4rem}}