*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#10213f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}
header{position:fixed;inset:0 0 auto;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid #edf1f6;z-index:20}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;font-weight:950;letter-spacing:1.5px}.brand small{font-size:11px;color:#8b98aa;font-weight:500;margin-left:14px;border-left:1px solid #dce3ec;padding-left:14px}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav a.active{color:#1d63f3}nav .cta{background:#10213f;color:#fff;padding:12px 18px;border-radius:10px}#menu{display:none;border:0;background:none;font-size:22px}
.hero{padding:150px 0 90px;overflow:hidden;background:radial-gradient(circle at 75% 10%,rgba(90,140,255,.22),transparent 30%),radial-gradient(circle at 55% 45%,rgba(255,190,142,.16),transparent 28%),linear-gradient(135deg,#fff,#f5f9ff 55%,#edf4ff)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.eyebrow{display:inline-block;padding:8px 11px;border-radius:99px;background:#f0f4f9;color:#77869b;font-size:10px;font-weight:700;letter-spacing:1px}.copy h1{font-size:68px;line-height:.98;letter-spacing:-3px;margin:22px 0 18px}.copy h1 strong{display:block;color:#1d63f3;margin-top:8px}.copy h2{font-size:27px;margin:0 0 20px}.copy p{color:#64738a;line-height:1.9;font-size:15px;max-width:560px}.actions{display:flex;gap:12px;margin-top:28px}.btn{padding:14px 24px;border-radius:12px;font-size:13px;font-weight:800}.primary{background:linear-gradient(135deg,#1d63f3,#4387ff);color:#fff;box-shadow:0 14px 30px rgba(29,99,243,.22)}.ghost{border:1px solid #ccd6e4;background:rgba(255,255,255,.7)}.micro{display:block;color:#8b98aa;margin-top:24px}
.visual{position:relative;min-height:455px}.dash{position:absolute;inset:48px -10px auto 0;background:rgba(255,255,255,.95);border:1px solid #e1e7ef;border-radius:18px;box-shadow:0 25px 65px rgba(26,52,89,.14);padding:14px;transform:perspective(1200px) rotateY(-4deg)}.dash-top{display:grid;grid-template-columns:110px 1fr 30px;gap:10px;align-items:center;padding:2px 3px 12px}.dash-top>span{background:#f5f7fa;color:#a1acba;border-radius:9px;padding:9px 12px;font-size:9px}.dash-top i{width:30px;height:30px;border-radius:50%;background:#2f72ee;color:#fff;display:grid;place-items:center;font-size:10px;font-style:normal}.dash-body{display:grid;grid-template-columns:110px 1fr;gap:12px}.dash-body aside{background:#f6f9fd;border-radius:11px;padding:12px 9px;display:grid;align-content:start;gap:10px;font-size:9px;color:#7a879a}.dash-body aside b{background:#e8f0ff;color:#2769d7;padding:8px;border-radius:8px}.dash-body section{min-width:0}.dash-title{display:flex;justify-content:space-between}.dash-title small{display:block;font-size:16px;font-weight:900}.dash-title b{font-size:9px;color:#8a96a8}.dash-title em{font-size:8px;background:#f7f9fc;padding:7px 9px;border-radius:7px;color:#7b899e;font-style:normal}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.metrics div{border:1px solid #ebeff5;border-radius:10px;padding:10px}.metrics span{font-size:7px;color:#8793a5}.metrics b{display:block;font-size:15px;margin:5px 0}.metrics i{font-size:7px;color:#19aa6d;font-style:normal}.chart{border:1px solid #ebeff5;border-radius:10px;padding:10px;margin-top:8px}.chart-head{display:flex;justify-content:space-between;font-size:8px}.chart-head span{color:#8793a6}.chart svg{width:100%;height:175px}.scribble{position:absolute;right:6%;top:2%;transform:rotate(-7deg);font-family:KaiTi,serif;font-size:18px;color:#435269}
.principles{border-bottom:1px solid #e8edf5}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:38px 0}.principles article{padding:8px 34px;border-right:1px solid #e8edf5}.principles article:first-child{padding-left:0}.principles article:last-child{border:0}.principles i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf3ff;color:#1d63f3;font-style:normal;font-size:18px}.principles h3{font-size:15px;margin:12px 0 4px}.principles p{font-size:12px;color:#6e7b91;line-height:1.7;margin:0}
.section{padding:80px 0}.heading{text-align:center}.heading span{font-size:9px;color:#8d9aab;letter-spacing:5px}.heading h2{font-size:34px;margin:10px 0 7px}.heading p{color:#748197;font-size:13px}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.projects article{border:1px solid #e8edf5;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(34,56,89,.05);transition:.25s}.projects article:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(34,56,89,.11)}.cover{height:145px}.hotel{background:linear-gradient(135deg,#142c54,#477eb4 58%,#d39d65)}.market{background:linear-gradient(180deg,#bde3fa,#eaf6ff 55%,#5ba1ce 56%,#1d537f)}.lab{background:repeating-linear-gradient(90deg,#eef3f8 0 28px,#e4ebf4 28px 30px),linear-gradient(#e8eef7,#f9fbfd)}.notes{background:linear-gradient(135deg,#e7d7c8,#fff5e9)}.body{padding:18px}.body h3{font-size:18px;margin:0 0 7px}.body p{font-size:12px;color:#68768c;line-height:1.7;min-height:62px}.body a{font-size:12px;color:#1d63f3;font-weight:800}
.numbers{padding-bottom:72px}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr)}.numbers-grid div{text-align:center;padding:10px;border-right:1px solid #e8edf5}.numbers-grid div:last-child{border:0}.numbers-grid b{font-size:28px;display:block}.numbers-grid span{font-size:12px;color:#59687f}
.quote{background:linear-gradient(180deg,#f6f9fd,#edf4fa)}.quote-grid{display:grid;grid-template-columns:.8fr 1.2fr;min-height:280px;align-items:center}.quote-grid>div:first-child>span{font-size:58px}.quote h2{font-size:25px;line-height:1.55;margin:0}.quote p{font-size:12px;color:#7d8a9f}.scene{height:100%;position:relative;overflow:hidden}.sun{position:absolute;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,#fff5bf 0,#ffb366 50%,transparent 72%);left:25%;top:34%}.mountain{position:absolute;bottom:55px;width:75%;height:110px;background:#b6c9dc;clip-path:polygon(0 100%,12% 60%,22% 72%,32% 36%,44% 68%,55% 30%,68% 65%,78% 42%,92% 66%,100% 50%,100% 100%)}.mountain.one{left:0;opacity:.55}.mountain.two{left:20%;bottom:48px;background:#88a6bf}.sea{position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(#d7e7f2,#f7fbfd)}
footer{padding:34px 0 22px}.foot{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.foot>div:nth-child(2){display:flex;justify-content:center;gap:28px;font-size:12px}.foot>div:nth-child(3){display:flex;justify-content:flex-end;gap:14px;font-size:12px}.foot b{font-size:25px}.foot small{display:block;color:#8d99aa}.copyline{border-top:1px solid #e8edf5;margin-top:22px;padding-top:18px;display:flex;justify-content:space-between;color:#9aa5b5;font-size:9px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:#10213f;color:#fff;padding:11px 18px;border-radius:10px;font-size:12px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.projects{grid-template-columns:1fr 1fr}.principles-grid{grid-template-columns:1fr 1fr}.copy h1{font-size:52px}.visual{min-height:390px}.scribble{display:none}}@media(max-width:650px){#menu{display:block}nav{display:none;position:absolute;top:68px;left:14px;right:14px;background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:14px;flex-direction:column;align-items:stretch;box-shadow:0 20px 50px rgba(26,52,89,.13)}nav.show{display:flex}.brand small{display:none}.hero{padding-top:120px}.copy h1{font-size:44px}.projects,.principles-grid,.numbers-grid,.quote-grid,.foot{grid-template-columns:1fr}.principles article,.numbers-grid div{border-right:0;border-bottom:1px solid #e8edf5;padding:18px 0}.visual{min-height:310px}.dash{transform:none;top:10px}.dash-body{grid-template-columns:72px 1fr}.metrics{grid-template-columns:1fr 1fr}.chart svg{height:110px}.copyline{flex-direction:column;gap:8px}.foot>div:nth-child(2),.foot>div:nth-child(3){justify-content:flex-start;margin-top:14px}}