:root{--paper:#f3f0e9;--ink:#222629;--muted:#6d7477;--blue:#607d91;--blue-dark:#425c6e;--line:#d7d4cc;--white:#faf9f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:20;color:#fff;border-bottom:1px solid #ffffff24}.site-header.scrolled{position:fixed;background:#222629ed;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;font:600 16px "DM Sans";letter-spacing:.12em}.brand b{color:#9fb2bf}.brand-mark{display:flex;gap:2px;align-items:flex-end;width:18px;height:18px}.brand-mark i{display:block;width:4px;background:#eef2f2;transform:skew(-16deg)}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:12px}.nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav>a:not(.nav-cta){opacity:.7}.nav>a:hover,.nav>a.active{opacity:1}.language{background:transparent;color:#fff;border:0;border-left:1px solid #ffffff30;padding-left:28px}.language span{opacity:.45}.nav-cta{padding:10px 17px;border:1px solid #ffffff66}.menu-button{display:none}.hero{min-height:720px;height:100vh;position:relative;color:#fff;overflow:hidden;background:#1c2730}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#172430d9 0%,#21303ba8 35%,#21303b1c 73%),linear-gradient(0deg,#14212aa3 0%,transparent 38%),url("assets/storm-mountains-hero.png") center/cover no-repeat;transform:scale(1.01)}.hero-inner{position:relative;z-index:2;max-width:1240px;margin:auto;padding:21vh 4vw 0}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.15em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;color:#d8e0e4}.eyebrow span{width:23px;height:1px;background:#92aabc}.hero h1{font-size:clamp(58px,7.6vw,110px);line-height:.98;letter-spacing:-.055em;margin:26px 0 28px;font-weight:600}.hero h1 em{font-style:normal;color:#b6c6cf}.hero-copy{font-size:17px;line-height:1.9;color:#e3e7e7;margin:0 0 35px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;gap:38px;padding:15px 20px;font-size:14px}.button.primary{background:#e9e8e2;color:#222}.button.ghost{border:1px solid #ffffff4d}.hero-meta{position:absolute;z-index:2;bottom:28px;left:4vw;right:4vw;display:flex;justify-content:space-between;font:10px "DM Sans";letter-spacing:.18em;color:#ffffff80}.section{padding:120px 5vw;max-width:1440px;margin:auto}.section-kicker{color:var(--blue-dark);margin-bottom:35px}.section-kicker:before{content:"";display:inline-block;width:22px;height:1px;background:var(--blue);margin:0 10px 4px 0}.intro-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;margin-bottom:72px}.intro h2,.engineering h2{font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-.05em;margin:0;font-weight:600}.intro h2 span,.engineering h2 span{color:#738896}.intro-heading p,.engineering-copy>p{max-width:520px;color:var(--muted);font-size:16px;line-height:1.9;margin:0}.paths{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.path{min-height:360px;padding:28px;position:relative;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:.3s}.path:last-child{border:0}.path:hover{background:#ebe8df;transform:translateY(-4px)}.path-number{font:11px "DM Sans";color:#8b9292}.path-icon{margin:52px 0 40px;width:68px;height:68px}.swords{font:300 85px/55px serif;color:#6f8593;transform:rotate(9deg)}.redstone{border:2px solid #778b98;transform:rotate(45deg) scale(.75);box-shadow:inset 0 0 0 13px var(--paper),inset 0 0 0 15px #778b98}.cube{border:2px solid #778b98;transform:rotate(30deg) skew(-5deg);width:55px;height:55px;margin-left:8px}.path p{font-size:11px;color:#748086;margin:0 0 8px}.path h3{font-size:24px;margin:0 0 13px}.path div span{color:var(--muted);font-size:14px;line-height:1.7}.path>b{position:absolute;right:28px;bottom:28px;font-size:18px;color:#758b98}.engineering{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center;padding-top:80px;padding-bottom:150px}.engineering-copy>p{margin:30px 0}.text-link{display:inline-flex;gap:45px;border-bottom:1px solid #999;padding:0 0 10px;font-size:14px}.help-panel{background:#e8e5dd;border:1px solid #d4d0c7;padding:0 28px;box-shadow:18px 18px 0 #d9d6ce}.panel-top{height:65px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cecbc3;font-size:13px}.panel-top small{font:9px "DM Sans";letter-spacing:.15em;color:#607d6c}.panel-top small:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#6d927a;margin-right:7px}.help-panel article{display:grid;grid-template-columns:12px 1fr auto;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid #d2cfc7}.status{width:7px;height:7px;border-radius:50%;background:#68879b}.status.warm{background:#aa8360}.status.green{background:#6e8d78}.help-panel h4{font-size:14px;margin:0 0 6px}.help-panel article p,.help-panel article>span{font-size:10px;color:#848988;margin:0}.demo-note{font-size:9px;color:#949895;text-align:right;margin:12px 0}.community{background:#435d6d;color:#f7f5ee;text-align:center;padding:120px 20px;position:relative;overflow:hidden}.community:before,.community:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff10;transform:rotate(45deg)}.community:before{left:-120px;top:-70px}.community:after{right:-110px;bottom:-90px}.community-inner{position:relative;z-index:1}.eyebrow.light{justify-content:center}.community h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.05em;margin:25px 0 18px}.community p:not(.eyebrow){color:#d7e0e3;line-height:1.9;margin-bottom:35px}.light-button{background:#f3f0e9;color:#26343c}footer{padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;background:#212628;color:#fff}footer p,footer>span{font-size:11px;color:#9ba1a2}footer .brand-mark i{background:#8498a4}@media(max-width:900px){.menu-button{display:flex;flex-direction:column;gap:5px;background:none;border:0}.menu-button span{width:22px;height:1px;background:#fff}.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:25px 5vw;background:#222629;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{height:auto;min-height:750px}.hero-inner{padding:180px 6vw 0}.hero-bg{background-position:58% center}.intro-heading,.engineering{grid-template-columns:1fr;gap:38px}.paths{grid-template-columns:1fr}.path{min-height:280px;border-right:0;border-bottom:1px solid var(--line)}.path-icon{margin:35px 0 25px}.section{padding:85px 6vw}.engineering{padding-bottom:110px}.help-panel{padding:0 17px;box-shadow:9px 9px 0 #d9d6ce}.help-panel article{grid-template-columns:10px 1fr}.help-panel article>span{display:none}footer{gap:20px;flex-wrap:wrap}footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.path{transition:none}}

/* Refined Chinese-first identity and direct hero navigation */
.brand{font-family:"Noto Sans SC","DM Sans",sans-serif}
.brand b{color:#a7bdca}
.storm-mark{position:relative;display:block;flex:0 0 auto;width:29px;height:29px;animation:storm-spin 12s linear infinite}
.storm-mark i{position:absolute;inset:3px;border:1.5px solid #dce9ef;border-left-color:transparent;border-radius:50%;transform:rotate(var(--turn)) scale(var(--scale));transform-origin:center}
.storm-mark i:nth-child(1){--turn:12deg;--scale:1}
.storm-mark i:nth-child(2){--turn:132deg;--scale:.68;border-color:#9fb9c8;border-left-color:transparent}
.storm-mark i:nth-child(3){--turn:252deg;--scale:.36;border-color:#fff;border-left-color:transparent}
.storm-mark:after{content:"";position:absolute;left:13px;top:13px;width:4px;height:4px;border-radius:50%;background:#eaf4f8;box-shadow:0 0 10px #c6e3f1}
@keyframes storm-spin{to{transform:rotate(360deg)}}
.hero h1{font-size:clamp(70px,10vw,142px);line-height:.92;letter-spacing:-.075em;font-weight:650}
.hero h1 em{margin-left:.08em}
.hero-actions{display:grid;grid-template-columns:repeat(3,minmax(155px,210px));gap:10px;max-width:650px}
.hero-function{min-height:92px;padding:16px 17px;border:1px solid #ffffff42;background:#17242c66;backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:end;transition:.25s}
.hero-function small{grid-column:1/-1;font:9px "DM Sans";letter-spacing:.14em;color:#b9c9d1}
.hero-function strong{font-size:16px;font-weight:500}
.hero-function>span{font-size:16px;color:#c9dae2}
.hero-function:hover{background:#f1efe8;color:#20272b;transform:translateY(-3px);border-color:#f1efe8}
.hero-function:hover small{color:#667984}
.hero-function.featured{background:#dce5e7e8;color:#20282d;border-color:#dce5e7}
.hero-function.featured small{color:#627783}
@media(max-width:900px){.hero-inner{padding-top:145px}.hero-actions{grid-template-columns:1fr;max-width:290px}.hero-function{min-height:68px;padding:11px 15px}.hero h1{font-size:clamp(62px,20vw,96px)}}
@media(prefers-reduced-motion:reduce){.storm-mark{animation:none}.hero-function{transition:none}}

/* Modular homepage v2 */
.solid-header{position:fixed;background:#183448;border-color:#ffffff18;box-shadow:0 6px 24px #07182418}
.solid-header.scrolled{background:#183448f2}
.brand-logo{width:34px;height:34px;object-fit:contain;object-position:center;animation:brand-drift 14s linear infinite}
.logo-light{filter:invert(1) brightness(1.8)}
@keyframes brand-drift{to{transform:rotate(360deg)}}
.home-v2 .hero-v2{min-height:670px;height:88vh}
.home-v2 .hero-v2 .hero-inner{padding-top:23vh}
.home-v2 .hero h1{font-size:clamp(58px,7.3vw,105px)}
.module-section{min-height:100vh;padding:120px 5vw 70px;background:var(--paper);display:grid;grid-template-columns:minmax(220px,.42fr) minmax(520px,1fr);grid-template-rows:1fr auto;gap:32px 6vw;align-items:center;scroll-margin-top:76px}
.module-section:nth-of-type(3){background:#e9edf0}
.module-heading>span{font:10px "DM Sans";letter-spacing:.16em;color:#607d91}
.module-heading h2{font-size:clamp(46px,5vw,76px);line-height:1.04;letter-spacing:-.06em;margin:18px 0 25px}
.module-heading p{color:#697377;line-height:1.9;max-width:390px}
.module-cover{height:min(66vh,650px);min-height:470px;position:relative;display:block;overflow:hidden;background:#22313a;box-shadow:0 24px 70px #26353d24}
.module-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.module-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101a22c9 0%,#13212d36 55%,transparent)}
.module-label{position:absolute;left:7%;bottom:9%;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:end;min-width:min(420px,78%);border-bottom:1px solid #ffffff69;padding-bottom:18px}
.module-label small{grid-column:1/-1;font:10px "DM Sans";letter-spacing:.17em;color:#c8d6dd;margin-bottom:10px}
.module-label strong{font-size:clamp(34px,4vw,62px);letter-spacing:-.04em}
.module-label i{font-size:28px;font-style:normal}.module-cover:hover>img{transform:scale(1.035)}
.module-status{grid-column:1/-1;display:flex;gap:10px;align-items:center;border-top:1px solid #cfd3d3;padding-top:20px}
.module-status span{border:1px solid #c9cecf;padding:8px 12px;font-size:11px;color:#647075}.module-status em{margin-left:auto;font-size:10px;color:#8a9293;font-style:normal}
.simple-community{min-height:65vh;display:grid;place-items:center;position:relative}.community-logo{position:absolute;width:min(55vw,650px);height:65%;object-fit:contain;filter:invert(1);opacity:.035}
.feature-page{min-height:100vh;background:#edf0ef;font-family:"Noto Sans SC",sans-serif}.back-link{font-size:12px;color:#e5edf0}.feature-shell{padding:130px 6vw 60px;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;min-height:100vh}.feature-shell>img{width:100%;height:min(68vh,680px);object-fit:cover;box-shadow:0 25px 75px #1c2a3030}.feature-shell>div>span{font-size:10px;letter-spacing:.18em;color:#607d91}.feature-shell h1{font-size:clamp(52px,7vw,100px);letter-spacing:-.07em;margin:18px 0}.feature-shell p{font-size:17px;line-height:1.9;color:#697377}.feature-shell aside{margin-top:40px;border-left:2px solid #607d91;padding:15px 20px;color:#7f8788;font-size:12px;background:#fff8}
@media(max-width:900px){.home-v2 .hero-v2{height:82vh;min-height:630px}.home-v2 .hero-v2 .hero-inner{padding-top:190px}.module-section{min-height:auto;padding:105px 6vw 65px;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:28px}.module-cover{height:58vh;min-height:400px}.module-status{grid-column:1;flex-wrap:wrap}.module-status em{width:100%;margin:6px 0 0}.module-label{min-width:82%}.feature-shell{grid-template-columns:1fr;padding-top:110px}.feature-shell>img{height:48vh;min-height:340px}}
@media(prefers-reduced-motion:reduce){.brand-logo{animation:none}.module-cover>img{transition:none}}

.home-v2 .hero-bg{background-image:linear-gradient(90deg,#172430d9 0%,#21303ba8 35%,#21303b1c 73%),linear-gradient(0deg,#14212aa3 0%,transparent 38%),url("assets/storm-mountains-hero-v2.png")}
.home-v2 .hero-v2 .hero-inner{display:flex;align-items:center;height:100%;padding-top:76px}
.home-v2 .hero-v2 h1{margin:0}