.city-font-scope{min-height:100dvh}.city-page{--city-ink:#0f172a;--city-ink-muted:#475569;--city-ink-soft:#64748b;--city-line:color-mix(in srgb, var(--color-water-drinkable) 14%, #e2e8f0);--city-cta:var(--color-water-drinkable);--city-cta-pressed:#1d4ed8;--city-paper:#f8fafc;--city-sky:#dbeafe;isolation:isolate;min-height:100dvh;color:var(--city-ink-muted);font-family:var(--font-city-sans), "Source Sans 3", system-ui, sans-serif;padding:calc(1.5rem + env(safe-area-inset-top)) 1.35rem calc(1.75rem + env(safe-area-inset-bottom));background-color:var(--city-paper);background-image:radial-gradient(120% 80% at 50% -10%, var(--city-sky) 0%, transparent 55%), linear-gradient(to bottom, color-mix(in srgb, var(--city-sky) 35%, var(--city-paper)) 0%, var(--city-paper) 42%);flex-direction:column;display:flex;position:relative;overflow-x:clip}.city-page:before{content:"";z-index:-1;pointer-events:none;opacity:.35;background-image:linear-gradient(to right, color-mix(in srgb, var(--color-water-drinkable) 8%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-water-drinkable) 8%, transparent) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 70%);mask-image:linear-gradient(#0000008c,#0000 70%)}.city-page-inner{flex-direction:column;flex:1;gap:1.35rem;width:100%;max-width:26rem;margin:0 auto;display:flex}.city-hero,.city-intro,.city-cta-wrap,.city-shot,.city-capabilities,.city-faq,.city-footer{animation:.55s ease-out both city-rise}.city-hero{text-align:center;animation-delay:20ms}.city-intro{animation-delay:80ms}.city-cta-wrap{animation-delay:.14s}.city-shot{animation-delay:.18s}.city-capabilities{animation-delay:.24s}.city-faq{animation-delay:.3s}.city-footer{animation-delay:.36s}@keyframes city-rise{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}.city-brand{letter-spacing:-.02em;color:var(--city-ink);margin:0 0 1rem;font-family:inherit;font-size:clamp(2rem,8vw,2.65rem);font-weight:800;line-height:1.05}.city-brand-link{color:inherit;text-decoration:none}.city-brand-link:hover{color:var(--city-cta)}.city-h1{letter-spacing:-.015em;color:var(--city-ink);margin:0;font-family:inherit;font-size:clamp(1.35rem,5.2vw,1.65rem);font-weight:700;line-height:1.25}.city-subtitle{color:var(--city-ink-soft);margin:.45rem 0 0;font-size:1rem;font-weight:600}.city-intro{text-align:center;color:var(--city-ink-muted);margin:0;font-size:1.05rem;line-height:1.55}.city-shot{margin:0;padding:0}.city-shot-img{width:100%;height:auto;box-shadow:0 1px 0 #ffffffb3 inset, 0 18px 40px color-mix(in srgb, var(--color-water-drinkable) 16%, transparent), 0 2px 8px color-mix(in srgb, var(--city-ink) 8%, transparent);border-radius:1.15rem;display:block}.city-capabilities{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.city-cap-row{color:var(--city-ink-muted);align-items:flex-start;gap:.75rem;font-size:.98rem;line-height:1.45;display:flex}.city-cap-pin{width:.7rem;height:.7rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--city-cap-pin-color) 22%, transparent);background-color:var(--city-cap-pin-color);border-radius:50%;flex-shrink:0;margin-top:.35rem}.city-cap-pin--toilet{--city-cap-pin-color:var(--color-toilet-free)}.city-cap-pin--water{--city-cap-pin-color:var(--color-water-drinkable)}.city-cap-pin--layers{--city-cap-pin-color:var(--color-toilet-paid)}.city-cap-pin--share{--city-cap-pin-color:var(--color-water-unknown)}.city-cta-wrap{margin:.15rem 0 0}.city-cta{background-color:var(--city-cta);color:#fff;letter-spacing:-.01em;text-align:center;width:100%;min-height:52px;box-shadow:0 1px 0 #ffffff40 inset, 0 10px 24px color-mix(in srgb, var(--city-cta) 28%, transparent);border-radius:.95rem;justify-content:center;align-items:center;padding:.9rem 1.35rem;font-family:inherit;font-size:1.08rem;font-weight:700;text-decoration:none;transition:background-color .15s,transform .15s,box-shadow .15s;display:flex}.city-cta:hover{background-color:var(--city-cta-pressed);transform:translateY(-1px)}.city-cta:active{box-shadow:0 1px 0 #ffffff2e inset, 0 4px 12px color-mix(in srgb, var(--city-cta) 22%, transparent);transform:scale(.985)}.city-cta:focus-visible{outline:3px solid color-mix(in srgb, var(--city-cta) 45%, #fff);outline-offset:3px}.city-faq{flex-direction:column;margin-top:.25rem;display:flex}.city-faq-item{border-top:1px solid var(--city-line);padding:.15rem 0}.city-faq-item:last-child{border-bottom:1px solid var(--city-line)}.city-faq-item summary{cursor:pointer;color:var(--city-ink);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;font-weight:700;list-style:none;display:flex}.city-faq-item summary::-webkit-details-marker{display:none}.city-faq-item summary:after{content:"";border-right:2px solid var(--city-ink-soft);border-bottom:2px solid var(--city-ink-soft);flex-shrink:0;width:.45rem;height:.45rem;margin-top:-.15rem;transition:transform .18s;transform:rotate(45deg)}.city-faq-item[open] summary:after{margin-top:.15rem;transform:rotate(225deg)}.city-faq-item p{color:var(--city-ink-muted);margin:0 0 .9rem;padding-right:1.5rem;font-size:.98rem;line-height:1.5}.city-footer{text-align:center;color:var(--city-ink-soft);margin-top:auto;padding-top:1.75rem;font-size:.82rem}.city-footer a{color:var(--city-cta);font-weight:600;text-decoration:none}.city-footer a:hover{text-decoration:underline}.city-footer p{margin:.4rem 0 0}@media (prefers-reduced-motion:reduce){.city-hero,.city-intro,.city-cta-wrap,.city-shot,.city-capabilities,.city-faq,.city-footer{animation:none}.city-cta{transition:none}.city-cta:hover,.city-cta:active{transform:none}.city-faq-item summary:after{transition:none}}