.p4eco{background:#0a0e1a;color:#e9ecff;padding:36px 20px 28px;border-top:1px solid rgba(255,255,255,.08);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.5}
.p4eco *{box-sizing:border-box}
.p4eco-wrap{max-width:1100px;margin:0 auto}
.p4eco-title{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#7f87b5;text-align:center;margin-bottom:6px;font-weight:700}
.p4eco-tag{text-align:center;color:#aab1d6;font-size:14px;margin-bottom:22px;max-width:640px;margin-left:auto;margin-right:auto}
.p4eco-tag strong{color:#e9ecff;font-weight:700}
.p4eco-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:760px){.p4eco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.p4eco-node{display:block;padding:14px 14px 12px;border-radius:14px;background:rgba(18,28,58,.55);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.p4eco-node:hover{transform:translateY(-2px);border-color:rgba(93,165,255,.45);background:rgba(18,28,58,.82)}
.p4eco-node.p4eco-here{border-color:rgba(93,165,255,.9);background:linear-gradient(180deg,rgba(50,140,255,.18),rgba(18,28,58,.72));cursor:default}
.p4eco-node.p4eco-here:hover{transform:none}
.p4eco-label{display:block;font-weight:800;font-size:13.5px;letter-spacing:.02em;color:#e9ecff}
.p4eco-here .p4eco-label{color:#8ec5ff}
.p4eco-desc{display:block;font-size:12px;color:#aab1d6;margin-top:4px}
.p4eco-here-badge{display:inline-block;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#8ec5ff;background:rgba(93,165,255,.14);padding:2px 6px;border-radius:999px;margin-left:6px;vertical-align:middle;font-weight:800}
.p4eco-foot{text-align:center;margin-top:18px;font-size:11.5px;color:#7f87b5;letter-spacing:.04em}
.p4eco-foot a{color:#aab1d6;text-decoration:underline;text-underline-offset:3px}
.p4eco-foot a:hover{color:#e9ecff}