:root{color-scheme:dark;--bg:#080f12;--ink:#eef3f3;--muted:#a1b0b5;--accent:#8be1e4;--line:#283b42;font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:absolute;left:20px;top:-80px;padding:14px;background:var(--bg);z-index:5}.skip:focus{top:16px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px max(6vw,24px)}header{border-bottom:1px solid var(--line)}.identity{font-size:22px;letter-spacing:-.6px;font-weight:600}.identity span{color:var(--muted);font-weight:400}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav a{color:var(--muted)}button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:9px 13px;cursor:pointer}button:hover{border-color:var(--accent)}main{max-width:1350px;margin:auto;padding:0 max(6vw,24px)}.hero{position:relative;padding:96px 0 74px}.eyebrow,.index{font-size:11px;letter-spacing:.16em;line-height:1.6;color:var(--accent)}h1{font-size:clamp(48px,6.7vw,94px);font-weight:450;letter-spacing:-.055em;line-height:1.08;margin:25px 0}p{line-height:1.8}.lead{font-size:clamp(17px,1.6vw,21px);color:var(--muted);margin:28px 0}.hero-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}.button{display:inline-block;padding:14px 21px;border:1px solid var(--accent);border-radius:4px;font-size:14px}.primary{background:var(--accent);color:#0b2027}.text-link{color:var(--muted);font-size:14px}a:hover{color:var(--accent)}.primary:hover{background:#b1f1f3;color:#0b2027}.hero-mark{display:flex;align-items:center;gap:18px;color:#718b95;font-size:10px;letter-spacing:.15em;margin-top:70px}.hero-mark i{height:1px;width:60px;background:var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:28px;margin-bottom:32px}.section-head h2{font-size:20px;font-weight:500;margin:0}.section-head .eyebrow{color:var(--muted);white-space:nowrap}.resource{border-top:1px solid var(--line);display:grid;grid-template-columns:47% 53%;min-height:400px;align-items:center}.art{height:365px;display:flex;align-items:center;justify-content:center;overflow:hidden}.art img{width:100%;height:100%;object-fit:contain}.structure .art img{max-width:360px;mix-blend-mode:lighten}.copy{padding:40px 0 40px 42px}.index{color:#d6ac79;margin:0 0 20px}h3{font-size:clamp(30px,3.6vw,48px);line-height:1.13;letter-spacing:-.035em;font-weight:500;margin:0 0 20px}.copy>p:not(.index){color:var(--muted);font-size:16px;max-width:490px}.copy .detail{font-size:12px!important;color:#79939d!important;margin-top:24px}.links{display:flex;gap:22px;flex-wrap:wrap;margin-top:23px;color:var(--accent);font-size:14px}.links a{padding:7px 0;border-bottom:1px solid transparent}.links a:hover{border-color:var(--accent)}svg{width:100%;height:100%}.grid{stroke:#20363e;stroke-width:1;fill:none}.path{stroke:#8be1e4;stroke-width:3;fill:none}.warm{stroke:#dcab70}.mid{stroke:#91acb5}.cool{stroke:#8be1e4}.marker{stroke:#657b83;stroke-dasharray:3 7;opacity:.4}svg text{fill:#94abb4;font:11px Arial,sans-serif;letter-spacing:2px}.build{padding:65px 0 80px;border-top:1px solid var(--line);margin-top:30px}.build h2{font-size:clamp(32px,4.5vw,54px);font-weight:450;letter-spacing:-.035em;line-height:1.2;margin:20px 0}.build>p:not(.eyebrow){color:var(--muted);max-width:650px;font-size:17px}footer{border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer p{margin:0}@media(min-width:1500px){main{padding:0 60px}}@media(max-width:760px){header,footer{padding:23px 24px}.identity{font-size:19px}nav{gap:18px}.hero{padding:65px 0 50px}.hero-mark{margin-top:48px}.section-head{display:block}.section-head .eyebrow{display:block;margin-top:14px}.resource{grid-template-columns:1fr}.art{height:275px;margin-top:20px}.copy{padding:5px 0 36px}.copy h3{font-size:36px}.copy>p:not(.index){font-size:15px}.build{padding:40px 0 55px}footer{flex-wrap:wrap;gap:14px}footer p{order:3;width:100%}.hero-links{gap:22px}.hero .lead br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}