.hk-ecosystem{padding:clamp(30px,5vw,68px) 18px;background:radial-gradient(circle at 50% 40%,#fff 0,#eaf7ff 50%,#dcecff 100%);color:#15335c}.hk-eco-head{text-align:center;max-width:1000px;margin:0 auto 26px}.hk-eco-head h2{font-size:clamp(1.8rem,4.2vw,3.6rem);line-height:1.1;color:#064591;font-weight:900;margin:0 0 9px}.hk-eco-head h2 span{color:#c68c1b}.hk-eco-tag{display:inline-block;padding:8px 22px;border-radius:80px;background:#064895;color:white;font-weight:800}.hk-eco-mission{font-size:clamp(.9rem,1.5vw,1.1rem);margin:14px auto;line-height:1.5}.hk-eco-layout{position:relative;max-width:1550px;margin:auto}.hk-eco-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.hk-eco-card{--tone:#166de1;--deep:#063e8b;background:#fff;border:2px solid var(--tone);border-radius:18px;overflow:hidden;box-shadow:0 10px 24px #001a4230;display:flex;flex-direction:column;transition:transform .2s}.hk-eco-card:hover{transform:translateY(-4px)}.hk-eco-bible{--tone:#0736a8;--deep:#0736a8}.hk-eco-radio{--tone:#ee3939;--deep:#ac121d}.hk-eco-apps{--tone:#a53ee5;--deep:#681ca1}.hk-eco-blog{--tone:#f79c24;--deep:#ab5301}.hk-eco-studio{--tone:#2488ef;--deep:#11519a}.hk-eco-control{--tone:#0736a8;--deep:#0736a8}.hk-eco-editor{--tone:#9131e3;--deep:#53248d}.hk-eco-meeting{--tone:#ea3788;--deep:#a31865}.hk-eco-visual{display:grid;place-items:center;min-height:100px;background:radial-gradient(circle at 80% 20%,#ffffff6b,transparent 55%),linear-gradient(115deg,var(--deep),var(--tone));font-size:4rem;text-shadow:0 4px 14px #0006}.hk-eco-content{display:flex;flex:1;flex-direction:column;padding:13px 15px;background:linear-gradient(#f7fbff,#fff)}.hk-eco-card h3{font-weight:900;text-transform:uppercase;line-height:1.2;font-size:clamp(.98rem,1.35vw,1.2rem);margin:0 0 6px;color:var(--deep)}.hk-eco-summary{font-weight:750;font-size:.87rem;margin:0 0 7px}.hk-eco-details{flex:1;font-size:.81rem;line-height:1.5;color:#38506c;margin:0 0 12px}.hk-eco-button,.hk-eco-private{display:block;text-align:center;padding:10px 9px;border-radius:30px;background:var(--deep);color:white!important;text-decoration:none!important;font-size:.83rem;font-weight:800}.hk-eco-button:hover{filter:brightness(1.16)}.hk-eco-button:focus-visible{outline:3px solid #fbca38;outline-offset:2px}.hk-eco-alt{margin-top:7px;background:#1457bc}.hk-eco-private{color:#452606!important;background:#ffe0a5}.hk-eco-core{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid #d0e9ff;border-radius:50%;aspect-ratio:1;width:260px;color:white;background:radial-gradient(circle at 24% 19%,#8adfff,#1463b2 52%,#051c57);box-shadow:0 0 0 5px #ffd35b,0 8px 30px #165dbc8c;margin:12px auto;text-align:center;overflow:hidden}.hk-eco-globe{position:absolute;font-size:185px;opacity:.7;line-height:1;animation:hk-eco-rotate 24s linear infinite;filter:drop-shadow(0 0 17px #e7f9ff)}.hk-eco-flags{position:relative;z-index:2;font-size:1rem;line-height:1.45;max-width:210px;text-shadow:0 1px 5px #000}.hk-eco-core strong,.hk-eco-core small{position:relative;z-index:2;text-shadow:0 2px 5px #00113e}.hk-eco-core strong{font-size:1.4rem;line-height:1.2}.hk-eco-core small{font-size:.8rem;max-width:200px;font-weight:700}.hk-eco-foot{text-align:center;font-size:.78rem;color:#425b73;margin:18px auto 0}@keyframes hk-eco-rotate{to{transform:rotateY(360deg)}}@media(min-width:1050px){.hk-eco-card:nth-child(4){}.hk-eco-card:nth-child(5){}.hk-eco-card:nth-child(6){}.hk-eco-card:nth-child(7){}.hk-eco-card:nth-child(8){}.hk-eco-card:nth-child(9){}.hk-eco-card:nth-child(4),.hk-eco-card:nth-child(5){margin-bottom:160px}.hk-eco-core{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:245px;margin:0}.hk-eco-card:nth-child(4),.hk-eco-card:nth-child(5){min-height:290px}}@media(max-width:1049px){.hk-eco-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hk-eco-card{}}@media(max-width:560px){.hk-eco-cards{grid-template-columns:1fr;gap:14px}.hk-eco-visual{min-height:85px}.hk-eco-head h2{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.hk-eco-globe{animation:none}.hk-eco-card{transition:none}}

/* Rich photo-texture cards using verified existing Account 1 assets. */
.hk-eco-card .hk-eco-visual{background-size:cover;background-position:center;min-height:130px;position:relative;isolation:isolate}
.hk-eco-card .hk-eco-visual:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--deep) 2%,transparent 90%);opacity:.6}
.hk-eco-network .hk-eco-visual{background-image:linear-gradient(105deg,#083d9a77,#126ee644),url("../assets/ministry/global-community-network.svg")}
.hk-eco-bible .hk-eco-visual{background-image:linear-gradient(105deg,#0736a8bb,#0736a822),url("../assets/ministry/sermons-header.jpg")}
.hk-eco-radio .hk-eco-visual{background-image:linear-gradient(105deg,#8d090ac0,#dc252544),url("../assets/ministry/approved-radio-display-20261017.webp")}
.hk-eco-apps .hk-eco-visual{background-image:linear-gradient(105deg,#5b189a99,#a232e244),url("../assets/ministry/hero-people-laptop.jpg")}
.hk-eco-blog .hk-eco-visual{background-image:linear-gradient(105deg,#a85100b0,#ee8e2344),url("../assets/ministry/ministries-header.jpg")}
.hk-eco-studio .hk-eco-visual{background-image:linear-gradient(105deg,#064b9fbb,#278ce055),url("../assets/ministry/feature-backgrounds.webp")}
.hk-eco-control .hk-eco-visual{background-image:linear-gradient(105deg,#0736a8b0,#0736a855),url("../assets/ministry/feature-backgrounds.webp")}
.hk-eco-editor .hk-eco-visual{background-image:linear-gradient(105deg,#481a8bb0,#9020dd55),url("../assets/ministry/feature-backgrounds.webp")}
.hk-eco-meeting .hk-eco-visual{background-image:linear-gradient(105deg,#8d135abb,#ed499455),url("../assets/ministry/hero-people-laptop.jpg")}
/* Rotating geographical land texture wrapped inside a circular globe. */
.hk-eco-core{background:radial-gradient(circle at 25% 17%,#b2ebff 0%,#459bd9 24%,#0d5ba9 64%,#052c6c 84%,#031a44 100%)}
.hk-eco-globe{inset:5%;width:90%;height:90%;border-radius:50%;font-size:0;background-image:url("../assets/ministry/rotating-world-land.svg");background-size:auto 100%;background-position:0 center;background-repeat:repeat-x;box-shadow:inset -28px -5px 35px #001c5cbf,inset 18px 8px 19px #ffffff3d;animation:hk-land-drift 34s linear infinite;filter:none}
@keyframes hk-land-drift{to{background-position:-720px center}}
@media (prefers-reduced-motion:reduce){.hk-eco-globe{animation:none}}


/* Photo-led infographic layout matching the approved bright multi-colour concept */
.hk-ecosystem{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#e0f2ffec,#edf8ffef 52%,#e2f5ffe9),url("../assets/ministry/outreach-1.jpg") center /cover no-repeat;padding:clamp(28px,3.5vw,48px) 16px 34px}
.hk-ecosystem:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 48% 48%,#ffffffa0,transparent 48%);z-index:-1}
.hk-eco-head{margin-bottom:18px}.hk-eco-head h2{font-family:Georgia,serif;font-size:clamp(2rem,4.1vw,4rem);color:#063e95;letter-spacing:-.035em;text-shadow:0 2px #fff,0 4px 12px #08286b27}
.hk-eco-head h2 span{color:#c48404}.hk-eco-tag{background:linear-gradient(100deg,#0759bc,#003577);box-shadow:0 8px 18px #14459b44}.hk-eco-mission{font-family:Georgia,serif;font-weight:700}
.hk-eco-layout{max-width:1660px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"network network network network bible bible bible bible radio radio radio radio" "apps apps apps apps center center center center blog blog blog blog" "studio studio studio control control control editor editor editor meeting meeting meeting";gap:clamp(12px,1.35vw,22px);align-items:stretch;position:relative;isolation:isolate}
.hk-eco-cards{display:contents}
.hk-eco-network{grid-area:network}.hk-eco-bible{grid-area:bible}.hk-eco-radio{grid-area:radio}.hk-eco-apps{grid-area:apps}.hk-eco-blog{grid-area:blog}.hk-eco-studio{grid-area:studio}.hk-eco-control{grid-area:control}.hk-eco-editor{grid-area:editor}.hk-eco-meeting{grid-area:meeting}
.hk-eco-card{min-width:0;margin:0!important;border-radius:21px;position:relative;z-index:2;border-width:3px;box-shadow:0 7px 28px #00387932,0 0 0 1px #ffffffb8;min-height:0!important}
.hk-eco-card .hk-eco-visual{min-height:clamp(110px,10vw,175px);font-size:clamp(2rem,3vw,3.4rem);background-size:cover;background-position:center;display:flex;justify-content:flex-start;align-items:flex-start;padding:12px 14px;text-shadow:0 2px 10px #000;isolation:isolate}
.hk-eco-card .hk-eco-visual:before{z-index:-1;background:linear-gradient(105deg,var(--deep),transparent 80%);opacity:.55}
.hk-eco-content{flex:1;padding:13px 16px 16px;background:linear-gradient(125deg,#fff,#f4f8ff)}
.hk-eco-card h3{font-size:clamp(.96rem,1.18vw,1.28rem);line-height:1.2}
.hk-eco-summary{color:#1c3553}.hk-eco-details{line-height:1.43}.hk-eco-button{background:linear-gradient(105deg,var(--deep),var(--tone));border:1px solid #ffffffb0;box-shadow:0 3px 9px #0002}
.hk-eco-core{grid-area:center;position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:min(100%,300px)!important;max-width:100%;align-self:center;justify-self:center;margin:15px auto!important;z-index:4;pointer-events:none;box-shadow:0 0 0 6px #ffcf63,0 0 30px #3089e8aa,inset -17px -6px 25px #001846}
.hk-eco-core:after{content:"";position:absolute;inset:6%;border-radius:50%;border:2px solid #ffffff55;box-shadow:inset 12px 10px 26px #fff3,inset -20px -10px 25px #00194e8a;pointer-events:none}
.hk-eco-globe{opacity:1;background-repeat:repeat-x;background-size:auto 100%;animation:hk-land-drift 32s linear infinite;transform:none!important}
.hk-eco-flags{max-width:240px;line-height:1.8;background:#0334717a;border-radius:50px;padding:3px 5px}
.hk-eco-core strong{font-family:Georgia,serif;font-size:clamp(1.15rem,2vw,1.7rem);font-weight:900}
.hk-eco-core small{font-family:Georgia,serif;max-width:220px;color:#fff1b7}
.hk-eco-connections{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 3px #fff)}
.hk-eco-card:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 15px 30px #052f694a}
.hk-eco-radio .hk-eco-visual{background-image:linear-gradient(105deg,#ac121d88,transparent),url("../assets/ministry/approved-radio-display-20261017.webp")}
.hk-eco-network .hk-eco-visual{background-image:linear-gradient(105deg,#063e8b66,transparent),url("../assets/ministry/global-community-network.svg")}
.hk-eco-bible .hk-eco-visual{background-image:linear-gradient(105deg,#0736a877,transparent),url("../assets/ministry/sermons-header.jpg")}
.hk-eco-blog .hk-eco-visual{background-image:linear-gradient(105deg,#ab530188,transparent),url("../assets/ministry/ministries-header.jpg")}
.hk-eco-studio .hk-eco-visual{background-image:linear-gradient(105deg,#11519a88,transparent),url("../assets/ministry/feature-backgrounds.webp")}
.hk-eco-control .hk-eco-visual{background-image:linear-gradient(105deg,#066b7488,transparent),url("../assets/ministry/feature-backgrounds.webp");background-position:55% center}
.hk-eco-editor .hk-eco-visual{background-image:linear-gradient(105deg,#53248d88,transparent),url("../assets/ministry/feature-backgrounds.webp");background-position:75% center}
@media(max-width:1050px){.hk-eco-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"center center" "network bible" "radio apps" "blog meeting" "studio control" "editor editor";gap:15px}.hk-eco-card{}.hk-eco-connections{display:none}.hk-eco-core{max-width:265px}.hk-eco-visual{min-height:110px}}
@media(max-width:580px){.hk-ecosystem{padding:26px 10px}.hk-eco-layout{grid-template-columns:1fr;grid-template-areas:"center" "network" "bible" "radio" "apps" "blog" "meeting" "studio" "control" "editor"}.hk-eco-card .hk-eco-visual{min-height:122px}.hk-eco-core{max-width:250px}.hk-eco-content{padding:13px 14px}.hk-eco-tag{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.hk-eco-globe{animation:none}.hk-eco-card{transition:none}}

/* Match the owner-approved palette while retaining the original nine-node diagram. */
.hk-eco-card{--tone:#0736a8!important;--deep:#061b57!important;border-color:#ffbf28}
.hk-eco-card:nth-child(even){--tone:#c43b00!important;--deep:#a32a00!important}
.hk-eco-head h2{color:#061b57}.hk-eco-head h2 span{color:#a32a00}
.hk-eco-head .hk-eco-tag{background:linear-gradient(110deg,#0736a8,#061b57)}
.hk-eco-connections g:last-child path{stroke:#0736a8}
.hk-eco-connections g:last-child path:nth-child(even){stroke:#c43b00}

/* Owner-approved public Daily Manna and Gospel Hymns platforms. */
.hk-eco-manna{grid-area:manna}.hk-eco-hymns{grid-area:hymns}
.hk-eco-manna .hk-eco-visual{background-image:linear-gradient(105deg,#a32a0088,transparent),url("../assets/ministry/sermons-header.jpg")}
.hk-eco-hymns .hk-eco-visual{background-image:linear-gradient(105deg,#061b5788,transparent),url("../assets/ministry/ministries-header.jpg")}
@media(min-width:1051px){.hk-eco-layout{grid-template-areas:"network network network network bible bible bible bible radio radio radio radio" "apps apps apps apps center center center center blog blog blog blog" "studio studio studio control control control editor editor editor meeting meeting meeting" ". manna manna manna manna manna hymns hymns hymns hymns hymns ."}}
@media(min-width:581px) and (max-width:1050px){.hk-eco-layout{grid-template-areas:"center center" "network bible" "radio apps" "blog meeting" "studio control" "editor manna" "hymns hymns"}}
@media(max-width:580px){.hk-eco-layout{grid-template-areas:"center" "network" "bible" "radio" "apps" "blog" "manna" "hymns" "meeting" "studio" "control" "editor"}}

/* Mobile infographic: eleven compact nodes rather than eleven large posters. */
@media(max-width:580px){
.hk-ecosystem{padding:20px 10px}.hk-eco-head h2{font-size:25px}.hk-eco-tag{padding:6px 10px;font-size:12px}.hk-eco-mission{font-size:13px;margin:10px 0}
.hk-eco-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"center center" "network bible" "radio apps" "blog meeting" "manna hymns" "studio control" "editor editor";gap:9px}
.hk-eco-core{width:130px!important;max-width:130px!important;margin:8px auto 16px!important;border-width:3px}.hk-eco-core strong{font-size:12px}.hk-eco-core small{font-size:9px;max-width:110px}.hk-eco-flags{font-size:9px;line-height:1.2;max-width:110px}
.hk-eco-card{border-width:2px;border-radius:12px}.hk-eco-card .hk-eco-visual{min-height:42px;height:42px;padding:5px 8px;font-size:24px}.hk-eco-content{padding:9px}.hk-eco-card h3{font-size:13px;line-height:1.25;overflow-wrap:anywhere}.hk-eco-summary{font-size:11px;line-height:1.3;margin-bottom:8px}.hk-eco-details{display:block;font-size:12px;line-height:1.4;margin-bottom:10px}.hk-eco-button,.hk-eco-private{font-size:11px;line-height:1.3;padding:8px 5px;border-radius:9px;min-height:38px}.hk-eco-foot{font-size:11px}
}

/* Grid areas place whole cards; do not override their column coordinates. */
.hk-eco-layout,.hk-eco-card,.hk-eco-content{min-width:0}.hk-eco-card h3,.hk-eco-card p,.hk-eco-card a{overflow-wrap:break-word}.hk-eco-connections{overflow:hidden}
@media(max-width:580px){.hk-eco-core{aspect-ratio:1;min-height:130px}.hk-eco-card .hk-eco-visual{flex:none}.hk-eco-content{gap:4px}.hk-eco-content>.hk-eco-button:first-of-type,.hk-eco-content>.hk-eco-private{margin-top:auto}}
