.ecosystem{box-sizing:border-box;color:#ecf5ff;background:radial-gradient(ellipse at 55% 40%,#123552 0, #061424 48%,#030b15 85%);padding:70px 4vw 24px;font-family:Arial,sans-serif;overflow:hidden}.ecosystem *{box-sizing:border-box}.eco-draft{margin:0;padding:12px;background:#071421;color:#a7c6df;font:14px Arial}body:has(>.eco-draft){margin:0;background:#030b15}.eco-layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,2.6fr) minmax(160px,.8fr);align-items:center;gap:12px}.eco-eyebrow{letter-spacing:.4em;color:#7ccaff;font-size:13px}.eco-intro #eco-title{font-size:clamp(26px,3vw,46px);line-height:1.12;font-weight:400;letter-spacing:.035em}.eco-intro p{line-height:1.7;color:#aabed1}.eco-intro .eco-lead{color:#e4effa;font-size:20px}.eco-cta{display:inline-flex;gap:20px;padding:15px 20px;border:1px solid #5685a8;border-radius:6px;color:white;text-decoration:none;margin-top:15px}.eco-scene{width:100%;aspect-ratio:720/560;position:relative}.eco-stage{position:absolute;width:720px;height:560px;transform-origin:top left}.eco-orbits{position:absolute;inset:0;width:720px;height:560px;fill:none;stroke:#57bfff;stroke-width:1;pointer-events:none;filter:drop-shadow(0 0 5px #31aaff)}.eco-orbits-back{z-index:1;opacity:.5}.eco-orbits-front{z-index:5;opacity:.7}.eco-trail{stroke:#c6edff;stroke-width:2;stroke-dasharray:80 1200;animation:eco-flow 14s linear infinite}.eco-trail-two{animation-direction:reverse;animation-duration:19s}.eco-globe{position:absolute;left:230px;top:150px;width:260px;height:260px;border-radius:50%;overflow:hidden;background:#020711;box-shadow:0 0 22px #40aaff75,0 0 80px #1784e844;z-index:4}.eco-globe video{width:100%;height:100%;object-fit:cover}.eco-card-layer{display:contents}.eco-card{position:absolute;left:0;top:0;width:138px;height:94px;border:0;padding:0;background:transparent;color:white;cursor:pointer;perspective:600px}.eco-card-face{display:flex;position:relative;width:100%;height:100%;align-items:end;justify-content:center;padding:10px 4px;border:1px solid #93d7ff8c;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#1d536e,#071322);box-shadow:0 5px 24px #000a;transition:transform .7s ease,box-shadow .4s}.eco-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.eco-card-face:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#03101fea)}.eco-card strong{position:relative;z-index:1;font-size:14px;letter-spacing:.05em}.eco-card.is-held .eco-card-face{animation:eco-tilt 2.8s ease-in-out infinite alternate;box-shadow:0 0 24px #59bbff99}.eco-card:focus-visible{outline:3px solid #fff;outline-offset:6px;border-radius:8px}.eco-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#a3bfd4;font-size:12px;text-align:center}.eco-motion,.eco-directions button{min-height:44px;border:1px solid #41627f;background:#102a3f;color:#e4f2ff;padding:10px 14px;border-radius:7px;cursor:pointer}.eco-directions button[aria-pressed=true]{background:#245775;border-color:#8edaff}.eco-values{list-style:none;padding:0}.eco-values li{display:flex;gap:12px;margin:28px 0}.eco-values li>span{font-size:28px;color:#83cdff}.eco-values h2{font-size:16px;font-weight:500;margin:0 0 8px}.eco-values p{font-size:13px;line-height:1.5;color:#91abc2;margin:0}.eco-directions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1100px;margin:38px auto}.eco-facts{display:flex;gap:8vw;justify-content:center;align-items:center;border-top:1px solid #31557470;padding:30px 10px;margin:auto;max-width:1200px}.eco-facts>div{display:flex;align-items:center;gap:15px}.eco-facts strong{font-size:48px;font-weight:400;color:#8dcfff}.eco-facts span,.eco-facts p{color:#a9bed0;font-size:14px;line-height:1.6}.eco-credit{display:block;text-align:center;color:#6b8aa3;font-size:11px}.eco-credit a{color:inherit}.eco-paused .eco-trail,.eco-paused .eco-card-face{animation-play-state:paused!important}@keyframes eco-flow{to{stroke-dashoffset:-1280}}@keyframes eco-tilt{from{transform:rotateY(-16deg) rotateZ(-3deg)}to{transform:rotateY(16deg) rotateZ(3deg)}}@media(max-width:1050px){.eco-layout{grid-template-columns:1fr 2fr}.eco-values{grid-column:1/-1;display:flex;justify-content:space-around;gap:16px}.eco-values li{flex:1}}@media(max-width:650px){.ecosystem{padding:40px 12px 20px}.eco-layout{display:block}.eco-intro{text-align:center}.eco-intro #eco-title{font-size:32px}.eco-intro #eco-title br{display:none}.eco-intro>p:not(.eco-eyebrow){font-size:16px}.eco-values{display:grid;grid-template-columns:1fr 1fr;margin:25px 8px}.eco-values li{margin:5px 0}.eco-facts{gap:20px;flex-wrap:wrap}.eco-facts strong{font-size:36px}.eco-facts p{text-align:center;width:100%;margin:0}.eco-selection{width:100%}}@media(prefers-reduced-motion:reduce){.eco-trail,.eco-card.is-held .eco-card-face{animation:none}.eco-card-face{transition:none}}
.eco-globe video{transform:scale(1.14)}
html:has(.ecosystem),body:has(.ecosystem){height:auto!important;overflow-y:auto!important}
body>.bottom-meta{position:relative!important;inset:auto!important;transform:none!important;margin:0 auto!important;padding:28px 0!important;height:auto!important;min-height:0!important}

.eco-mission{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1300px;margin:24px auto 12px;border-top:1px solid #294660;padding-top:22px;align-items:center}.eco-mission-art{min-height:200px;align-self:stretch;background:url('../media/ecosystem/mission.png') center/cover no-repeat;mask-image:linear-gradient(90deg,#000 70%,transparent)}.eco-mission-copy h2{font-size:clamp(20px,2vw,30px);font-weight:500;line-height:1.25;margin:10px 0}.eco-mission-copy>p:last-child{font-size:14px;line-height:1.6;color:#aabed1;max-width:520px}.eco-mission .eco-eyebrow{font-size:11px}.eco-card-face{padding-bottom:5px}.eco-card strong{font-size:12px}.eco-directions button{font-size:12px}
@media(min-width:1101px) and (min-height:650px){.ecosystem{padding:24px 4vw 12px;min-height:100svh}.eco-scene{max-width: min(100%,66vh);margin:auto}.eco-intro #eco-title{font-size:clamp(26px,2.6vw,40px);margin:12px 0}.eco-intro .eco-lead{font-size:17px}.eco-intro>p:not(.eco-eyebrow){font-size:14px}.eco-cta{padding:11px 15px;font-size:12px;margin-top:4px}.eco-controls{gap:8px}.eco-motion{font-size:11px;min-height:32px;padding:6px 10px}.eco-selection{font-size:10px}.eco-directions{margin:12px auto;gap:6px}.eco-directions button{min-height:34px;padding:7px 12px}.eco-mission{margin:8px auto;padding-top:14px;gap:26px}.eco-mission-art{min-height:145px;max-height:170px}.eco-mission-copy h2{font-size:23px;margin:8px 0}.eco-mission-copy>p:last-child{font-size:12px}.eco-mission .eco-eyebrow{margin:4px 0}.eco-credit{font-size:9px}.eco-values li{margin:20px 0}}
@media(max-width:650px){.eco-mission{grid-template-columns:1fr;gap:8px}.eco-mission-art{min-height:180px;mask-image:linear-gradient(#000 70%,transparent)}.eco-mission-copy{padding:0 10px 14px}}
@media(max-width:650px){.eco-intro #eco-title br{display:block}.eco-intro #eco-title{font-size:clamp(25px,7.5vw,32px);overflow-wrap:normal}}
/* Daylight globe and luminous orbit paths. */
.eco-globe{background:#042544;border:1px solid #85d9ff;box-shadow:0 0 7px 2px #80d7ffbb,0 0 22px 7px #249dff70,0 0 64px 16px #168bff30}
.eco-globe video{transform:scale(1);filter:saturate(1.18) brightness(1.08)}
.eco-globe:after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 12px 3px #6bcaff99;background:radial-gradient(circle at 35% 30%,transparent 48%,#00142d25 76%,#000d2499 100%)}
.eco-orbits{stroke:#37baff;stroke-width:2.8;filter:drop-shadow(0 0 3px #81ddff) drop-shadow(0 0 10px #168dff)}
.eco-orbits-back{opacity:.64}
.eco-orbits-front{opacity:.95}
.eco-trail{stroke:#b9f2ff;stroke-width:4.8;stroke-linecap:round;stroke-dasharray:100 1180;filter:drop-shadow(0 0 4px #e0fbff)}
.eco-globe video{transform:scale(1.21);filter:saturate(1.1) brightness(1.07)}
.eco-globe video{transform:scale(1.05);filter:saturate(1.16) brightness(1.04)}
/* Restore the complete concept copy and supporting visual rhythm. */
.ecosystem{background:radial-gradient(ellipse at 50% 33%,#0b345375 0,transparent 56%),linear-gradient(180deg,#020a15d9 0%,#041120ed 48%,#041120aa 76%,#03101fe8 100%),url('../assets/background.png') center bottom/cover no-repeat}
.eco-value-icon{width:36px;height:36px;flex:none;border:1px solid #58c5ffb3;border-radius:50%;display:grid;place-items:center;background:#03162880;box-shadow:0 0 12px #2698ee25}
.eco-value-icon svg{width:23px;height:23px;fill:none;stroke:#cfedff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.eco-values h3{font-size:11px;line-height:1.4;letter-spacing:.04em;margin:0 0 5px;font-weight:600}.eco-values p{font-size:11px;line-height:1.5;color:#c0d3e2}.eco-values li{gap:12px;margin:23px 0}
.eco-cta{border-color:#72caff;box-shadow:0 0 12px #219cff55,inset 0 0 10px #197dba30;letter-spacing:.07em}
.eco-facts{max-width:1400px;display:flex;justify-content:space-between;gap:22px;border:0;padding:15px 0 18px;margin:0 auto;color:#d8edff}.eco-facts>div{display:flex;align-items:center;gap:9px}.eco-facts svg{width:32px;height:32px;flex:none;fill:none;stroke:#d7efff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #53bdff88)}.eco-facts strong{font-size:30px;color:#edf8ff;font-weight:600}.eco-facts span{font-size:10px;line-height:1.35;color:#d7e9f7}.eco-facts .eco-slogan{font-size:9px;letter-spacing:.24em;text-align:right;line-height:1.9;color:#bcd3e7;margin:0}
@media(min-width:1101px) and(min-height:650px){.eco-layout{grid-template-columns:minmax(230px,1fr) minmax(0,2.25fr) minmax(220px,1fr)}.eco-scene{max-width:min(100%,59vh)}.eco-values li{margin:19px 0}.eco-intro #eco-title{font-size:30px}.eco-directions{margin:7px auto}.eco-mission{margin-top:0;padding-top:12px}.eco-mission-art{min-height:137px}.eco-mission-copy h2{font-size:22px}}
@media(max-width:1050px){.eco-values{flex-wrap:wrap}.eco-values li{flex-basis:28%;margin:12px 0}.eco-facts{flex-wrap:wrap;justify-content:center;gap:24px}.eco-facts .eco-slogan{width:auto}}
@media(max-width:650px){.eco-values{gap:18px 12px}.eco-values li{margin:0}.eco-values h3{font-size:11px}.eco-facts{justify-content:space-around;gap:20px 12px;padding:20px 0}.eco-facts>div{width:44%}.eco-facts .eco-slogan{width:100%;text-align:center}.eco-mission-copy{padding-top:8px}}
.eco-globe{left:210px;top:130px;width:300px;height:300px}
.eco-values h3{font-size:10px}.eco-values p{font-size:10px}.eco-value-icon{width:32px;height:32px}.eco-value-icon svg{width:21px;height:21px}
@media(min-width:1101px) and(min-height:650px){.eco-layout{grid-template-columns:minmax(210px,1fr) minmax(0,2.8fr) minmax(210px,1fr)}.eco-scene{max-width:min(100%,74vh)}.eco-intro #eco-title{font-size:28px}.eco-intro>p:not(.eco-eyebrow){font-size:12px}.eco-intro .eco-lead{font-size:13px}.eco-values li{margin:20px 0}.eco-facts{padding:8px 0 19px}.eco-mission-art{min-height:145px}.eco-mission-copy h2{font-size:22px}}
body:has(>.ecosystem){margin:0;background:#030b15}
/* Larger central composition and full-width mission artwork. */
.eco-globe{left:195px;top:115px;width:330px;height:330px;box-shadow:0 0 9px 3px #b0ebffcc,0 0 30px 10px #26a4ff8c,0 0 85px 24px #1189ff3d}
.eco-globe:after{box-shadow:inset 0 0 15px 4px #80d4ff99}
@media(min-width:1101px) and(min-height:650px){.eco-scene{max-width:100%}.eco-mission{grid-template-columns:1.1fr 1fr;gap:32px}.eco-mission-art{min-height:210px;max-height:none;background-size:contain;background-position:center;mask-image:linear-gradient(90deg,#000 85%,transparent)}.eco-mission-copy h2{font-size:23px}}
.eco-mission img.eco-mission-art{display:block;width:100%;height:auto;min-height:0;max-height:none;background:none;object-fit:contain;mask-image:none;border-radius:3px;align-self:center}
.eco-card{width:128px;height:86px}
/* Separate lower hemisphere: continuation into space without repeating the hero city. */
.ecosystem{background-color:#020a15;background-image:linear-gradient(180deg,#020a1580 0%,#020a1566 38%,#020a1599 65%,#020a15 100%),radial-gradient(ellipse at 50% 28%,transparent 22%,#020a154d 72%),url('../media/ecosystem/planet-continuation.png');background-position:center top;background-size:100% 100%,100% 100%,100% auto;background-repeat:no-repeat}
@media(max-width:650px){.ecosystem{background-size:100% 100%,100% 100%,auto 760px;background-position:center top}}
/* Mission as one edge-to-edge illustrated band, with live copy on the dark side. */
.eco-mission{position:relative;isolation:isolate;display:grid;grid-template-columns:54% 46%;align-items:center;width:calc(100% + 8vw);max-width:none;min-height:clamp(320px,32vw,470px);margin:20px -4vw 0;padding:0;border:0;gap:0;background:#020a15;overflow:hidden}
.eco-mission img.eco-mission-art{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:left top;border-radius:0;mask-image:none}
.eco-mission:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,transparent 48%,#020a15f5 53%,#020a15 58%)}
.eco-mission-copy{grid-column:2;padding:38px 4vw 38px 2vw;align-self:center}
.eco-mission-copy h2{font-size:clamp(22px,2.2vw,34px);line-height:1.25}.eco-mission-copy>p:last-child{font-size:14px;line-height:1.7;max-width:520px}
@media(max-width:650px){.eco-mission{display:block;width:calc(100% + 24px);margin:24px -12px 0;min-height:0;padding:260px 0 0}.eco-mission img.eco-mission-art{height:270px;object-position:left top}.eco-mission:after{background:linear-gradient(180deg,transparent 0,transparent 220px,#020a15 270px)}.eco-mission-copy{padding:18px 22px 30px}.eco-mission-copy h2{font-size:24px}.eco-mission-copy>p:last-child{font-size:14px}}
/* A gradual navy fade keeps the city visible beneath the mission copy. */
.eco-mission{grid-template-columns:50% 50%;background:#06162b}
.eco-mission:after{background:linear-gradient(90deg,transparent 0%,transparent 48%,#0619312b 57%,#06193180 73%,#061931c9 88%,#061931ed 100%)}
.eco-mission-copy{padding-left:2vw;text-shadow:0 2px 9px #010b20,0 1px 3px #010b20}
.eco-about{background:#051b35a6;font-family:inherit;font-size:12px;min-height:42px;margin-top:12px;color:#fff;opacity:1;cursor:default}
@media(max-width:650px){.eco-mission:after{background:linear-gradient(180deg,transparent 0,transparent 180px,#06162b90 245px,#06162b 280px)}.eco-mission-copy{padding:20px 22px 30px}.eco-about{padding:12px 24px}}
@media(min-width:1101px){.eco-values li{margin:15px 0}}
/* Planet scale follows the hero cover geometry; the surrounding star field fills all remaining space. */
.ecosystem{position:relative;isolation:isolate;background-color:#020a15;background-image:radial-gradient(circle at 20px 25px,#82baff55 0 1px,transparent 1.5px),radial-gradient(circle at 73px 49px,#aad8ff33 0 1px,transparent 1.5px),radial-gradient(ellipse at 45% 48%,#0b26443b,transparent 72%);background-size:157px 143px,223px 191px,100% 100%;background-position:0 0;background-repeat:repeat,repeat,no-repeat}
.ecosystem:before{content:'';position:absolute;pointer-events:none;z-index:-1;top:0;left:var(--eco-planet-center,50%);width:var(--eco-planet-image-width,80vw);aspect-ratio:1672/941;transform:translateX(-50%);background:linear-gradient(180deg,#020a154d,#020a153d 50%,#020a15 100%),url('../media/ecosystem/planet-continuation.png') center top/100% auto no-repeat;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.eco-mission:after{background:linear-gradient(90deg,transparent 0%,transparent 35%,#071b3870 43%,#071b38cf 50%,#06172fe0 72%,#04142bef 100%)}
@media(max-width:650px){.eco-mission:after{background:linear-gradient(180deg,transparent 0,transparent 180px,#06162ba6 240px,#06162b 280px)}}
/* On narrow screens the complete artwork is in normal flow, followed by copy. */
@media(max-width:1100px){.eco-mission{display:block;min-height:0;padding:0;grid-template-columns:none;gap:0}.eco-mission img.eco-mission-art{position:relative;inset:auto;z-index:0;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;object-position:center;aspect-ratio:auto}.eco-mission:after{display:none}.eco-mission-copy{position:relative;padding:25px 5vw 35px;background:#06162b}.eco-mission-copy h2{font-size:clamp(24px,3vw,32px)}}
/* Restore the approved first-screen meaning strip beneath the carousel. */
.hero>.bottom-meta .meta-center>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.hero>.bottom-meta svg{width:14px;height:14px;flex:none;fill:none;stroke:#c7e7ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero>.bottom-meta .meta-left{padding-right:18px;border-right:1px solid #6a8799}.hero>.bottom-meta .meta-right{padding-left:18px;border-left:1px solid #6a8799}
@media(max-width:1100px){.hero>.bottom-meta .meta-left,.hero>.bottom-meta .meta-right{border:0;padding:0}.hero>.bottom-meta .meta-center{gap:14px!important}}
/* Enlarge the whole orbital stage only where desktop columns leave room. */
@media(min-width:1101px) and(min-height:650px){.eco-layout{max-width:none;grid-template-columns:210px minmax(0,1fr) 210px;gap:12px}.eco-scene{max-width:100%}.eco-intro #eco-title{font-size:26px}}
@media(min-width:1500px) and(min-height:650px){.eco-layout{grid-template-columns:220px minmax(0,1fr) 220px}}
@media(max-width:1100px){.hero>.bottom-meta{justify-content:center!important;text-align:center!important;align-items:center!important}.hero>.bottom-meta .meta-left,.hero>.bottom-meta .meta-right{text-align:center!important;align-items:center!important}.hero>.bottom-meta .meta-center{justify-content:center!important;width:100%;font-size:9px!important}.hero>.bottom-meta svg{width:15px;height:15px}.hero>.bottom-meta .meta-left:after,.hero>.bottom-meta .meta-right:before{content:'';display:block;width:44px;height:1px;background:#8aafc7;margin:10px auto}.hero>.bottom-meta .meta-right:before{margin:0 auto 10px}}
/* Final desktop sizing overrides the earlier viewport-height cap. */
@media (min-width:1101px) and (min-height:650px){.eco-layout{max-width:none;grid-template-columns:210px minmax(0,1fr) 210px;gap:12px}.eco-scene{max-width:none}.eco-intro #eco-title{font-size:26px}}
@media (min-width:1500px) and (min-height:650px){.eco-layout{grid-template-columns:220px minmax(0,1fr) 220px}}
/* Keep the ecosystem CTA compact and unbroken at every viewport width. */
.eco-intro>.eco-cta{display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;white-space:nowrap;width:max-content;max-width:100%;gap:clamp(8px,1.4vw,18px);padding:clamp(10px,1vw,14px) clamp(12px,1.7vw,22px);font-size:clamp(10px,.9vw,13px);line-height:1.2;letter-spacing:.05em;box-sizing:border-box}
.eco-intro>.eco-cta>span{flex:0 0 auto;white-space:nowrap}
@media(max-width:650px){.eco-intro>.eco-cta{font-size:clamp(10px,2.8vw,12px);padding:10px 16px;gap:12px}}

.eco-globe{background:#042544 url('../media/ecosystem/earth-poster.jpg') center/cover no-repeat}
.eco-resume{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:8;padding:10px 16px;border:1px solid #85d9ff;border-radius:6px;background:#071b38;color:#fff;cursor:pointer;white-space:nowrap}.eco-resume[hidden]{display:none}

.mission-localized{display:none}html:not([lang=ru]) .mission-localized{display:flex;position:absolute;left:0;top:0;width:39%;height:40%;padding:2.1vw 4vw;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#041021 88%,transparent);font-size:clamp(18px,2.2vw,38px);font-weight:700;line-height:1.25;z-index:2;pointer-events:none}html:not([lang=ru]) .mission-localized span{display:block}.eco-about{display:inline-flex;align-items:center;gap:18px;text-decoration:none}html[dir=rtl] .eco-intro,html[dir=rtl] .xw-day-heading,html[dir=rtl] .xw-day-card,html[dir=rtl] .xw-together-copy{text-align:right}.eco-stage,.xw-day-scenes{direction:ltr}html[dir=rtl] .xw-project-name{direction:ltr;unicode-bidi:isolate}.eco-values h3{overflow-wrap:anywhere}html[lang=hi] body{font-family:Arial,'Nirmala UI',sans-serif}html[lang=ar] body{font-family:Arial,Tahoma,sans-serif}html[lang=zh] body{font-family:Arial,'Microsoft YaHei',sans-serif}@media(max-width:700px){html:not([lang=ru]) .mission-localized{padding:2vw 4vw;font-size:clamp(10px,3vw,20px)}}