:root{--navy:#071d48;--navy2:#0d376d;--blue:#0b5d9b;--gold:#f3c53e;--green:#168556;--leaf:#4c9d62;--cream:#f8f3e9;--paper:#fffdf8;--ink:#142238;--muted:#657388;--line:#e3e7eb;--shadow:0 20px 60px rgba(7,29,72,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{height:84px;padding:12px clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:var(--navy)}.brand img{width:56px;height:56px;object-fit:cover;border-radius:50%;border:2px solid var(--gold)}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font:700 20px Georgia,serif;letter-spacing:.13em}.brand small{margin-top:5px;color:var(--green);font-size:9px;letter-spacing:.29em;font-weight:800}.site-nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:800;color:#35445b}.site-nav a{padding:10px 0;position:relative}.site-nav a:hover,.site-nav a.active{color:var(--green)}.site-nav a.active:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:2px;background:var(--gold)}.site-nav .portal-link{padding:11px 16px;border:1px solid var(--navy);color:var(--navy)}.site-nav .portal-link:hover{background:var(--navy);color:white}.external{color:var(--green)}.menu-toggle{display:none;border:0;background:none;color:var(--navy);font-size:24px}.flash{position:fixed;z-index:50;top:98px;right:24px;max-width:440px;padding:16px 18px;display:flex;gap:16px;align-items:flex-start;background:white;border-left:4px solid var(--green);box-shadow:var(--shadow);font-size:13px}.flash.error{border-color:#b93838}.flash.info{border-color:var(--gold)}.flash button{border:0;background:none;font-size:21px;color:var(--muted);line-height:1}.hero{min-height:690px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:white;padding:100px clamp(26px,8vw,120px)}.hero-image{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,29,72,.99) 8%,rgba(7,29,72,.84) 47%,rgba(7,29,72,.22) 100%),url('scene-mbanza-city-3d.png') center/cover}.hero:after{content:"";position:absolute;inset:auto -12% -72% 35%;height:850px;border:1px solid rgba(243,197,62,.28);border-radius:50%;z-index:-1}.hero-content{max-width:700px;z-index:2}.eyebrow,.section-label{display:block;color:var(--gold);font-size:10px;letter-spacing:.22em;font-weight:900;text-transform:uppercase}.hero h1{max-width:760px;margin:22px 0;font:700 clamp(45px,6vw,83px)/.98 Georgia,serif;letter-spacing:-.045em}.hero-lead{max-width:620px;color:#d7e4f0;font-size:18px;line-height:1.75;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;padding:15px 20px;font-weight:900;font-size:12px;letter-spacing:.025em}.button.primary{background:var(--gold);color:var(--navy)}.button.primary:hover{background:#ffe083}.button.outline{border:1px solid rgba(255,255,255,.6);color:white}.button.outline:hover{background:white;color:var(--navy)}.button.outline-dark{border:1px solid var(--navy);color:var(--navy);background:white}.button.outline-dark:hover{background:var(--navy);color:white}.hero-note{font-size:11px;color:#bfd0df;margin-top:27px}.hero-note span{color:var(--gold);margin-right:6px}.hero-note a{color:white;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}.hero-orbit{position:absolute;right:10%;bottom:11%;display:flex;gap:8px;flex-direction:column;align-items:flex-end;font-size:9px;letter-spacing:.2em;font-weight:900;color:rgba(255,255,255,.75)}.hero-orbit span{padding:8px 11px;border:1px solid rgba(255,255,255,.25);background:rgba(7,29,72,.28);backdrop-filter:blur(8px)}.clarity-band{padding:90px clamp(24px,8vw,120px);display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;background:var(--cream)}h2{margin:14px 0 18px;font:700 clamp(34px,4.3vw,57px)/1.08 Georgia,serif;letter-spacing:-.035em;color:var(--navy)}.clarity-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.clarity-grid article{padding:31px;background:#fff;border-top:4px solid var(--blue)}.clarity-grid article.highlight{background:var(--navy);color:white;border-color:var(--gold)}.clarity-grid article.highlight h3{color:white}.clarity-grid article.highlight p{color:#cbd8e6}.number{font:30px Georgia,serif;color:var(--green)}.clarity-grid h3{margin:14px 0 10px;font:700 24px Georgia,serif;color:var(--navy)}.clarity-grid p{font-size:12px;line-height:1.7;color:var(--muted);min-height:84px}.clarity-grid a,.arrow-link,.text-link{font-size:11px;font-weight:900;color:var(--green)}.clarity-grid article.highlight a{color:var(--gold)}.section{padding:100px clamp(24px,8vw,120px)}.services-section{background:white}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading h2{max-width:620px;margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{display:flex;gap:18px;min-height:220px;padding:27px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--green);transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-icon,.mini-icon{flex:0 0 43px;height:43px;display:grid;place-items:center;border-radius:50%;font-size:21px;font-weight:900;background:#e8f4ed;color:var(--green)}.service-icon.gold,.mini-icon.gold{background:#fff5ce;color:#a26d00}.service-icon.blue,.mini-icon.blue{background:#e6f0fa;color:var(--blue)}.service-icon.green,.mini-icon.green{background:#e5f3ec;color:var(--green)}.service-icon.leaf,.mini-icon.leaf{background:#eaf6e7;color:var(--leaf)}.card-tag{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:var(--muted)}.service-card h3{margin:9px 0 9px;font:700 23px Georgia,serif;color:var(--navy)}.service-card p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.6}.arrow-link span,.pay-link span,.action-card a span{color:var(--gold);font-size:17px;margin-left:5px}.citizen-banner{display:grid;grid-template-columns:auto 1fr .7fr;align-items:center;gap:50px;padding:72px clamp(24px,8vw,120px);background:var(--navy);color:white}.citizen-shape{width:126px;height:126px;display:grid;place-items:center;border:1px solid rgba(243,197,62,.6);border-radius:50%;color:var(--gold);font-size:82px}.citizen-banner h2{color:white;max-width:610px}.citizen-banner p{max-width:650px;color:#c6d5e5;font-size:14px;line-height:1.75;margin-bottom:25px}.citizen-points{display:grid;gap:12px;border-left:1px solid rgba(255,255,255,.2);padding-left:30px;color:#e7eef6;font-size:12px;font-weight:700}.citizen-points span:before{color:var(--gold)}.vision-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;background:#f2f4f0}.vision-copy>p{max-width:600px;color:var(--muted);line-height:1.75;font-size:14px}.vision-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:34px}.vision-list div{padding:18px 15px;background:white;border-bottom:3px solid var(--gold)}.vision-list strong,.vision-list span{display:block}.vision-list strong{font:25px Georgia,serif;color:var(--green)}.vision-list span{margin-top:12px;font-size:10px;font-weight:900}.vision-art{position:relative;min-height:410px;overflow:hidden;background:var(--navy);box-shadow:var(--shadow)}.vision-art img{width:100%;height:100%;min-height:410px;display:block;object-fit:cover;opacity:.82}.art-caption{position:absolute;bottom:0;left:0;right:0;padding:60px 28px 24px;color:white;background:linear-gradient(transparent,rgba(7,29,72,.95))}.art-caption span{display:block;color:var(--gold);font-size:10px;letter-spacing:.2em;font-weight:900}.art-caption strong{display:block;margin-top:6px;font:30px Georgia,serif}.footer{padding:58px clamp(24px,8vw,120px) 24px;background:#04132f;color:#cad7e4}.footer-top{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:70px;padding-bottom:50px}.footer-brand{display:flex;gap:12px;align-items:center;color:white}.footer-brand img{width:44px;height:44px;object-fit:cover;border-radius:50%}.footer-brand strong{font:19px Georgia,serif;letter-spacing:.08em}.footer p{max-width:360px;font-size:12px;line-height:1.7;color:#99acc1}.footer-top>div>strong{display:block;color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:15px}.footer-top a,.footer-top span{display:block;color:#b9c8d9;font-size:11px;margin:10px 0}.footer-top a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;color:#7389a3;font-size:10px}.inner-page{background:white}.inner-hero{min-height:400px;padding:80px clamp(24px,8vw,120px);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,var(--navy),var(--navy2));color:white}.inner-hero h1,.portal-hero h1{max-width:790px;margin:18px 0;font:700 clamp(42px,6vw,70px)/1 Georgia,serif;letter-spacing:-.045em}.inner-hero p,.portal-hero p{max-width:660px;color:#d2e0ed;font-size:16px;line-height:1.75}.city-hero{background:linear-gradient(115deg,rgba(7,29,72,.97),rgba(13,55,109,.72)),url('scene-mbanza-city-3d.png') center/cover}.hero-stamp{width:150px;height:150px;display:grid;place-items:center;align-content:center;text-align:center;border:1px solid var(--gold);color:var(--gold);border-radius:50%;transform:rotate(8deg)}.hero-stamp span{font-size:13px;letter-spacing:.2em;font-weight:900}.hero-stamp strong{font:25px Georgia,serif;line-height:1.05;margin-top:8px}.city-intro,.service-list-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--cream)}.intro-lead p,.service-list-copy p{max-width:640px;color:var(--muted);font-size:14px;line-height:1.8}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.principles article{padding:23px;background:white;border-top:4px solid var(--green)}.principles b{color:var(--gold);font:29px Georgia,serif}.principles h3{font:24px Georgia,serif;margin:16px 0 9px;color:var(--navy)}.principles p{font-size:11px;color:var(--muted);line-height:1.6}.service-map{background:#f2f4f0}.all-services{grid-template-columns:repeat(4,1fr)}.dark-callout{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:70px clamp(24px,8vw,120px);background:var(--navy);color:white}.dark-callout h2{color:white;max-width:700px}.dark-callout p{max-width:720px;color:#cbd8e6;font-size:14px;line-height:1.7}.services-hero{background:linear-gradient(115deg,var(--navy),#176a67)}.service-list-intro{background:white}.service-rules{align-self:center;display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-rules span{padding:19px;background:#edf8f3;border-left:4px solid var(--green);font-size:12px;font-weight:800}.service-catalog{padding-top:0;background:white}.notice-box,.payment-warning{display:flex;gap:17px;margin:0 clamp(24px,8vw,120px) 80px;padding:22px;background:#fff8dd;border-left:4px solid var(--gold);color:#605536}.notice-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:900}.notice-box strong,.payment-warning strong{color:#4f431e}.notice-box p,.payment-warning p{margin:7px 0 0;font-size:12px;line-height:1.7}.notice-box a,.payment-warning a{color:var(--green);text-decoration:underline}.portal-page{background:#f4f7f4;min-height:100vh}.portal-hero{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:75px clamp(24px,8vw,120px);background:linear-gradient(115deg,var(--navy),#12577f);color:white}.lock-card,.payment-symbol,.admin-symbol{width:154px;height:154px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;align-content:center;text-align:center;color:var(--gold);flex-shrink:0}.lock-card .lock{font-size:48px}.lock-card strong{font:20px Georgia,serif;margin:8px 0 2px}.lock-card small{font-size:10px;color:#d4e0ea}.portal-login{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;padding:90px clamp(24px,8vw,120px);background:white}.login-copy h2{max-width:580px}.login-copy>p{max-width:560px;color:var(--muted);line-height:1.75;font-size:14px}.demo-code{display:inline-block;margin-top:20px;padding:16px 20px;background:#fff8dc;border-left:4px solid var(--gold)}.demo-code span,.demo-code strong{display:block}.demo-code span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#806b27}.demo-code strong{margin-top:8px;color:var(--navy);letter-spacing:.08em;font-size:14px}.login-form,.admin-form{align-self:center;display:grid;gap:10px;padding:33px;background:var(--cream);border-top:5px solid var(--gold)}.login-form label,.admin-form label{font-size:11px;font-weight:900;color:var(--navy)}.login-form input,.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:13px 14px;border:1px solid #ced7df;background:white;color:var(--ink);outline:none}.login-form input:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,133,86,.12)}.login-form small,.form-note{color:var(--muted);font-size:10px}.access-explainer{background:var(--cream)}.explainer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.explainer-grid article{background:white;padding:28px;border-bottom:4px solid var(--green)}.explainer-grid b{color:var(--gold);font:28px Georgia,serif}.explainer-grid h3{font:24px Georgia,serif;color:var(--navy);margin:15px 0 8px}.explainer-grid p{font-size:12px;color:var(--muted);line-height:1.65}.dashboard-top{padding:70px clamp(24px,8vw,120px);display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(115deg,var(--navy),#124b70);color:white}.dashboard-top h1{margin:17px 0 5px;font:700 clamp(38px,5vw,62px)/1 Georgia,serif}.dashboard-top p{color:#c7d8e5}.citizen-id{padding:22px 25px;min-width:210px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25)}.citizen-id span,.citizen-id strong,.citizen-id small{display:block}.citizen-id span{color:var(--gold);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.citizen-id strong{font:22px Georgia,serif;margin:10px 0}.citizen-id small{color:#bdd0df;font-size:10px}.dashboard-section{background:white}.dashboard-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.dashboard-services{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-service{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:21px;background:var(--paper);border:1px solid var(--line)}.mini-icon{width:40px;height:40px;flex-basis:40px;font-size:17px}.dashboard-service h3{margin:6px 0;font:21px Georgia,serif;color:var(--navy)}.dashboard-service p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.pay-link{font-size:11px;font-weight:900;color:var(--green);white-space:nowrap}.pay-link.muted{color:var(--muted)}.citizen-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:0;background:white}.action-card{display:flex;gap:22px;padding:30px}.dark-action{background:var(--navy);color:white}.light-action{background:var(--cream);color:var(--navy)}.action-mark{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:var(--gold);color:var(--navy);font-size:23px;font-weight:900}.action-card h3{margin:10px 0;font:24px Georgia,serif}.action-card p{font-size:12px;line-height:1.6;color:#bfd0df}.light-action p{color:var(--muted)}.action-card a{font-size:11px;font-weight:900;color:var(--gold)}.light-action a{color:var(--green)}.citizen-note{background:#f2f4f0}.citizen-note p{max-width:760px;color:var(--muted);font-size:14px;line-height:1.8}.payment-hero{background:linear-gradient(115deg,var(--navy),#22666a)}.payment-symbol,.admin-symbol{font:65px Georgia,serif}.payment-section{background:white}.payment-intro{max-width:750px;margin-bottom:35px}.payment-intro p,.admin-intro>p{font-size:13px;line-height:1.75;color:var(--muted)}.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.payment-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px;background:var(--paper);border:1px solid var(--line)}.payment-card.selected{border:2px solid var(--gold);background:#fffaf0}.payment-card h3{display:inline;margin-left:8px;font:22px Georgia,serif;color:var(--navy)}.payment-card p{margin:7px 0 0;font-size:10px;color:var(--muted)}.payment-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--green)}.payment-warning{margin-left:0;margin-right:0;margin-top:35px;margin-bottom:0}.admin-hero{background:linear-gradient(115deg,var(--navy),#3d6c48)}.admin-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:white}.admin-intro h2{max-width:610px}.admin-links{display:grid;gap:12px;margin-top:28px}.admin-links a{color:var(--green);font-size:12px;font-weight:900}.admin-form label span{color:var(--muted);font-weight:400}.admin-form textarea{resize:vertical}.contact-hero{min-height:500px;background:linear-gradient(115deg,var(--navy),#12527f)}
@media(max-width:1000px){.service-grid,.all-services{grid-template-columns:repeat(2,1fr)}.clarity-band,.city-intro,.service-list-intro,.portal-login,.admin-section,.vision-section{grid-template-columns:1fr;gap:35px}.vision-section{padding-top:70px}.citizen-banner{grid-template-columns:auto 1fr}.citizen-points{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:25px 0 0;grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.all-services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.site-header{height:70px}.brand img{width:46px;height:46px}.brand strong{font-size:16px}.brand small{font-size:8px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 24px;flex-direction:column;align-items:stretch;gap:4px;background:white;box-shadow:var(--shadow)}.menu-open .site-nav{display:flex}.site-nav a{padding:12px}.hero{min-height:720px;padding-top:75px;align-items:flex-start}.hero h1{font-size:48px}.hero-lead{font-size:15px}.hero-orbit{right:24px;bottom:28px}.clarity-grid,.service-grid,.all-services,.explainer-grid,.payment-grid,.dashboard-services,.citizen-actions,.footer-top{grid-template-columns:1fr}.citizen-banner{grid-template-columns:1fr;gap:22px}.citizen-shape{width:92px;height:92px;font-size:60px}.citizen-points{grid-template-columns:1fr}.section,.portal-login{padding-top:70px;padding-bottom:70px}.section-heading,.dashboard-heading,.dashboard-top,.portal-hero,.inner-hero,.dark-callout{display:block}.section-heading .text-link,.dashboard-heading .button{display:inline-flex;margin-top:20px}.principles{grid-template-columns:1fr}.hero-stamp,.lock-card,.payment-symbol,.admin-symbol{margin-top:30px}.dashboard-top{padding-top:60px}.citizen-id{margin-top:30px}.dashboard-service{grid-template-columns:auto 1fr}.dashboard-service .pay-link{grid-column:2}.payment-card{display:block}.payment-card form{margin-top:15px}.payment-card .button{width:100%}.admin-form{padding:24px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}.flash{left:18px;right:18px;top:82px}}