/* ZNovo Mundo: quiet, simple identity shared across every surface. */
:root{--ink:#202b28;--muted:#6b7570;--green:#c5ed98;--line:#e4e9e5;--bg:#fafcf9}
body{background:var(--bg)}
header{background:#fff;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.7px;font-weight:700}
.brand:before{content:'Z';display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--ink);color:var(--green);font-size:20px;letter-spacing:-1px;font-weight:800}
.brand span{display:none}
.eyebrow{letter-spacing:1.6px}
.button{border-radius:8px;font-weight:500;box-shadow:none}
.button:hover{transform:none;filter:brightness(.96)}
.outline{border-color:#d2dcd3;background:white}
.primary{background:var(--green)}
.hero h1{font-weight:500}.hero h1 span{color:#59784c}
.benefit-strip{background:#fff;color:#536159}
.product,.customer-card,.customer-block,.customer-stat,.chart-card,.flow-card{box-shadow:none;border-color:var(--line);border-radius:12px}
.image-tag{background:#fffffff0}.image-caption{letter-spacing:1px}
.energy-story{background:#25352e}.energy-story .eyebrow{color:var(--green)}
.mini-monitor{transform:none;background:#edf4e7;border-color:#dce8d6}
.charge-track i,.progress-track i{background:#7fa76a}
footer{background:#f0f4ed}
.customer-page{background:#fafcf9}
.customer-sidebar{background:#fff;border-color:var(--line);padding-top:40px}
.customer-sidebar nav a{font-size:0;padding:15px 18px;border-radius:8px}
.customer-sidebar nav a span{font-size:14px}
.customer-sidebar nav a[aria-current]{background:#eaf2e4;color:var(--ink)}
.customer-sidebar nav a[aria-current] span{font-weight:600}
.customer-heading h1{font-size:32px;letter-spacing:-.8px}
.customer-notice{background:#f0f4ed;border-color:#e3ebdf;color:#697561}
.mode-pill{background:white;color:#74806e;border-color:var(--line);letter-spacing:.8px}
.customer-cards{gap:24px}
.customer-card{padding:28px;background:white}
.plan-photo{width:calc(100% + 56px);margin:-28px -28px 25px;height:155px;filter:saturate(.7);border-radius:12px 12px 0 0}
.customer-card h2{font-size:23px;font-weight:500}
.plan-numbers{gap:22px 16px}.plan-numbers span{letter-spacing:.5px;font-size:10px}.plan-numbers strong{font-size:17px}
.customer-card .eyebrow{color:#6b8061}
.wallet-bar{background:#26362d;border-radius:12px;padding:28px;gap:25px}
.wallet-bar strong{font-family:Manrope,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.7px}
.wallet-bar span{letter-spacing:.6px;font-size:11px;color:#c1cdbb}
.wallet-bar .primary{background:#d0ebbb}
.customer-stat strong{font-weight:500}.customer-stat p{letter-spacing:.6px}
.reward-day{background:#fafcf8;border-color:#e0e8db;border-radius:8px;padding:20px 8px}
.reward-day.done{background:#eaf3e2;border-color:#b9d2a6}
.reward-day strong{font-weight:500;font-size:14px;letter-spacing:-.2px}
.mission-row{padding:23px 0}.mission-row>span{color:#8b9386;font-size:12px}
.customer-block h2{font-size:23px;font-weight:500}
.customer-table th{letter-spacing:.5px}.avatar{background:#edf4e6;color:#4b653c}
.login-story:after{background:linear-gradient(90deg,#182a22e8,#182a2230),linear-gradient(0deg,#182a2299,transparent)}
.story-overlay h1 span{color:#cbe9b0}.login-demo-label{background:#f1f5ec;color:#6b765f;border-color:#e2e9dc}
.login-card input{background:#fff;border-color:#dce4d8}.login-card input:focus{border-color:#789567}
.login-card .eyebrow{color:#6b8061}.text-button{color:#59704b}
@media(max-width:720px){.brand{font-size:17px;gap:8px}.brand:before{width:29px;height:29px;font-size:17px}.customer-heading h1{font-size:28px}.customer-sidebar{padding:8px;background:#fff}.customer-sidebar nav a{padding:13px 4px}.customer-sidebar nav a span{font-size:11px}.wallet-bar{padding:23px}.customer-card{padding:24px}.plan-photo{width:calc(100% + 48px);margin:-24px -24px 23px;height:190px}.reward-day{padding:15px 3px}.reward-day strong{font-size:12px}}