:root {
  --ink-1000:#020b13;
  --ink-950:#04111f;
  --ink-900:#071a2d;
  --ink-850:#0a233a;
  --ink-800:#0d2e4a;
  --blue:#0873bd;
  --cyan:#42d5e8;
  --ice:#b7f2f6;
  --paper:#f4f7f8;
  --white:#fff;
  --muted:#8ca0ae;
  --line:rgba(255,255,255,.14);
  --container:1240px;
  --ease:cubic-bezier(.22,.7,.25,1);
  --page-progress:0;
}
*{box-sizing:border-box}
[id]{scroll-margin-top:88px}
*::selection{background:rgba(66,213,232,.28);color:#fff}
html{scroll-behavior:smooth;background:var(--ink-1000)}
body{margin:0;min-width:320px;color:var(--white);background:radial-gradient(circle at 82% 12%,rgba(16,88,132,.16),transparent 28%),var(--ink-950);font-family:"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
body.light-page{background:var(--paper);color:#10283b}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
h1,h2,h3,p{margin-top:0}
.container{width:min(var(--container),calc(100% - 72px));margin:0 auto}
.site-header::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(198,218,217,.86) 0,rgba(173,199,201,.78) 235px,rgba(57,101,115,.5) 390px,rgba(2,11,19,0) 560px);pointer-events:none}
.site-header::after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:-1px;height:2px;transform:scaleX(var(--page-progress));transform-origin:left;background:linear-gradient(90deg,var(--cyan),#8cf1ea);opacity:0;transition:opacity .25s var(--ease)}
.site-header.is-scrolled::after{opacity:.9}
.site-header.is-scrolled{position:fixed;height:78px;background:rgba(2,11,19,.88);border-bottom-color:rgba(166,244,245,.16);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.site-header,.header-action{transition:height .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}
.site-header.is-scrolled .header-action{min-height:40px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.skip{position:fixed;left:16px;top:-70px;z-index:1000;padding:12px 18px;background:var(--cyan);color:var(--ink-950);transition:.2s}
.skip:focus{top:14px}
.site-header{height:94px;position:absolute;z-index:50;isolation:isolate;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(2,11,19,.64),rgba(2,11,19,.08));backdrop-filter:blur(14px)}
.header-inner{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:224px 1fr auto;align-items:center;gap:40px}
.header-inner>a:first-child{display:inline-flex;justify-self:start}
.logo{width:205px;filter:none;image-rendering:auto}
.nav{height:100%;display:flex;justify-content:flex-end;align-items:center;gap:31px}
.nav a{height:100%;display:flex;align-items:center;position:relative;color:rgba(255,255,255,.74);font-size:13px;letter-spacing:.03em;transition:.25s var(--ease)}
.nav a::after{content:"";height:2px;position:absolute;left:0;right:100%;bottom:-1px;background:var(--cyan);transition:.3s var(--ease)}
.nav a:hover,.nav a.active{color:#fff}.nav a:hover::after,.nav a.active::after{right:0}
.header-action{position:relative;min-height:46px;padding:0 22px;display:inline-flex;align-items:center;overflow:hidden;border:1px solid rgba(164,244,243,.48);background:linear-gradient(135deg,rgba(96,230,221,.13),rgba(8,37,54,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 9px 26px rgba(0,0,0,.12);font-size:11px;letter-spacing:.11em;transition:.32s var(--ease)}
.header-action::before{position:absolute;inset:0;content:"";background:linear-gradient(105deg,transparent 20%,rgba(221,255,252,.32) 48%,transparent 70%);transform:translateX(-125%);transition:transform .62s var(--ease)}
.header-action:hover{border-color:var(--cyan);background:linear-gradient(135deg,#8af5ed,#43d7d4);color:var(--ink-950);box-shadow:inset 0 1px 0 rgba(255,255,255,.66),0 14px 32px rgba(33,200,195,.24)}.header-action:hover::before{transform:translateX(125%)}
.menu-button{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}

.hero{min-height:900px;position:relative;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background-position:center;background-size:cover}
.hero::before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 72% 18%,rgba(81,223,226,.17),transparent 25%),linear-gradient(90deg,rgba(2,11,19,.98) 0%,rgba(3,19,34,.8) 42%,rgba(3,19,34,.18) 72%),linear-gradient(0deg,rgba(2,11,19,.94),transparent 46%)}
.hero::after{content:"";position:absolute;z-index:1;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(90deg,#000,transparent 66%);pointer-events:none}
.hero-home{background-image:url("assets/photo-20260911-v2/hero-zero-carbon-1920.jpg")}
.hero-about{min-height:760px;background-image:url("assets/photo-20260911-v2/hero-zero-carbon-1920.jpg")}
.hero-industry{min-height:760px;background-image:url("assets/photo-20260911-v2/agriculture-base-1586.jpg")}
.hero-project{min-height:790px;background-image:url("assets/project-20260916/project-hero-fenced-chemical-park-1672.jpg");background-position:center center}
.hero-innovation{min-height:760px;background-image:url("assets/photo-20260911-v2/green-compute-1672.jpg")}
.hero-news{min-height:700px;background-image:url("assets/news-20260915/news-hero-project-dialogue-1672.jpg");background-position:center center}.hero-news h1{color:#f1fafb;text-shadow:0 3px 24px rgba(0,12,23,.28)}.hero-news .hero-sub{color:rgba(239,250,251,.78)}
.hero-contact{min-height:700px;background-image:url("assets/about-20260917/group-hall-map-up-mounted-logo-small-1120.jpg");background-position:center 22%}
.hero-content{position:relative;z-index:2;width:min(860px,78%);padding:210px 0 154px}
.kicker{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:var(--ice);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.kicker::before{content:"";width:48px;height:1px;background:var(--cyan)}
.hero h1{max-width:850px;margin-bottom:28px;font-size:clamp(58px,7vw,100px);line-height:1.02;font-weight:500;letter-spacing:-.065em}
.hero-sub{max-width:660px;margin-bottom:38px;color:rgba(255,255,255,.68);font-size:17px;line-height:1.9}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:720px){.hero-project{background-image:url("assets/project-20260916/project-hero-fenced-chemical-park-1000.jpg");background-position:66% center}}
.btn{position:relative;min-height:52px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;border:1px solid rgba(188,245,243,.44);border-radius:3px;background:linear-gradient(135deg,rgba(79,193,195,.11),rgba(4,20,34,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 28px rgba(0,0,0,.15);font-size:12px;font-weight:600;letter-spacing:.08em;isolation:isolate;transition:transform .32s var(--ease),background .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease)}
.btn::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(106deg,transparent 18%,rgba(226,255,253,.32) 47%,transparent 72%);transform:translateX(-125%);transition:transform .64s var(--ease)}
.btn.primary{border-color:#86eee7;background:linear-gradient(135deg,#93f0e8,#36c5ca 52%,#139dae);color:#02202d;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 14px 34px rgba(24,191,190,.2)}
.btn:hover{transform:translateY(-3px);border-color:#d7fffb;background:linear-gradient(135deg,#d7fffb,#80e9e1);color:var(--ink-950);box-shadow:inset 0 1px 0 #fff,0 18px 35px rgba(35,198,195,.25)}.btn:hover::before{transform:translateX(125%)}
.hero-index{position:absolute;z-index:3;right:34px;top:160px;writing-mode:vertical-rl;color:rgba(255,255,255,.5);font-size:10px;letter-spacing:.2em}
.hero-scroll{position:absolute;z-index:3;right:64px;bottom:48px;display:flex;align-items:center;gap:13px;color:rgba(255,255,255,.64);font-size:10px;letter-spacing:.16em}.hero-scroll i{display:block;width:42px;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(66,213,232,.1));position:relative;overflow:hidden}.hero-scroll i::after{content:"";position:absolute;inset:0 auto 0 0;width:12px;background:#fff;animation:travel 2.2s var(--ease) infinite}

.metric-rail{position:relative;z-index:6;margin-top:-72px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,rgba(10,36,57,.94),rgba(5,20,34,.9));border:1px solid rgba(170,246,245,.2);backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.24)}
.metric{min-height:154px;padding:34px;border-right:1px solid var(--line);transition:background .25s var(--ease)}.metric:last-child{border-right:0}.metric:hover{background:rgba(66,213,232,.07)}
.metric strong{display:block;margin-bottom:8px;color:#fff;font-size:31px;font-weight:500}.metric span{color:rgba(255,255,255,.54);font-size:12px;line-height:1.6}

.section{position:relative;padding:136px 0;overflow:hidden}.section::before{content:"";position:absolute;top:0;left:50%;width:min(1180px,90vw);height:1px;background:linear-gradient(90deg,transparent,rgba(87,185,196,.13),transparent);transform:translateX(-50%)}
.section.paper{color:#112b3e;background:var(--paper)}
.section.ice{color:#112b3e;background:linear-gradient(180deg,#f6f8f8,#eaf4f7)}
.section.dark{background:var(--ink-950)}
.section.mid{background:var(--ink-900)}
.section-head{display:grid;grid-template-columns:.84fr 1.16fr;gap:90px;align-items:end;margin-bottom:65px}
.section-tag{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.dark .section-tag,.mid .section-tag{color:var(--ice)}
.section h2{margin-bottom:0;font-size:clamp(42px,5.2vw,70px);line-height:1.08;font-weight:500;letter-spacing:-.055em}
.section-lead{max-width:560px;margin:0 0 3px auto;color:#557080;font-size:15px;line-height:1.9}
.dark .section-lead,.mid .section-lead{color:rgba(255,255,255,.55)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}
.split-copy h2{margin-bottom:30px}.split-copy p{color:#5c7382;font-size:15px;line-height:1.95}.dark .split-copy p{color:rgba(255,255,255,.58)}
.media-frame{position:relative;min-height:600px;overflow:hidden;background:#0b2438}
.media-frame img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s var(--ease)}
.media-frame:hover img{transform:scale(1.025)}
.media-frame::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.13);pointer-events:none}
.media-caption{position:absolute;z-index:2;left:0;bottom:0;max-width:70%;padding:25px 28px;background:rgba(3,20,38,.86);backdrop-filter:blur(12px);color:#fff;font-size:12px;line-height:1.6}

.chain{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chain-item{min-height:210px;padding:34px 24px;border-right:1px solid var(--line);transition:.3s}.chain-item:last-child{border-right:0}.chain-item:hover{background:rgba(66,213,232,.07)}
.chain-num{display:block;margin-bottom:48px;color:var(--cyan);font-size:10px;letter-spacing:.18em}.chain-item h3{margin-bottom:11px;font-size:20px;font-weight:500}.chain-item p{margin:0;color:rgba(255,255,255,.48);font-size:12px;line-height:1.65}

.visual-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:300px;gap:16px}
.visual-card{position:relative;overflow:hidden;grid-column:span 4;background:#081a2b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.visual-card.large{grid-column:span 7;grid-row:span 2}.visual-card.tall{grid-column:span 5;grid-row:span 2}.visual-card.wide{grid-column:span 8}
.visual-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04);transition:transform .75s var(--ease),filter .5s}.visual-card:hover{transform:translateY(-5px);box-shadow:0 24px 42px rgba(0,0,0,.24),inset 0 0 0 1px rgba(177,247,245,.26)}.visual-card:hover img{transform:scale(1.05);filter:saturate(1.05) contrast(1.06)}
.visual-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(2,11,19,.94))}
.card-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:27px}.card-copy small{display:block;margin-bottom:10px;color:var(--ice);font-size:9px;letter-spacing:.18em}.card-copy h3{margin:0 0 7px;font-size:27px;font-weight:500}.card-copy p{margin:0;color:rgba(255,255,255,.58);font-size:12px;line-height:1.6}

.feature-band{position:relative;min-height:780px;display:flex;align-items:flex-end;background-position:center;background-size:cover}
.feature-band::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,19,.32),rgba(2,11,19,.1)),linear-gradient(0deg,rgba(2,11,19,.98),rgba(2,11,19,.02) 72%)}
.feature-content{position:relative;z-index:2;display:grid;grid-template-columns:130px 1fr .6fr;gap:50px;align-items:end;padding-bottom:84px}
.feature-content h2{font-size:clamp(48px,5.5vw,76px);line-height:1.08;font-weight:500;letter-spacing:-.055em}
.feature-copy{padding-left:28px;border-left:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.63);font-size:14px;line-height:1.85}

.number-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(12,57,88,.18)}
.number-cell{padding:38px 30px;border-right:1px solid rgba(12,57,88,.15)}.number-cell:last-child{border-right:0}
.number-cell strong{display:block;margin-bottom:10px;color:#0a5f9b;font-size:34px;font-weight:500}.number-cell span{color:#5b7080;font-size:12px;line-height:1.55}

.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12)}
.timeline article{min-height:260px;padding:36px;background:var(--ink-900)}.timeline small{color:var(--cyan);font-size:10px;letter-spacing:.16em}.timeline h3{margin:52px 0 14px;font-size:21px;font-weight:500}.timeline p{margin:0;color:rgba(255,255,255,.5);font-size:13px;line-height:1.75}
.news-editorial{padding-top:112px;background:radial-gradient(circle at 78% 0,rgba(45,157,171,.13),transparent 30%),linear-gradient(180deg,#061b25,#04151f)}
.news-editorial-kicker{margin-bottom:34px;padding-bottom:22px;border-bottom:1px solid rgba(119,238,242,.24)}
.news-editorial-kicker .section-tag{color:#7ce8e9;font-size:10px;letter-spacing:.2em}
.news-editorial-grid{background:rgba(135,224,225,.18)}
.news-editorial-grid article{position:relative;min-height:300px;padding:34px 32px;border-top:2px solid rgba(87,226,228,.3);background:linear-gradient(180deg,rgba(8,37,54,.98),rgba(4,25,38,.98))}
.news-editorial-grid article::before{content:"";position:absolute;top:-2px;left:0;width:72px;height:2px;background:linear-gradient(90deg,#65e6e5,transparent)}
.news-editorial-grid small{color:#73e6e9;font-size:11px;font-weight:650;letter-spacing:.15em}
.news-editorial-grid h3{margin:62px 0 17px;color:#f1f8fa;font-size:clamp(25px,2vw,32px);font-weight:600;line-height:1.28;letter-spacing:-.025em;text-shadow:0 2px 18px rgba(0,0,0,.22)}
.news-editorial-grid p{color:rgba(225,240,244,.78);font-size:14px;line-height:1.85}
.news-editorial-grid article:hover{border-top-color:#78eeeb;background:linear-gradient(180deg,rgba(10,48,64,.98),rgba(5,29,42,.98))}

.story-list{display:grid;gap:1px;background:rgba(7,26,45,.12)}
.story{background:#fff;transition:.28s}.story:hover{background:#edf7f8}.story-link{display:grid;grid-template-columns:300px 1fr 90px;gap:45px;align-items:center;min-height:220px;padding:24px;color:inherit;text-decoration:none}.story-link:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.story-link:hover h3{text-decoration:underline;text-underline-offset:5px}.story img{width:300px;height:172px;object-fit:cover}.story small{color:#0873bd;font-size:10px;letter-spacing:.15em}.story h3{margin:12px 0 10px;font-size:25px;font-weight:500}.story p{margin:0;color:#637987;font-size:13px;line-height:1.7}.story-arrow{font-size:28px;color:#0873bd;text-align:center}.news-detail{max-width:860px;margin:0 auto}.news-detail-meta{color:#0873bd;font-size:12px;letter-spacing:.12em}.news-detail-cover{width:100%;max-height:500px;object-fit:cover;margin:26px 0 34px}.news-detail-copy{font-size:17px;line-height:2;color:#294958}.news-detail-copy p{margin:0 0 1.3em}.news-detail-copy h2,.news-detail-copy h3{color:var(--ink-800);line-height:1.35}.news-detail-message{color:#637987}
.story-list.is-scrollable{height:var(--news-list-height);overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:rgba(7,95,146,.45) transparent}.story-list.is-scrollable .story{scroll-snap-align:start}.story-list.is-loading-more{cursor:progress}

.project-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}
.project-aside{position:sticky;top:34px}.project-aside h2{margin-bottom:25px}.project-aside p{color:rgba(255,255,255,.55);line-height:1.85}
.project-block{padding:42px 0;border-top:1px solid var(--line)}.project-block:first-child{padding-top:0;border-top:0}.project-block h3{margin-bottom:18px;font-size:27px;font-weight:500}.project-block p{color:rgba(255,255,255,.55);font-size:14px;line-height:1.9}
.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.spec{padding:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.spec strong{display:block;color:var(--ice);font-size:26px;font-weight:500}.spec span{font-size:11px;color:rgba(255,255,255,.45)}
.map-frame{padding:16px;background:#fff}.map-frame img{width:100%}
.note{margin-top:16px;color:rgba(255,255,255,.4);font-size:11px;line-height:1.7}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.contact-list{border-top:1px solid rgba(255,255,255,.16)}.contact-row{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.16)}.contact-row small{display:block;margin-bottom:8px;color:var(--cyan);font-size:9px;letter-spacing:.17em}.contact-row strong{font-size:18px;font-weight:500;line-height:1.6}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:9px;color:rgba(255,255,255,.52);font-size:11px}.contact-form label.full{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.055);color:#fff;padding:16px;outline:0}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan)}
.contact-form button:disabled{cursor:wait;opacity:.6}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{grid-column:1/-1;min-height:22px;margin:0;color:var(--ice);font-size:12px;line-height:1.6}
.contact-consent{grid-column:1/-1!important;display:flex!important;grid-template-columns:20px 1fr!important;align-items:flex-start;gap:10px!important;color:rgba(255,255,255,.68)!important;font-size:12px!important;line-height:1.7}.contact-consent input{width:18px!important;height:18px;margin:2px 0 0;padding:0;accent-color:var(--cyan)}.contact-consent a{color:var(--ice);text-decoration:underline;text-underline-offset:3px}
.secondary-detail{min-height:380px}.secondary-detail>[data-secondary-excerpt]:empty,.secondary-detail>[data-secondary-content]:empty{display:none}.secondary-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}.secondary-gallery[hidden],.secondary-video[hidden],.secondary-attachments[hidden]{display:none}.secondary-gallery img,.secondary-video video{width:100%;height:auto}.secondary-attachments{margin-top:30px;padding-top:22px;border-top:1px solid rgba(12,57,88,.15)}.secondary-attachments a{display:block;min-height:44px;padding:12px 0;color:#0873bd;text-decoration:underline;text-underline-offset:3px}

.footer{position:relative;isolation:isolate;padding:100px 0 30px;background:var(--ink-1000);border-top:1px solid rgba(255,255,255,.08)}
.footer::before{position:absolute;z-index:0;inset:0;content:"";background:linear-gradient(112deg,rgba(191,214,214,.74) 0,rgba(139,172,177,.58) 15%,rgba(47,91,105,.32) 30%,transparent 48%);pointer-events:none}.footer>.container{position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:80px;padding-bottom:70px}.footer-logo{width:230px;filter:none;image-rendering:auto;margin-bottom:26px}.footer p,.footer a{color:rgba(255,255,255,.42);font-size:12px;line-height:1.9}.footer-grid>div:first-child>p{color:rgba(3,27,40,.84)}.footer a{display:block;min-height:30px}.footer h3{margin-bottom:20px;color:#fff;font-size:11px;letter-spacing:.16em}.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;color:rgba(255,255,255,.25);font-size:10px}.footer-bottom span:first-child{color:rgba(3,25,38,.72)}
.footer-bottom{gap:18px}.footer-bottom>span:first-child{color:rgba(3,25,38,.72)}.footer-compliance{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px}.footer-compliance>span{color:rgba(255,255,255,.35)}.footer-compliance a{min-height:24px;color:rgba(255,255,255,.5);line-height:24px}.footer-compliance a:hover,.footer-compliance a:focus-visible{color:#fff}.legal-content{max-width:860px}.legal-content h2{margin:42px 0 14px;font-size:26px;font-weight:500}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{color:#526b78;font-size:15px;line-height:1.95}.legal-content ul{padding-left:1.2em}.legal-content a{color:#0873bd;text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.footer-compliance{justify-content:flex-start}}

.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(22px)}.motion-ready .reveal.visible{animation:rise .72s var(--ease) both}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes travel{0%{transform:translateX(-14px)}55%,100%{transform:translateX(46px)}}
@media(max-width:1000px){.container{width:calc(100% - 44px)}.nav{gap:17px}.nav a:nth-last-child(-n+2){display:none}.hero{min-height:780px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-head,.split,.project-layout,.contact-grid{grid-template-columns:1fr;gap:44px}.section-lead{margin-left:0}.chain{grid-template-columns:repeat(2,1fr)}.chain-item{border-bottom:1px solid var(--line)}.visual-card{grid-column:span 6}.visual-card.large,.visual-card.tall{grid-column:span 6}.feature-content{grid-template-columns:90px 1fr}.feature-copy{grid-column:2}.timeline{grid-template-columns:repeat(2,1fr)}.number-grid{grid-template-columns:repeat(2,1fr)}.number-cell:nth-child(2){border-right:0}.number-cell:nth-child(-n+2){border-bottom:1px solid rgba(12,57,88,.15)}.project-aside{position:static}}
@media(max-width:720px){.site-header,.site-header.is-scrolled{height:76px}.site-header::before{background:linear-gradient(90deg,rgba(198,218,217,.86) 0,rgba(173,199,201,.78) 190px,rgba(45,86,100,.5) 230px,rgba(2,11,19,0) 280px)}.header-inner{grid-template-columns:1fr auto}.logo{width:165px}.nav,.header-action{display:none}.menu-button{display:block}.nav.open{position:absolute;display:grid;top:76px;left:0;right:0;height:auto;padding:18px 22px;background:rgba(2,11,19,.98)}.nav.open a{height:46px}.hero{min-height:720px}.hero-content{width:100%;padding:180px 0 110px}.hero h1{font-size:52px}.hero-index,.hero-scroll{display:none}.section{padding:94px 0}.metric-rail{margin-top:0}.metric-grid{grid-template-columns:1fr}.metric{border-right:0!important;border-bottom:1px solid var(--line)!important}.section h2{font-size:43px}.media-frame{min-height:430px}.chain{grid-template-columns:1fr}.visual-grid{grid-template-columns:1fr;grid-auto-rows:320px}.visual-card,.visual-card.large,.visual-card.tall,.visual-card.wide{grid-column:1;grid-row:auto}.feature-content{grid-template-columns:1fr;gap:22px}.feature-copy{grid-column:1}.number-grid,.timeline{grid-template-columns:1fr}.number-cell{border-right:0;border-bottom:1px solid rgba(12,57,88,.15)}.story{grid-template-columns:1fr;padding:18px}.story img{width:100%;height:220px}.story-arrow{display:none}.spec-grid,.contact-form{grid-template-columns:1fr}.contact-form label.full{grid-column:1}.footer-grid{grid-template-columns:1fr;gap:42px}.footer-bottom{display:grid;gap:8px}}
@media(max-width:720px){.news-editorial{padding-top:78px}.news-editorial-kicker{margin-bottom:24px}.news-editorial-grid article{min-height:230px;padding:28px 24px}.news-editorial-grid h3{margin-top:38px;font-size:26px}}
@media(max-width:720px){.story-link{grid-template-columns:1fr;gap:18px;padding:18px}.story-link img{width:100%;height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition-duration:.01ms!important}}

/* V6 interaction layer: compact, keyboard-first controls and a CSS-native site-plan schematic. */
.hero-actions .btn{min-width:148px}
.project-lead-extra{margin-top:18px!important;color:rgba(255,255,255,.43)!important;font-size:13px!important}
.project-block-intro{max-width:720px;color:rgba(255,255,255,.58)!important}
.interactive-plan{position:relative;margin-top:30px;padding-top:6px}
.plan-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:18px;align-items:stretch}
.iso-stage{position:relative;min-height:610px;overflow:hidden;background:radial-gradient(circle at 68% 22%,rgba(66,213,232,.16),transparent 24%),linear-gradient(145deg,#071b2c,#03101d 74%);border:1px solid rgba(255,255,255,.12);isolation:isolate}
.iso-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 48%,rgba(255,255,255,.05) 49%,transparent 50%),linear-gradient(25deg,transparent 0 48%,rgba(255,255,255,.035) 49%,transparent 50%);background-size:76px 76px;opacity:.5;pointer-events:none}
.plan-grid-lines{position:absolute;inset:0;background:linear-gradient(rgba(132,226,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(132,226,232,.06) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(135deg,transparent 8%,#000 42%,#000 84%,transparent 100%);opacity:.55;pointer-events:none}
.terrain{position:absolute;left:10%;top:15%;width:78%;height:70%;transform:perspective(1100px) rotateX(57deg) rotateZ(-25deg);transform-style:preserve-3d;background:linear-gradient(135deg,#123c4f,#0c2c3e 50%,#092033);border:1px solid rgba(126,231,237,.28);box-shadow:24px 30px 0 rgba(1,8,16,.42),0 35px 85px rgba(0,0,0,.45);overflow:visible}
.terrain::before{content:"";position:absolute;inset:5%;border:1px dashed rgba(155,237,239,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);pointer-events:none}
.terrain::after{content:"";position:absolute;z-index:-1;left:2%;right:-2%;bottom:-13%;height:24%;background:linear-gradient(135deg,#0a2533,#061420);transform:translateZ(-1px);border:1px solid rgba(95,203,212,.14);box-shadow:12px 13px 0 rgba(0,0,0,.24);pointer-events:none}
.area{position:absolute;z-index:2;display:grid;place-items:center;padding:0;border:1px solid rgba(185,250,247,.38);color:#e8ffff;background:rgba(66,213,232,.24);font:600 11px/1.1 "Avenir Next","PingFang SC",Arial,sans-serif;letter-spacing:.05em;text-shadow:0 1px 8px rgba(0,0,0,.6);cursor:pointer;transform-style:preserve-3d;transition:filter .26s ease,box-shadow .26s ease,transform .26s ease,background .26s ease;appearance:none;-webkit-appearance:none}
.area span{display:block;transform:rotateZ(25deg) rotateX(-57deg);white-space:nowrap;pointer-events:none}
.area:hover,.area:focus-visible{filter:brightness(1.28);box-shadow:0 0 0 3px rgba(119,238,242,.24),0 0 26px rgba(66,213,232,.3);outline:0}
.area.is-selected{z-index:5;background:rgba(66,213,232,.55);box-shadow:0 0 0 3px rgba(167,250,245,.22),0 0 32px rgba(66,213,232,.44);transform:translateZ(10px)}
.area.solar{left:7%;top:11%;width:37%;height:36%;background:linear-gradient(135deg,rgba(89,222,236,.55),rgba(25,110,144,.44))}
.area.wind{left:53%;top:8%;width:28%;height:29%;background:linear-gradient(135deg,rgba(111,208,185,.42),rgba(18,91,88,.5))}
.area.plant{left:38%;top:39%;width:37%;height:33%;background:linear-gradient(135deg,rgba(157,215,226,.44),rgba(39,86,116,.62))}
.area.storage{left:10%;top:55%;width:24%;height:25%;background:linear-gradient(135deg,rgba(101,191,226,.45),rgba(30,77,118,.64))}
.area.compute{left:77%;top:48%;width:18%;height:29%;background:linear-gradient(135deg,rgba(180,177,237,.42),rgba(59,50,117,.62))}
.area.bio{left:2%;top:28%;width:22%;height:24%;background:linear-gradient(135deg,rgba(104,218,159,.42),rgba(19,91,75,.6))}
.road{position:absolute;z-index:1;display:block;height:2.2%;background:rgba(227,246,238,.42);box-shadow:0 0 14px rgba(227,246,238,.18);transform:translateZ(4px);pointer-events:none}
.road-a{left:-3%;right:101%;top:55%;width:110%;transform:translateZ(4px) rotate(-5deg)}
.road-b{left:18%;right:0;top:84%;width:88%;transform:translateZ(4px) rotate(20deg)}
.pipe{position:absolute;z-index:7;display:block;height:3px;background:var(--cyan);box-shadow:0 0 14px rgba(66,213,232,.85);transform:translateZ(12px) rotateZ(25deg);pointer-events:none}
.pipe-1{left:26%;top:38%;width:42%}.pipe-2{left:51%;top:68%;width:31%;background:#a2f0c8}
.north-mark{position:absolute;right:-16%;top:-12%;z-index:8;color:var(--ice);font:600 13px/1 "Avenir Next",sans-serif;transform:rotateZ(25deg) rotateX(-57deg);letter-spacing:.12em}
.plan-stage-note{position:absolute;left:24px;bottom:20px;z-index:4;color:rgba(210,252,249,.44);font-size:9px;letter-spacing:.2em}
.zone-detail{min-height:610px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:linear-gradient(160deg,rgba(16,52,72,.86),rgba(4,18,31,.96));border:1px solid rgba(255,255,255,.12)}
.zone-kicker{margin-bottom:auto;color:var(--cyan);font-size:10px;letter-spacing:.18em}.zone-detail h4{margin:110px 0 14px;color:#fff;font-size:34px;font-weight:500;letter-spacing:-.04em}.zone-detail p{margin:0;color:rgba(255,255,255,.58);font-size:13px;line-height:1.8}.zone-stat{display:flex;align-items:baseline;gap:12px;margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}.zone-stat strong{color:var(--ice);font-size:34px;font-weight:500}.zone-stat span{color:rgba(255,255,255,.42);font-size:11px}.zone-path{display:grid;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.zone-path span{color:rgba(255,255,255,.38);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.zone-path b{color:#fff;font-size:13px;font-weight:500}
.plan-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.plan-tabs button,.switcher-tabs button,.flow-controls button,.pulse-nav button{min-height:44px;padding:0 15px;border:1px solid rgba(255,255,255,.15);background:transparent;color:rgba(255,255,255,.6);font:500 12px/1 "Avenir Next","PingFang SC",Arial,sans-serif;cursor:pointer;transition:.25s ease}.plan-tabs button:hover,.plan-tabs button:focus-visible,.plan-tabs button[aria-pressed=true],.switcher-tabs button:hover,.switcher-tabs button:focus-visible,.switcher-tabs button.is-active,.flow-controls button:hover,.flow-controls button:focus-visible,.flow-controls button.is-active,.pulse-nav button:hover,.pulse-nav button:focus-visible,.pulse-nav button.is-active{border-color:var(--cyan);background:rgba(66,213,232,.12);color:#fff;outline:0}.plan-tabs button[aria-pressed=true]{box-shadow:inset 0 -2px var(--cyan)}
.map-reference{display:grid;grid-template-columns:.55fr 1.45fr;gap:28px;align-items:start;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.map-reference h4{margin:13px 0 11px;font-size:21px;font-weight:500}.map-reference p{margin:0;color:rgba(255,255,255,.48);font-size:12px;line-height:1.8}.map-reference .map-frame{position:relative;min-height:200px}.map-reference-caption{padding-top:10px;color:#607987;font-size:11px}.map-reference .map-reference-caption{position:absolute;left:26px;bottom:22px;padding:10px 13px;background:rgba(255,255,255,.86);color:#28465a}.logic-switcher,.flow-switcher,.pulse-switcher{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.switcher-tabs{display:flex;gap:6px;padding:18px 0;border-bottom:1px solid var(--line)}.switcher-tabs button{border-color:transparent;padding:0 12px}.switcher-panel{padding:30px 0 26px}.switcher-panel strong{display:block;margin-bottom:10px;color:#fff;font-size:25px;font-weight:500}.switcher-panel p{max-width:650px;margin:0;color:rgba(255,255,255,.55);font-size:13px;line-height:1.85}.switcher-meta{display:flex;justify-content:space-between;margin-top:28px;color:var(--cyan);font-size:10px;letter-spacing:.13em}
.flow-switcher{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:start;margin-top:62px;padding-top:28px}.flow-intro h3{margin:15px 0 12px;font-size:24px;font-weight:500}.flow-intro p{margin:0;color:rgba(255,255,255,.5);font-size:13px;line-height:1.8}.flow-controls{display:flex;gap:8px;flex-wrap:wrap;align-self:start}.flow-controls button{display:flex;gap:11px;align-items:center}.flow-controls button span{color:var(--cyan);font-size:10px}.flow-panel{grid-column:2;padding:24px 0 28px;border-top:1px solid var(--line)}.flow-panel-index{margin-bottom:12px;color:var(--cyan);font-size:10px;letter-spacing:.16em}.flow-panel strong{font-size:25px;font-weight:500}.flow-panel p{max-width:620px;margin:13px 0 20px;color:rgba(255,255,255,.52);font-size:13px;line-height:1.8}.flow-line{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.72);font-size:11px}.flow-line i{display:block;width:70px;height:2px;background:linear-gradient(90deg,var(--cyan),rgba(66,213,232,0));box-shadow:0 0 12px rgba(66,213,232,.6)}
.pulse-switcher{display:grid;grid-template-columns:.68fr 1.32fr;gap:50px;margin-top:54px;padding:25px 0 8px}.pulse-nav{display:grid;gap:7px}.pulse-nav button{display:flex;align-items:center;gap:14px;text-align:left;border-color:transparent}.pulse-nav button span{color:var(--cyan);font-size:10px}.pulse-panel{display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:center;padding-bottom:28px}.pulse-ring{position:relative;width:112px;height:112px;border:1px solid rgba(119,238,242,.5);border-radius:50%;box-shadow:0 0 30px rgba(66,213,232,.14),inset 0 0 35px rgba(66,213,232,.1)}.pulse-ring::before,.pulse-ring::after,.pulse-ring i{content:"";position:absolute;inset:13px;border:1px solid rgba(119,238,242,.35);border-radius:50%}.pulse-ring::after{inset:28px;border-color:rgba(119,238,242,.7)}.pulse-ring i{inset:52px;background:var(--cyan);border:0;box-shadow:0 0 24px rgba(119,238,242,.85)}.pulse-panel small{color:var(--cyan);font-size:10px;letter-spacing:.17em}.pulse-panel h3{margin:12px 0 10px;font-size:26px;font-weight:500}.pulse-panel p{max-width:640px;margin:0 0 14px;color:rgba(255,255,255,.54);font-size:13px;line-height:1.8}.text-link{color:var(--ice);font-size:12px}.plan-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:22px;background:rgba(255,255,255,.12)}.plan-notes>div{min-height:170px;padding:24px;background:rgba(7,26,45,.78)}.plan-notes span{display:block;margin-bottom:32px;color:var(--cyan);font-size:10px;letter-spacing:.16em}.plan-notes strong{display:block;margin-bottom:8px;color:#fff;font-size:18px;font-weight:500}.plan-notes p{margin:0;color:rgba(255,255,255,.47);font-size:12px;line-height:1.7}.plan-disclaimer{display:flex;gap:25px;align-items:flex-start;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.plan-disclaimer p{max-width:720px;margin:0;color:rgba(255,255,255,.38);font-size:11px;line-height:1.8}.plan-hero .hero-content{padding-bottom:190px}.standalone-plan .iso-stage,.standalone-plan .zone-detail{min-height:680px}
@media(max-width:1000px){.plan-layout{grid-template-columns:1fr}.zone-detail{min-height:290px}.zone-detail h4{margin-top:36px}.flow-switcher,.pulse-switcher{grid-template-columns:1fr;gap:20px}.flow-panel{grid-column:1}.pulse-panel{grid-template-columns:95px 1fr}.standalone-plan .iso-stage,.standalone-plan .zone-detail{min-height:580px}.map-reference{grid-template-columns:1fr}.plan-notes{grid-template-columns:1fr}.plan-notes>div{min-height:0}}
@media(max-width:720px){.iso-stage{min-height:440px}.terrain{left:6%;top:19%;width:82%;height:60%;transform:perspective(820px) rotateX(56deg) rotateZ(-24deg)}.area{font-size:9px}.zone-detail{min-height:330px;padding:22px}.zone-detail h4{font-size:29px}.zone-stat strong{font-size:28px}.plan-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.plan-tabs button{padding:0 8px;font-size:11px}.flow-controls{display:grid;grid-template-columns:repeat(2,1fr)}.flow-controls button{justify-content:flex-start}.pulse-panel{grid-template-columns:1fr}.pulse-ring{width:92px;height:92px}.pulse-ring::before{inset:11px}.pulse-ring::after{inset:24px}.pulse-ring i{inset:42px}.plan-disclaimer{display:block}.plan-disclaimer .section-tag{display:block;margin-bottom:12px}.plan-hero .hero-content{padding-bottom:130px}.standalone-plan .iso-stage,.standalone-plan .zone-detail{min-height:440px}}

/* Architectural 3D masterplan and Fanke implementation annotations. */
.architectural-stage{min-height:680px;background:radial-gradient(circle at 70% 18%,rgba(72,218,235,.18),transparent 26%),linear-gradient(145deg,#041a2b,#020c16 78%);}
.architectural-stage::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 72%,rgba(67,218,224,.12),transparent 45%),linear-gradient(120deg,transparent 0 55%,rgba(255,255,255,.035) 56%,transparent 57%);pointer-events:none;}
.masterplan-svg{position:absolute;z-index:2;inset:4% 1% 4% 1%;width:98%;height:92%;overflow:visible;filter:drop-shadow(0 28px 22px rgba(0,0,0,.24));}
.masterplan-svg .zone-model{cursor:pointer;outline:none;transition:filter .25s ease,opacity .25s ease,transform .25s ease;transform-box:fill-box;transform-origin:center;}
.masterplan-svg .zone-model:hover,.masterplan-svg .zone-model:focus-visible{filter:brightness(1.22) drop-shadow(0 0 13px rgba(126,248,240,.76));}
.masterplan-svg .zone-model.is-selected{filter:brightness(1.25) drop-shadow(0 0 22px rgba(119,248,238,.9));}
.masterplan-svg .mp-label{font:600 16px/1 "Avenir Next","PingFang SC",Arial,sans-serif;letter-spacing:.1em;fill:#eaffff;paint-order:stroke;stroke:#061824;stroke-width:7px;stroke-linejoin:round;pointer-events:none;}
.masterplan-svg .mp-small-label{font:500 12px/1 "Avenir Next","PingFang SC",Arial,sans-serif;letter-spacing:.12em;fill:#d9ffff;paint-order:stroke;stroke:#061824;stroke-width:5px;pointer-events:none;}
.masterplan-svg .mp-north{font:600 15px/1 "Avenir Next",sans-serif;letter-spacing:.12em;fill:#aafff5;}
.masterplan-svg .zone-model[aria-pressed="true"]{opacity:1;}
.masterplan-svg .zone-model[aria-pressed="false"]{opacity:.94;}
.fanke-implementation{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);}
.impl-kicker{margin-bottom:9px;color:var(--cyan);font-size:9px;letter-spacing:.18em;}
.fanke-implementation strong{display:block;margin-bottom:9px;color:#fff;font-size:14px;font-weight:500;line-height:1.5;}
.fanke-implementation p{margin:0;color:rgba(255,255,255,.48);font-size:11px;line-height:1.7;}
.impl-boundary{display:grid;gap:5px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1);}
.impl-boundary span{color:rgba(255,255,255,.35);font-size:9px;letter-spacing:.14em;text-transform:uppercase;}.impl-boundary b{color:var(--ice);font-size:11px;font-weight:500;line-height:1.45;}
.implementation-guide{margin-top:60px;padding:34px 0 8px;border-top:1px solid var(--line);}.implementation-guide h3{margin:13px 0 12px;font-size:29px;font-weight:500;}.implementation-lead{max-width:800px;margin:0;color:rgba(255,255,255,.5);font-size:13px;line-height:1.85;}
.implementation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:30px;background:rgba(255,255,255,.12);}.implementation-grid article{min-height:230px;padding:23px 20px;background:rgba(7,26,45,.8);}.implementation-grid article>span{display:block;margin-bottom:28px;color:var(--cyan);font-size:10px;letter-spacing:.16em;}.implementation-grid strong{display:block;margin-bottom:10px;color:#fff;font-size:18px;font-weight:500;}.implementation-grid p{margin:0;color:rgba(255,255,255,.46);font-size:11px;line-height:1.7;}.implementation-grid p b{color:var(--ice);font-weight:500;}.implementation-grid em{display:inline-block;margin-top:19px;color:#aaf3cc;font-size:9px;font-style:normal;letter-spacing:.12em;text-transform:uppercase;}.implementation-grid em.need-confirm{color:#f2d08b;}
@media(max-width:1000px){.architectural-stage{min-height:610px}.implementation-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.architectural-stage{min-height:455px}.masterplan-svg{inset:5% -3% 5% -3%;width:106%;height:90%;}.masterplan-svg .mp-label{font-size:13px;stroke-width:6px}.masterplan-svg .mp-small-label{font-size:10px}.implementation-grid{grid-template-columns:1fr}.implementation-grid article{min-height:0}.fanke-implementation{margin-top:22px}.fanke-implementation strong{font-size:13px}}

/* Photorealistic Fanke-ready masterplan: one 4K background plus six simple hotspots. */
.photo-real-stage{background:#020d17;}
.photo-real-stage .masterplan-svg{display:none;}
.masterplan-photo{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.04) brightness(.82);}
.photo-real-stage::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(2,11,19,.46),transparent 26%,transparent 74%,rgba(2,11,19,.35)),linear-gradient(0deg,rgba(2,11,19,.48),transparent 35%);pointer-events:none;}
.photo-real-stage .plan-grid-lines{z-index:3;opacity:.28;}

/* V10 latest-material revision: verified project metrics and social value. */
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(12,57,88,.16);border:1px solid rgba(12,57,88,.16)}
.impact-grid article{min-height:230px;padding:34px 30px;background:#f8fbfb}
.impact-grid small{display:block;color:#0873bd;font-size:9px;letter-spacing:.16em}
.impact-grid strong{display:block;margin:48px 0 12px;color:#0a5f9b;font-size:30px;font-weight:500}
.impact-grid p{margin:0;color:#5b7080;font-size:12px;line-height:1.7}
@media(max-width:1000px){.impact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.impact-grid{grid-template-columns:1fr}.impact-grid article{min-height:0}.impact-grid strong{margin-top:28px}}
.photo-hotspot{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;min-height:44px;padding:7px 12px 7px 7px;border:1px solid rgba(196,255,249,.55);border-radius:0;background:rgba(3,20,33,.76);color:#fff;font:500 11px/1 "Avenir Next","PingFang SC",Arial,sans-serif;cursor:pointer;backdrop-filter:blur(9px);box-shadow:0 10px 28px rgba(0,0,0,.28);transform:translate(-50%,-50%);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.photo-hotspot::after{content:"";position:absolute;left:20px;top:100%;width:1px;height:30px;background:linear-gradient(var(--cyan),transparent);box-shadow:0 0 12px rgba(66,213,232,.75);}
.photo-hotspot span{display:grid;place-items:center;width:28px;height:28px;background:rgba(66,213,232,.16);color:var(--cyan);font-size:9px;letter-spacing:.08em;}.photo-hotspot b{font-weight:500;white-space:nowrap;}
.photo-hotspot:hover,.photo-hotspot:focus-visible,.photo-hotspot.is-selected{border-color:var(--cyan);background:rgba(3,32,48,.94);box-shadow:0 0 0 3px rgba(66,213,232,.16),0 16px 32px rgba(0,0,0,.42);transform:translate(-50%,-50%) translateY(-3px);outline:0;}
.photo-hotspot.is-selected span{background:var(--cyan);color:#03131f;}.hotspot-wind{left:18%;top:28%}.hotspot-solar{left:68%;top:22%}.hotspot-plant{left:49%;top:46%}.hotspot-storage{left:25%;top:68%}.hotspot-compute{left:73%;top:72%}.hotspot-bio{left:87%;top:38%}
@media(max-width:720px){.photo-hotspot{min-width:44px;padding:7px}.photo-hotspot b{display:none}.photo-hotspot::after{height:20px}.hotspot-wind{left:15%;top:27%}.hotspot-solar{left:70%;top:22%}.hotspot-plant{left:48%;top:46%}.hotspot-storage{left:23%;top:67%}.hotspot-compute{left:73%;top:72%}.hotspot-bio{left:88%;top:37%}}

/* 2026-09-17 visual correction: map above, official mark beneath it. */
.group-hall{min-height:690px;background:#d9e0df}
.group-hall .group-hall-photo{z-index:0;object-position:center 55%;filter:saturate(.88) contrast(1.035)}
.group-hall::before{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,rgba(245,248,246,.13),transparent 48%),linear-gradient(0deg,rgba(3,16,25,.42),transparent 32%);pointer-events:none}
.agriculture-scale{min-height:620px}.agriculture-scale img{object-position:center}
.entity-matrix{position:relative;border-top:1px solid rgba(111,228,222,.24);background:transparent}
.entity-matrix::before{position:absolute;left:0;right:0;top:-1px;height:1px;content:"";background:linear-gradient(90deg,var(--cyan),rgba(66,213,232,.04));transform-origin:left;animation:matrix-line 8s var(--ease) infinite}
@keyframes matrix-line{0%,100%{transform:scaleX(.12);opacity:.45}50%{transform:scaleX(1);opacity:1}}
.timeline.entity-matrix article{position:relative;min-height:310px;display:flex;flex-direction:column;padding:32px 28px;border-right:1px solid rgba(157,220,220,.14);background:linear-gradient(180deg,rgba(11,40,52,.84),rgba(5,25,35,.98));box-shadow:none;cursor:default;transform:none}
.timeline.entity-matrix article::after{position:absolute;right:20px;bottom:20px;color:rgba(111,228,222,.16);font:300 44px/1 "Avenir Next",sans-serif;content:counter(entity);counter-increment:entity}
.entity-matrix{counter-reset:entity}
.timeline.entity-matrix article:hover{background:linear-gradient(180deg,rgba(11,40,52,.84),rgba(5,25,35,.98));box-shadow:none;transform:none}
.entity-role{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:#9fc3c6;font-size:9px;letter-spacing:.12em}.entity-role::before{width:18px;height:1px;background:var(--cyan);content:""}
.timeline.entity-matrix h3{margin:46px 0 14px}.timeline.entity-matrix p{position:relative;z-index:1;margin-top:auto;padding-right:18px}
.satellite-frame{min-height:420px}.satellite-frame img{object-fit:cover;filter:saturate(.9) contrast(1.04)}
.masterplan-photo{filter:saturate(.92) contrast(1.045) brightness(.88)}
.hotspot-wind{left:20%;top:27%}.hotspot-solar{left:44%;top:72%}.hotspot-plant{left:75%;top:52%}.hotspot-storage{left:84%;top:70%}.hotspot-compute{left:70%;top:78%}.hotspot-bio{left:17%;top:72%}
@media(max-width:720px){.group-hall{min-height:540px}.group-hall .group-hall-photo{object-position:center 55%}.agriculture-scale{min-height:460px}.timeline.entity-matrix article{min-height:245px}.hotspot-wind{left:18%;top:26%}.hotspot-solar{left:44%;top:69%}.hotspot-plant{left:76%;top:50%}.hotspot-storage{left:85%;top:69%}.hotspot-compute{left:70%;top:78%}.hotspot-bio{left:16%;top:71%}}
@media(prefers-reduced-motion:reduce){.entity-matrix::before{animation:none;transform:scaleX(1)}}

/* 2026-09-16 project masterplan: preserve the source aspect ratio so each
   hotspot stays registered to its actual facility rather than a cropped image. */
.photo-real-stage{min-height:0;aspect-ratio:1672/941}
.photo-real-stage+.zone-detail{min-height:0}
.photo-real-stage .hotspot-wind{left:32%;top:25%}
.photo-real-stage .hotspot-solar{left:49%;top:57%}
.photo-real-stage .hotspot-plant{left:70%;top:58%}
.photo-real-stage .hotspot-storage{left:79%;top:56%}
.photo-real-stage .hotspot-compute{left:55%;top:48%}
.photo-real-stage .hotspot-bio{left:10%;top:45%}
@media(max-width:720px){.photo-real-stage{aspect-ratio:1672/941}.photo-real-stage .photo-hotspot{display:none}}

/* 2026-09-12 benchmark upgrade: a compact product application stage and calmer motion hierarchy. */
:root{--motion-fast:180ms;--motion-ui:320ms;--motion-section:780ms;--motion-scene:880ms;--ease-silk:cubic-bezier(.16,1,.3,1)}
.motion-ready .reveal{opacity:0;transform:translateY(16px);filter:blur(3px)}
.motion-ready .reveal.visible{animation:none;opacity:1;transform:none;filter:none;transition:opacity var(--motion-section) var(--ease-silk),transform var(--motion-section) var(--ease-silk),filter calc(var(--motion-section) * .75) var(--ease-silk)}
.product-system{padding-top:120px;background:radial-gradient(circle at 82% 20%,rgba(66,213,232,.09),transparent 28%),linear-gradient(180deg,#071a2d,#03101c)}
.product-system-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.62fr);gap:8vw;align-items:end;margin-bottom:54px}
.product-system-head h2{margin-top:18px}.product-system-head>p{margin:0;color:rgba(255,255,255,.58);font-size:14px;line-height:1.9}
.product-stage{display:grid;grid-template-columns:minmax(245px,.34fr) minmax(0,1fr);min-height:650px;border-top:1px solid rgba(183,242,246,.22);border-bottom:1px solid rgba(183,242,246,.14);background:#04131f;box-shadow:0 36px 90px rgba(0,0,0,.2)}
.product-tabs{display:grid;align-content:start;border-right:1px solid rgba(255,255,255,.12)}
.product-tabs button{position:relative;min-height:118px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:13px;padding:18px 24px;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;text-align:left;cursor:pointer;transition:background var(--motion-ui) var(--ease-silk),padding var(--motion-ui) var(--ease-silk)}
.product-tabs button::after{position:absolute;top:0;bottom:0;left:0;width:2px;content:"";background:var(--cyan);transform:scaleY(0);transition:transform var(--motion-ui) var(--ease-silk)}
.product-tabs button:hover,.product-tabs button:focus-visible,.product-tabs button.is-active{padding-left:30px;background:linear-gradient(90deg,rgba(66,213,232,.12),transparent)}
.product-tabs button.is-active::after{transform:scaleY(1)}.product-tabs button>span{grid-row:1/3;padding-top:2px;color:var(--cyan);font-size:9px;letter-spacing:.15em}.product-tabs b{font-size:16px;font-weight:500}.product-tabs small{margin-top:7px;color:rgba(255,255,255,.42);font-size:8px;letter-spacing:.13em}
.product-visual{position:relative;min-width:0;min-height:650px;overflow:hidden;isolation:isolate}.product-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04) brightness(.84);transform:scale(1.015);transition:opacity var(--motion-scene) var(--ease-silk),transform 1.4s var(--ease-silk),filter var(--motion-scene) var(--ease-silk)}
.product-visual::after{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,rgba(2,11,19,.04),transparent 56%),linear-gradient(0deg,rgba(2,11,19,.94) 0%,rgba(2,11,19,.3) 45%,transparent 72%);pointer-events:none}.product-visual.is-changing>img{opacity:.24;transform:scale(1.045);filter:saturate(.65) brightness(.62)}
.product-counter{position:absolute;z-index:2;top:28px;right:30px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);background:rgba(2,11,19,.35);backdrop-filter:blur(10px);font-size:9px;letter-spacing:.17em}
.product-copy{position:absolute;z-index:2;left:44px;right:44px;bottom:38px;max-width:740px;transition:opacity var(--motion-ui) var(--ease-silk),transform var(--motion-ui) var(--ease-silk)}.product-visual.is-changing .product-copy{opacity:.25;transform:translateY(10px)}.product-copy>p:first-child{margin:0 0 13px;color:var(--ice);font-size:9px;letter-spacing:.18em}.product-copy h3{max-width:680px;margin:0 0 15px;font-size:clamp(28px,3.2vw,43px);font-weight:480;line-height:1.2;letter-spacing:-.035em}.product-copy>p:not(:first-child){max-width:670px;margin:0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.82}
.product-meta{display:flex;gap:18px;justify-content:space-between;margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.54);font-size:10px;line-height:1.6}.product-meta strong{color:#fff;font-weight:500}.product-note{margin:20px 0 0;color:rgba(255,255,255,.38);font-size:10px;line-height:1.7}
@media(max-width:1000px){.product-system-head{grid-template-columns:1fr;gap:24px}.product-stage{grid-template-columns:1fr;min-height:0}.product-tabs{grid-template-columns:repeat(2,1fr);border-right:0}.product-tabs button{min-height:98px}.product-tabs button:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)}.product-visual{min-height:610px}}
@media(max-width:720px){.product-system{padding-top:88px}.product-system-head{margin-bottom:34px}.product-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.product-tabs button{min-width:76%;min-height:92px;scroll-snap-align:start}.product-tabs button:nth-child(odd){border-right:0}.product-visual{min-height:560px}.product-copy{left:24px;right:24px;bottom:24px}.product-copy h3{font-size:30px}.product-meta{display:grid;gap:7px}.product-counter{top:20px;right:20px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal,.motion-ready .reveal.visible{opacity:1;transform:none;filter:none;transition:none}.product-visual>img,.product-copy,.product-tabs button{transition:none}}

/* Enterprise rebuild: editorial hierarchy, evidence-led content, and restrained motion. */
.home-page{background:#061624}.home-hero{min-height:940px;background-position:center 48%}.home-hero::before{background:radial-gradient(circle at 78% 22%,rgba(83,230,219,.2),transparent 22%),linear-gradient(90deg,rgba(1,10,18,.98),rgba(3,19,32,.78) 46%,rgba(3,19,32,.12) 79%),linear-gradient(0deg,rgba(1,10,18,.95),transparent 55%)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 27px;color:#b7f2f6;font-size:10px;font-weight:600;letter-spacing:.2em}.eyebrow::before{width:36px;height:1px;background:#42d5e8;content:""}.home-hero h1{font-size:clamp(64px,7.6vw,112px);letter-spacing:-.075em}.home-hero h1 em{font-style:normal;color:#bffaff}.home-hero .hero-sub{max-width:590px;font-size:18px;line-height:1.85}.home-hero-signal{position:absolute;z-index:3;right:max(4vw,44px);bottom:155px;display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.58);font-size:9px;letter-spacing:.17em}.home-hero-signal span{color:#7df0ec;font-size:11px}.home-hero-signal i{width:50px;height:1px;background:linear-gradient(90deg,#42d5e8,transparent)}.home-hero-signal b{font-weight:500}.editorial-intro{padding:170px 0}.editorial-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12%;align-items:start}.editorial-intro h2,.section-top h2{margin:18px 0 0;color:#102b3f;font-size:clamp(43px,4.7vw,70px);font-weight:500;line-height:1.13;letter-spacing:-.06em}.editorial-copy{max-width:510px;padding-top:34px;color:#577080;font-size:15px;line-height:2}.editorial-copy p{margin-bottom:22px}.editorial-copy .lead-copy{color:#163b52;font-size:20px;line-height:1.72}.text-link{display:inline-flex;gap:10px;align-items:center;margin-top:17px;font-size:12px;letter-spacing:.06em}.text-link span,.text-link i{font-style:normal;transition:transform .25s var(--ease)}.text-link:hover span,.text-link:hover i{transform:translateX(5px)}.dark-link{color:#0b6097;font-weight:700}.section-top{display:grid;grid-template-columns:1.06fr .7fr;gap:12%;align-items:end;margin-bottom:78px}.section-top>p{max-width:470px;margin:0 0 5px;color:rgba(255,255,255,.61);font-size:15px;line-height:1.9}.section-top h2{color:#fff}.ice .section-top h2,.paper .section-top h2{color:#102b3f}.ice .section-top>p,.paper .section-top>p{color:#5b7483}.system-section{padding:155px 0 118px;background:radial-gradient(circle at 84% 0,rgba(31,131,152,.2),transparent 26%),#061624}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(185,246,244,.22);border-left:1px solid rgba(185,246,244,.16)}.system-grid article{min-height:320px;padding:29px 28px;display:flex;flex-direction:column;border-right:1px solid rgba(185,246,244,.16);border-bottom:1px solid rgba(185,246,244,.16);transition:background .3s var(--ease),transform .3s var(--ease)}.system-grid article:hover{background:rgba(83,224,220,.08);transform:translateY(-5px)}.system-grid span{color:#75e8e5;font-size:10px;letter-spacing:.15em}.system-grid h3{margin:76px 0 15px;font-size:27px;font-weight:500;letter-spacing:-.04em}.system-grid p{margin:0;color:rgba(255,255,255,.55);font-size:13px;line-height:1.8}.system-grid small{margin-top:auto;padding-top:26px;color:rgba(190,247,243,.52);font-size:9px;letter-spacing:.13em}.system-path{display:flex;align-items:center;gap:15px;margin-top:42px;overflow:auto;padding-bottom:10px;color:#caefef;font-size:12px;white-space:nowrap}.system-path i{width:60px;height:1px;flex:none;background:linear-gradient(90deg,#42d5e8,rgba(66,213,232,.13))}.capability-section{padding:150px 0;background:linear-gradient(180deg,#eff8f8,#e5f0f3)}.capability-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.capability-card{position:relative;min-height:390px;padding:31px;overflow:hidden;color:#fff;background:#0b2638;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.capability-card::before{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(2,12,20,.96),rgba(2,12,20,.13) 80%);z-index:1}.capability-card>*{position:relative;z-index:2}.capability-card span{display:block;color:#c2f8f4;font-size:10px;letter-spacing:.16em}.capability-card h3{margin:138px 0 12px;font-size:31px;font-weight:500;letter-spacing:-.05em}.capability-card p{max-width:320px;margin:0;color:rgba(255,255,255,.67);font-size:13px;line-height:1.75}.capability-card b{position:absolute;left:31px;bottom:29px;font-size:11px;font-weight:500;letter-spacing:.08em}.capability-card b i{margin-left:8px;font-style:normal}.capability-card:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(5,31,46,.24),inset 0 0 0 1px rgba(185,249,246,.5)}.cap-energy,.cap-bio{grid-column:span 4}.cap-project{grid-column:span 5}.cap-digital{grid-column:span 3}.cap-energy{background:linear-gradient(145deg,rgba(3,26,40,.2),rgba(3,26,40,.95)),url('assets/generated/10-玉门三维园区写实总览-v8-4K.jpg') center/cover}.cap-bio{background:linear-gradient(145deg,rgba(3,26,40,.18),rgba(3,26,40,.95)),url('assets/generated/05-西北生物质规模化种植基地.png') center/cover}.cap-project{background:linear-gradient(145deg,rgba(3,26,40,.18),rgba(3,26,40,.95)),url('assets/generated/06-玉门绿氢绿色甲醇工厂.png') center/cover}.cap-digital{background:linear-gradient(145deg,rgba(3,26,40,.18),rgba(3,26,40,.95)),url('assets/generated/07-绿色算力中心.png') center/cover}.project-feature{position:relative;min-height:900px;display:flex;align-items:flex-end;overflow:hidden;background:#04131f}.project-image{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.67) saturate(.86)}.project-feature::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(2,13,22,.92),rgba(2,13,22,.48) 49%,rgba(2,13,22,.05)),linear-gradient(0deg,rgba(2,13,22,.9),transparent 55%)}.project-feature-inner{position:relative;z-index:1;width:100%;padding-bottom:112px}.project-feature-copy{max-width:780px}.project-feature-copy .section-tag{color:#c3faf5}.project-code{margin:21px 0;color:rgba(255,255,255,.48);font-size:11px;letter-spacing:.17em}.project-feature-copy h2{margin:0 0 26px;font-size:clamp(45px,5.4vw,79px);font-weight:500;line-height:1.08;letter-spacing:-.065em}.project-feature-copy>p:not(.section-tag):not(.project-code){max-width:630px;color:rgba(255,255,255,.7);font-size:16px;line-height:1.9}.project-feature-actions{display:flex;align-items:center;gap:26px;margin-top:40px}.news-section{padding:150px 0}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.news-card{display:grid;grid-template-columns:42% 1fr;min-height:300px;background:#fff;box-shadow:0 14px 35px rgba(17,54,73,.08);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.news-card:hover{transform:translateY(-5px);box-shadow:0 24px 44px rgba(17,54,73,.14)}.news-card img{width:100%;height:100%;object-fit:cover}.news-card>div{padding:31px 28px;display:flex;flex-direction:column}.news-card span{color:#0873bd;font-size:10px;letter-spacing:.14em}.news-card h3{margin:24px 0;color:#163b52;font-size:24px;font-weight:500;line-height:1.45;letter-spacing:-.035em}.news-card b{margin-top:auto;color:#0873bd;font-size:11px;letter-spacing:.07em}.closing-section{padding:145px 0;background:radial-gradient(circle at 68% 25%,rgba(47,173,178,.26),transparent 23%),#041522}.closing-inner h2{max-width:910px;margin:23px 0 38px;font-size:clamp(43px,5vw,76px);font-weight:500;line-height:1.15;letter-spacing:-.065em}@media(max-width:1000px){.editorial-grid,.section-top{grid-template-columns:1fr;gap:30px}.editorial-copy{padding-top:0}.system-grid{grid-template-columns:repeat(2,1fr)}.cap-energy,.cap-bio,.cap-project,.cap-digital{grid-column:span 6}.news-card{grid-template-columns:1fr 1fr}.home-hero-signal{display:none}}@media(max-width:720px){.home-hero{min-height:760px}.home-hero h1{font-size:57px}.home-hero .hero-sub{font-size:16px}.editorial-intro,.capability-section,.news-section{padding:96px 0}.editorial-copy .lead-copy{font-size:18px}.section-top{margin-bottom:47px}.system-section{padding:96px 0}.system-grid{grid-template-columns:1fr}.system-grid article{min-height:250px}.system-grid h3{margin-top:48px}.capability-grid{grid-template-columns:1fr}.cap-energy,.cap-bio,.cap-project,.cap-digital{grid-column:1}.capability-card{min-height:330px}.capability-card h3{margin-top:103px}.project-feature{min-height:720px}.project-feature-inner{padding-bottom:74px}.project-feature-copy>p:not(.section-tag):not(.project-code){font-size:15px}.project-feature-actions{display:grid;justify-items:start;gap:8px}.news-grid{grid-template-columns:1fr}.news-card{grid-template-columns:38% 1fr;min-height:245px}.news-card>div{padding:21px 18px}.news-card h3{margin:16px 0;font-size:19px}.closing-section{padding:96px 0}.home-page .hero-scroll{display:none}}