.eco-page{background:#f4f2ed;color:#08172d}
.eco-page .site-header{background:rgba(4,11,22,.80);border-bottom:1px solid rgba(255,255,255,.07)}
.eco-page .desktop-nav a{color:rgba(255,255,255,.66)}.eco-page .desktop-nav a.active,.eco-page .desktop-nav a:hover{color:#fff}
.eco-page .langs a{color:rgba(255,255,255,.43)}.eco-page .langs a.active{color:#fff}.eco-page .menu-toggle span{background:#fff}

.eco-hero{position:relative;overflow:hidden;min-height:960px;padding:165px 0 45px;color:#fff;background:radial-gradient(circle at 77% 18%,rgba(28,166,255,.18),transparent 25%),radial-gradient(circle at 30% 82%,rgba(112,76,238,.15),transparent 28%),linear-gradient(145deg,#050c18,#09192f 55%,#0b223d)}
.eco-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.eco-glow{position:absolute;border-radius:50%;filter:blur(88px);opacity:.34}.eg1{width:360px;height:360px;background:#168cff;right:-30px;top:80px}.eg2{width:300px;height:300px;background:#7d58e4;left:28%;bottom:-80px}
.eco-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.eco-hero-copy h1{margin:20px 0 24px;font-size:clamp(4rem,6.4vw,7.3rem);line-height:.84;letter-spacing:-.069em;font-weight:950}.eco-hero-copy h1 em{display:block;font-style:normal;color:#6acaff}.eco-hero-copy>p{max-width:670px;color:rgba(237,245,252,.68);font-size:1.08rem;line-height:1.72}.eco-hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:31px}
.eco-orbit{position:relative;height:620px}.eco-orbit-ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px solid rgba(101,205,255,.10)}.eco-orbit .r1{width:260px;height:260px}.eco-orbit .r2{width:410px;height:410px}.eco-orbit .r3{width:560px;height:560px}.eco-center{position:absolute;left:50%;top:50%;translate:-50% -50%;width:190px;height:190px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 34%,rgba(91,194,255,.20),transparent 45%),#07182d;border:1px solid rgba(94,198,255,.18);box-shadow:0 0 80px rgba(57,169,233,.10)}.eco-center small{font-size:8px;letter-spacing:.16em;color:#70ccff;font-weight:900}.eco-center strong{margin-top:6px;font-size:24px;letter-spacing:-.04em}.eco-center span{font-size:8px;letter-spacing:.14em;color:rgba(255,255,255,.34);margin-top:8px}
.eco-brand-node{position:absolute;min-width:175px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(7,21,39,.78);box-shadow:0 16px 38px rgba(0,0,0,.16)}.eco-brand-node small{display:block;font-size:7px;letter-spacing:.13em;color:#6acaff;font-weight:900}.eco-brand-node strong{display:block;margin-top:5px;font-size:14px}.eco-brand-node span{font-size:8px;color:rgba(255,255,255,.38)}.node-p{left:2%;top:17%}.node-w{right:1%;top:42%}.node-m{left:8%;bottom:11%}
.eco-strip{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:65px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09);font-size:10px;letter-spacing:.14em;font-weight:900;color:rgba(255,255,255,.48)}.eco-strip i{font-style:normal;color:#63c8ff}

.eco-intro{padding:125px 0;background:#f4f2ed}.eco-intro-grid{display:grid;grid-template-columns:1fr .85fr;gap:95px}.eco-intro h2{margin:14px 0 0;font-size:clamp(3.6rem,5.5vw,6rem);line-height:.9;letter-spacing:-.063em}.eco-intro h2 em{font-style:normal;color:#168cff}.eco-intro-copy{padding-top:32px}.eco-intro-copy strong{display:block;margin-bottom:20px;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.18;letter-spacing:-.035em}.eco-intro-copy p{color:#697382;line-height:1.76}

.eco-brands{padding:125px 0;color:#fff;background:linear-gradient(145deg,#06101e,#0b2038)}.eco-brands-head{max-width:1000px}.eco-brands-head h2{margin:14px 0 0;font-size:clamp(3.8rem,5.7vw,6.3rem);line-height:.88;letter-spacing:-.063em}.eco-brands-head h2 em{font-style:normal;color:#64c8ff}
.eco-brand-stack{display:grid;gap:16px;margin-top:72px}.eco-brand-card{position:relative;display:grid;grid-template-columns:.55fr 1.3fr .75fr;gap:40px;align-items:center;min-height:250px;padding:34px 38px;border-radius:28px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.09);overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.14)}.eco-brand-card> b{position:absolute;right:35px;bottom:28px;font-size:10px;letter-spacing:.1em}.eco-brand-meta span{font-size:10px;color:#66ccff;font-weight:900}.eco-brand-meta small{display:block;margin-top:10px;font-size:8px;letter-spacing:.13em;color:rgba(255,255,255,.43);font-weight:900}.eco-brand-main h3{margin:0 0 12px;font-size:clamp(3rem,5.5vw,6rem);line-height:.82;letter-spacing:-.065em}.eco-brand-main p{max-width:630px;color:rgba(255,255,255,.58);line-height:1.65}.brand-p{background:radial-gradient(circle at 85% 20%,rgba(38,94,173,.22),transparent 30%),linear-gradient(145deg,#071326,#0b2340)}.brand-w{background:radial-gradient(circle at 83% 22%,rgba(22,140,255,.26),transparent 30%),linear-gradient(145deg,#07182c,#0c3154)}.brand-m{background:radial-gradient(circle at 84% 20%,rgba(133,79,231,.20),transparent 30%),linear-gradient(145deg,#111425,#27203f)}
.eco-brand-art{position:relative;height:150px}.eco-brand-art i{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.eco-brand-art i:nth-child(1){width:70px;height:70px}.eco-brand-art i:nth-child(2){width:115px;height:115px}.eco-brand-art i:nth-child(3){width:160px;height:160px}

.eco-map{padding:125px 0;background:radial-gradient(circle at 80% 18%,rgba(45,155,213,.11),transparent 25%),linear-gradient(145deg,#f5f7f7,#e9f0f2)}.eco-map-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}.eco-map-copy h2{margin:15px 0 22px;font-size:clamp(3.8rem,5.5vw,6.1rem);line-height:.89;letter-spacing:-.062em}.eco-map-copy h2 em{font-style:normal;color:#1688c4}.eco-map-copy p{color:#687482;line-height:1.72}
.eco-flow{display:grid;gap:10px}.eco-flow-row{display:grid;grid-template-columns:110px 30px 1fr 100px;gap:15px;align-items:center;min-height:95px;padding:0 22px;border-radius:19px;background:rgba(255,255,255,.78);border:1px solid rgba(10,42,67,.09);box-shadow:0 15px 38px rgba(12,40,60,.045)}.eco-flow-row span{font-size:9px;letter-spacing:.13em;color:#7d8995;font-weight:900}.eco-flow-row b{color:#1688c4}.eco-flow-row strong{font-size:1.12rem}.eco-flow-row small{text-align:right;color:#1688c4;font-weight:900}.eco-flow-row.accent{background:#0a1e34;color:#fff;border-color:#0a1e34}.eco-flow-row.accent span{color:#75cfff}.eco-flow-row.accent small{color:#75cfff}

.eco-scenarios{padding:125px 0;background:#f4f2ed}.eco-scenarios-head{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end}.eco-scenarios-head h2{margin:14px 0 0;font-size:clamp(3.8rem,5.5vw,6.1rem);line-height:.89;letter-spacing:-.062em}.eco-scenarios-head h2 em{font-style:normal;color:#168cff}.eco-scenarios-head p{color:#6b7684;line-height:1.72}
.eco-scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:68px}.eco-scenario-grid article{min-height:365px;padding:28px;border-radius:26px;background:#fff;border:1px solid #dfe4e8;box-shadow:0 18px 55px rgba(8,23,39,.05)}.eco-scenario-grid small{font-size:8px;letter-spacing:.14em;color:#168cff;font-weight:900}.eco-scenario-grid h3{margin:50px 0 15px;font-size:clamp(2rem,3vw,3.2rem);line-height:.94;letter-spacing:-.05em}.eco-scenario-grid p{color:#6a7582;line-height:1.65}.eco-scenario-grid article>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.eco-scenario-grid article>div span{padding:7px 10px;border-radius:99px;background:#eef4f8;color:#35516a;font-size:7px;letter-spacing:.10em;font-weight:900}

.eco-history{padding:125px 0;color:#fff;background:radial-gradient(circle at 25% 50%,rgba(36,146,213,.12),transparent 28%),linear-gradient(145deg,#050d19,#091b30)}.eco-history-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}.eco-history-mark{display:flex;align-items:center;gap:25px}.eco-history-mark span,.eco-history-mark strong{font-size:clamp(4rem,7vw,8rem);line-height:.8;letter-spacing:-.07em}.eco-history-mark span{color:#6bcbff}.eco-history-mark i{width:90px;height:1px;background:linear-gradient(90deg,#69caff,rgba(255,255,255,.14))}.eco-history-copy h2{margin:15px 0 22px;font-size:clamp(3.7rem,5.4vw,6rem);line-height:.89;letter-spacing:-.062em}.eco-history-copy h2 em{font-style:normal;color:#68cbff}.eco-history-copy p{color:rgba(255,255,255,.58);line-height:1.72}.eco-history-copy blockquote{margin:30px 0 0;padding:4px 0 4px 20px;border-left:3px solid #5bc8ff;color:#d9edf8;font-weight:800;line-height:1.55}

.eco-bridge{padding:125px 0;background:#f3f5f6}.eco-bridge-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.eco-bridge-copy h2{margin:15px 0 22px;font-size:clamp(3.8rem,5.5vw,6.1rem);line-height:.89;letter-spacing:-.062em}.eco-bridge-copy h2 em{font-style:normal;color:#168cff}.eco-bridge-copy p{color:#687482;line-height:1.72}.eco-bridge-links{display:grid;gap:12px}.eco-bridge-links a{display:grid;grid-template-columns:110px 1fr 35px;gap:15px;align-items:center;min-height:88px;padding:0 20px;border-radius:18px;background:#fff;border:1px solid #dfe4e8;color:#08192d;text-decoration:none;box-shadow:0 13px 36px rgba(9,31,50,.04)}.eco-bridge-links span{font-size:8px;letter-spacing:.13em;color:#168cff;font-weight:900}.eco-bridge-links b{font-size:1rem}.eco-bridge-links i{font-style:normal;color:#168cff}

.eco-final{position:relative;overflow:hidden;padding:150px 0;text-align:center;color:#07182d;background:radial-gradient(circle at 18% 25%,rgba(255,125,76,.13),transparent 23%),radial-gradient(circle at 83% 72%,rgba(22,140,255,.11),transparent 25%),linear-gradient(145deg,#f8f3e9,#eee8dd)}.eco-final:before{content:"TOGETHER";position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:clamp(10rem,22vw,28rem);font-weight:950;letter-spacing:-.10em;color:rgba(9,31,55,.03);white-space:nowrap}.eco-final-inner{position:relative;z-index:2;max-width:960px}.eco-final small{font-size:9px;letter-spacing:.17em;color:#168cff;font-weight:900}.eco-final h2{margin:20px 0 18px;font-size:clamp(4rem,6vw,6.8rem);line-height:.88;letter-spacing:-.064em}.eco-final h2 em{font-style:normal;color:#168cff}.eco-final p{color:#66717e;font-size:1.1rem;margin:0 0 30px}.eco-final .button{display:inline-flex;background:#071a30;color:#fff;box-shadow:0 18px 40px rgba(7,27,48,.13)}

@media(max-width:1120px){
 .eco-hero-grid,.eco-intro-grid,.eco-map-grid,.eco-history-grid,.eco-bridge-grid{grid-template-columns:1fr}
 .eco-orbit{max-width:720px;width:100%;margin:auto}
 .eco-brand-card{grid-template-columns:.5fr 1.5fr}.eco-brand-art{display:none}
 .eco-scenario-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 .eco-hero{min-height:auto;padding:125px 0 35px}.eco-hero-copy h1{font-size:clamp(3.3rem,15vw,4.9rem)}
 .eco-orbit{height:470px}.eco-center{width:145px;height:145px}.eco-orbit .r1{width:210px;height:210px}.eco-orbit .r2{width:310px;height:310px}.eco-orbit .r3{width:410px;height:410px}.eco-brand-node{min-width:125px;padding:11px}.eco-brand-node strong{font-size:10px}.node-p{left:0}.node-w{right:0}.node-m{left:5%}
 .eco-strip{overflow:hidden;justify-content:flex-start;white-space:nowrap}.eco-strip span:nth-of-type(n+4),.eco-strip i:nth-of-type(n+4){display:none}
 .eco-intro,.eco-brands,.eco-scenarios,.eco-bridge{padding:82px 0}.eco-intro-copy{padding-top:0}
 .eco-brand-card{grid-template-columns:1fr;gap:15px;min-height:330px;padding:26px}.eco-brand-card>b{left:26px;right:auto}.eco-brand-main h3{font-size:3.5rem}
 .eco-map,.eco-history{padding:88px 0}.eco-flow-row{grid-template-columns:1fr;gap:5px;padding:17px}.eco-flow-row b{display:none}.eco-flow-row small{text-align:left}
 .eco-scenarios-head{grid-template-columns:1fr;gap:25px}.eco-history-mark{justify-content:center}.eco-history-mark i{width:50px}
 .eco-bridge-links a{grid-template-columns:90px 1fr 25px}
 .eco-final{padding:105px 0}
}


/* =========================================================
   V5.47 — ECO HERO ORBIT NODE FIX
   Reposition WebCenter node so it no longer overlaps the center.
   ========================================================= */

.eco-orbit{
  overflow: visible;
}

.eco-center{
  z-index: 2;
}

.eco-brand-node{
  z-index: 3;
}

/* Keep PCenter and WinMax where they are, but push WebCenter to the right ring */
.node-w{
  right: 2%;
  top: 49%;
  transform: translateY(-50%);
  min-width: 205px;
}

/* Slight desktop refinement for better spacing on wide layouts */
@media (min-width: 1280px){
  .node-w{
    right: 1%;
    top: 48%;
  }
}

/* Tablet/mobile: keep it readable and away from the center */
@media (max-width: 760px){
  .node-w{
    right: 0;
    top: 42%;
    transform: none;
    min-width: 120px;
  }
}


/* V5.61 — definitive orbit spacing fix */
.eco-brand-node{box-sizing:border-box}
@media (min-width:761px){
  .node-w{
    width:188px;
    min-width:0;
    right:-3%;
    top:40%;
    transform:none;
  }
}
@media (min-width:1280px){
  .node-w{
    width:192px;
    min-width:0;
    right:-4%;
    top:40%;
  }
}
@media (max-width:760px){
  .node-w{
    width:132px;
    min-width:0;
    right:-2%;
    top:39%;
    transform:none;
  }
}