:root { --ink:#102a43; --navy:#075985; --blue:#0284c7; --sky:#e0f2fe; --paper:#f8fafc; --muted:#52616b; --line:#d9e2ec; --gold:#f5b942; --deep:#06243b; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.skip-link { position:absolute; left:12px; top:-48px; z-index:10; padding:9px 12px; border-radius:8px; background:#fff; color:var(--navy); box-shadow:0 2px 10px #0003; }
.skip-link:focus { top:12px; }
.site-header { min-height:72px; padding:0 5vw; display:flex; align-items:center; justify-content:space-between; background:rgba(255,255,255,.92); border-bottom:1px solid #e9eff5; }
.wordmark { display:inline-flex; align-items:center; gap:9px; font-weight:750; color:var(--ink); letter-spacing:-.02em; }
.wordmark img { border-radius:8px; }
.header-link { font-size:.92rem; font-weight:650; color:var(--navy); }
.header-link:hover, .site-footer a:last-child:hover { text-decoration:underline; }
.hero { min-height:620px; padding:clamp(62px,9vw,118px) 7vw 86px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); align-items:center; gap:clamp(36px,8vw,112px); overflow:hidden; background:radial-gradient(circle at 77% 28%,#d7f0ff 0,rgba(215,240,255,.7) 17%,transparent 39%),linear-gradient(118deg,#f8fbfd 18%,#f0f8fc 100%); }
.hero-copy { max-width:660px; }
.eyebrow,.section-kicker { font-size:.76rem; color:var(--blue); text-transform:uppercase; letter-spacing:.125em; font-weight:800; }
.eyebrow { display:flex; align-items:center; gap:7px; margin-bottom:18px; }
.eyebrow-dot { width:8px; height:8px; display:inline-block; background:var(--gold); border-radius:50%; }
.product-lockup { display:flex; align-items:center; gap:13px; margin-bottom:21px; }
.wi-product-icon { width:56px; height:56px; display:block; border-radius:17px; box-shadow:0 11px 22px rgba(7,89,133,.2); }
.product-name { display:block; font-size:1.38rem; font-weight:800; letter-spacing:-.04em; line-height:1.05; }
.product-type { display:block; color:var(--muted); font-size:.8rem; margin-top:2px; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:650px; margin-bottom:20px; color:var(--deep); font-size:clamp(2.9rem,5.2vw,5.05rem); line-height:.97; letter-spacing:-.065em; }
.hero-lede { max-width:570px; margin-bottom:30px; font-size:clamp(1.05rem,1.55vw,1.28rem); color:#415569; }
.store-row { display:flex; flex-wrap:wrap; gap:10px; }
.store-button { min-height:54px; min-width:156px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:7px 15px; border-radius:9px; color:#fff; background:#101820; font-size:1.05rem; line-height:1.05; font-weight:700; }
.store-button small { display:block; font-size:.59rem; font-weight:500; letter-spacing:.01em; }
.store-button.muted { opacity:.66; cursor:default; }
.store-symbol { font-size:1.85rem; font-family:Arial,sans-serif; }.play-mark { color:#83d1f3; font-size:1.15rem; }
.release-note { margin:16px 0 0; color:#697b8c; font-size:.82rem; }
.hero-art { position:relative; justify-self:center; }.hero-shot { width:min(370px,74vw); margin:0; }.hero-shot img { width:100%; display:block; border-radius:34px; box-shadow:0 36px 60px rgba(8,57,83,.25),0 7px 12px rgba(0,0,0,.12); }.hero-shot figcaption { margin:15px 0 0; text-align:center; color:#62798b; font-size:.75rem; }
.trust-strip { padding:27px 8vw; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; color:#fff; background:var(--deep); }.trust-strip div { display:flex; flex-direction:column; border-left:2px solid var(--gold); padding-left:16px; }.trust-strip strong { font-size:1.03rem; }.trust-strip span { color:#b8d3e2; font-size:.84rem; }
.section { padding:clamp(70px,9vw,124px) 7vw; }.section-intro { background:#fff; }.section-heading { max-width:765px; margin-top:11px; }.section-heading h2,.counties-layout h2,.data-card h2,.closing h2 { margin:0 0 18px; color:var(--deep); font-size:clamp(2rem,3.6vw,3.3rem); line-height:1.05; letter-spacing:-.045em; }.section-heading p,.counties-layout > div > p { color:var(--muted); font-size:1.07rem; }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:48px; }.feature-card { min-height:247px; padding:29px; border:1px solid var(--line); border-radius:16px; background:var(--paper); }.feature-number { color:var(--blue); font-size:.72rem; font-weight:800; letter-spacing:.1em; }.feature-card h3 { margin:49px 0 9px; color:var(--ink); font-size:1.2rem; letter-spacing:-.025em; }.feature-card p { margin:0; color:var(--muted); font-size:.93rem; }
.counties-section { background:#eaf6fb; }.counties-layout { max-width:1110px; display:grid; grid-template-columns:1fr .8fr; gap:clamp(38px,9vw,120px); align-items:center; margin:auto; }.stat-row { display:flex; gap:31px; margin:31px 0 16px; }.stat-row div { display:flex; flex-direction:column; }.stat-row strong { color:var(--navy); font-size:1.42rem; letter-spacing:-.04em; }.stat-row span { color:#667b8d; font-size:.76rem; }.fine-print { max-width:560px; font-size:.83rem!important; }.county-capture { width:min(340px,78vw); margin:auto; }.county-capture img { width:100%; display:block; border-radius:31px; box-shadow:0 25px 54px rgba(26,74,101,.18),0 7px 14px rgba(0,0,0,.1); }.county-capture figcaption { margin-top:14px; color:#607688; font-size:.76rem; text-align:center; }
.maps-section { background:#fff; }.centered { margin-left:auto; margin-right:auto; text-align:center; }.tool-grid { max-width:1100px; margin:47px auto 0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.tool-grid article { min-height:222px; padding:27px 22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.tool-icon { width:41px; height:35px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; background:#dff3fc; color:#0877ae; font-size:.93rem; font-weight:850; }.tool-grid h3 { margin:29px 0 7px; font-size:1.04rem; letter-spacing:-.02em; }.tool-grid p { margin:0; color:var(--muted); font-size:.84rem; }
.screenshots-section { background:#f1f7fa; }.shot-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:45px; align-items:start; }.shot-card { margin:0; overflow:hidden; border:1px solid #d7e3ea; border-radius:15px; background:#fff; box-shadow:0 9px 23px rgba(24,75,103,.07); }.shot-card img { width:100%; height:auto; display:block; background:#e4eef3; }.shot-card figcaption { display:flex; flex-direction:column; gap:3px; padding:16px 17px 18px; }.shot-card strong { font-size:1rem; }.shot-card span { color:#627788; font-size:.82rem; }
.data-section { background:var(--deep); padding-top:85px; padding-bottom:85px; }.data-card { max-width:1100px; margin:auto; display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(40px,7vw,98px); padding:clamp(35px,6vw,70px); border:1px solid rgba(213,237,247,.18); border-radius:21px; background:linear-gradient(125deg,rgba(17,70,101,.92),rgba(5,41,66,.96)); }.section-kicker.light { color:#8fdef7; }.data-card h2 { color:white; }.data-copy { color:#d9e9f0; }.data-copy p { margin-bottom:15px; }.data-copy a { color:#fde68a; font-weight:700; }.data-copy a:hover { text-decoration:underline; }
.closing { padding:100px 24px; text-align:center; background:#fff; }.compact { justify-content:center; margin-bottom:22px; }.compact .wi-product-icon { width:45px; height:45px; border-radius:14px; box-shadow:0 8px 17px rgba(7,89,133,.18); }.compact > span { font-size:1.3rem; font-weight:800; }.closing h2 { max-width:600px; margin-left:auto; margin-right:auto; }.closing p { color:var(--muted); }.closing .store-row { justify-content:center; margin-top:27px; }.site-footer { min-height:104px; padding:25px 5vw; display:flex; align-items:center; justify-content:space-between; gap:18px; background:#edf3f6; color:#607488; font-size:.82rem; }.site-footer .wordmark { color:#425d71; }.site-footer a:last-child { color:var(--navy); font-weight:700; }
@media (max-width:780px) { .site-header{padding:0 24px}.header-link{font-size:.8rem}.hero{grid-template-columns:1fr;padding:65px 7vw 62px;gap:44px}.hero-art{grid-row:1;justify-self:center}.trust-strip{grid-template-columns:1fr;gap:18px;padding:25px 8vw}.feature-grid,.shot-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-card h3{margin-top:31px}.counties-layout,.data-card{grid-template-columns:1fr}.counties-layout{gap:46px}.tool-grid{grid-template-columns:1fr 1fr}.tool-grid article{min-height:185px}.data-card{padding:37px 28px}.site-footer{align-items:flex-start;flex-direction:column}.stat-row{gap:17px}.stat-row strong{font-size:1.2rem} }
@media (max-width:390px) { h1{font-size:2.75rem}.store-button{min-width:148px}.tool-grid{grid-template-columns:1fr} }
.footer-links { display:flex; gap:18px; align-items:center; }.site-footer .footer-links a { color:var(--navy); font-weight:700; }.wi-nav-icon { width:30px; height:30px; display:block; border-radius:9px; }
.privacy-content { width:min(740px,88vw); margin:0 auto; padding:92px 0 106px; }.privacy-content h1 { margin-top:14px; font-size:clamp(2.55rem,5vw,4.2rem); }.privacy-content h2 { margin:43px 0 10px; color:var(--deep); font-size:1.25rem; letter-spacing:-.025em; }.privacy-content h3 { margin:25px 0 7px; color:#24475e; font-size:1rem; letter-spacing:-.01em; }.privacy-content p { color:#4d6373; font-size:1rem; }.privacy-content a { color:var(--navy); text-decoration:underline; font-weight:700; }.updated { color:#778c9b!important; font-size:.82rem!important; }