body{background:#f6f8f5}
.home-header{max-width:none;padding:17px max(24px,calc((100vw - 1180px)/2));position:relative;z-index:3}
.home-header nav{align-items:center;flex-wrap:wrap;gap:22px;font-size:14px}
.home-nav-cta{padding:11px 16px;border-radius:50px;background:#173e34;color:#fff!important;font-weight:700}
.home-main{overflow:hidden}
.home-hero{background:radial-gradient(circle at 82% 16%,#4c765f 0%,transparent 34%),linear-gradient(140deg,#12392f,#1d4738 55%,#2b5c47);position:relative;isolation:isolate;color:#fff;min-height:620px;overflow:hidden}
.hero-grain{position:absolute;inset:0;background-image:radial-gradient(#ffffff10 1px,transparent 1px);background-size:18px 18px;mix-blend-mode:soft-light;opacity:.45}
.home-hero-inner{max-width:1180px;margin:0 auto;padding:85px 24px 220px;position:relative;z-index:2}
.eyebrow-pill{display:inline-block;border:1px solid #ffffff65;border-radius:50px;padding:9px 15px;color:#d9eadb;font-size:11px;letter-spacing:.13em;font-weight:750}
.home-hero h1{font-size:clamp(52px,7vw,92px);line-height:1.07;letter-spacing:-.065em;margin:25px 0 22px;font-weight:800}
.home-hero h1 em{color:#d6c28a;font-style:normal}
.home-hero p{max-width:530px;color:#d6e5dc;font-size:17px;line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.home-btn{display:inline-flex;gap:20px;align-items:center;justify-content:center;border-radius:12px;padding:15px 22px;font-weight:800}
.home-btn.solid{background:#d6bc77;color:#16372f}
.home-btn.outline{border:1px solid #e7f0e79a;color:#fff}
.hero-illustration{position:absolute;left:0;right:0;bottom:0;height:320px;z-index:1;pointer-events:none}
.hero-skyline{position:absolute;inset:auto 0 120px 0;height:130px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.05))}
.hero-cluster{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:min(1200px,100%);height:100%}
.villa,.gate,.road,.tree{position:absolute;display:block}
.villa{bottom:92px;width:180px;height:118px;background:linear-gradient(180deg,#e9f0e8,#b9d1c4);border-radius:10px 10px 6px 6px;box-shadow:0 18px 34px rgba(0,0,0,.14)}
.villa::before{content:'';position:absolute;left:-10px;right:-10px;top:-48px;height:56px;background:#8fae9f;clip-path:polygon(50% 0,100% 60%,100% 100%,0 100%,0 60%);border-radius:8px}
.villa::after{content:'';position:absolute;left:18px;right:18px;bottom:18px;height:42px;background:repeating-linear-gradient(90deg,#dfe9e2 0 24px,#9eb8aa 24px 29px);border-radius:5px;opacity:.9}
.v1{left:9%}
.v2{left:27%;transform:scale(1.08);bottom:96px}
.v3{left:50%;width:196px;height:124px}
.v4{left:72%;width:170px;height:112px}
.gate{left:44%;bottom:102px;width:120px;height:82px;border:10px solid #d8c07c;border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 10px 18px rgba(0,0,0,.12)}
.gate::before{content:'MAGNOLIA';position:absolute;left:50%;top:12px;transform:translateX(-50%);font-size:11px;font-weight:800;letter-spacing:.18em;color:#f7f2dd}
.road{left:50%;transform:translateX(-50%);bottom:0;width:52%;height:110px;background:linear-gradient(180deg,#3f5348,#232d28);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%)}
.road::before{content:'';position:absolute;left:49%;top:10px;bottom:16px;width:6px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,#d8c07c 0 16px,transparent 16px 30px);border-radius:999px}
.tree{width:46px;height:78px;background:#7dac8d;clip-path:polygon(50% 0,78% 34%,66% 34%,92% 62%,63% 62%,63% 100%,37% 100%,37% 62%,8% 62%,34% 34%,22% 34%);bottom:94px}
.tree::after{content:'';position:absolute;left:18px;bottom:-18px;width:10px;height:24px;background:#7a5c44;border-radius:3px}
.t1{left:22%}.t2{left:63%;transform:scale(1.08)}.t3{left:86%;transform:scale(.9)}
.hero-bottom-label{position:absolute;bottom:20px;left:max(24px,calc((100vw - 1180px)/2));font-size:11px;color:#c3d7c8;letter-spacing:.1em;z-index:2}
.home-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.stats-section{padding:75px 0}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}
.section-kicker,.mini-kicker{font-size:12px;font-weight:850;letter-spacing:.16em;color:#648570}
.section-heading h2,.home-about h2,.join-content h2,.gallery-section h2{font-size:clamp(27px,4vw,42px);letter-spacing:-.045em;line-height:1.2;margin:9px 0 12px;color:#183c31}
.section-heading p{max-width:700px;color:#667970;line-height:1.65;margin:0}
.live-pill{background:#e5efe8;color:#40634d;white-space:nowrap;border-radius:30px;font-size:12px;padding:9px 13px}
.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.stat-card{border:1px solid #e0e8e0;background:white;border-radius:17px;padding:24px 20px;display:flex;flex-direction:column;min-height:168px;box-shadow:0 10px 28px #142b2110}
.stat-mark{display:grid;place-items:center;background:#ebf3eb;border-radius:10px;width:34px;height:34px;margin-bottom:12px;color:#43684d}
.stat-card strong{font-size:36px;color:#143f33;line-height:1.2;letter-spacing:-.05em}.stat-card>span:last-child{color:#607568;font-size:13px}
.insight-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:18px;margin-top:20px}
.chart-card{border:1px solid #dde8df;background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 28px rgba(20,43,33,.06)}
.chart-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}
.chart-head h3{margin:8px 0 0;color:#1d4235;font-size:22px}
.chart-badge{background:#eef5ef;color:#3d654c;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.chart-badge.muted{background:#f4efe2;color:#7a6840}
.bar-chart{display:grid;gap:14px}.bar-item{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px}.bar-label{font-weight:700;color:#355545}.bar-track{height:16px;border-radius:999px;background:#eef3ef;overflow:hidden}.bar-fill{display:block;height:100%;border-radius:999px;min-width:8px;transition:width .5s ease}.bar-fill.units{background:#1d5a47}.bar-fill.responses{background:#d6bc77}.bar-fill.accounts{background:#6d967e}.bar-fill.linked{background:#89a996}.bar-fill.events{background:#4f6f61}.bar-item strong{font-size:13px;color:#294b3b;min-width:26px;text-align:right}
.pie-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.pie-donut{width:210px;height:210px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#1e5b47 0 33%,#d6bc77 33% 66%,#9bb7a6 66% 100%)}
.pie-donut::before{content:'';position:absolute;inset:26px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #e4ebe5}.pie-donut span{position:relative;z-index:1;font-size:32px;font-weight:800;color:#183d32;letter-spacing:-.05em}
.pie-legend{display:grid;gap:14px;flex:1;min-width:220px}.pie-legend div{display:flex;align-items:center;gap:10px;color:#4e6459;font-size:15px}.pie-legend b{margin-left:auto;color:#183d32}.legend-dot{width:12px;height:12px;border-radius:50%}.ld1{background:#1e5b47}.ld2{background:#d6bc77}.ld3{background:#9bb7a6}.chart-note{margin:16px 0 0;color:#6c7e74;font-size:13px;line-height:1.6}
.stat-disclaimer{font-size:12px;color:#75887d;margin-top:14px}
.home-about{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:55px 0 95px;align-items:center}.home-about p{color:#65776d;font-size:16px;line-height:1.8}.text-cta{font-weight:800;color:#1c6348;display:inline-block;margin-top:16px}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.features-grid article{background:#edf4ee;padding:21px;border-radius:17px;min-height:175px}.features-grid b{color:#70967c;font-size:13px}.features-grid h3{margin:16px 0 7px;color:#234937;font-size:18px}.features-grid p{font-size:13px;margin:0;line-height:1.55}
.gallery-section{padding:10px 0 85px;border-top:1px solid #e1e9e3}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-card{border:1px solid #dfe8e1;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(20,43,33,.06)}.gallery-thumb{height:210px;position:relative;padding:16px;display:flex;align-items:flex-start}.gallery-thumb.theme-green{background:linear-gradient(145deg,#174635,#2d6b54)}.gallery-thumb.theme-gold{background:linear-gradient(145deg,#a07f38,#d1b46d)}.gallery-thumb.theme-sage{background:linear-gradient(145deg,#688c76,#a9c2b3)}.gallery-thumb.theme-night{background:linear-gradient(145deg,#203630,#36574f)}.gallery-badge{display:inline-flex;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:700}.gallery-illustration{position:absolute;left:0;right:0;bottom:0;height:118px}.mini-house,.mini-tree{position:absolute;display:block}.mini-house{bottom:18px;width:96px;height:64px;background:rgba(255,255,255,.8);border-radius:8px 8px 6px 6px}.mini-house::before{content:'';position:absolute;left:-6px;right:-6px;top:-26px;height:32px;background:rgba(255,255,255,.55);clip-path:polygon(50% 0,100% 60%,100% 100%,0 100%,0 60%)}.mini-house.a{left:28px}.mini-house.b{right:34px;transform:scale(1.08)}.mini-tree{left:50%;bottom:20px;width:40px;height:62px;transform:translateX(-50%);background:rgba(255,255,255,.55);clip-path:polygon(50% 0,78% 34%,66% 34%,92% 62%,63% 62%,63% 100%,37% 100%,37% 62%,8% 62%,34% 34%,22% 34%)}
.gallery-body{padding:20px 22px 24px}.gallery-meta{font-size:12px;color:#678072;line-height:1.6}.gallery-body h3{margin:10px 0 10px;font-size:26px;line-height:1.2;letter-spacing:-.03em;color:#183e31}.gallery-body p{margin:0;color:#65776d;line-height:1.7}.gallery-link{display:inline-block;margin-top:16px;font-weight:800;color:#1d5b46}.gallery-note{font-size:12px;color:#75887d;margin-top:14px;line-height:1.7}
.emergency{padding:64px 0 95px;border-top:1px solid #dfebdf}.emergency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.emergency-card{border:1px solid #dde8e0;border-radius:16px;background:#fff;padding:23px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:235px}.emergency-card.priority{background:#f6f0dc;border-color:#e6d8a9}.contact-icon{background:#eaf3ec;color:#295943;border-radius:12px;padding:10px;font-size:22px}.emergency-card h3{margin:0 0 3px;font-size:17px;color:#244736}.emergency-card strong{font-size:34px;color:#133b31;letter-spacing:-.03em}.emergency-card strong.regional-number{font-size:24px;letter-spacing:-.02em}.emergency-card p{margin:8px 0;color:#697d70;font-size:13px;line-height:1.5}.emergency-card a{margin-top:auto;background:#1d503d;border-radius:9px;color:#fff;padding:11px 17px;font-weight:750}.not-available{color:#77867c;font-size:12px;margin-top:auto}.emergency-note{font-size:12px;color:#728278;margin-top:22px;line-height:1.6}
.home-join{background:#e7eee8;padding:45px 0}.join-content{display:flex;align-items:center;justify-content:space-between;gap:25px}.join-content h2{margin:7px 0}.join-content p{color:#5e7467}.home-footer{padding:27px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:15px;color:#738276;font-size:12px;background:white}
@media(max-width:1080px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-grid{grid-template-columns:1fr}.emergency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:1fr 1fr}.hero-illustration{height:260px}.villa{width:150px;height:98px}.v3{width:168px;height:108px}}
@media(max-width:920px){.home-about{gap:30px;grid-template-columns:1fr}.hero-illustration{height:230px}.v1{left:2%}.v2{left:22%}.v3{left:46%}.v4{left:69%}}
@media(max-width:650px){.home-header{padding:14px 18px}.home-header nav{gap:10px}.home-header nav a:not(.home-nav-cta){display:none}.home-hero-inner{padding:70px 23px 245px}.home-hero{min-height:640px}.home-hero p{font-size:15px}.hero-illustration{height:230px}.home-container{width:calc(100% - 36px)}.section-heading{align-items:flex-start;flex-direction:column;gap:11px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:150px;padding:17px}.stat-card strong{font-size:31px}.features-grid{gap:10px}.features-grid article{padding:16px;min-height:165px}.gallery-grid{grid-template-columns:1fr}.gallery-body h3{font-size:22px}.emergency-grid{grid-template-columns:1fr}.emergency-card{min-height:190px}.join-content,.home-footer{flex-direction:column;align-items:flex-start}.bar-item{grid-template-columns:65px 1fr auto}.pie-donut{width:180px;height:180px}.pie-donut::before{inset:22px}.v1,.v2,.v3,.v4{width:92px;height:64px;bottom:82px}.v2{left:21%}.v3{left:46%}.v4{left:69%}.gate{width:78px;height:58px;bottom:86px}.road{width:70%;height:96px}.tree{width:32px;height:54px;bottom:84px}}

.gallery-real-photo{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;cursor:zoom-in}.gallery-body h3{overflow-wrap:anywhere}