.eco-stars{position:absolute;inset:0;background:radial-gradient(1px 1px at 10% 20%,#fff8,transparent),radial-gradient(1px 1px at 30% 70%,#fff6,transparent),radial-gradient(1.5px 1.5px at 55% 15%,#fff9,transparent),radial-gradient(1px 1px at 80% 40%,#fff6,transparent),radial-gradient(1px 1px at 90% 80%,#fff5,transparent),radial-gradient(1.5px 1.5px at 70% 90%,#fff7,transparent),radial-gradient(ellipse at 50% 120%,#06b6d433,transparent 60%)}.eco-map-wrap{position:relative;overflow:hidden;border-radius:1.5rem}.eco-map{position:relative;width:100%}.eco-pin{position:absolute;transform:translate(-50%,-50%);width:1.6rem;height:1.6rem;cursor:pointer}.eco-pin-dot{position:absolute;inset:0;display:grid;place-items:center;border-radius:999px;color:#0b1d3a;background:var(--c);box-shadow:0 0 0 2px #0b1d3a,0 0 14px var(--c);transition:transform .25s;animation:eco-breathe 2.4s ease-in-out infinite;animation-delay:var(--d)}.eco-pin-dot svg{width:.9rem;height:.9rem}.eco-pin-ring{position:absolute;inset:0;border-radius:999px;border:2px solid var(--c);animation:eco-ring 2.4s ease-out infinite;animation-delay:var(--d)}@keyframes eco-ring{0%{transform:scale(.8);opacity:.9}to{transform:scale(3);opacity:0}}@keyframes eco-breathe{50%{transform:scale(1.15)}}.eco-pin:hover .eco-pin-dot,.eco-pin:focus-visible .eco-pin-dot,.eco-pin.is-active .eco-pin-dot{transform:scale(1.45);animation:none;z-index:2}.eco-pin.is-active .eco-pin-dot{box-shadow:0 0 0 3px #fff,0 0 20px var(--c)}.eco-map.has-pick .eco-pin:not(.is-sector){opacity:.35}@media(max-width:640px){.eco-pin{width:.95rem;height:.95rem}.eco-pin-dot{box-shadow:0 0 0 1.5px #0b1d3a,0 0 8px var(--c)}.eco-pin-dot svg{width:.55rem;height:.55rem}.eco-pin-ring{animation-name:eco-ring-sm}}@keyframes eco-ring-sm{0%{transform:scale(.9);opacity:.8}to{transform:scale(2);opacity:0}}.eco-card{margin-top:1.25rem;border-radius:1.25rem;padding:1.5rem;background:#ffffff0f;border:1px solid #ffffff22;backdrop-filter:blur(8px);animation:eco-in .4s ease-out}.eco-chip{flex:0 0 auto;padding:.45rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid #ffffff33;color:#cbd5e1}.eco-chip[aria-selected=true]{background:var(--c,#22d3ee);color:#0b1d3a;border-color:var(--c,#22d3ee)}.eco-panel+.eco-panel{margin-top:4rem}.js-eco .eco-panel{display:none}.js-eco .eco-panel.is-active{display:block;animation:eco-in .45s ease-out}.js-eco .eco-panel+.eco-panel{margin-top:0}@keyframes eco-in{0%{opacity:0;transform:translateY(12px)}}.eco-k{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.eco-nodes{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.4rem}.eco-node{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:.7rem;font-size:.82rem;font-weight:600;cursor:help;background:#eef4ff;color:#1d4ed8;border:1px solid #dbeafe;transition:transform .15s,box-shadow .15s}.eco-node:hover,.eco-node:focus-visible,.eco-node.is-tip{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb22;outline:none}.eco-node-in{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.eco-node-opt{background:#fff;color:#334155;border-color:#e2e8f0;border-style:dashed}.eco-node-user{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.eco-node-pkg{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;border:0;cursor:pointer}.eco-node-shared{background:#ffffff1f;color:#fff;border-color:#ffffff40}.eco-node-saglik{background:#fdf2f8;color:#be185d;border-color:#fbcfe8}.eco-node-candostum{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.dark .eco-node{background:#1e293b;color:#bfdbfe;border-color:#334155}.dark .eco-node-in{color:#6ee7b7}.dark .eco-node-user{color:#67e8f9}.dark .eco-node-opt{color:#cbd5e1}.dark .eco-node-pkg{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff}.eco-app{border-radius:1.25rem;padding:1.5rem;color:#fff;box-shadow:0 20px 40px -20px #0006}.eco-app-saglik{background:linear-gradient(150deg,#db2777,#7c3aed)}.eco-app-candostum{background:linear-gradient(150deg,#f97316,#db2777)}.eco-app-grid{display:grid;gap:1.5rem;align-items:center}@media(min-width:640px){.eco-app-grid{grid-template-columns:1fr 230px}}.eco-app{padding:1.75rem!important}.eco-app-badge{padding:.25rem .7rem;border-radius:999px;background:#fff;color:#0b1d3a;font-size:.75rem;font-weight:800}.eco-phone{margin:0 auto;width:min(230px,100%);border-radius:2rem;padding:1.4rem .8rem 1rem;background:#0b1d3a;border:6px solid #111827;box-shadow:inset 0 0 0 1px #fff2;position:relative}.eco-phone-notch{position:absolute;top:.45rem;left:50%;width:3.5rem;height:.35rem;margin-left:-1.75rem;border-radius:999px;background:#111827}.eco-phone-title{font-weight:800;font-size:.95rem;margin-bottom:.6rem}.eco-phone-row{display:flex;gap:.6rem;align-items:center;padding:.6rem;border-radius:.9rem;background:#ffffff14;margin-top:.45rem;animation:eco-in .6s both}.eco-phone-row b{display:block;font-size:.8rem}.eco-phone-row small{display:block;font-size:.7rem;opacity:.75}.eco-schema{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:1024px){.eco-schema{grid-template-columns:1fr 1fr minmax(220px,.9fr) 1fr 1fr;align-items:start}.eco-hub-card{position:sticky;top:7rem}}.eco-col{display:flex;flex-direction:column;gap:.4rem;align-items:stretch}.eco-col .eco-node{justify-content:flex-start}.eco-col-h{font-weight:800;color:#0b1d3a;margin-bottom:.25rem}.dark .eco-col-h{color:#fff}.eco-col-h span{margin-left:.35rem;font-size:.75rem;padding:.05rem .45rem;border-radius:999px;background:#22d3ee33;color:#0e7490}.eco-hub-card{border-radius:1.5rem;padding:1.5rem;text-align:center;color:#fff;background:radial-gradient(circle at 50% 0%,#2563eb,#0b1d3a 75%)}.eco-hub-m{margin:0 auto;width:4rem;height:4rem;border-radius:999px;display:grid;place-items:center;font-size:1.8rem;font-weight:900;border:2px solid #22d3ee;box-shadow:0 0 0 8px #22d3ee22,0 0 40px #22d3ee66}.eco-bubble{position:fixed;z-index:60;max-width:min(300px,calc(100vw - 32px));padding:.75rem .9rem;border-radius:1rem;background:#0b1d3a;color:#fff;font-size:.82rem;line-height:1.4;box-shadow:0 12px 30px #0005;pointer-events:auto}.eco-bubble b{display:block;margin-bottom:.15rem;color:#22d3ee}.eco-bubble b:empty{display:none}.eco-bubble span{display:block}.eco-bubble a{display:block;margin-top:.4rem;color:#fde047;font-weight:700}.eco-bubble a:empty{display:none}.eco-bubble:after{content:"";position:absolute;left:var(--tx,50%);width:14px;height:14px;margin-left:-7px;background:#0b1d3a;transform:rotate(45deg);bottom:-6px}.eco-bubble.is-below:after{bottom:auto;top:-6px}.dark .eco-bubble,.dark .eco-bubble:after{background:#f8fafc;color:#0b1d3a}.dark .eco-bubble b{color:#0891b2}.dark .eco-bubble a{color:#1d4ed8}@media(prefers-reduced-motion:reduce){.eco-pin-dot,.eco-pin-ring,.eco-phone-row,.eco-card{animation:none!important;transition:none!important}}
