:root{color-scheme:light;--ink:#15171d;--muted:#586274;--accent:#2265d6;--line:#dce2ed;--surface:#f4f7fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);background:#fff;padding:12px;z-index:10}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:-.03em;font-size:18px}.brand span{display:block;font-size:11px;letter-spacing:.08em;font-weight:500;color:var(--muted)}.site-header nav{display:flex;gap:28px;font-size:14px;font-weight:600}.back-link{display:inline-block;margin-top:40px;font-size:14px;color:var(--muted)}.project-hero{padding-block:36px 32px}.hero-labels{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;color:var(--accent)}.status{background:#edf3ff;color:#2456a2;border:1px solid #dbe7ff;padding:5px 12px;border-radius:30px;font-size:12px;font-weight:600}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,6.5vw,78px);line-height:1.08;letter-spacing:-.06em;margin-top:24px}h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.04em;margin:12px 0 20px}h3{font-size:18px;line-height:1.35;letter-spacing:-.02em}.subtitle{font-size:clamp(22px,3vw,32px);line-height:1.4;letter-spacing:-.025em;max-width:800px;margin-top:20px}.intro{max-width:720px;color:var(--muted);font-size:17px;margin-top:18px}.demo-notice{background:var(--surface);border-left:3px solid var(--accent);padding:14px 18px;font-size:13px;color:var(--muted);margin-top:28px;max-width:850px}.demo-notice strong{color:var(--ink)}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:32px 0 0;padding-top:24px;border-top:1px solid var(--line)}dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}dd{font-size:14px;font-weight:600;margin:0}.preview{margin:16px 0 60px;background:#eaf0fc;border-radius:24px;padding:40px 64px 20px}.preview.current{background:#eeeafb}.preview.future{background:#e5f3ed}.preview-window{background:#fff;border:1px solid #dce2ed;border-radius:12px;overflow:hidden;box-shadow:0 16px 40px #243c6814;max-width:800px;margin:auto}.window-bar{background:#f9fafc;border-bottom:1px solid #e9ecf2;padding:10px 18px;display:flex;gap:20px;align-items:center;font-size:11px;color:#697386}.window-dots{letter-spacing:3px;color:#bbc4d4}.atlas-demo,.civic-demo{padding:28px}.demo-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;font-size:16px}.demo-heading>span{font-size:11px;color:var(--muted)}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-metrics>div{padding:16px;background:var(--surface);border-radius:10px}.demo-metrics span,.demo-metrics small{display:block;font-size:11px;color:var(--muted)}.demo-metrics strong{font-size:32px;line-height:1.5}.demo-chart{margin:24px 0 16px;font-size:12px;color:var(--muted)}.bars{height:120px;display:flex;align-items:end;gap:12px;padding:15px 10px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,#fff 0px,#fff 29px,#edf1f7 30px)}.bars i{flex:1;max-width:65px;background:#5f8ceb;border-radius:5px 5px 0 0}.demo-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding-top:10px}.demo-pill{color:#2456a2;background:#edf3ff;border-radius:20px;padding:3px 10px}.flow-demo{max-width:460px;margin:auto;padding:32px}.demo-eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--accent)}.flow-demo>strong{display:block;font-size:26px;margin:10px 0}.flow-demo>p{font-size:12px;color:var(--muted)}.progress-track{height:5px;background:#eeeafb;border-radius:8px;margin:24px 0}.progress-track>span{display:block;width:33.33%;height:100%;background:#7860c9;border-radius:8px}.check-row{display:flex;align-items:center;gap:14px;border-top:1px solid #eee;padding:14px 0;font-size:13px;font-weight:600}.check{width:30px;height:30px;border:1px solid #ded9ed;border-radius:50%;display:grid;place-items:center;color:#7860c9;flex-shrink:0}.check.complete{background:#7860c9;color:white}.check-row small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.civic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-list>div{border:1px solid #e2eae5;border-radius:8px;padding:12px;margin-bottom:10px}.service-list strong,.service-list small{display:block}.service-list strong{font-size:13px;margin:4px 0}.service-list small{font-size:10px;color:var(--muted)}.demo-map{min-height:220px;border-radius:10px;background:repeating-linear-gradient(30deg,transparent 0 48px,#fff9 49px 57px,transparent 58px 100px),repeating-linear-gradient(110deg,#e0ebe3 0 65px,#fff 66px 73px,#d3e5d8 74px 120px);position:relative;overflow:hidden}.map-pin{position:absolute;width:26px;height:26px;border-radius:50%;background:#2d7558;color:#fff;display:grid;place-items:center;font-size:11px;box-shadow:0 3px 8px #0002}.pin-one{top:20%;left:30%}.pin-two{top:55%;left:65%}.pin-three{top:75%;left:20%}figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:18px}.study-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px}.study-index{position:sticky;top:28px;align-self:start;display:flex;flex-direction:column;gap:14px;font-size:13px}.study-index>.eyebrow{margin-bottom:8px}.study-index>a{color:var(--muted)}.study-index>a:hover{color:var(--accent)}.study-content>section{padding-bottom:44px;margin-bottom:40px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.study-content p,.study-content li{color:var(--muted);font-size:16px}.feature-list{margin-top:26px}.feature-list article{display:flex;gap:20px;margin-top:20px}.feature-number{font-size:13px;color:var(--accent);font-weight:600;padding-top:3px}.feature-list p,.decision-list p{margin-top:8px;font-size:14px}.decision-list{display:grid;gap:22px}.study-content ul,.study-content ol{padding-left:22px;margin-block:22px}.study-content li{padding-left:5px;margin-bottom:10px}.lesson{background:var(--surface);padding:24px;border-radius:12px;margin-block:30px}.lesson p{color:var(--ink);margin-top:10px}.contact-callout{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--surface);border-radius:22px;padding:40px;margin-top:24px}.contact-callout h2{margin-bottom:10px;font-size:28px}.contact-callout p{color:var(--muted);font-size:14px}.button{display:inline-block;background:var(--ink);color:white;padding:13px 22px;border-radius:30px;font-size:14px;font-weight:600;flex-shrink:0}.button:hover{background:var(--accent);color:white}.other-projects{margin-block:64px}.other-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.other-grid>a{border:1px solid var(--line);border-radius:18px;padding:28px;transition:border-color .2s,background .2s}.other-grid>a:hover{border-color:var(--accent);background:var(--surface)}.other-grid h3{display:flex;justify-content:space-between;margin:16px 0 12px;font-size:23px}.other-grid p{font-size:14px;color:var(--muted)}.read-link{display:block;margin-top:24px;font-size:13px;color:var(--accent);font-weight:600}.site-footer{border-top:1px solid var(--line);padding-block:28px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.site-footer>a:first-child{font-weight:700;color:var(--ink)}
@media(max-width:850px){.study-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.preview{padding:28px 30px 18px}.project-facts{gap:20px}.contact-callout{padding:28px}.site-footer{flex-wrap:wrap}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.site-header{align-items:start;padding-block:22px;gap:16px;flex-wrap:wrap}.site-header nav{gap:20px;font-size:13px}.back-link{margin-top:28px}.project-hero{padding-top:26px}.hero-labels{gap:12px}.project-facts{grid-template-columns:1fr;gap:18px}.preview{padding:18px 12px 14px;margin-bottom:36px;border-radius:16px}.atlas-demo,.civic-demo{padding:16px}.demo-metrics{gap:6px}.demo-metrics>div{padding:10px 8px}.demo-metrics strong{font-size:26px}.demo-metrics small{font-size:9px}.demo-heading{font-size:14px}.demo-heading>span{font-size:10px}.flow-demo{padding:22px}.flow-demo>strong{font-size:22px}.civic-grid{grid-template-columns:1fr;gap:8px}.demo-map{min-height:140px}.study-layout{display:block}.study-index{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 18px;padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid var(--line)}.study-index>.eyebrow{width:100%;margin:0}.study-index>a{font-size:12px}.study-content>section{padding-bottom:30px;margin-bottom:30px}.contact-callout{align-items:start;flex-direction:column;padding:24px;gap:24px}.other-grid{grid-template-columns:1fr}.other-projects{margin-block:44px}.site-footer{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}