:root {
  color-scheme: light;
  --bg: #f7f8fb;
  --surface: rgba(255,255,255,.84);
  --surface-solid: #fff;
  --surface-2: #eef2f6;
  --text: #18202a;
  --muted: #657081;
  --border: rgba(24,32,42,.10);
  --border-strong: rgba(24,32,42,.16);
  --primary: #186a4a;
  --primary-strong: #0c5338;
  --primary-soft: #e6f4ed;
  --accent: #72d39d;
  --danger: #d8493f;
  --shadow-sm: 0 8px 30px rgba(32,45,57,.07);
  --shadow-md: 0 22px 60px rgba(32,45,57,.12);
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --container: 1180px;
  --header-h: 76px;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0e1216;
  --surface: rgba(24,30,36,.82);
  --surface-solid: #171d23;
  --surface-2: #202830;
  --text: #edf2f5;
  --muted: #a1adb9;
  --border: rgba(255,255,255,.09);
  --border-strong: rgba(255,255,255,.15);
  --primary: #62cf97;
  --primary-strong: #8ee5b4;
  --primary-soft: rgba(98,207,151,.14);
  --accent: #72d39d;
  --shadow-sm: 0 8px 30px rgba(0,0,0,.18);
  --shadow-md: 0 22px 70px rgba(0,0,0,.34);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
body { margin:0; font-family:"Roboto Flex", system-ui, sans-serif; background:var(--bg); color:var(--text); line-height:1.55; overflow-x:hidden; transition:background .25s,color .25s; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button { color:inherit; }
svg { display:block; }
.container { width:min(calc(100% - 40px), var(--container)); margin-inline:auto; }
.section { padding:96px 0; }
.section--compact { padding:72px 0; }
.section--tinted { background:linear-gradient(180deg, transparent, var(--surface-2) 12%, var(--surface-2) 88%, transparent); }
.skip-link { position:fixed; left:16px; top:-100px; z-index:200; background:var(--text); color:var(--bg); padding:10px 14px; border-radius:10px; }
.skip-link:focus { top:12px; }
.icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.topbar { position:fixed; inset:0 0 auto; z-index:100; height:var(--header-h); border-bottom:1px solid transparent; transition:.25s; }
.topbar.is-scrolled { background:color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter:blur(20px) saturate(1.4); border-color:var(--border); box-shadow:0 8px 30px rgba(0,0,0,.04); }
.topbar__inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:inline-flex; align-items:center; gap:10px; flex:none; }
.brand__mark { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(145deg,#0e5b3c,#279668); box-shadow:inset 0 1px rgba(255,255,255,.28),0 8px 18px rgba(18,104,71,.2); }
.brand__mark svg { width:27px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.brand__text { display:grid; line-height:1; }
.brand__text strong { font-family:Manrope,sans-serif; font-size:16px; letter-spacing:-.02em; }
.brand__text small { margin-top:5px; color:var(--muted); font-size:10px; letter-spacing:.18em; text-transform:uppercase; }
.desktop-nav { display:flex; align-items:center; padding:5px; border:1px solid var(--border); background:color-mix(in srgb,var(--surface-solid) 60%,transparent); border-radius:999px; }
.nav-link { position:relative; padding:9px 15px; border-radius:999px; color:var(--muted); font-size:14px; font-weight:560; transition:.2s; }
.nav-link:hover,.nav-link.is-active { color:var(--text); background:var(--surface-solid); box-shadow:0 2px 8px rgba(0,0,0,.05); }
.topbar__actions { display:flex; align-items:center; gap:8px; }
.icon-button { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--border); border-radius:13px; background:var(--surface); cursor:pointer; transition:.2s; }
.icon-button:hover { transform:translateY(-1px); border-color:var(--border-strong); }
.icon-moon,.icon-close { display:none; }
html[data-theme="dark"] .icon-sun { display:none; }
html[data-theme="dark"] .icon-moon { display:block; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:42px; padding:0 18px; border-radius:13px; border:1px solid transparent; font-weight:650; cursor:pointer; transition:transform .2s,box-shadow .2s,background .2s,border-color .2s; }
.button:hover { transform:translateY(-2px); }
.button--primary { background:var(--primary); color:#fff; box-shadow:0 10px 22px color-mix(in srgb,var(--primary) 25%,transparent); }
html[data-theme="dark"] .button--primary { color:#0c2519; }
.button--primary:hover { background:var(--primary-strong); }
.button--ghost { border-color:var(--border); background:var(--surface); }
.button--soft { background:var(--primary-soft); color:var(--primary-strong); border-color:color-mix(in srgb,var(--primary) 12%,transparent); }
.button--large { min-height:52px; padding-inline:22px; border-radius:16px; }
.button--white { background:#fff; color:#114b35; }
.button--outline-light { border-color:rgba(255,255,255,.35); color:#fff; background:rgba(255,255,255,.08); }
.mobile-menu-button { display:none; }
.mobile-menu { border-top:1px solid var(--border); background:var(--surface-solid); box-shadow:var(--shadow-md); }
.mobile-menu__inner { display:grid; padding-block:12px 20px; }
.mobile-menu__inner a { padding:13px 4px; border-bottom:1px solid var(--border); font-weight:600; }
.mobile-login { margin-top:16px; }

.hero { min-height:760px; padding-top:calc(var(--header-h) + 88px); display:flex; align-items:center; position:relative; overflow:hidden; }
.hero::before { content:""; position:absolute; width:620px; height:620px; left:-250px; top:80px; border-radius:50%; background:radial-gradient(circle,var(--primary-soft),transparent 68%); pointer-events:none; }
.hero__grid { display:grid; grid-template-columns:1.02fr .98fr; gap:72px; align-items:center; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; padding:7px 11px; border:1px solid var(--border); border-radius:999px; background:var(--surface); color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.eyebrow--plain { padding:0; border:0; background:none; color:var(--primary); }
.eyebrow--light { padding:0; border:0; background:none; color:#bbf3d1; }
.status-dot { width:7px; height:7px; border-radius:50%; background:#38b978; box-shadow:0 0 0 5px rgba(56,185,120,.12); }
h1,h2,h3 { font-family:Manrope,sans-serif; margin:0; line-height:1.13; letter-spacing:-.035em; }
h1 { max-width:680px; margin-top:22px; font-size:clamp(48px,6vw,78px); font-weight:800; }
h2 { font-size:clamp(32px,4vw,48px); }
h3 { font-size:20px; }
.gradient-text { color:var(--primary); background:linear-gradient(120deg,var(--primary),#4ab67e); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.hero__lead { max-width:620px; margin:24px 0 0; font-size:20px; color:var(--muted); }
.hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.trust-row { display:flex; align-items:center; gap:14px; margin-top:36px; }
.trust-row p { margin:0; color:var(--muted); font-size:13px; }
.trust-row strong { color:var(--text); }
.avatar-stack { display:flex; padding-left:8px; }
.avatar-stack span { width:34px; height:34px; margin-left:-8px; display:grid; place-items:center; border:3px solid var(--bg); border-radius:50%; background:var(--surface-2); font-size:11px; font-weight:700; }
.avatar-stack span:nth-child(1){background:#d8f0e3}.avatar-stack span:nth-child(2){background:#e7deff}.avatar-stack span:nth-child(3){background:#fde6c9}.avatar-stack span:last-child{background:var(--text);color:var(--bg)}
.hero-dashboard { min-height:520px; position:relative; padding:42px; border:1px solid var(--border); border-radius:42px; background:linear-gradient(145deg,color-mix(in srgb,var(--surface-solid) 72%,transparent),color-mix(in srgb,var(--surface-2) 68%,transparent)); box-shadow:var(--shadow-md); isolation:isolate; }
.hero-dashboard::before { content:""; position:absolute; inset:12px; border:1px solid var(--border); border-radius:32px; pointer-events:none; }
.ambient { position:absolute; border-radius:50%; filter:blur(20px); opacity:.65; z-index:-1; }.ambient--one{width:210px;height:210px;background:#81e4ad;right:-40px;top:40px}.ambient--two{width:160px;height:160px;background:#f2cf75;left:20px;bottom:10px}
.glass-card { position:relative; border:1px solid color-mix(in srgb,var(--border-strong) 75%,transparent); background:color-mix(in srgb,var(--surface-solid) 80%,transparent); backdrop-filter:blur(18px); box-shadow:var(--shadow-sm); border-radius:24px; }
.weather-card { width:78%; margin-left:auto; padding:24px; transform:rotate(1.5deg); }
.weather-card__top { display:flex; justify-content:space-between; }.overline { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; }.weather-temp { margin-top:6px; font-family:Manrope,sans-serif; font-size:58px; font-weight:700; line-height:1; letter-spacing:-.06em; }.weather-icon{font-size:42px}.weather-card__bottom{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;justify-content:space-between}
.pulse-card { width:72%; margin-top:26px; padding:22px; transform:translateX(-18px) rotate(-1.4deg); }.card-heading{display:flex;align-items:center;gap:12px}.card-heading h3{font-size:17px;margin-top:2px}.icon-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-weight:800}.icon-badge--red{background:#fee7e4;color:#c9362b}.pulse-card p{margin:14px 0 10px;color:var(--muted);font-size:13px}.pulse-card a{color:var(--primary);font-weight:650;font-size:13px}
.mini-stat-card { width:52%; margin:-4px 4px 0 auto; padding:18px 18px 12px; transform:rotate(2deg); }.mini-stat-card>div{display:flex;align-items:end;justify-content:space-between}.mini-stat-card strong{font-family:Manrope,sans-serif;font-size:34px}.mini-stat-card svg{width:100%;height:46px;margin-top:4px}.mini-stat-card path{fill:none;stroke:var(--primary);stroke-width:4;stroke-linecap:round}

.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:34px; }.section-heading h2{margin-top:10px}.section-heading>p{max-width:440px;margin:0;color:var(--muted)}.text-link{display:inline-flex;gap:8px;color:var(--primary);font-weight:700}
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.service-card{min-height:260px;position:relative;display:flex;flex-direction:column;text-align:left;padding:24px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm);overflow:hidden;transition:.25s;}.service-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:var(--shadow-md)}.service-card--button{width:100%;cursor:pointer}.service-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px}.service-card__icon svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-badge--blue{background:#e6efff;color:#326fd3}.icon-badge--orange{background:#fff0db;color:#ce741f}.icon-badge--green{background:#e4f6eb;color:#187a4e}.icon-badge--purple{background:#efe9ff;color:#7054bd}.service-card h3{margin-top:38px}.service-card p{margin:10px 0 0;color:var(--muted);font-size:14px}.service-card__arrow{position:absolute;right:22px;top:22px;color:var(--muted);font-size:20px;transition:.2s}.service-card:hover .service-card__arrow{transform:translate(3px,-3px);color:var(--primary)}
.news-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.featured-news{display:grid;grid-template-columns:.85fr 1.15fr;min-height:420px;border:1px solid var(--border);background:var(--surface-solid);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.featured-news__visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#1a7150,#0d4432);min-height:300px}.map-pattern{position:absolute;inset:-20%;opacity:.15;background-image:linear-gradient(35deg,transparent 45%,#fff 46%,#fff 48%,transparent 49%),linear-gradient(125deg,transparent 45%,#fff 46%,#fff 48%,transparent 49%);background-size:70px 70px}.featured-news__illustration{position:absolute;width:190px;height:190px;border-radius:50%;right:-15px;bottom:-20px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-family:Manrope,sans-serif;color:#fff;font-size:96px;font-weight:800}.news-tag{position:absolute;z-index:2;top:18px;left:18px;padding:6px 10px;border-radius:999px;background:#fff;color:#164932;font-size:11px;font-weight:800;text-transform:uppercase}.featured-news__body{padding:36px;display:flex;flex-direction:column;justify-content:center}.meta{display:flex;gap:7px;color:var(--muted);font-size:12px}.featured-news h3{font-size:30px;margin-top:14px}.featured-news p{color:var(--muted);margin:16px 0 24px}.news-list{display:grid;gap:12px}.news-item{display:grid;grid-template-columns:64px 1fr auto;gap:17px;align-items:start;padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface-solid);transition:.2s}.news-item:hover{transform:translateX(4px);border-color:var(--border-strong)}.news-item time{font-weight:750;color:var(--primary)}.news-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.news-item h3{font-size:17px;margin-top:5px}.news-item p{margin:7px 0 0;color:var(--muted);font-size:13px}.news-item__arrow{color:var(--muted)}
.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ad-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm);transition:.25s}.ad-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.ad-card__image{height:190px;position:relative;display:grid;place-items:center;font-size:74px}.ad-card__image--plants{background:linear-gradient(145deg,#d9efe2,#a4d9b7)}.ad-card__image--tools{background:linear-gradient(145deg,#f6e9d4,#e4c48d)}.ad-card__image--bike{background:linear-gradient(145deg,#dce9f3,#b3cee0)}.ad-status{position:absolute;top:14px;right:14px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.75);backdrop-filter:blur(8px);color:#39424a;font-size:11px;font-weight:700}.ad-card__body{padding:22px}.ad-category{color:var(--primary);font-size:11px;text-transform:uppercase;font-weight:750;letter-spacing:.06em}.ad-card h3{margin-top:8px}.ad-card p{min-height:44px;color:var(--muted);font-size:14px}.ad-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border)}.ad-card__footer strong{font-family:Manrope,sans-serif}.ad-card__footer span{font-size:12px;color:var(--muted)}
.guides-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.guides-copy p{max-width:470px;margin:20px 0 28px;color:var(--muted);font-size:17px}.guides-copy h2{margin-top:12px}.guide-list{display:grid;gap:12px}.guide-item{display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;padding:21px 22px;border:1px solid var(--border);border-radius:18px;background:var(--surface-solid);transition:.2s}.guide-item:hover{transform:translateX(5px);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.guide-item__number{font-family:Manrope,sans-serif;color:var(--primary);font-weight:800}.guide-item h3{font-size:17px}.guide-item p{margin:5px 0 0;color:var(--muted);font-size:13px}.guide-item>span:last-child{font-size:20px;color:var(--muted)}
.community-card{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;padding:62px;border-radius:38px;color:#fff;background:radial-gradient(circle at 90% 20%,rgba(114,211,157,.34),transparent 35%),linear-gradient(135deg,#073d2b,#126746);overflow:hidden;box-shadow:0 28px 70px rgba(7,61,43,.24)}.community-card::after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;top:-140px}.community-card h2{margin-top:12px;max-width:660px}.community-card__copy p{max-width:650px;color:rgba(255,255,255,.72);font-size:17px}.community-card__actions{display:flex;gap:12px;margin-top:28px}.community-card__stats{position:relative;z-index:1;display:grid;gap:14px}.community-card__stats div{padding:17px 20px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.community-card__stats strong{display:block;font-family:Manrope,sans-serif;font-size:30px}.community-card__stats span{color:rgba(255,255,255,.68);font-size:13px}
.footer{padding:64px 0 28px;border-top:1px solid var(--border);background:var(--surface-solid)}.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.brand--footer{margin-bottom:18px}.footer p{color:var(--muted);font-size:14px;max-width:300px}.footer h3{font-size:13px;margin-bottom:16px}.footer__grid>div>a:not(.brand){display:block;margin:10px 0;color:var(--muted);font-size:14px}.footer__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:22px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}
.modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.2s}.modal.is-open{opacity:1;pointer-events:auto}.modal__backdrop{position:absolute;inset:0;background:rgba(6,10,12,.58);backdrop-filter:blur(8px)}.modal__panel{position:relative;width:min(100%,560px);padding:34px;border:1px solid var(--border);border-radius:28px;background:var(--surface-solid);box-shadow:var(--shadow-md);transform:translateY(16px) scale(.98);transition:.25s}.modal.is-open .modal__panel{transform:none}.modal__close{position:absolute;right:18px;top:18px}.modal h2{margin-top:12px;font-size:34px}.modal>p,.modal__panel>p{color:var(--muted)}.modal-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.modal-options button{text-align:left;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--bg);cursor:pointer;transition:.2s}.modal-options button:hover{border-color:var(--primary);transform:translateY(-2px)}.modal-options span{font-size:28px;display:block}.modal-options strong,.modal-options small{display:block}.modal-options strong{margin-top:12px}.modal-options small{margin-top:5px;color:var(--muted)}
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; }.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:980px){:root{--header-h:68px}.desktop-nav{display:none}.mobile-menu-button{display:grid}.login-button span{display:none}.hero{min-height:auto;padding-top:calc(var(--header-h) + 70px)}.hero__grid{grid-template-columns:1fr;gap:54px}.hero__content{text-align:center}.hero__content .eyebrow{margin-inline:auto}.hero__lead{margin-inline:auto}.hero__actions,.trust-row{justify-content:center}.hero-dashboard{width:min(100%,650px);margin-inline:auto}.service-grid{grid-template-columns:1fr 1fr}.news-layout{grid-template-columns:1fr}.featured-news{grid-template-columns:.75fr 1.25fr}.ad-grid{grid-template-columns:repeat(2,1fr)}.ad-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr}.ad-card:last-child .ad-card__image{height:100%}.guides-grid{grid-template-columns:1fr;gap:40px}.community-card{grid-template-columns:1fr}.community-card__stats{grid-template-columns:repeat(3,1fr)}.footer__grid{grid-template-columns:1.4fr 1fr 1fr}.footer__grid>div:last-child{grid-column:1/-1}}
@media (max-width:680px){.container{width:min(calc(100% - 28px),var(--container))}.section{padding:70px 0}.section--compact{padding:52px 0}.login-button{display:none}.brand__text small{display:none}.hero{padding-top:calc(var(--header-h) + 48px)}h1{font-size:clamp(42px,13vw,58px)}.hero__lead{font-size:17px}.hero__actions{display:grid}.hero__actions .button{width:100%}.hero-dashboard{min-height:410px;padding:25px;border-radius:30px}.weather-card{width:90%;padding:19px}.weather-temp{font-size:48px}.weather-card__bottom{flex-wrap:wrap}.pulse-card{width:85%;margin-top:18px;transform:translateX(-4px) rotate(-1.2deg)}.mini-stat-card{width:60%}.section-heading{display:block}.section-heading>p{margin-top:14px}.section-heading>.text-link,.section-heading>.button{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:210px}.service-card h3{margin-top:26px}.featured-news{grid-template-columns:1fr}.featured-news__visual{min-height:230px}.featured-news__body{padding:24px}.featured-news h3{font-size:25px}.news-item{grid-template-columns:54px 1fr}.news-item__arrow{display:none}.ad-grid{grid-template-columns:1fr}.ad-card:last-child{grid-column:auto;display:block}.ad-card:last-child .ad-card__image{height:190px}.guide-item{grid-template-columns:40px 1fr}.guide-item>span:last-child{display:none}.community-card{padding:34px 24px;border-radius:28px}.community-card__actions{display:grid}.community-card__stats{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr 1fr;gap:32px}.footer__grid>div:first-child,.footer__grid>div:last-child{grid-column:1/-1}.footer__bottom{display:grid}.modal__panel{padding:28px 20px}.modal-options{grid-template-columns:1fr}}