
/* MD Cyber Hub: connected partners and living protection layers. */
.intro.section{row-gap:48px}
.intro .intro-facts.eco-system{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:0;perspective:1400px}
.eco-system .eco-card{display:block}
.eco-system .eco-card span{font-size:inherit;color:inherit}
.eco-card{--eco-x:70%;--eco-y:20%;--eco-rx:0deg;--eco-ry:0deg;position:relative;isolation:isolate;min-width:0;overflow:hidden;border-radius:26px;padding:32px;transform:rotateX(var(--eco-rx)) rotateY(var(--eco-ry));transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.eco-card::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(340px circle at var(--eco-x) var(--eco-y),#3781fc22,transparent 72%);opacity:.7;transition:opacity .4s}
.eco-card:hover::before,.eco-card:focus-within::before{opacity:1}
.eco-card--partners{color:#f4f8ff;background:linear-gradient(135deg,#03102e,#051d50);border:1px solid #153367;box-shadow:0 16px 40px #03195b0c}
.eco-card--layers{color:var(--ink);background:linear-gradient(135deg,#fbfcff,#f2f6ff);border:1px solid #d9e3f6;box-shadow:0 16px 40px #03195b05}
.eco-card:hover,.eco-card:focus-within{box-shadow:0 20px 45px #03195b14}
.eco-card--layers:hover,.eco-card--layers:focus-within{border-color:#adc8ff}
.eco-card-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;z-index:1}
.eco-card h3{display:flex;align-items:center;gap:16px;font-size:1.5rem;font-weight:600;letter-spacing:-.035em;line-height:1.25;color:inherit;max-width:85%}
.eco-card h3 .eco-count{display:block;flex:0 0 auto;font-size:3.2rem;line-height:1;font-weight:500;letter-spacing:-.075em;color:#84b4ff}
.eco-card--layers h3 .eco-count{color:#1951fc}
.eco-header-symbol{width:42px;height:42px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.15;opacity:.65}
.eco-card--partners .eco-header-symbol{color:#8bb8ff}
.eco-card--layers .eco-header-symbol{color:#1951fc}
.eco-mesh{position:absolute;z-index:-1;right:-30px;top:-70px;width:370px;height:370px;opacity:.4;pointer-events:none;transform:rotate(var(--eco-scroll,0deg));transition:transform .25s ease-out}
.eco-mesh .eco-orbit{fill:none;stroke:#78aaff;stroke-width:.6;opacity:.22;transform-origin:166px 166px}
.eco-mesh .eco-orbit--outer{stroke-dasharray:2 9}
.eco-mesh .eco-links{fill:none;stroke:#76aaff;stroke-width:.9;opacity:.45}
.eco-mesh .eco-flow{fill:none;stroke:#b5d2ff;stroke-width:1.6;stroke-dasharray:4 140;opacity:.6}
.eco-mesh .eco-core{fill:#0a2860;stroke:#8bb8ff;stroke-width:1.2}
.eco-mesh .eco-node{fill:#102c65;stroke:#78aaff;stroke-width:1.25;transition:fill .4s,stroke .4s}
.eco-mesh .eco-node.is-active{fill:#b8d4ff;stroke:#fff}
.eco-mesh .eco-halo{fill:none;stroke:#87b6ff;stroke-width:.7;opacity:0;transform-box:fill-box;transform-origin:center}
.eco-motion .eco-orbit--outer{animation:eco-orbit 36s linear infinite;animation-play-state:paused}
.eco-motion .eco-flow{animation:eco-flow 9s linear infinite;animation-play-state:paused}
.eco-motion .eco-halo.is-active{animation:eco-pulse 2.2s ease-out infinite;animation-play-state:paused}
.eco-motion .is-in-view .eco-orbit--outer,.eco-motion .is-in-view .eco-flow,.eco-motion .is-in-view .eco-halo.is-active{animation-play-state:running}
.eco-card ul{list-style:none;padding:0;margin:0;position:relative}
.eco-partner-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.eco-partner-list li{min-width:0;--eco-delay:0ms}
.eco-partner-link{display:flex;align-items:center;gap:10px;min-height:74px;padding:15px 18px;background:#0b235047;border:1px solid #abcfff24;border-radius:14px;color:#eef5ff;font-size:1.075rem;font-weight:500;letter-spacing:-.025em;line-height:1.5;backdrop-filter:blur(8px);transition:background .35s,border-color .35s,transform .35s}
.eco-partner-link:hover,.eco-partner-link:focus-visible,.eco-partner-link.is-active{background:#16366b9e;border-color:#8bb8ff75;transform:translateY(-2px)}
.eco-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:#5d8cdb;box-shadow:0 0 0 4px #559cff0b;transition:background .35s,box-shadow .35s}
.is-active .eco-dot,.eco-partner-link:hover .eco-dot,.eco-partner-link:focus-visible .eco-dot{background:#bbd7ff;box-shadow:0 0 0 4px #559cff1f,0 0 14px #8bb8ff70}
.eco-link-arrow{width:16px;height:16px;flex:0 0 auto;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.4;opacity:.5;transition:opacity .3s,transform .3s}
.eco-partner-link:hover .eco-link-arrow,.eco-partner-link:focus-visible .eco-link-arrow{opacity:1;transform:translate(2px,-2px)}
.eco-card-foot{display:flex;align-items:center;gap:10px;position:relative;margin-top:26px}
.eco-card-foot i{display:block;width:6px;height:6px;border-radius:50%;background:#6da5ff}
.eco-card-foot>span{height:1px;flex:1;background:linear-gradient(90deg,#669fff55,#669fff08);position:relative;overflow:hidden}
.eco-card-foot>span::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#b2d1ff,transparent)}
.eco-motion .eco-card-foot>span::after{animation:eco-trace 4s ease-in-out infinite;animation-play-state:paused}
.eco-motion .is-in-view .eco-card-foot>span::after{animation-play-state:running}
.eco-layer-list{display:grid;gap:3px;margin-top:-5px!important}
.eco-layer-list::before{content:"";position:absolute;top:22px;bottom:22px;left:17px;width:1px;background:#d3e2ff}
.eco-layer-list li{min-width:0;position:relative}
.eco-layer-link{display:flex;align-items:center;gap:13px;min-height:46px;padding:5px 12px 5px 0;border:1px solid transparent;border-radius:11px;color:#455c84;font-size:.95rem;font-weight:500;line-height:1.5;letter-spacing:-.015em;transition:background .35s,color .35s,transform .35s,border-color .35s}
.eco-layer-icon{position:relative;display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:#f2f6ff;border:1px solid #d9e4f9;color:#7595c5;transition:background .35s,color .35s,border-color .35s,box-shadow .35s}
.eco-layer-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.eco-layer-link>.eco-link-arrow{opacity:0;margin-left:auto;transform:translateX(-3px);transition:opacity .3s,transform .3s}
.eco-layer-link:hover,.eco-layer-link:focus-visible,.eco-layer-link.is-active{background:#e7efff;transform:translateX(4px);color:#103982;border-color:#d3e2ff}
.eco-layer-link:hover .eco-layer-icon,.eco-layer-link:focus-visible .eco-layer-icon,.eco-layer-link.is-active .eco-layer-icon{background:#1951fc;color:#fff;border-color:#1951fc;box-shadow:0 3px 12px #1951fc22}
.eco-layer-link:hover>.eco-link-arrow,.eco-layer-link:focus-visible>.eco-link-arrow,.eco-layer-link.is-active>.eco-link-arrow{opacity:.75;transform:none}
.eco-motion .eco-card.is-visible .eco-card-header{animation:eco-arrive .65s both}
.eco-motion .eco-card.is-visible li{animation:eco-arrive .65s both;animation-delay:var(--eco-delay,0ms)}
.eco-ready .eco-card:not(.is-visible){opacity:0;transform:translateY(24px)}
@keyframes eco-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes eco-orbit{to{rotate:360deg}}
@keyframes eco-flow{to{stroke-dashoffset:-576}}
@keyframes eco-pulse{0%{opacity:.7;scale:.7}80%,100%{opacity:0;scale:1.9}}
@keyframes eco-trace{0%,15%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
@media(max-width:1100px){.eco-card{padding:28px}.eco-card h3{font-size:1.25rem;gap:12px}.eco-partner-link{padding:14px;font-size:1rem}}
@media(max-width:800px){.intro.section{row-gap:35px}.intro .intro-facts.eco-system{gap:18px}.eco-card{padding:25px}.eco-partner-list{grid-template-columns:1fr;gap:9px}.eco-partner-link{min-height:50px}.eco-card h3{font-size:1.25rem;max-width:none}.eco-header-symbol{width:32px;height:32px}.eco-card h3 .eco-count{font-size:2.7rem}.eco-layer-link{font-size:.875rem;gap:10px;min-height:50px}.eco-layer-list{gap:6px}.eco-card-foot{margin-top:20px}}
@media(max-width:600px){.intro .intro-facts.eco-system{grid-template-columns:1fr;gap:18px}.eco-card{padding:25px 23px;border-radius:22px}.eco-card-header{margin-bottom:23px}.eco-card h3{font-size:1.25rem}.eco-card h3 .eco-count{font-size:3rem}.eco-header-symbol{width:36px;height:36px}.eco-partner-list{grid-template-columns:1fr;gap:9px}.eco-partner-link{min-height:52px;padding:12px 15px;font-size:1rem;gap:10px}.eco-partner-link .eco-link-arrow{width:16px;height:16px}.eco-layer-link{font-size:.9375rem;min-height:48px}.eco-layer-list{gap:5px}.eco-card--layers .eco-card-header{margin-bottom:17px}.eco-mesh{width:315px;height:315px;right:-50px;top:-70px}.eco-card-foot{margin-top:22px}}
@media(max-width:360px){.eco-card{padding:22px 18px}.eco-partner-link{font-size:.85rem;padding:12px 10px}.eco-card h3{font-size:1.1rem}.eco-layer-link{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.eco-ready .eco-card:not(.is-visible){opacity:1;transform:none}.eco-card,.eco-mesh,.eco-partner-link,.eco-layer-link{transform:none!important}.eco-card *,.eco-card *::after{animation:none!important;transition:none!important}.eco-card-header,.eco-card li{opacity:1!important;translate:none!important}}

