.nonprofit { --ink:#253649; --paper:#fbf6ea; --action:#284dba; --action-ink:#fff; --line:#bdc3ca; }
.neighbor-header { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:22px 40px; }.neighbor-header .business-logo img { width:280px; }.neighbor-header nav { display:flex; gap:30px; }.neighbor-header a { display:inline-flex; align-items:center; min-height:44px; gap:12px; text-decoration:none; font-size:13px; }.neighbor-join { padding:12px 20px; background:#284dba; color:white; border-radius:50px; }
.neighbor-hero { padding:26px 40px 60px; text-align:center; max-width:1500px; margin:auto; }.neighbor-hero>.eyebrow { color:#284dba; }.neighbor-hero h1 { font-size:clamp(3rem,5.8vw,5.8rem); font-weight:700; letter-spacing:-.065em; line-height:1.04; margin:20px 0 34px; }.neighbor-hero h1>span { color:#284dba; }.neighbor-collage { display:grid; grid-template-columns:1.25fr 1fr .8fr; gap:20px; text-align:left; align-items:stretch; }.neighbor-collage .hero-image { height:370px; border-radius:130px 20px 20px 20px; overflow:hidden; }.neighbor-collage .hero-image img { object-position:45% center; }
.neighbor-message { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:20px; padding:26px; border-radius:24px; background:#f2b39c; }.neighbor-heart { font-size:55px; line-height:1; font-family:Arial,sans-serif; }.neighbor-message p { font-size:15px; }.neighbor-message .button { border-radius:50px; padding-inline:18px; }
.neighbor-heart .demo-icon { width:48px; height:48px; }
.neighbor-note { background:#284dba; color:white; border-radius:20px 120px 20px 20px; padding:38px 30px; display:flex; flex-direction:column; justify-content:space-between; gap:30px; }.neighbor-note>span { font-size:38px; line-height:1.02; font-weight:700; letter-spacing:-.05em; }.neighbor-note em { color:#f2b39c; font-style:normal; }.neighbor-note p { font-size:9px; letter-spacing:.12em; line-height:1.8; }
.neighbor-work { text-align:center; }.neighbor-work h2 { margin:20px 0 44px; }.neighbor-work>div { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; text-align:left; }.neighbor-work article { border-top:3px solid #284dba; padding-top:24px; }.neighbor-work h3 { font-size:24px; margin-bottom:16px; }.neighbor-work p { font-size:14px; }.neighbor-work .text-link { margin-top:18px; }
.neighbor-help { display:grid; grid-template-columns:1fr 1fr; gap:80px; background:#e7ebf9; }.neighbor-help h2 { margin-top:24px; }.neighbor-help h2 em { font-style:normal; color:#284dba; }.neighbor-help ol { padding:0; list-style:none; margin:0; }.neighbor-help li { display:flex; gap:22px; padding:22px 0; border-bottom:1px solid #bdc3ca; }.neighbor-help li>span { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:50%; background:#284dba; color:white; font-size:12px; }.neighbor-help li p { margin-top:12px; font-size:14px; }
.neighbor-area { display:grid; grid-template-columns:1fr 1fr; gap:80px; }.neighbor-area>div>h2 { margin:20px 0; }.neighbor-area p { font-size:14px; }.nonprofit .estimate { background:#284dba; color:white; }.nonprofit .estimate .button { background:#f2b39c; color:#253649; }
@media(max-width:1000px) { .neighbor-collage { grid-template-columns:1fr 1fr; }.neighbor-note { display:none; }.neighbor-header { padding-inline:24px; }.neighbor-header nav { gap:18px; }.neighbor-join { display:none!important; } }
@media(max-width:760px) { .neighbor-header { flex-wrap:wrap; justify-content:center; gap:10px; padding:18px 24px; }.neighbor-header nav { width:100%; justify-content:space-between; }.neighbor-header .business-logo img { width:245px; }.neighbor-hero { padding:25px 24px 36px; }.neighbor-hero h1 { font-size:clamp(2.8rem,10.5vw,4rem); }.neighbor-collage { grid-template-columns:1fr; gap:16px; }.neighbor-collage .hero-image { height:320px; border-radius:90px 16px 16px 16px; }.neighbor-message { padding:24px; gap:16px; }.neighbor-heart { display:none; }.neighbor-work>div,.neighbor-help,.neighbor-area { grid-template-columns:1fr; gap:30px; }.neighbor-work h2 { margin-bottom:28px; } }
@media(max-width:760px) { .neighbor-message { grid-row:1; }.neighbor-collage .hero-image { grid-row:2; } }