@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--navy:#0c1011;--ink:#eeede7;--red:#df4438;--paper:#efeee8;--muted:#a9b0a7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}.skip{position:absolute;left:-999px}.skip:focus{left:20px;top:100px;background:white;padding:15px;z-index:100}header{height:100px;background:var(--navy);color:white;display:flex;align-items:center;padding:0 4.5%;gap:42px;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff20}header img{width:137px;height:88px;object-fit:contain}nav{display:flex;gap:30px;margin-left:auto;font-size:12px}nav a:hover,.textlink:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--red);color:white;padding:17px 24px;font-size:12px;font-weight:600;border:0}.button:hover{background:#cf252c}.button span,.textlink span{font-size:19px}.small{padding:12px 18px}.menu{display:none}.hero{position:relative;background:#020d21;min-height:650px;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#030d20f5 0%,#030d20cf 37%,#030d2020 78%),url('assets/traffic.jpg') center/cover}.hero-content{position:relative;padding:88px 6% 30px;max-width:1440px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:27px;display:flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;background:var(--red);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,5.4vw,78px);line-height:1.09;font-weight:500;letter-spacing:-3px;margin-bottom:27px}h1 span,.contact h2 span{color:var(--red)}.hero p{color:#d2d8e4;font-size:17px;line-height:1.8}.actions{display:flex;gap:30px;align-items:center;margin:32px 0 65px}.textlink{font-weight:500;font-size:12px;display:inline-flex;gap:20px;align-items:center}.hero-foot{border-top:1px solid #ffffff30;padding-top:22px;font-size:9px;letter-spacing:1.6px;max-width:590px;display:flex;justify-content:space-between;gap:20px;color:#bcc6d7}.camera-note{position:absolute;right:5%;bottom:110px;font-size:9px;letter-spacing:1.3px;border-left:2px solid var(--red);padding-left:15px}.camera-note b{display:block;font-weight:400;letter-spacing:0;font-size:12px;margin-top:5px}.trust{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--paper);padding:24px 6%;font-size:10px;letter-spacing:.3px}.trust span:first-child{font-weight:600}.section{padding:95px 6%;max-width:1600px;margin:auto}h2{font-size:clamp(32px,3.3vw,47px);line-height:1.2;font-weight:500;letter-spacing:-1.6px;margin-bottom:25px}p{color:var(--muted);margin-bottom:20px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-bottom:45px}.lead{font-size:21px;color:var(--ink)}.process{padding-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.process article{border-top:1px solid #d9dfe6;padding-top:20px}.process article>span{font-size:11px;color:var(--red)}h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:22px 0 14px}.process p{font-size:13px}.demo-section{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.fine{font-size:11px;line-height:1.8}.demo{background:white;border:1px solid #dfe4eb;box-shadow:0 20px 60px #0013420b;border-radius:8px;overflow:hidden}.demo-top{background:var(--navy);color:white;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.demo-top span{font-size:8px;letter-spacing:1px;color:#b4c0d4}.demo form{padding:24px}.demo label{font-size:11px}.search-field{display:flex;margin-top:8px;border:1px solid #bfc7d4;border-radius:3px;overflow:hidden}.search-field input{border:0;width:100%;padding:12px;min-width:0;font-weight:600;letter-spacing:1px}.search-field button{background:var(--navy);color:white;border:0;font-size:11px;padding:12px 17px}.result{display:flex;gap:15px;align-items:center;margin:0 24px 16px;padding:16px;background:var(--paper)}.plate{border:1px solid #bdc5d0;border-left:7px solid #124b8e;background:white;color:#111;font-family:monospace;font-size:15px;font-weight:bold;white-space:nowrap;padding:5px 9px;letter-spacing:.5px}.result p{font-size:10px;margin:0}.result b{font-size:11px}.result .arrow{margin-left:auto;color:var(--red)}.demo-bottom{padding:14px 24px;border-top:1px solid #e9edf1;font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.empty{padding:0 24px 24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:8%}.section-head>p{max-width:310px;font-size:13px}.sector-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #dfe4eb;margin-top:25px}.sector-tabs button{padding:15px 16px;background:none;border:0;color:var(--muted);font-size:11px;border-bottom:2px solid transparent}.sector-tabs button[aria-selected=true]{border-color:var(--red);color:var(--navy);font-weight:600}.sector-panel{padding:45px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10%;min-height:255px}.sector-panel h3{font-size:30px;margin-top:0}.sector-panel ul{margin-top:0;padding-left:20px;color:var(--muted);font-size:13px}.sector-panel li{margin:0 0 14px}.cloud{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.cloud p{color:#c0cade}.cloud .eyebrow{color:#b9c4d9}.checks{padding:0;list-style:none;font-size:12px}.checks li{padding:10px 0;border-bottom:1px solid #ffffff20;display:flex;gap:13px}.checks li:before{content:'↗';color:var(--red)}.cloud-art{padding:36px;border:1px solid #ffffff25;background:linear-gradient(145deg,#ffffff09,#ffffff01);border-radius:4px}.cloud-label{font-size:9px;letter-spacing:2px;color:#b2c1db;margin-bottom:28px}.site-row{display:flex;gap:20px;padding:18px;border-bottom:1px solid #ffffff20;font-size:12px}.site-row span{color:#9daecb;font-size:10px}.site-row i{margin-left:auto;color:#a9d1bc;font-size:9px}.cloud-hub{margin:28px 0 18px;background:#ffffff10;border-left:2px solid var(--red);padding:20px;font-size:21px}.cloud-hub span{float:right}.cloud-art small{font-size:9px;color:#9eacc6}.engineering{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:#f3f4f6}.engineering-photo{background:url('assets/night.jpg') center/cover;min-height:420px}.engineering-copy{padding:75px 12%}.engineering-copy p{font-size:13px}.engineering-steps{margin-top:28px}.engineering-steps div{display:grid;grid-template-columns:110px 1fr;border-top:1px solid #d8dee6;padding:15px 0;font-size:11px;gap:15px}.engineering-steps b{font-weight:600}.engineering-steps span{color:var(--muted)}.privacy{display:grid;grid-template-columns:1fr 1fr;gap:9%}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.privacy-grid b{font-size:12px}.privacy-grid p{font-size:12px;margin-top:8px}.faq{background:var(--paper);display:grid;grid-template-columns:1fr 1.3fr;gap:10%}details{border-bottom:1px solid #cfd6e1}summary{padding:21px 25px 21px 0;font-size:13px;font-weight:500;cursor:pointer;list-style:none;position:relative}summary:after{content:'+';position:absolute;right:0;font-size:21px;top:15px;color:var(--red)}details[open] summary:after{content:'−'}details p{font-size:12px;padding-right:20px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#001342;color:white}.contact p{color:#bec8dc}.contact a{display:block;font-size:13px}.contact .phone{font-size:29px;letter-spacing:-1px;margin:35px 0 4px}.contact .fine{margin-top:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:11px;font-weight:500}label input,label select,label textarea{display:block;background:#ffffff09;border:1px solid #ffffff40;border-radius:0;width:100%;padding:11px 12px;margin:7px 0 17px;color:white;outline-offset:2px}label select option{color:var(--ink)}label input::placeholder,label textarea::placeholder{color:#aebbd0}input:focus,select:focus,textarea:focus{outline:2px solid #b6c8ef}textarea{resize:vertical}#enquiry>.button{margin-top:8px}#enquiry .fine{margin-top:18px}#enquiry-status{font-size:12px}footer{background:#000b29;color:#bec8dc;padding:32px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px}footer img{width:120px;height:78px;object-fit:contain}footer small{font-size:10px;color:#8291ad}footer>span{font-size:9px}
@media(min-width:1600px){.hero-content{padding-top:110px}.hero{min-height:720px}}@media(max-width:1000px){header{gap:20px}nav{gap:15px}.camera-note{display:none}.hero-photo{background-position:60% center}.hero-content{padding-top:70px}.section{padding:70px 6%}.intro,.demo-section,.cloud,.privacy{gap:6%}.process{gap:24px}.engineering-copy{padding:60px 9%}.engineering-steps div{grid-template-columns:1fr;gap:3px}.contact{gap:6%}}@media(max-width:760px){header{height:80px;padding:0 5%;gap:12px}header img{width:100px;height:68px}header>.button{margin-left:auto;font-size:10px;padding:10px 14px;gap:12px}.menu{display:block;background:none;color:white;border:0;font-size:22px}nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--navy);padding:22px 6%;border-top:1px solid #ffffff30}nav.open{display:grid;gap:20px}.hero{min-height:620px}.hero-photo{background:linear-gradient(90deg,#030d20f0,#030d20a0),url('assets/traffic.jpg') 63% center/cover}.hero-content{padding:65px 6% 25px}h1{font-size:49px;letter-spacing:-2px}.hero p{font-size:15px}.eyebrow{font-size:8px;letter-spacing:1.5px}.actions{flex-wrap:wrap;gap:22px;margin-bottom:60px}.hero-foot{font-size:8px;display:block}.hero-foot span{display:block;margin-top:8px}.trust{flex-wrap:wrap;font-size:9px;gap:8px 25px;padding:20px 6%}.trust span:nth-child(2){order:3;width:100%}.section{padding:60px 6%}.intro,.demo-section,.cloud,.privacy,.faq,.contact{grid-template-columns:1fr;gap:30px}.intro{padding-bottom:20px}h2{font-size:36px}.process{grid-template-columns:1fr;padding-top:20px;gap:10px}.process h3{margin:10px 0}.process article{padding-top:15px}.section-head{display:block}.sector-tabs{flex-wrap:nowrap;overflow:auto;white-space:nowrap}.sector-panel{grid-template-columns:1fr;gap:10px;padding-top:30px;min-height:390px}.sector-panel h3{font-size:26px}.cloud-art{padding:25px;order:2}.engineering{grid-template-columns:1fr}.engineering-photo{min-height:350px;background-position:center}.engineering-copy{padding:55px 6%}.engineering-steps div{grid-template-columns:100px 1fr}.privacy-grid{gap:15px}.form-grid{gap:12px}.contact .phone{font-size:25px}.contact .fine{margin-top:22px}footer{flex-wrap:wrap;gap:15px}footer>div{font-size:10px}footer>a:nth-of-type(2){width:60%}.demo-top{padding:18px}.demo-top span{font-size:7px}.demo form{padding:20px}.result{margin:0 20px 16px;padding:12px;gap:12px}.plate{font-size:12px}.demo-bottom{padding:14px 20px;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.public-hero{position:relative;background:var(--navy);min-height:690px;color:#fff;overflow:hidden}.public-photo{position:absolute;inset:0;background:linear-gradient(90deg,#001342f5,#001342bd 37%,#00134225 85%),url('assets/civic.png') center/cover}.public-hero .hero-content{max-width:1500px;padding:80px 6% 35px}.public-hero h1{font-size:clamp(49px,5.4vw,78px);line-height:1.1;letter-spacing:-3px;margin:28px 0}.public-hero h1 span,.contact h2 span{color:var(--red)}.public-hero p{font-size:18px;color:#d3dff0}.public-hero .actions{margin:32px 0 46px}.applications-public{background:var(--paper)}.civic-explorer{display:grid;grid-template-columns:1.4fr 1fr;margin-top:30px;border:1px solid #d6dfe8;background:white}.civic-map{position:relative;background:#18354b;min-height:450px}.civic-map>svg{width:100%;height:100%;display:block}.map-title,.map-foot{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;color:#c9daeb;font-size:8px;letter-spacing:1px;z-index:1}.map-title{top:20px}.map-foot{bottom:20px}.map-foot span{letter-spacing:0;font-size:8px;color:#91acc6}.civic-pin{position:absolute;width:34px;height:34px;border:2px solid white;border-radius:50%;background:var(--navy);color:white;font-size:10px;box-shadow:0 3px 10px #00134250}.civic-pin[aria-pressed=true]{background:var(--red);box-shadow:0 0 0 6px #ffffff25}.pin-offices{left:13%;top:22%}.pin-depot{left:48%;top:21%}.pin-park{left:80%;top:21%}.pin-recycling{left:13%;top:72%}.pin-dumping{left:48%;top:71%}.pin-multiple{left:80%;top:71%}#location-panel{padding:32px;align-self:center}#location-panel .eyebrow{font-size:9px}#location-panel h3{font-size:28px;line-height:1.3;margin:17px 0}#location-panel p{font-size:12px}#location-panel ul{font-size:11px;color:var(--muted);padding-left:18px}#location-panel li{margin-bottom:10px}#location-panel a{font-size:11px}.location-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.location-tabs button{background:white;border:1px solid #d0dae6;color:var(--muted);font-size:10px;padding:10px 13px}.location-tabs button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.review-tabs{display:flex;gap:8px;border-bottom:1px solid #d4dce7;margin:30px 0}.review-tabs button{border:0;background:none;border-bottom:2px solid transparent;padding:15px 18px;font-size:11px;color:var(--muted)}.review-tabs button[aria-pressed=true]{border-color:var(--red);color:var(--navy)}.investigation{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-bottom:20px}.sample-file{background:var(--navy);color:white;padding:23px;border:1px solid #1d355e}.sample-file-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#c1d0e7}.sample-file-top>span{color:#f98184}.sample-scene{background:#233d55;margin-top:20px;position:relative}.sample-scene svg{display:block;width:100%}.sample-scene>span{display:block;padding:8px 12px;color:#bfcede;font-size:7px;letter-spacing:1px;background:#172d47}.sample-file-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#c5d4e9;margin-top:16px}.sample-file>p{font-size:9px;margin:12px 0 0;color:#93a9c8}#stage-panel h3{font-size:29px;line-height:1.3;margin:0 0 20px}#stage-panel p{font-size:13px}.stage-check{border-left:2px solid var(--red);background:var(--paper);padding:17px 20px}.stage-check b{font-size:10px}.stage-check p{font-size:11px!important;margin:7px 0 0}.deployment{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;background:var(--navy);color:white}.deployment p{font-size:13px;color:#bfcee3}.deployment .fine{font-size:10px}.deployment-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.deployment-grid article{border-top:1px solid #ffffff35;padding-top:20px}.deployment-grid article>span{font-size:10px;color:#fa7b80}.deployment-grid h3{font-size:20px;margin:16px 0 12px}.deployment-grid p{font-size:12px}.planning{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--paper)}.planning p{font-size:13px}.planning-list article{display:flex;gap:22px;border-top:1px solid #d1dae5;padding:19px 0}.planning-list article>span{font-size:10px;color:var(--red);padding-top:5px}.planning-list h3{font-size:18px;margin:0 0 7px}.planning-list p{font-size:12px;margin:0}.brief-section{display:grid;grid-template-columns:1fr 1fr;gap:10%}.project-builder{background:var(--paper);border:1px solid #d6dfe9;padding:30px}.project-builder select{background:white;color:var(--ink);border:1px solid #c5d0df;font-size:11px}.project-builder fieldset{padding:0;border:0;margin:20px 0 25px}.project-builder legend{font-size:12px;margin-bottom:16px}.brief-options{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}.brief-options label{display:flex;align-items:start;gap:9px;font-size:10px;cursor:pointer}.brief-options input{width:14px;height:14px;margin:3px 0 0;accent-color:var(--red);flex-shrink:0}.project-builder .button{font-size:11px}#brief-status{font-size:11px;margin:15px 0 0}.privacy{background:var(--paper)}
@media(max-width:1050px){.civic-explorer{grid-template-columns:1.15fr 1fr}.civic-map{min-height:410px}#location-panel{padding:27px}.public-hero h1{font-size:66px}.deployment{gap:6%}.review-tabs button{padding:15px 13px;font-size:10px}}@media(max-width:760px){.public-hero{min-height:670px}.public-hero .hero-content{padding:55px 6% 30px}.public-hero h1{font-size:51px;letter-spacing:-2px}.public-hero p{font-size:15px}.public-photo{background:linear-gradient(90deg,#001342f0,#0013428c),url('assets/civic.png') 65% center/cover}.public-hero .actions{flex-wrap:wrap;gap:20px}.public-hero .textlink{font-size:12px}.civic-explorer,.investigation,.deployment,.planning,.brief-section{grid-template-columns:1fr;gap:30px}.civic-explorer{gap:0}.civic-map{min-height:300px}#location-panel{padding:25px;min-height:310px}.civic-pin{width:29px;height:29px;font-size:9px}.map-title,.map-foot{font-size:7px;left:15px;right:15px}.map-foot span{font-size:7px}.location-tabs button{font-size:9px;padding:9px 11px}.review-tabs{gap:0}.review-tabs button{padding:13px 7px;font-size:9px;text-align:left}.sample-file{padding:19px}.sample-file-meta{font-size:7px}.deployment-grid{gap:20px}.deployment-grid h3{font-size:18px}.project-builder{padding:23px}.brief-options{gap:15px 10px}.brief-options label{font-size:9px}.project-builder .form-grid{grid-template-columns:1fr}.contact h2{font-size:36px}}

/* Usee public sector: charcoal, sage and warm cream. */
body{background:#0c1011;color:#eeede7}header,footer{background:#090d0e;color:#eeede7}header{border-color:#eeede725}.eyebrow,.hero-foot,.camera-note,.map-title,.map-foot,.sample-file-top,.sample-file-meta{font-family:"IBM Plex Mono",monospace}.public-photo{background:linear-gradient(90deg,#0c1011f7,#101b15ce 40%,#101b1533 90%),url('assets/civic.png') center/cover}.public-hero p{color:#d1d6ca}.hero-foot{color:#bec5b6;border-color:#bbc5b644}.button{background:#df4438;color:#fff}.button:hover{background:#bd352b}.trust{background:#efeee8;color:#263128}.applications-public,.planning,.privacy,.faq{background:#efeee8;color:#17201b}.applications-public p,.planning p,.privacy p,.faq p{color:#596455}.civic-explorer{background:#f8f7f1;border-color:#bfc7b4}.civic-map{background:#15211b}.map-title,.map-foot{color:#d0d9c5}.map-foot span{color:#a9b99a}#location-panel ul{color:#596455}.location-tabs button{background:#f8f7f1;color:#596455;border-color:#bfc7b4}.location-tabs button[aria-pressed=true]{background:#18251c;border-color:#18251c;color:#efeee8}.review-tabs{border-color:#8a9a7555}.review-tabs button{color:#a9b99a}.review-tabs button[aria-pressed=true]{color:#eeede7}.sample-file{background:#18251c;border-color:#8a9a7555}.sample-file-top,.sample-file-meta,.sample-scene>span{color:#bdc8b2}.sample-file>p{color:#a9b99a}.sample-scene{background:#1c2c21}.sample-scene>span{background:#15211b}.stage-check{background:#1b291e}.deployment{background:#18251c}.deployment p{color:#bdc8b2}.deployment-grid article{border-color:#8a9a7555}.deployment-grid article>span{color:#ed7769}.planning-list article{border-color:#bfc7b4}.project-builder{background:#1b291e;color:#eeede7;border-color:#8a9a7555}.project-builder select{background:#0f1912;color:#eeede7;border-color:#8a9a7577}details{border-color:#bfc7b4}.contact{background:#142019}.contact p{color:#bdc8b2}.contact input,.contact textarea,.contact select,.contact select option{background:#0c1510;color:#eeede7;border-color:#8b9c7666}.contact input::placeholder,.contact textarea::placeholder{color:#a5af99}footer small{color:#a4ae9a}.skip:focus{background:#efeee8;color:#17201b}input:focus,select:focus,textarea:focus{outline:2px solid #df4438}#enquiry button:disabled{opacity:.65;cursor:wait}#enquiry-status{font-size:13px;line-height:1.7;margin-top:20px}#enquiry-status[data-state="success"]{padding:16px;border:1px solid #9aaa88;background:#203126;color:#eeede7}#enquiry-status[data-state="error"]{padding:16px;border:1px solid #ed7769;color:#f5c7bf}
@media(max-width:760px){.public-photo{background:linear-gradient(90deg,#0c1011ef,#15241999),url('assets/civic.png') 65% center/cover}}
