@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* ZNovo Mundo — an independent visual system. */
:root{--ink:#102a43;--muted:#66788b;--green:#d99365;--line:#dce5ef;--bg:#f4f7fc}
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg);color:var(--ink)}
header{height:86px;background:#fff;border-bottom:1px solid var(--line);padding:0 4%;gap:20px}
.brand{font-family:Outfit,sans-serif;font-size:24px;letter-spacing:-.6px;font-weight:600;gap:12px}
.brand:before{width:40px;height:40px;border-radius:50%;background:#123654;color:#edb18b;font-family:Outfit,sans-serif;font-size:24px;font-weight:600;letter-spacing:-1px}
.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600}
h1,h2,h3,.price,.wallet-bar strong,.customer-stat strong{font-family:Outfit,sans-serif}
.button{border-radius:28px;padding:14px 24px;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s}
.button:hover{filter:none;transform:none;box-shadow:0 4px 16px #102a4315}
.primary{background:#c78255;color:white}.primary:hover{background:#ad6b43}
.dark{background:#123654;color:white}.dark:hover{background:#204967}
.outline{background:#fff;border-color:#ccd9e6;color:#183b58}.outline:hover{background:#edf3f9}
.plain{color:#284763}.cart-button{border-color:#d5e0ec;background:#f4f7fc}.cart-button span{background:#123654}

/* Customer area: a horizontal navigation rail and a spacious workspace. */
.customer-page{background:#f4f7fc}
.customer-layout{display:block;min-height:calc(100vh - 86px)}
.customer-sidebar{position:relative;display:flex;flex-direction:row;align-items:center;gap:30px;padding:16px 4%;background:#112e49;border:0}
.customer-sidebar>.eyebrow{display:none}
.customer-sidebar nav{display:flex;flex-direction:row;gap:8px;width:auto;order:initial}
.customer-sidebar nav a{font-size:0;padding:12px 22px;border-radius:25px;color:#c3d3e2;gap:0}
.customer-sidebar nav a span{font-size:14px;font-weight:500}
.customer-sidebar nav a:hover{background:#ffffff12;color:white}
.customer-sidebar nav a[aria-current]{background:#fff;color:#153550}
.customer-sidebar nav a[aria-current] span{font-weight:700}
.sidebar-bottom{margin:0 0 0 auto;padding:0;display:flex;flex-direction:row;gap:20px;font-size:12px;white-space:nowrap;color:#c3d3e2}
.sidebar-bottom>span{display:none}.sidebar-bottom a:hover{color:white}
.customer-main{max-width:1320px;margin:auto;padding:28px 4% 70px}
.customer-notice{border:0;border-left:3px solid #cc9973;background:#eaf0f7;color:#62768b;padding:10px 15px;font-size:12px;border-radius:0 6px 6px 0}
.customer-heading{margin:36px 0 28px;align-items:flex-end}
.customer-heading .eyebrow{color:#7b8b9e;font-size:11px;margin-bottom:10px}
.customer-heading h1{font-size:42px;font-weight:500;letter-spacing:-1.2px}
.mode-pill{background:transparent;border-color:#d1ddea;color:#7b8b9e;border-radius:5px;font-size:10px;letter-spacing:1.6px;padding:9px 13px}
.wallet-bar{background:#fff;color:#123654;border:1px solid #dce5ef;border-radius:16px;display:grid;grid-template-columns:1fr 1fr auto;gap:32px;padding:26px 32px;margin-bottom:32px;box-shadow:0 8px 24px #19395b05}
.wallet-bar>div:first-child{border-right:1px solid #e3eaf2;padding-right:30px}
.wallet-bar span{color:#708399;font-size:11px;letter-spacing:1.2px;margin-bottom:9px}
.wallet-bar strong{font-size:36px;color:#163753;font-weight:500;letter-spacing:-.8px}
.wallet-bar .primary{background:#163753;color:white}
.customer-block{background:#fff;border:1px solid #dce5ef;border-radius:16px;padding:30px;margin-bottom:25px;box-shadow:none}
.customer-block h2{font-family:Outfit,sans-serif;font-size:26px;font-weight:500;letter-spacing:-.5px}
.customer-block>p{color:#718297;line-height:1.8;font-size:14px}
.customer-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.customer-card{position:relative;padding:20px;background:#fff;border:1px solid #dce5ef;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 28px #112e4905}
.plan-photo{width:100%;height:190px;margin:0 0 22px;border-radius:11px;object-fit:cover;filter:saturate(.6) contrast(1.02)}
.customer-card .eyebrow{color:#9e6a48;font-size:10px;font-weight:600;letter-spacing:1.5px;margin-bottom:9px}
.customer-card h2{font-size:29px;font-weight:500;letter-spacing:-.7px;margin-bottom:4px}
.plan-numbers{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;padding:22px 0;border-bottom:1px solid #e6edf4;margin:0 0 5px}
.plan-numbers span{font-size:10px;letter-spacing:.8px;color:#8090a2;line-height:1.5;margin-bottom:7px}
.plan-numbers strong{font-family:Outfit,sans-serif;font-size:22px;font-weight:500;color:#1c405f}
.customer-card>p:not(.eyebrow){font-size:12px;color:#8492a2;min-height:20px}
.customer-card .button{margin-top:auto;padding:13px 18px;border-radius:8px;background:#eef3f9;border:1px solid #dce5ef;color:#274964}
.customer-card .button:not(:disabled):hover{background:#153550;color:white}
.customer-card button:disabled{opacity:.65;background:#f3f5f8;color:#7e8b9b}
.customer-stats{gap:22px;margin-bottom:28px}
.customer-stat{background:white;border:1px solid #dce5ef;border-radius:14px;padding:25px}
.customer-stat p{color:#7b8da0;font-size:11px;letter-spacing:1px}
.customer-stat strong{color:#173b59;font-size:34px;font-weight:500}
.reward-grid{gap:12px;margin:30px 0}
.reward-day{border:1px solid #e1e8f0;background:#f8fafd;border-radius:12px;padding:22px 8px;position:relative}
.reward-day span{color:#8a98a8;font-size:10px;letter-spacing:1px}
.reward-day strong{font-family:Outfit,sans-serif;font-size:19px;letter-spacing:-.3px;margin:12px 0;color:#1a405e}
.reward-day.done{background:#f8eee6;border-color:#dbb493}
.reward-day.done strong{color:#995e35}
.mission-row{border-color:#e8edf4;padding:22px 0}.mission-row h3{font-size:19px;font-weight:500}.mission-row p{color:#8190a1;font-size:12px}
.mission-row>span{color:#8292a5}
.progress-track{background:#edf2f8;height:6px;margin-top:22px}.progress-track i{background:#bc8059}
.avatar{width:64px;height:64px;background:#143751;color:#e6b18d;border-radius:16px;font-family:Outfit,sans-serif;font-size:28px}
.profile-top h2{font-size:29px}.text-button{color:#8d5f40}
.empty-card{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:75px 25px}.empty-card h2{font-size:32px}
.customer-table th{color:#8a98a8}.customer-table td{color:#244561}.customer-tabs button{border-radius:6px}.customer-tabs button.active{background:#143751}
dialog{border-radius:18px;padding:32px;box-shadow:0 28px 100px #102a4330}dialog::backdrop{background:#102a4380;backdrop-filter:blur(5px)}.close{background:#edf2f8;color:#33526c}.dialog-head h2{font-size:29px}

/* Store and energy workspace. */
.hero{grid-template-columns:1.1fr 1fr;padding:42px 4%;gap:40px;min-height:640px;background:#f4f7fc}
.hero-copy{padding:28px 0 0}.hero .eyebrow{color:#9b6b4c;font-size:11px}
.hero h1{font-family:Outfit,sans-serif;font-size:clamp(56px,5.3vw,82px);font-weight:500;letter-spacing:-3px;line-height:1.04}
.hero h1 span{color:#a66d49}.lead{font-size:17px;max-width:420px;color:#728398;line-height:1.9}
.hero-image{border-radius:180px 18px 18px 18px;min-height:540px;background:#dce5ed}
.hero-image img{filter:saturate(.7)}.image-tag{left:auto;right:23px;top:23px;border-radius:8px;padding:12px 15px;color:#24435c}.pulse{background:#c08c63}
.image-caption{left:26px;bottom:27px;letter-spacing:1px;font-size:11px}.hero-foot{border-color:#dce5ef;color:#8392a3;gap:20px;font-size:10px}
.benefit-strip{background:white;border-color:#e0e8f1;color:#4b667d;padding:25px 4%;font-size:13px}
.section{padding:75px 4%}h2{font-family:Outfit,sans-serif;font-size:44px;font-weight:500;letter-spacing:-1.1px}
.filters button{border-color:#d6e0eb;border-radius:6px;background:white;color:#5e758c}.filters .active{background:#163753;border-color:#163753;color:white}
.products{gap:26px}.product{border:1px solid #dce5ef;border-radius:16px;background:white}.product-image{height:260px;background:#e4ebf1}.product-image img{filter:saturate(.65)}.badge{border-radius:5px;color:#516b81;font-size:11px}.product-copy{padding:28px}.product-copy h3{font-size:30px}.specs{border-color:#e6edf4}.price{font-size:30px;font-weight:500}.price-label{letter-spacing:.6px;font-size:11px}
.energy-story{background:#112e49;padding:85px 7%;gap:90px;border-radius:0}.energy-story .eyebrow{color:#e0aa81}.energy-story h2{color:#fff}.energy-story p{color:#b2c3d4}.steps article{border-color:#35516c}.steps article>span{color:#dfa57a}.steps h3{font-size:26px}
.demo-banner{gap:70px}.mini-monitor{background:#fff;border:1px solid #dce5ef;border-radius:22px;padding:38px;box-shadow:18px 18px 0 #e5edf5;transform:none}.mini-monitor>strong{font-family:Outfit,sans-serif;font-size:86px;color:#173b59}.mini-top{color:#456079}.charge-track{background:#edf2f7}.charge-track i{background:#c58a60}.faq{border-color:#dce5ef}details{border-color:#dce5ef}summary{font-size:17px}footer{background:#112e49;color:#d3dfeb;padding:40px 4%}footer .brand{color:white}footer .brand:before{background:#294862}footer>span{color:#9fb3c6}
.panel-section{padding:45px 4% 75px}.panel-title h1{font-family:Outfit,sans-serif;font-size:44px}.demo-note{background:#eaf0f7;border-color:#dce5ef;color:#708397}.metrics{gap:22px}.metrics article{border-color:#dce5ef;border-radius:14px;padding:27px;background:white}.metrics strong{font-family:Outfit,sans-serif;font-size:46px;font-weight:500}.metrics p{color:#7a8ca0}.metrics span{color:#8c9bad}.chart-card,.flow-card{border-color:#dce5ef;border-radius:16px}.reserve-card{background:#183b59;color:white;border:0;border-radius:16px}.reserve-card h2{font-size:34px}.reserve-card .eyebrow{color:#e2ad84}.reserve-card p{color:#bbcbda}.reserve-card input{accent-color:#d09b74}.reserve-card .dark{background:white;color:#183b59}.flow>b{color:#b77e55}.flow h3{color:#7a8da0}

/* Login: centered card, generous white space, distinct image panel. */
.login-page{background:#f4f7fc}.login-layout{grid-template-columns:.9fr 1.1fr;padding:36px 4%;gap:40px;min-height:calc(100vh - 86px)}
.login-story{border-radius:18px 140px 18px 18px;min-height:680px}.login-story:after{background:linear-gradient(0deg,#0e2c47ed,#0e2c4720)}
.story-overlay{padding:55px 10%;justify-content:flex-end}.story-overlay h1{font-family:Outfit,sans-serif;font-size:60px;font-weight:500;letter-spacing:-2px}.story-overlay h1 span{color:#e3ae86}.story-overlay .eyebrow{color:#e3ae86}.story-overlay>p:not(.eyebrow){color:#d0deeb;font-size:16px}.story-points{margin-top:0;padding-top:30px;color:#bfd1e1}
.login-surface{padding:40px 8% 25px;background:#fff;border-radius:18px}.login-card h2{font-family:Outfit,sans-serif;font-size:42px;letter-spacing:-1px}.login-card .eyebrow{color:#9a6e4b}.login-intro{color:#7c8d9e}.login-demo-label{background:#edf2f8;color:#72869b;border:0;border-radius:6px}.login-card input{background:#f9fbfd;border-color:#d9e3ee;height:55px;border-radius:8px}.login-card input:focus{border-color:#31597a}.login-card .dark{background:#153751}.login-card label{color:#294b67;font-weight:500}.login-bottom{color:#7c90a4;border-color:#e0e8f1}

@media(max-width:1100px){.sidebar-bottom{display:none}.customer-sidebar{justify-content:center}.customer-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}.hero-image{border-top-left-radius:100px}.hero h1{font-size:64px}.login-layout{gap:25px}.story-overlay h1{font-size:48px}.login-surface{padding:35px 6%}.reward-grid{gap:8px}}
@media(max-width:720px){header{height:auto;min-height:78px;padding:18px 5%;gap:16px}.brand{font-size:21px;gap:9px}.brand:before{width:33px;height:33px;font-size:20px}.customer-sidebar{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:10px 6px;background:#112e49;border:0}.customer-sidebar nav{width:100%;justify-content:space-around;gap:2px}.customer-sidebar nav a{border-radius:8px;padding:13px 5px;flex:1;text-align:center;justify-content:center}.customer-sidebar nav a span{font-size:11px}.customer-layout{padding-bottom:78px}.customer-main{padding:24px 5% 50px}.customer-heading h1{font-size:34px}.customer-heading{margin:28px 0 24px}.wallet-bar{grid-template-columns:1fr 1fr;padding:23px;gap:20px;border-radius:14px}.wallet-bar>div:first-child{padding-right:10px}.wallet-bar .button{grid-column:1/-1}.wallet-bar strong{font-size:29px}.wallet-bar span{font-size:10px;letter-spacing:.7px}.customer-cards{grid-template-columns:1fr;gap:22px}.customer-card{padding:18px}.plan-photo{width:100%;margin:0 0 20px;height:220px}.customer-card h2{font-size:30px}.customer-stats{gap:9px}.customer-stat{padding:18px 11px}.customer-stat strong{font-size:26px}.customer-stat p{font-size:10px;letter-spacing:.4px}.customer-block{padding:24px}.reward-grid{grid-template-columns:repeat(4,1fr);gap:10px}.reward-day{padding:17px 7px}.reward-day strong{font-size:18px}.hero{grid-template-columns:1fr;padding:35px 5%;gap:30px}.hero-copy{padding:0}.hero h1{font-size:62px;letter-spacing:-2px}.hero-image{min-height:430px;border-radius:100px 14px 14px 14px}.hero-foot{margin-top:32px}.benefit-strip{padding:23px 5%;font-size:12px}.section{padding:55px 5%}h2{font-size:37px}.energy-story{padding:60px 6%;gap:35px}.mini-monitor{padding:30px;box-shadow:10px 10px 0 #e5edf5}.panel-title h1{font-size:35px}.panel-section{padding:35px 5% 55px}.metrics{gap:12px}.metrics article{padding:20px}.metrics strong{font-size:37px}.login-layout{grid-template-columns:1fr;padding:24px 5%;gap:22px}.login-story{min-height:320px;border-radius:14px 70px 14px 14px}.story-overlay{padding:30px 7%}.story-overlay h1{font-size:42px;margin:10px 0 16px}.story-overlay>p:not(.eyebrow){font-size:14px}.story-points{padding-top:20px;font-size:12px}.login-surface{padding:35px 7%;border-radius:14px}.login-card h2{font-size:36px}.button{padding:13px 21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Compact account composition, matching the reference's information grouping. */
.account-view .customer-main{max-width:1050px}.account-view .customer-heading{margin:26px 0 20px}.account-view .customer-heading h1{font-size:32px}.account-view .mode-pill{display:none}.account-screen{display:grid;gap:18px}.account-profile{border:1px solid var(--line);border-radius:16px;background:#fff;padding:25px}.account-profile .profile-top{gap:15px}.account-profile h2{font-size:23px;margin:0 0 5px}.account-medal{width:49px;height:49px;display:grid;place-items:center;background:#f3e8de;color:#b37c4f;border-radius:12px;font-size:30px}.account-level{font-size:12px;color:var(--muted)}.account-level-link{margin-left:auto;border:1px solid var(--line);background:white;color:#456480;padding:9px 15px;border-radius:20px;font-size:12px;cursor:pointer}.account-xp{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:12px}.account-xp strong{font-size:14px;font-weight:600}.account-xp span{color:var(--muted)}.account-profile .progress-track{margin:9px 0;height:7px}.account-next-level{font-size:12px;color:var(--muted);margin:0}.account-balances{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.account-balances>div{padding:23px}.account-balances>div:first-child{background:#edf4fa;border-right:1px solid var(--line)}.account-balances p,.account-plan-summary p{font-size:10px;letter-spacing:1px;font-weight:600;color:#6e8598;margin:0 0 10px;line-height:1.4}.account-balances strong{display:block;font-family:Outfit,sans-serif;font-size:30px;font-weight:500;color:#193f5d}.account-balances span{display:block;font-size:11px;color:#8a9bab;margin-top:7px}.account-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.account-shortcuts button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:12px;color:#254b68;font-weight:600}.account-shortcuts button:first-child{background:#173c59;border-color:#173c59;color:#fff}.account-shortcuts button>span{width:34px;height:34px;border-radius:50%;background:#edf3f8;display:grid;place-items:center;font-size:22px;font-weight:400;color:#52728c}.account-shortcuts button:first-child>span{background:#ffffff18;color:white}.account-shortcuts button:hover{box-shadow:0 5px 16px #1535500d}.account-plan-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:white;border-radius:14px;padding:23px;gap:20px}.account-plan-summary strong{font-family:Outfit,sans-serif;font-size:23px;font-weight:500}.account-menu-row{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px 23px}.account-row-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#edf3f8;color:#55748d;font-size:22px}.account-menu-row strong{display:block;font-size:14px;font-weight:600}.account-menu-row small{display:block;font-size:12px;color:#8295a6;margin-top:5px}.account-chevron{margin-left:auto;font-size:28px;color:#8295a6}.account-signout{padding:15px;text-align:center;color:#8a5c48;font-size:13px}.account-view .customer-heading .eyebrow{display:none}@media(max-width:720px){.account-screen{gap:13px}.account-profile{padding:20px}.account-profile h2{font-size:21px}.account-balances>div{padding:20px 16px}.account-balances strong{font-size:27px}.account-shortcuts{gap:8px}.account-shortcuts button{padding:16px 7px;font-size:11px}.account-plan-summary{padding:20px 15px;gap:12px}.account-plan-summary p{font-size:9px;letter-spacing:.4px}.account-plan-summary strong{font-size:19px}.account-menu-row{padding:16px}.account-view .customer-heading h1{font-size:28px}}
/* Reference-style store navigation and centered phone login. */
.store-header{max-width:1280px;margin:auto;background:transparent;height:84px}.store-header nav{display:flex;gap:30px;margin-left:auto;margin-right:25px;order:initial;width:auto}.store-header nav a{font-size:14px;font-weight:500}.store-header .button{border:0;background:#e9eff6;border-radius:8px;padding:11px 19px}.evion-login-model{background:#f6f9fc}.evion-login-model>header{background:transparent;border:0;max-width:1100px;margin:auto}.evion-login-model .login-layout{display:flex;justify-content:center;padding:35px 20px 80px;min-height:calc(100vh - 84px)}.evion-login-model .login-story{display:none}.evion-login-model .login-surface{width:440px;max-width:100%;padding:38px 32px 25px;background:white;border:1px solid #dfe7f0;border-radius:16px;display:block;align-self:start;box-shadow:0 10px 40px #15355008}.evion-login-model .login-card>.eyebrow{display:none}.login-brand{justify-content:center;width:100%;margin-bottom:24px}.evion-login-model .login-card h2{text-align:center;font-size:29px}.evion-login-model .login-intro{text-align:center;font-size:13px;margin:12px 0 24px}.evion-login-model .login-demo-label{font-size:11px;line-height:1.6;margin-bottom:22px}.evion-login-model .login-card input{height:49px;background:#fff}.evion-login-model .password-label{display:block}.evion-login-model .password-label .text-button{display:block;margin:0 0 10px auto}.evion-login-model .login-card .dark{border-radius:7px;min-height:48px}.evion-login-model .first-access .text-button{font-size:14px}.evion-login-model .login-bottom{font-size:10px;margin-top:28px}.evion-login-model .login-divider{margin:20px 0}.evion-login-model .button.outline{border-radius:7px}@media(max-width:720px){.store-header{flex-wrap:nowrap;gap:12px;padding:18px 5%}.store-header .brand{font-size:17px;gap:7px}.store-header nav{gap:13px;margin:0 0 0 auto}.store-header nav a{font-size:12px}.store-header .button{font-size:12px;padding:9px 12px}.store-header .brand:before{width:26px;height:26px;font-size:17px}.evion-login-model .login-surface{padding:30px 23px}.evion-login-model .login-layout{padding-top:20px}}
/* Login and registration share the reference's left-form/right-image layout. */
.evion-login-model .login-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1100px;margin:auto;gap:30px;padding:30px 4% 60px}.evion-login-model .login-surface{order:1;width:100%;padding:38px 30px;border-radius:24px;align-self:center}.evion-login-model .login-story{display:block;order:2;min-height:650px;border-radius:24px;background:#153751}.evion-login-model .story-overlay{justify-content:flex-end;padding:35px}.evion-login-model .story-overlay h1{font-size:43px}.evion-login-model .story-overlay .eyebrow{font-size:10px}.evion-login-model .story-overlay>p:not(.eyebrow){font-size:13px}.evion-login-model .story-points{display:none}.evion-login-model .login-card h2{font-size:25px}.evion-login-model .login-brand{font-size:27px;margin-bottom:20px}.phone-field{display:flex;gap:8px}.phone-field select{width:98px;min-width:98px;padding:8px;font-size:12px;height:49px;border:1px solid #d9e3ee;border-radius:8px;background:white}.phone-field input{min-width:0}#repeat-password-field{margin-top:20px}.evion-login-model .first-access{text-align:center;margin:25px 0}.evion-login-model .login-bottom{display:none}.evion-login-model .login-intro{font-size:12px}.evion-login-model .login-card .dark{border-radius:30px;background:#83b6ce;color:#113047}.evion-login-model .login-card .dark:hover{background:#6aa4bf}@media(max-width:720px){.evion-login-model .login-layout{display:block;padding:25px 5% 50px;max-width:480px}.evion-login-model .login-story{display:none}.evion-login-model .login-surface{padding:32px 24px}.evion-login-model .login-brand{font-size:24px}}