/* The neighbourhood app: the existing Hoplr palette with room for everyday use. */
:root .neighbourhood-page h1,:root .neighbourhood-page h2,:root .neighbourhood-page h3{overflow-wrap:normal;word-break:normal;hyphens:none}
.neighbourhood-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px}
.neighbourhood-hero .eyebrow{font-size:var(--eyebrow-size);line-height:1.6;letter-spacing:0}
.neighbourhood-hero h1{font-size:var(--page-title-size);line-height:var(--page-title-line-height)}
.neighbourhood-hero .solution-lede{font-size:1.0625rem;line-height:1.7;max-width:570px}
.neighbourhood-hero-note{font-size:.875rem;color:var(--muted);margin-top:24px}
.neighbourhood-app{min-width:0;margin:0;padding:24px 24px 0;border-radius:28px;background:#fff0c9;overflow:hidden}
.neighbourhood-device-label{font-size:.875rem;font-weight:600;margin:0 0 14px;text-align:center;color:var(--ink)}
.neighbourhood-app-preview{position:relative;width:100%;overflow:hidden;border-radius:20px 20px 0 0;aspect-ratio:1/1.14;background:transparent}
.neighbourhood-app-preview>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}
.neighbourhood-app-preview .app-video-overlay{background:transparent;justify-content:flex-end;padding-bottom:30px}
.neighbourhood-app-preview .app-video-caption{font-size:1rem}
.neighbourhood-tools{border-top:1px solid var(--line)}
.neighbourhood-tools .section-heading{align-items:flex-end;gap:48px}
.neighbourhood-tools .section-heading h2{max-width:650px}
.neighbourhood-tools .section-heading>p{font-size:1rem;max-width:400px}
.neighbourhood-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:44px}
.neighbourhood-feature{min-width:0;padding:30px 0;border-top:1px solid var(--line)}
.neighbourhood-feature:first-child{grid-column:1/-1;display:grid;grid-template-columns:48px minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:24px;padding:30px;border:0;border-radius:20px;background:#f0f1f8;margin-bottom:24px}
.neighbourhood-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#ffeaef;color:#aa213e;margin-bottom:18px}
.neighbourhood-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.neighbourhood-feature h3{font-size:1.35rem;line-height:1.3;margin-bottom:12px}
.neighbourhood-feature p{font-size:1rem;line-height:1.65;color:var(--muted)}
.neighbourhood-feature:first-child .neighbourhood-icon,.neighbourhood-feature:first-child h3{margin:0}
.neighbourhood-feed-copy{min-width:0}
.neighbourhood-feed-notifications{border-top:1px solid #cfd2e4;margin-top:18px;padding-top:18px}
.neighbourhood-feed-notifications h4{display:flex;align-items:center;gap:10px;font-size:1rem;line-height:1.4;color:var(--ink);margin:0 0 8px}
.neighbourhood-feed-notifications h4 svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:#aa213e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.neighbourhood-capital{background:#fff5f7}
.neighbourhood-capital-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:70px}
.neighbourhood-life{margin:0;min-width:0}
.neighbourhood-life img{display:block;width:100%;height:auto;aspect-ratio:4/4.5;object-fit:cover;object-position:35% center;border-radius:24px}
.neighbourhood-life figcaption{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:16px}
.neighbourhood-capital-copy{min-width:0}
.neighbourhood-capital-copy .eyebrow{font-size:var(--eyebrow-size);line-height:1.6;letter-spacing:0}
.neighbourhood-capital-copy h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.14;margin-bottom:25px}
.neighbourhood-capital-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75;color:var(--muted);margin-bottom:18px}
.neighbourhood-capital-copy>p.neighbourhood-capital-example{padding:18px 0 18px 20px;border-left:3px solid #ff315d;color:var(--ink);font-size:1.125rem;font-weight:600}
.neighbourhood-capital-copy .text-link{font-size:1rem;margin-top:10px;line-height:1.5}
.neighbourhood-government>h2{max-width:780px}
.neighbourhood-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:44px}
.neighbourhood-benefits article{min-width:0;border-top:1px solid var(--line);padding-top:24px}
.neighbourhood-step{color:#aa213e;font-size:.875rem;font-weight:700}
.neighbourhood-benefits h3{font-size:1.4rem;line-height:1.3;margin:18px 0 14px}
.neighbourhood-benefits p{font-size:1rem;line-height:1.7;color:var(--muted)}
.neighbourhood-benefits .text-link{font-size:1rem;margin-top:24px}
.neighbourhood-page .text-link{max-width:100%;white-space:normal;line-height:1.5}
.neighbourhood-page .text-link span{flex-shrink:0}
.neighbourhood-page .button{white-space:normal;line-height:1.45}
.neighbourhood-page .eyebrow{font-size:var(--eyebrow-size)}
@media(max-width:1000px){.neighbourhood-hero{gap:36px}.neighbourhood-capital-grid{gap:40px}.neighbourhood-features{grid-template-columns:repeat(2,minmax(0,1fr))}.neighbourhood-feature:first-child{grid-template-columns:44px minmax(0,1fr)}.neighbourhood-feature:first-child .neighbourhood-feed-copy{grid-column:2}.neighbourhood-benefits{gap:24px}}
@media(max-width:800px){.neighbourhood-hero{grid-template-columns:1fr;gap:38px}.neighbourhood-app{width:100%;max-width:520px;justify-self:center}.neighbourhood-capital-grid{grid-template-columns:1fr}.neighbourhood-life img{aspect-ratio:16/10;object-position:center}.neighbourhood-capital-copy{grid-row:1}.neighbourhood-benefits{grid-template-columns:1fr;gap:30px}.neighbourhood-tools .section-heading{gap:24px}.neighbourhood-tools .section-heading>p{max-width:600px}}
@media(max-width:540px){.neighbourhood-hero h1{font-size:var(--page-title-size)}.neighbourhood-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.neighbourhood-app{padding:20px 14px 0;border-radius:22px}.neighbourhood-features{grid-template-columns:1fr}.neighbourhood-feature:first-child{padding:24px 20px;gap:16px}.neighbourhood-feature:first-child .neighbourhood-feed-copy{grid-column:1/-1}.neighbourhood-feature{padding-block:26px}.neighbourhood-app-preview .app-video-overlay{padding-bottom:22px}.neighbourhood-capital-grid{gap:30px}}