:root{--navy:#103b65;--blue:#224e8d;--blue-dark:#143961;--cyan:#00b5eb;--green:#98c11c;--text:#203c59;--muted:#71849a;--stroke:#e2eaf2;--page:#f6f8fc;--soft:#ebf5fc;--shadow:0 16px 48px #16426912}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,-apple-system,sans-serif;background:var(--page);color:var(--text);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}a{text-decoration:none;color:inherit}button{border:0}p{line-height:1.65}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.045em}h1{font-size:clamp(37px,4.5vw,61px)}h2{font-size:clamp(25px,2.6vw,35px)}h3{font-size:22px}.container{width:min(1150px,calc(100% - 48px));margin:auto}.kicker{font-size:11px;color:#167fae;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.muted{color:var(--muted)}.mini{font-size:12px}.small{font-size:13px}.center{text-align:center}.strong{font-weight:800}.visually-hidden{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}.ico{width:21px;height:21px;flex:none;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.ico.lg{width:28px;height:28px}.ico.sm{width:17px;height:17px}.row{display:flex;align-items:center;gap:12px}.space{justify-content:space-between}.stack{display:grid;gap:14px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:11px;padding:13px 18px;font-weight:800;font-size:13px;min-height:46px;transition:transform .17s,background .17s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--blue);color:white}.btn.primary:hover{background:#163f77}.btn.light{background:white;color:var(--blue);border:1px solid #d5e0ec}.btn.outline{background:transparent;color:var(--blue);border:1px solid #bfd3e4}.btn.ghost{background:#eaf2fa;color:var(--blue)}.btn.full{width:100%}.btn.tiny{min-height:37px;padding:9px 12px;font-size:12px}.btn.danger{color:#bd552c;background:#fef0e8}
.input,.select{display:block;width:100%;border:1px solid #d1dfea;background:white;border-radius:11px;padding:14px 15px;color:var(--text);min-height:50px;outline:0}.input:focus,.select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00b5eb22}.field{display:grid;gap:8px}.field label{font-size:12px;font-weight:800}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}.demo-label{display:inline-flex;gap:7px;align-items:center;background:#eaf6d9;color:#507116;padding:7px 11px;border-radius:100px;font-weight:800;font-size:10px;letter-spacing:.04em}.banner-demo{background:#ecf5fc;color:#345e7a;border:1px solid #d6e6f2;padding:12px 16px;border-radius:10px;font-size:12px;line-height:1.6}.error{color:#9d422c;font-size:12px;font-weight:700;margin:8px 0}.success{color:#4d7b16}.card{background:white;border:1px solid var(--stroke);border-radius:18px;box-shadow:var(--shadow)}.line{border:0;border-top:1px solid var(--stroke);margin:18px 0}
.logo{display:inline-flex;align-items:center;gap:11px;color:var(--blue);font-weight:800;line-height:1.05;font-size:15px;letter-spacing:-.025em}.logo small{display:block;font-size:9px;letter-spacing:.15em;color:#7990a8;margin-top:5px}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:44px;color:var(--blue)}.logo-mark svg{width:40px;height:44px}.logo.white{color:white}.logo.white small{color:#c2e6f7}.logo.white .logo-mark{color:white}
.topbar{position:sticky;top:0;z-index:6;background:rgba(255,255,255,.97);border-bottom:1px solid var(--stroke);backdrop-filter:blur(12px)}.topbar .container{height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px}.toplinks{display:flex;gap:25px;align-items:center;margin-left:auto;font-size:13px;font-weight:700;color:#47607b}.toplinks a:hover{color:var(--cyan)}.header-action{display:flex;align-items:center;gap:12px}.topbar .demo-label{font-size:9px}
.public-hero{background:linear-gradient(112deg,#12365b 0%,#224e8d 73%,#2a7ba6 100%);padding:75px 0 84px;color:white;position:relative;overflow:hidden}.public-hero:after{content:"";position:absolute;width:530px;height:530px;border:1px solid #ffffff1e;border-radius:50%;right:-310px;top:-130px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center;position:relative;z-index:1}.hero-copy h1{margin:19px 0}.hero-copy h1 em{font-style:normal;color:#97e5f3}.hero-copy p{font-size:17px;color:#d8e9f5;max-width:470px}.hero-copy .eyebrow{color:#a4e9fb}.hero-note{display:flex;align-items:center;gap:10px;color:#d1e4f5;font-size:12px;margin-top:24px}.lookup{padding:29px;background:white;color:var(--text);border-radius:20px;box-shadow:0 24px 50px #081b354b}.lookup h2{margin:12px 0 11px;font-size:26px}.lookup p{font-size:13px;color:var(--muted);margin:0}.lookup-form{display:flex;gap:9px;margin-top:10px}.lookup-form .input{flex:1;min-width:0}.lookup .field{margin-top:20px}.lookup .privacy{display:flex;align-items:center;gap:7px;color:#71879e;font-size:11px;margin-top:15px}.public-section{padding:64px 0 75px}.public-section .section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}.public-section h2{margin:9px 0}.public-section p{color:var(--muted);margin:0}.service-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:white;border:1px solid var(--stroke);border-radius:15px;min-height:158px;padding:23px;position:relative;color:var(--text);transition:transform .15s,border-color .15s,box-shadow .15s}.tile:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 12px 28px #183d5c12}.tile .iconbox{color:var(--blue);background:#eaf2fa;margin-bottom:14px}.tile strong{font-size:15px;margin-bottom:6px}.tile small{color:var(--muted);font-size:12px;line-height:1.5}.tile .arrow{position:absolute;right:18px;top:22px;color:#9eb1c1}.iconbox{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--soft);color:var(--blue)}.foot-band{background:#113b63;color:white;padding:36px 0}.foot-band .container{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:12px;color:#c1daec}
.auth-wrap{min-height:calc(100vh - 75px);background:linear-gradient(155deg,#103b65 0%,#236d9d 52%,#eef5fb 52%,#f5f8fb 100%);padding:52px 24px 85px}.auth-hero{text-align:center;color:white;max-width:650px;margin:0 auto 28px}.auth-hero h1{font-size:30px;margin:23px 0 11px}.auth-hero p{font-size:13px;color:#dbecf8}.auth-hero .logo{margin-bottom:15px}.auth-card{width:min(560px,100%);margin:auto;background:white;border-radius:19px;padding:31px;box-shadow:0 20px 55px #12385b23}.auth-card h2{font-size:23px;margin:6px 0 12px}.auth-card p{color:var(--muted);font-size:13px;line-height:1.7}.auth-card .field{margin:20px 0}.auth-card .actions{display:flex;gap:10px;flex-wrap:wrap}.auth-card .btn{flex:1}.steps{display:flex;gap:7px;justify-content:center;margin-bottom:21px}.steps span{height:5px;width:35px;border-radius:3px;background:#dce7ef}.steps span.done{background:var(--cyan)}.contact{display:flex;align-items:center;gap:14px;width:100%;padding:15px;border:1px solid #dce6f0;background:white;border-radius:11px;color:var(--text);text-align:left;margin-top:9px}.contact:hover{border-color:#53b8e0;background:#f4fbff}.contact b{font-size:13px;flex:1}.contact .ico{color:var(--blue)}.otp{letter-spacing:16px;font-weight:800;font-size:24px;text-align:center;padding-left:23px}.demo-code{text-align:center;padding:16px;background:#f1f8fb;border:1px dashed #a9d6ed;border-radius:12px;margin:16px 0;color:var(--navy)}.demo-code b{font-size:26px;letter-spacing:.23em}.progress-note{display:flex;justify-content:center;gap:10px;align-items:center;font-size:11px;color:var(--muted);margin-top:16px}
.content-wrap{padding:38px 0 80px}.page-header{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:25px}.page-header h1{font-size:31px;margin:10px 0}.page-header p{margin:0;color:var(--muted);font-size:13px}.property-list{display:grid;gap:13px}.property{width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:23px;background:white;border:1px solid var(--stroke);border-radius:15px;transition:.15s;color:var(--text)}.property:hover{border-color:var(--cyan);box-shadow:0 10px 22px #12395d13}.property .property-desc{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.property .property-desc strong{font-size:16px}.property .property-desc span{font-size:12px;color:var(--muted);line-height:1.55}.property .ico.arrow{color:var(--blue)}.pill{border-radius:90px;font-size:10px;font-weight:800;padding:6px 10px;background:#e9f6d7;color:#4e7116;white-space:nowrap}.pill.inactive{background:#f0f1f3;color:#72818d}.pill.pending{background:#fff4e6;color:#a55d14}.property-search{display:flex;gap:10px;margin-bottom:18px}.property-search .input{flex:1}.tabs-inline{display:flex;gap:7px;margin-bottom:20px}.tabs-inline button{background:white;color:#58728d;border:1px solid var(--stroke);border-radius:9px;padding:10px 15px;font-size:12px;font-weight:800}.tabs-inline button.active{background:var(--blue);color:white}
.dashboard{display:grid;grid-template-columns:235px minmax(0,1fr);gap:28px;align-items:start}.side{background:white;border:1px solid var(--stroke);border-radius:17px;padding:15px;position:sticky;top:100px;box-shadow:var(--shadow)}.side .user-brief{padding:13px 10px 18px;border-bottom:1px solid var(--stroke);margin-bottom:12px}.side .user-brief b{display:block;font-size:13px}.side .user-brief span{display:block;color:var(--muted);font-size:11px;margin-top:7px}.side button{width:100%;display:flex;align-items:center;gap:11px;padding:12px;border-radius:10px;font-size:12px;font-weight:800;color:#536f89;background:transparent;text-align:left;margin:2px 0}.side button:hover,.side button.active{color:var(--blue);background:#eaf3fc}.side .side-divider{border-top:1px solid var(--stroke);margin:13px 0}.main-col{min-width:0}.dash-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:22px}.dash-heading h1{font-size:30px;margin:7px 0 10px}.dash-heading p{font-size:13px;color:var(--muted);margin:0}.selector{display:flex;align-items:center;gap:10px;border:1px solid var(--stroke);border-radius:11px;background:white;padding:11px 14px;color:var(--text);text-align:left;max-width:360px}.selector .info{display:grid;gap:3px}.selector b{font-size:12px}.selector small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.selector .chev{margin-left:auto;color:var(--blue)}.metrics{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px;margin-bottom:18px}.metric{background:white;border:1px solid var(--stroke);border-radius:16px;padding:22px;min-height:150px}.metric .eyebrow{color:var(--muted);font-size:10px}.metric h3{margin:12px 0 9px;font-size:22px}.metric p{margin:0;font-size:12px;color:var(--muted);line-height:1.5}.metric.primary{background:linear-gradient(120deg,#edfae1,#f7fcf2);border-color:#d8eabb}.metric.primary h3{color:#4f781c}.metric-row{display:flex;align-items:center;gap:10px}.metric-row .iconbox{background:#e1f3cd;color:#54821c}.quick-section,.module{padding:24px;background:white;border:1px solid var(--stroke);border-radius:16px;margin-bottom:17px}.quick-section h3,.module h3{font-size:20px;margin:0 0 8px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:20px}.quick{display:flex;flex-direction:column;gap:10px;text-align:left;background:#f7fafe;border:1px solid #e3ecf4;border-radius:12px;min-height:123px;padding:17px;color:var(--text)}.quick:hover{border-color:var(--cyan);background:#f1fafd}.quick .ico{color:var(--blue)}.quick b{font-size:12px}.quick small{font-size:10px;color:var(--muted);line-height:1.4}.module h2{font-size:23px;margin:0 0 7px}.module p{font-size:12px;color:var(--muted);margin:0}.group-head{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#287999;font-weight:800;margin:29px 0 12px}.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.catalog-btn{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--stroke);border-radius:12px;padding:15px;color:var(--text)}.catalog-btn:hover{background:#f4fbff;border-color:#aad9ed}.catalog-btn span{flex:1;display:grid;gap:4px}.catalog-btn b{font-size:13px}.catalog-btn small{font-size:10px;color:var(--muted)}.document-card{border:1px solid var(--stroke);border-radius:12px;padding:17px;display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:13px}.document-card b{font-size:13px}.document-card p{font-size:11px;margin-top:5px}.bill{border:1px solid var(--stroke);border-radius:13px;padding:17px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.bill b{font-size:13px}.bill p{color:var(--muted);font-size:11px}.bill .amount{font-weight:800;color:var(--blue)}.consumption-bars{display:flex;gap:9px;align-items:end;height:160px;margin:24px 0 14px;border-bottom:1px solid var(--stroke)}.consumption-bars .bar{flex:1;min-width:0;background:linear-gradient(0deg,#224e8d,#00b5eb);border-radius:6px 6px 0 0;position:relative}.consumption-bars .bar:after{content:attr(data-label);position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-field{background:#f7fafe;border-radius:10px;padding:15px}.profile-field small{display:block;font-size:10px;color:var(--muted)}.profile-field b{font-size:12px;display:block;margin-top:7px}.deliver-banner{padding:16px;background:#eef8fd;border:1px solid #d8eaf6;color:#1e6687;border-radius:11px;font-size:12px;line-height:1.6;margin:18px 0}.check-row{display:flex;align-items:flex-start;gap:10px;margin:14px 0;color:var(--text);font-size:12px;line-height:1.65}.check-row input{accent-color:var(--blue);width:17px;height:17px;margin-top:3px}.confirmation{background:#eff8e7;border:1px solid #d3eabd;border-radius:13px;padding:22px}.confirmation .ico{color:#619319}
.bottom-nav{display:none}.overlay{position:fixed;inset:0;z-index:15;background:#081f38a8;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(480px,100%);background:white;border-radius:18px;padding:25px;box-shadow:0 20px 60px #0d294555;max-height:90vh;overflow:auto}.modal .top{display:flex;align-items:start;justify-content:space-between}.modal h3{margin:5px 0 10px}.modal p{font-size:13px;color:var(--muted)}.x{width:33px;height:33px;background:#edf2f7;color:#6c8196;border-radius:9px;display:grid;place-items:center}.modal-actions{display:flex;gap:10px;margin-top:19px}.modal-actions>*{flex:1}#toast{position:fixed;right:20px;bottom:20px;z-index:30;background:#173c63;color:white;border-radius:11px;padding:15px 19px;box-shadow:0 15px 35px #0c2e5070;display:none;font-size:12px;max-width:400px}
@media(max-width:1000px){.metrics{grid-template-columns:1fr 1fr}.metric.primary{grid-column:1/-1}.hero-grid{gap:30px}.toplinks{gap:12px}}
@media(max-width:770px){.container{width:min(100% - 30px,600px)}.topbar .container{height:66px}.toplinks{display:none}.topbar .demo-label{display:none}.topbar .btn{padding:10px 12px;min-height:40px}.logo{font-size:13px}.logo-mark,.logo-mark svg{width:34px;height:37px}.public-hero{padding:45px 0 58px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:15px}.public-section{padding:45px 0 55px}.service-preview{grid-template-columns:repeat(2,1fr)}.tile{min-height:143px;padding:18px}.auth-wrap{padding:35px 15px 70px;min-height:calc(100vh - 66px)}.auth-card{padding:23px}.auth-hero h1{font-size:24px}.content-wrap{padding:24px 0 95px}.dashboard{grid-template-columns:1fr}.side{display:none}.dash-heading{flex-direction:column}.selector{width:100%;max-width:none}.metrics{grid-template-columns:1fr 1fr}.metrics .primary{grid-column:1/-1}.quick-grid{grid-template-columns:repeat(2,1fr)}body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:9px 5px calc(9px + env(safe-area-inset-bottom,0px));gap:2px;background:#fffffffa;box-shadow:0 -8px 30px #12395c20;border-top:1px solid var(--stroke)}.bottom-nav button{background:transparent;display:grid;place-items:center;gap:4px;padding:4px 1px;min-height:49px;border-radius:11px;color:#75889a;font-size:9px;font-weight:800}.bottom-nav .ico{height:21px;width:21px}.bottom-nav button.active{background:#eaf4fd;color:var(--blue)}.bottom-nav button.emphasis{color:#0786b1}.foot-band{padding:25px 0}.foot-band .container{flex-direction:column;align-items:start}.page-header h1{font-size:25px}}
@media(max-width:480px){.hero-copy h1{font-size:36px}.lookup{padding:23px}.lookup-form{flex-direction:column}.lookup .btn{width:100%}.service-preview{grid-template-columns:1fr 1fr;gap:10px}.tile{min-height:160px;padding:16px}.tile strong{font-size:13px}.tile small{font-size:10px}.tile .arrow{right:10px;top:13px}.property-search{flex-direction:column}.property{flex-wrap:wrap;padding:18px}.property .property-desc{flex-basis:calc(100% - 70px)}.property .pill{margin-left:58px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:15px;min-height:130px}.metric h3{font-size:19px}.quick-grid{gap:9px}.quick{padding:13px}.catalog{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.bill{flex-wrap:wrap}.modal-actions{flex-direction:column}.auth-card .actions{flex-direction:column}.document-card{flex-wrap:wrap}.search-mobile{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}