*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#13231e;background:#f5f8f6;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);background:rgba(248,251,249,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10;border-bottom:1px solid #dce7e2}.brand{display:grid;grid-template-columns:42px auto;grid-template-rows:22px 16px;column-gap:10px;align-items:center}.brand span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;background:#173f33;color:white;border-radius:50%;font-size:21px}.brand b{font-size:18px}.brand small{font-size:10px;color:#6b7f76;letter-spacing:1.5px}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:#137a61}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:670px;position:relative;display:grid;align-items:end;background:linear-gradient(90deg,rgba(5,31,23,.91) 0%,rgba(5,31,23,.66) 39%,rgba(5,31,23,.06) 72%),url('/assets/muniu-smart-ranch.webp') center/cover}.hero-inner{padding:100px clamp(24px,7vw,120px) 78px;max-width:850px;color:white;position:relative;z-index:1}.eyebrow{font-size:13px;letter-spacing:2px;color:#a8dfcf}.hero h1{font-size:clamp(42px,6.4vw,84px);line-height:1.02;letter-spacing:0;margin:18px 0 24px}.hero p{font-size:18px;max-width:630px;color:#d8e8e2}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{padding:14px 22px;border-radius:6px;background:#f47b42;color:#fff;font-weight:700}.btn.alt{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(10px)}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;margin:-1px 0 0}.metric-strip div{padding:24px clamp(18px,3vw,52px);border-right:1px solid #dfe8e4}.metric-strip b{font-size:22px;color:#13694f}.metric-strip span{display:block;font-size:13px;color:#697c74}.section{padding:90px clamp(22px,7vw,120px)}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:45px}.section-title h2{font-size:clamp(32px,4vw,54px);line-height:1.12;margin:0}.section-title p{color:#5f726a;margin:0}.task-rail{display:grid;grid-template-columns:1.2fr .8fr .8fr;border-top:2px solid #1b4639;border-bottom:1px solid #bdcbc5}.task{padding:34px;border-right:1px solid #bdcbc5;min-height:230px}.task:last-child{border:0}.task em{font-style:normal;color:#e66932;font-size:12px}.task h3{font-size:24px;margin:35px 0 12px}.task a{font-weight:700;color:#137a61}.operations{background:#112f27;color:white}.operations .section-title p{color:#b7ccc4}.op-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.trend{min-height:390px;padding:32px;background:#173d32;position:relative;overflow:hidden}.bars{height:210px;display:flex;align-items:end;gap:5%;border-bottom:1px solid #66877a;margin-top:45px}.bars i{display:block;width:11%;background:linear-gradient(#55c9a2,#26836a);height:var(--h)}.side-notes{display:grid;gap:12px}.side-notes div{padding:24px;background:#eaf3ef;color:#17352c}.side-notes b{font-size:28px}.device-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cad8d2;border:1px solid #cad8d2}.device-row a{background:#fff;padding:26px 20px}.device-row strong{display:block;font-size:19px;margin-bottom:30px}.device-row span{color:#64776f;font-size:13px}.article-list{border-top:1px solid #b9c9c2}.story{display:grid;grid-template-columns:150px 1fr auto;gap:28px;padding:26px 0;border-bottom:1px solid #b9c9c2;align-items:center}.story time{color:#667a71}.story h3{margin:0;font-size:21px}.story p{margin:6px 0 0;color:#62736c}.story b{color:#157458}.history-band{background:#e4ece8;padding:56px clamp(22px,7vw,120px);display:grid;grid-template-columns:1fr 2fr;gap:60px}.history-band h2{margin:0}.history-band p{margin:0}.page-head{padding:100px clamp(22px,9vw,160px) 70px;background:#143b30;color:white}.page-head>p{color:#91d5be;letter-spacing:2px}.page-head h1{font-size:clamp(38px,5vw,68px);line-height:1.1;letter-spacing:0;max-width:900px}.page-head>div{max-width:760px;color:#d4e4de}.content-grid{padding:70px clamp(22px,9vw,160px);display:grid;grid-template-columns:repeat(2,1fr);gap:48px 70px}.content-grid article{border-top:2px solid #1e5b49;padding-top:18px}.content-grid h2{font-size:24px}.article-main{max-width:980px;margin:auto;padding:70px 24px}.article-main .meta{color:#6d7e77}.article-main h1{font-size:clamp(38px,5vw,64px);line-height:1.15;letter-spacing:0}.article-body{font-size:18px}.article-body h2{font-size:30px;margin-top:55px}.article-body p{max-width:780px}.article-body .note{border-left:4px solid #e8753e;padding:18px 24px;background:#edf3f0}.legacy{max-width:880px;margin:80px auto;padding:0 24px}.legacy h1{font-size:45px}.legacy .notice{padding:24px;background:#edf3f0;border-left:4px solid #18705a}footer{padding:55px clamp(22px,7vw,120px);background:#0e2821;color:#d8e6e0;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer div:nth-child(2){display:flex;gap:20px;justify-content:flex-end}footer>p{grid-column:1/3;border-top:1px solid #36534a;padding-top:20px;color:#93a9a0}@media(max-width:760px){header{height:66px;padding:0 18px}.menu{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}nav.open{display:flex}.hero{min-height:650px;background-position:62% center}.hero-inner{padding:76px 22px 52px}.hero h1{font-size:48px}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip div:nth-child(2){border-right:0}.section{padding:64px 20px}.section-title,.op-grid,.history-band{grid-template-columns:1fr;gap:24px}.task-rail{grid-template-columns:1fr}.task{border-right:0;border-bottom:1px solid #bdcbc5;min-height:auto}.device-row{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr;gap:8px}.story b{display:none}.content-grid{grid-template-columns:1fr;padding:50px 22px}.page-head{padding:65px 22px 48px}.article-main{padding-top:45px}footer{grid-template-columns:1fr}footer div:nth-child(2){justify-content:flex-start;flex-wrap:wrap}footer>p{grid-column:1}}
.hero{overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,23,.91),rgba(5,31,23,.6) 42%,rgba(5,31,23,.05) 75%);z-index:0}.hero-inner{position:relative;z-index:1}.article-body .note a{display:inline-block;margin:0 5px}