@charset "UTF-8";
:root{--bg:#141618;--surface:#1d1f22;--ink:#e9eaec;--muted:#abafb6;--accent:#afb3ba;--line:rgba(237,237,237,.25);--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,monospace;color-scheme:dark;font-family:var(--sans);color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip}body{margin:0;-webkit-font-smoothing:antialiased;overflow-x:clip}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border-radius:0}a,button,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1,h2,h3,p{margin:0}button{background:none}button,a{transition:color .25s,background .25s,border-color .25s}::selection{background:#a4a8af;color:#18191b}.skip{position:fixed;top:8px;left:15px;transform:translateY(-150%);z-index:100;background:#fff;color:#000;padding:16px}.skip:focus{transform:none}
#world{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 58% 75%,#35393e,#111213 75%);pointer-events:none}#world canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1.4s}#world.ready canvas{opacity:1}.scrim{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(11,11,11,.18),transparent 65%),linear-gradient(0deg,rgba(11,11,11,.45),transparent 55%)}.header{position:fixed;z-index:30;top:0;left:0;width:100%;padding:28px 3vw;display:flex;align-items:center;justify-content:space-between;pointer-events:none;transition:color .4s}.header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px}.brand svg{width:30px;height:30px}.brand>span{font-size:22px;line-height:1.1;letter-spacing:.12em;font-weight:600}.brand small{display:block;font:9px/1.4 var(--mono);letter-spacing:.24em;margin-top:5px}.header-right{display:flex;gap:14px;align-items:center}.outline{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:14px 20px;border:1px solid var(--line);font-size:14px;letter-spacing:.05em;background:transparent;color:inherit;line-height:1.35}.outline:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.outline span{font-size:18px}.header.on-light{color:#1d1f22}.header.on-light .outline{border-color:#838993;background:rgba(244,244,244,.7)}.header.on-light .outline:hover{background:#1d1f22;color:#fff}.header.on-light .menu-button{color:#1d1f22;border-color:#838993}.menu-button{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid var(--line)}.menu-button span{width:17px;height:1px;background:currentColor}.rail{position:fixed;right:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:35;mix-blend-mode:difference}.rail a{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-height:18px;color:#fff}.rail span{font-size:13px;letter-spacing:.1em;opacity:0;transition:opacity .3s}.rail i{height:1px;background:#fff;width:22px;opacity:.5;transition:width .3s}.rail a:hover span,.rail a:focus-visible span,.rail a.active span{opacity:1}.rail a:hover i,.rail a.active i{width:42px;opacity:1}
main{position:relative;z-index:2}.chapter{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:110px 3vw 7vh;pointer-events:none}.story-copy{width:min(560px,85%);text-shadow:0 2px 22px #0e0f11;pointer-events:auto}.story-copy h1,.story-copy h2{font-size:clamp(32px,3.6vw,56px);font-weight:400;line-height:1.3;letter-spacing:-.035em}.hero-copy{width:min(720px,88%)}.hero-copy h1{line-height:1.3}.eyebrow{font-family:var(--mono);font-size:12px;line-height:1.7;letter-spacing:.16em;font-weight:400;display:block;margin-bottom:28px}.hero-copy>.eyebrow{font-size:11px;letter-spacing:.18em;margin-bottom:19px;color:#bbbec3}.intro{font-size:17px;line-height:1.9;font-weight:400;color:#bdc1c6;max-width:510px;margin-top:24px}.hero-copy .intro{margin-top:23px}.story-copy>.outline{margin-top:30px}.pixel-caret{display:inline-block;width:8px;height:.82em;vertical-align:-.03em;margin-left:10px;background:repeating-linear-gradient(to bottom,#d6d8dc 0 4px,transparent 4px 8px);animation:blink 1.7s steps(1) infinite}.scroll-cue{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font:10px var(--mono);letter-spacing:.24em;display:flex;align-items:center;flex-direction:column;gap:14px;pointer-events:auto;color:#cdcfd3}.scroll-cue span{display:block;width:1px;height:35px;background:linear-gradient(#c1c5ca,transparent)}.scene-note{position:absolute;right:3vw;bottom:3vh;color:#9298a1;font:11px var(--mono);letter-spacing:.11em}.chapter-right{justify-content:flex-end;padding-right:9vw;align-items:center}.principles{max-width:450px}.principles>div{padding:23px 0;border-top:1px solid var(--line)}.principles h3{font-size:25px;font-weight:400;line-height:1.5;margin:8px 0}.principles p{font-size:16px;line-height:1.8;color:#b6babf}.principle-index{font:12px var(--mono);color:#acb0b7;letter-spacing:.15em}.step-copy{padding-bottom:1vh}.step-copy .eyebrow{margin-bottom:18px}.step-number{display:block;font:14px var(--mono);color:#b1b5bc;margin-bottom:12px}.story-copy .step-title{font-size:clamp(58px,7.2vw,110px);font-weight:400;line-height:1;letter-spacing:-.055em}.step-title span{color:#c0c4c9}.step-cn{font-size:24px;font-weight:400;line-height:1.5;margin-top:20px;letter-spacing:-.025em}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tags span{border-top:1px solid #7a818c;padding:9px 9px 0 0;font-size:12px;color:#b7bbc1}.text-link{display:inline-flex;align-items:center;gap:24px;border:none;border-bottom:1px solid currentColor;padding:12px 0;font-size:15px}.story-copy .text-link{margin-top:23px}.text-link:hover{color:#999fa7}.section{position:relative;padding:110px 6vw;background:var(--surface)}.section-head{margin-bottom:64px}.section h2{font-size:clamp(34px,4.2vw,64px);font-weight:400;line-height:1.25;letter-spacing:-.04em}.muted{color:#999ea6}.soft{color:#878d96}.body-copy{font-size:17px;line-height:1.9;font-weight:400;color:#b7bbc0}.split{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.capability{padding-top:130px;padding-bottom:100px}.capability-grid{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:410px}.cap-card{flex:1;position:relative;padding:26px 24px 32px;border-right:1px solid var(--line);transition:background .5s,flex .5s;min-width:0}.cap-card:last-child{border:0}.cap-card[open]{flex:1.25;background:rgba(194,194,194,.055)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.cap-card summary>.eyebrow{font-size:11px;letter-spacing:.08em}.matrix-icon{display:grid;grid-template-columns:repeat(11,1fr);gap:3px;width:122px;height:122px;margin:38px 0 46px;transition:transform .65s}.matrix-icon i{background:#b9bdc2;opacity:0}.matrix-icon i.on{opacity:.8}.cap-card:hover .matrix-icon{transform:rotate(-7deg)}.cap-name{font-size:27px;display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.cap-name>span{font-size:20px;color:#999ea6}.cap-description{padding-top:20px}.cap-description p{font-size:16px;line-height:1.9;color:#b6babf}.cap-description>span{display:block;font-size:12px;line-height:1.6;color:#8a909a;margin-top:17px}.light{background:#eeeff1;color:#232529;--line:rgba(45,45,45,.3);--ink:#232529;--bg:#eeeff1;--accent:#595f67;color-scheme:light}.light .body-copy{color:#636972}.anc-section{padding-top:120px}.anc-top{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.anc-top h2{font-size:clamp(42px,5.1vw,76px)}.anc-top .body-copy{margin-top:32px;max-width:465px}.anc-top .outline{margin-top:30px}.tiny{font-size:12px;line-height:1.8;color:#7d848e;margin-top:18px}.architecture{border:1px solid #aeb2b9;padding:26px;background:#e6e8ea;position:relative;font-family:var(--mono)}.arch-top{display:flex;justify-content:space-between;font-size:10px;color:#6a717b;letter-spacing:.08em;padding-bottom:42px}.arch-people{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:center}.arch-people>span{background:#f5f5f6;border:1px solid #b4b8bd;padding:25px 5px;font:16px var(--sans)}.arch-people small{display:block;font:8px var(--mono);margin-top:10px;color:#8e949c;letter-spacing:.06em}.arch-connect{height:38px;width:1px;background:#8e949c;margin:auto;position:relative}.arch-connect:after{position:absolute;content:'';height:1px;left:-65px;right:-65px;top:18px;background:#8e949c}.arch-core{background:#282b2f;color:#e5e7e9;text-align:center;padding:35px 10px}.arch-core>span{font:60px var(--sans);letter-spacing:-.07em;display:block}.arch-core>small{font:11px var(--sans);display:block;margin-top:12px;letter-spacing:.06em}.arch-knowledge{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font:12px var(--sans);gap:10px}.arch-knowledge span{padding:17px 0;border:1px solid #b4b8bd}.arch-caption{text-align:center;padding-top:28px;font:12px var(--sans);color:#6f757f}.anc-principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:95px;border-top:1px solid #bcbfc4}.anc-principles article{padding:30px 35px 15px 0}.anc-principles article+article{border-left:1px solid #bcbfc4;padding-left:35px}.anc-principles article>span{font:12px var(--mono);color:#7b828c}.anc-principles h3{font-size:22px;font-weight:400;margin:25px 0 16px}.anc-principles p{font-size:16px;line-height:1.8;color:#686e77;max-width:285px}.products-section{border-top:1px solid #c8cbcf;padding-top:100px}.product-list{border-top:1px solid #aeb2b8}.product-row{border-bottom:1px solid #aeb2b8}.product-row summary{display:flex;gap:30px;align-items:center;padding:30px 0}.product-no{font:12px var(--mono);color:#7a818c;width:40px}.product-title{font-size:27px;flex:1;line-height:1.5;letter-spacing:-.03em}.product-title>span{font-size:13px;font-weight:400;letter-spacing:.01em;color:#747b86;display:block;margin-top:6px}.product-type{font-size:12px;color:#747b86}.plus{font-size:25px;font-weight:300;transition:transform .3s;width:30px;text-align:center}.product-row[open] .plus{transform:rotate(45deg)}.product-body{padding:0 60px 32px 70px;max-width:810px}.product-body p{font-size:16px;line-height:1.9;color:#666c76}.product-body a,.product-body button{margin-top:10px}.cases-section{background:#25272b}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #50545b}.case-card{text-align:left;padding:33px 30px 25px;border:none;border-right:1px solid #50545b;min-width:0;background:#35383c;display:flex;flex-direction:column}.case-card:last-child{border:0}.case-card:nth-child(2){background:#232528}.case-card:nth-child(3){background:#dadcdf;color:#2b2d31}.case-card:hover{background:#42464d}.case-card:last-child:hover{background:#cdcfd3}.case-card .eyebrow{font-size:11px;letter-spacing:.1em}.case-card h3{font-size:26px;font-weight:400;line-height:1.5}.case-metric{font:64px/1 var(--sans);letter-spacing:-.06em;margin:65px 0 22px;white-space:nowrap}.case-metric span{font-size:26px;letter-spacing:0;margin:0 2px}.case-card>p{font-size:15px;line-height:1.9}.case-card>p>span{font-size:13px;opacity:.65}.case-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid currentColor;margin-top:35px;padding-top:18px;font-size:11px;opacity:.65}.case-source{font-size:12px;color:#898f98;margin-top:20px}.footer{background:#191a1c;padding-top:130px;padding-bottom:25px}.footer h2{max-width:820px;font-size:clamp(40px,5.6vw,84px)}.footer>.outline{margin-top:38px}.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr;margin-top:100px;padding-top:35px;border-top:1px solid var(--line);gap:30px}.footer-columns h3{font-size:24px;font-weight:500;margin-bottom:20px;letter-spacing:.1em}.footer-columns p{font-size:15px;color:#969ca4;line-height:1.9}.footer-columns .eyebrow{font-size:11px;color:#8d939b;margin-bottom:20px}.footer-columns a,.footer-columns .plain{display:block;font-size:14px;margin-bottom:13px;color:#c7cace}.plain{padding:0;border:0}.footer-wordmark{font-size:clamp(56px,16vw,260px);font-weight:600;letter-spacing:-.075em;line-height:1.2;margin:70px 0 20px;display:flex;align-items:center;justify-content:space-between;color:#dadcde;overflow:hidden}.footer-wordmark>span{font-weight:300;font-size:.55em}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;color:#7c838d;font-size:11px;line-height:1.7}.footer-bottom span:last-child{font-family:var(--mono);letter-spacing:.08em}
dialog{position:fixed;width:min(640px,calc(100% - 32px));max-height:85svh;overflow-y:auto;border:1px solid #5c626a;padding:55px;background:#212325;color:#e9eaeb}dialog::backdrop{background:rgba(8,8,8,.8);backdrop-filter:blur(10px)}dialog h2{font-size:38px;font-weight:400;line-height:1.35;letter-spacing:-.04em;margin-bottom:25px}dialog>p:not(.eyebrow):not(.tiny){font-size:16px;line-height:1.9;color:#bcc0c5}.dialog-close{position:absolute;right:17px;top:12px;border:0;font-size:30px;font-weight:300;width:36px;height:36px}.wechat{margin-top:30px;border-top:1px solid #5b6169;padding-top:25px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.wechat>span{font-size:13px;color:#a9adb4}.wechat strong{font:26px var(--mono);font-weight:400}.copy-status{min-height:28px;margin-top:12px}#case-content h3{font-size:17px;font-weight:500;margin:25px 0 10px}#case-content p{font-size:16px;line-height:1.9;color:#bcc0c5}#case-dialog>.outline{margin-top:30px}.js-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js-reveal.is-visible{opacity:1;transform:none}@keyframes blink{0%,65%{opacity:1}66%,100%{opacity:.2}}
@media(min-width:1600px){.chapter{padding-left:5vw}.hero-copy{width:800px}.story-copy h1{font-size:65px}.intro{font-size:20px}.section{padding-left:8vw;padding-right:8vw}}
@media(max-width:1000px){.section{padding:85px 5vw}.rail{right:17px}.rail span{display:none}.anc-top{gap:5vw}.architecture{padding:18px}.arch-people{gap:7px}.anc-principles article{padding-right:20px}.anc-principles article+article{padding-left:20px}.cap-card{padding:25px 15px}.cap-name{font-size:23px}.matrix-icon{width:100px;height:100px}.capability-grid{min-height:380px}.case-card{padding:25px 20px}.case-card h3{font-size:22px}.case-metric{font-size:48px}.case-bottom{flex-direction:column}.intro{font-size:16px}.story-copy{max-width:480px}.hero-copy{max-width:680px}.split{gap:30px}.split>.body-copy{font-size:15px}}
@media(max-width:700px){.header{padding:20px}.brand>span{font-size:20px}.brand svg{width:27px}.header .outline{padding:11px 13px;gap:12px;font-size:12px}.menu-button{display:flex}.header-right{gap:9px}.rail{display:none;position:fixed;top:90px;right:20px;transform:none;background:#1f2124;padding:20px;border:1px solid #53585f;mix-blend-mode:normal;min-width:220px;gap:8px}.rail.open{display:flex}.rail a{padding:11px 0;justify-content:space-between}.rail span{display:inline;opacity:1;font-size:15px}.rail i{width:20px}.chapter{padding:110px 23px 85px;min-height:100svh}.chapter-right{padding:110px 23px 60px;justify-content:flex-start;align-items:center}.story-copy,.hero-copy{width:100%;max-width:480px}.hero-copy h1{font-size:clamp(27px,6.8vw,42px);letter-spacing:-.04em;line-height:1.45}.story-copy h2{font-size:34px;line-height:1.4}.hero-copy>.eyebrow{font-size:9px}.intro{font-size:15px;line-height:1.9;margin-top:20px;max-width:400px}.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:24px}.story-copy:before{position:absolute;content:'';inset:-30px -25px;z-index:-1;background:radial-gradient(ellipse at 25% 80%,rgba(17,17,17,.85),rgba(17,17,17,.45) 55%,transparent 75%);pointer-events:none}.story-copy{position:relative;isolation:isolate}.story-copy .step-title{font-size:65px;line-height:1.1}.step-cn{font-size:22px}.principles>div{padding:18px 0}.principles h3{font-size:23px}.principles p{font-size:15px}.scene-note{right:23px;bottom:23px;font-size:9px}.scroll-cue{font-size:8px;bottom:0}.scroll-cue span{height:25px}.section{padding:75px 23px}.section h2{font-size:37px;line-height:1.3}.section-head{margin-bottom:40px}.split{display:block}.split>.body-copy{margin-top:25px}.capability-grid{display:grid;grid-template-columns:1fr 1fr;min-height:0}.cap-card{padding:25px 16px;min-height:290px;border-bottom:1px solid var(--line)}.cap-card:nth-child(2){border-right:0}.cap-card:nth-child(3){border-bottom:0}.cap-card[open]{background:rgba(194,194,194,.09)}.cap-card summary>.eyebrow{font-size:9px;letter-spacing:0}.matrix-icon{width:88px;height:88px;gap:2px;margin:25px 0}.cap-name{font-size:22px}.cap-description p{font-size:14px;line-height:1.8}.cap-description>span{font-size:11px}.anc-top{grid-template-columns:1fr;gap:50px}.anc-top h2{font-size:46px}.anc-top .body-copy{font-size:16px}.architecture{padding:24px}.arch-top{padding-bottom:30px}.arch-people>span{padding:20px 5px}.anc-principles{grid-template-columns:1fr;margin-top:50px}.anc-principles article,.anc-principles article+article{padding:25px 0;border-left:none;border-bottom:1px solid #bcbfc4}.anc-principles h3{margin:13px 0;font-size:22px}.anc-principles p{max-width:none;font-size:15px}.product-row summary{gap:13px;padding:24px 0}.product-no{width:20px;font-size:10px}.product-title{font-size:22px}.product-title>span{font-size:11px}.product-type{display:none}.product-body{padding:0 0 25px 33px}.product-body p{font-size:15px}.case-grid{grid-template-columns:1fr}.case-card{padding:30px;border-right:0;border-bottom:1px solid #50545b}.case-card h3{font-size:27px}.case-metric{font-size:66px;margin-top:40px}.case-bottom{flex-direction:row}.footer h2{font-size:41px}.footer-columns{grid-template-columns:1fr 1fr;gap:35px;margin-top:65px}.footer-columns>div:first-child{grid-column:1/-1}.footer-wordmark{font-size:16.5vw;margin:45px 0 20px}.footer-bottom{flex-direction:column;gap:6px;font-size:10px}dialog{padding:44px 25px 28px}dialog h2{font-size:32px}.tiny{font-size:11px}.pixel-caret{width:6px;margin-left:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal{opacity:1;transform:none}}

/* Reference scene framing and handoff. */
html.tree-smooth{scroll-behavior:auto}#world,.scrim{transform-origin:50% 0%}#scene-paper{position:fixed;inset:0;background:#ecedee;z-index:0;opacity:0;pointer-events:none}.scrim{background:radial-gradient(135% 100% at 6% 112%,rgba(0,0,0,.74) 0%,rgba(0,0,0,.56) 24%,rgba(0,0,0,.32) 46%,rgba(0,0,0,.12) 68%,transparent 86%)}#world canvas{transition:opacity .5s}#world{background:#0f1011}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}dialog{overscroll-behavior:contain}

/* LUNAR — graphite, mineral grey and restrained silver. */
:root{--bg:#0b0b0c;--surface:#151719;--ink:#f2f3f4;--muted:#aaafb6;--accent:#cfd2d6;--line:rgba(188,188,188,.23)}
#world{background:radial-gradient(ellipse at 65% 35%,#27292d,#0b0b0c 75%)}
.scrim{background:linear-gradient(90deg,rgba(4,4,4,.62),rgba(4,4,4,.08) 52%,transparent 75%),linear-gradient(0deg,rgba(4,4,4,.5),transparent 45%)}
#scene-paper{background:#151719}
.intro,.body-copy,.principles p{color:#c6c9ce}.hero-copy>.eyebrow,.principle-index,.step-number{color:#c6c9ce}
.scene-note{color:#a9aeb5}.story-copy{text-shadow:0 2px 24px #0b0b0c}.step-title span{color:#d7d9dc}.tags span{color:#c3c6cb;border-color:#646a72}
.outline{border-color:rgba(191,191,191,.38);background:rgba(12,12,12,.18)}.outline:hover{background:#e2e3e5;color:#121314}.text-link:hover{color:#d8dadd}
.section{background:#151719}.capability{background:radial-gradient(ellipse at 85% 0%,#25272b,transparent 58%),#151719}
.cap-card[open]{background:rgba(173,173,173,.055)}.matrix-icon i{background:#c6c9ce}
.light{background:#191b1d;color:#edeeef;--line:rgba(188,188,188,.23);--ink:#edeeef;--bg:#191b1d;--accent:#cfd2d6;color-scheme:dark}
.light .body-copy,.anc-principles p,.product-body p{color:#bdc1c6}.soft,.muted{color:#9ca1a9}.tiny{color:#9ca1a9}
.header.on-light{color:#f2f3f4}.header.on-light .outline{border-color:rgba(191,191,191,.38);background:rgba(12,12,12,.7)}.header.on-light .outline:hover{background:#e2e3e5;color:#121314}.header.on-light .menu-button{color:#f2f3f4;border-color:#646a72}
.architecture{border-color:#45494f;background:radial-gradient(ellipse at 50% 40%,#303337,#1c1e20)}.arch-top,.arch-caption{color:#b9bdc3}
.arch-people>span{background:#212327;border-color:#51565e}.arch-people small{color:#a8adb4}.arch-connect,.arch-connect:after{background:#7e858f}
.arch-core{background:linear-gradient(135deg,#595f67,#34373b);color:#f3f4f5;border:1px solid #8d939b;box-shadow:0 0 45px #b0b4bb15}
.arch-knowledge span{border-color:#51565e}.anc-principles,.anc-principles article+article,.products-section,.product-list,.product-row{border-color:#3f4348}
.anc-principles article>span,.product-no,.product-title>span,.product-type{color:#a4a8af}
.products-section{background:#191b1d}.cases-section{background:#151719}.case-grid,.case-card{border-color:#404449}
.case-card{background:#222428}.case-card:nth-child(2){background:#1c1e20}.case-card:nth-child(3){background:#2b2d31;color:#ecedee}.case-card:hover,.case-card:last-child:hover{background:#383c41}
.case-source{color:#969ba3}.footer{background:radial-gradient(ellipse at 65% 100%,#242629,transparent 65%),#0d0e0f}.footer-wordmark{color:#d7d9dc}
dialog{background:#1c1e21;border-color:#636971}.wechat{border-color:#4f535a}.rail.open{background:#1c1e21;border-color:#4f535a}
::selection{background:#bec2c7;color:#151719}
@media(max-width:700px){.story-copy:before{background:radial-gradient(ellipse at 25% 80%,rgba(6,6,6,.87),rgba(6,6,6,.52) 55%,transparent 75%)}.anc-principles article{border-color:#3f4348}.scrim{background:linear-gradient(0deg,rgba(5,5,5,.45),transparent 70%)}}

/* Quiet enterprise surfaces: no coloured glow or decorative gradients. */
:root{--bg:#090b0e;--surface:#13161b;--ink:#edf0f2;--muted:#a7aeb6;--accent:#c2ccd7;--line:rgba(207,215,225,.22)}
#world{background:#080a0d}#scene-paper{background:#13161b}
.section,.capability,.cases-section{background:#13161b}.light,.products-section{background:#1a1e24;--bg:#1a1e24;--ink:#edf0f2;--accent:#c2ccd7}
.architecture{background:#1f242b;border-color:#464e58}.arch-core{background:#353d47;border-color:#687482;box-shadow:none}
.footer{background:#0c0f13}.pixel-caret{animation:none;opacity:.6}
.outline{background:rgba(9,11,14,.25)}.outline:hover{background:#e0e5ea;color:#11151a}

.scrim{background:linear-gradient(90deg,rgba(5,7,10,.78),rgba(5,7,10,.38) 31%,transparent 64%),linear-gradient(0deg,rgba(5,7,10,.38),transparent 42%)}

/* Institutional typography: clear hierarchy, substantial headings and readable evidence. */
:root{--sans:"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;--ink:#f2f4f6;--muted:#bdc4cd}
body{font-weight:400;text-rendering:optimizeLegibility}
.brand>span{font-weight:700;letter-spacing:.06em}.brand small{font-weight:600;letter-spacing:.2em}
.story-copy h1{font-size:clamp(40px,4.15vw,72px);font-weight:700;line-height:1.22;letter-spacing:-.018em}
.story-copy h2,.section h2,dialog h2{font-weight:650;letter-spacing:-.02em;line-height:1.25}
.story-copy .step-title{font-weight:700;letter-spacing:-.035em;line-height:1.04}
.step-cn,.principles h3,.anc-principles h3,.case-card h3{font-weight:600;letter-spacing:0}
.cap-name,.product-title,.footer-columns h3{font-weight:600}
.case-metric,.arch-core>span{font-weight:700;letter-spacing:-.035em}
.intro,.body-copy{font-weight:450;line-height:1.85;color:#e0e4e8}
.light .body-copy,.principles p,.anc-principles p,.cap-description p,.product-body p{color:#cdd3db;font-weight:450}
.eyebrow{font-family:var(--sans);font-weight:600;letter-spacing:.12em;color:#c9d1da}
.hero-copy>.eyebrow{font-size:12px;font-weight:650;color:#d4dbe3;letter-spacing:.14em}
.principle-index,.step-number,.tags span{font-weight:600;color:#c4ccd6}
.outline,.text-link,.rail span,.footer-columns a,.footer-columns .plain{font-weight:600}
.outline{border-width:1.5px;letter-spacing:.025em;min-height:48px}
.hero-copy>.outline,.footer>.outline{background:#edf1f5;color:#151b23;border-color:#edf1f5;font-weight:650}
.hero-copy>.outline:hover,.footer>.outline:hover{background:#cdd7e3;border-color:#cdd7e3;color:#101720}
.header .outline{background:rgba(10,14,19,.82);border-color:#79838e}
.rail span{font-size:14px;letter-spacing:.035em}
.arch-people>span{font-weight:600}.arch-people small{font-size:10px;color:#c0c8d2}
.arch-core>small,.arch-knowledge,.arch-caption{font-weight:500}.arch-core>small{font-size:12px}
.soft,.muted{color:#aeb8c5}.tiny,.case-source,.cap-description>span{color:#aeb8c4}
.product-title>span,.product-type,.product-no{color:#b6c0cc;font-weight:500}
.case-card>p>span,.case-bottom{opacity:.85}.case-card>p{font-weight:500}
.footer-columns p,.footer-columns .eyebrow{color:#b4bec9}.footer-columns a,.footer-columns .plain{color:#e0e5ec}
.footer-bottom{color:#a5afbb}.pixel-caret{display:none}
.principles{position:relative;isolation:isolate}
.principles:before{content:"";position:absolute;inset:-26px -28px;z-index:-1;background:linear-gradient(135deg,rgba(8,11,16,.94),rgba(8,11,16,.82));border:1px solid rgba(211,221,233,.18);pointer-events:none}
@media(min-width:1600px){.story-copy h1{font-size:72px}.hero-copy{width:840px}}
@media(max-width:700px){
  .hero-copy h1{font-size:clamp(31px,8.2vw,42px);font-weight:700;line-height:1.3;letter-spacing:-.01em}
  .hero-copy>.eyebrow{font-size:10px;letter-spacing:.08em}
  .story-copy .step-title{font-size:clamp(50px,13.5vw,66px)}
  .intro{font-size:16px;line-height:1.85}.story-copy h2{font-size:34px;line-height:1.3}
  .header .outline{font-size:12px;min-height:44px}.brand>span{font-weight:700}
}