/* Palette & type from live 10Web site: post-75.css (kit), post-1863.css (home), post-1991.css (header), post-2003.css (footer) */
@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/poppins-latin-300.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-latin-400.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-latin-500.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/poppins-latin-600.woff2) format("woff2")}
:root{--deep:#093D49;--t2:#404040;--bl:#D5D8DC;--g:#BDE630;--primary:#212121;--text:#4D4D4D;--light:#F8F8F8;--black:#000000;--white:#FFFFFF;--teal:#7EBDC2}
*{box-sizing:border-box}body{margin:0;font-family:"Poppins",Sans-serif;font-weight:300;font-size:15px;line-height:1.6em;color:var(--text);background:#fff}
h1,h2,h3{font-family:"Poppins",Sans-serif;color:var(--primary);font-weight:300;line-height:1.2}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 5vw;gap:12px;flex-wrap:wrap;position:sticky;top:0;background:#fff;z-index:2;box-shadow:0 1px 4px #0001}
.logo{height:36px}nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:15px;font-weight:400;color:var(--text)}nav a:hover{color:var(--g);text-decoration:none}
.btn{display:inline-block;font-family:"Poppins",Sans-serif;font-weight:400;font-size:15px;line-height:1;background:var(--g);color:#fff;padding:12px 24px;border:1px solid var(--g);border-radius:3px;text-decoration:none;transition:all .3s}
.btn:hover,.btn:focus{background:#fff;color:var(--text);border-color:var(--g);text-decoration:none}
nav .btn{background:#fff;color:var(--g);font-size:12px}nav .btn:hover{color:var(--text)}
.big{font-size:20px;margin-top:12px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;padding:80px var(--padx);background:var(--light)}.hero h1{font-size:58px;font-weight:400;margin:0 0 16px;line-height:1.1}.hero img{width:100%;max-width:520px}
section,footer{--padx:max(5vw,calc((100% - 1120px)/2))}section{padding:60px var(--padx)}.sec{text-align:center;font-size:45px;font-weight:300}.sub{text-align:center;max-width:720px;margin:0 auto 24px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ico{display:block;height:40px;width:auto;margin:0 auto;fill:var(--teal)}.card{background:#fff;padding:24px;text-align:center}.card h2{font-size:30px;font-weight:300;margin:12px 0 8px}.card img{width:100%;max-height:220px;object-fit:contain}
.steps{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:48px;align-items:center;margin:32px 0 0;padding:40px 6%;background:var(--g);border-radius:20px}.phone{width:100%;height:auto;display:block;margin:auto}.step{margin:0 0 24px}.step:last-child{margin:0}.step img{width:100%}.step h3{font-size:30px;font-weight:300;color:#fff;margin:0 0 8px}.step p{color:var(--primary)}
.dl{text-align:center;background:#fff}.dl h2{font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:1px}.badges{display:flex;gap:16px;justify-content:center;margin:16px}
footer{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:60px var(--padx);background:var(--black);color:#fff;font-size:14px}footer h3{color:#fff;font-size:14px;font-weight:400;text-transform:uppercase}
@media(max-width:1024px){.hero h1{font-size:45px}.sec{font-size:36px}}
@media(max-width:760px){.hero,.cards,footer{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:24px;padding:32px 20px}.phone{max-width:240px}.hero{padding:60px var(--padx)}.hero h1{font-size:28px}.sec{font-size:22px}.card h2,.step h3{font-size:22px}.hero img{max-width:320px;margin:auto}nav{font-size:14px;gap:10px}}
.lang{font-size:13px;font-weight:400;white-space:nowrap;color:var(--text)}.lang a{padding:2px}.lang a[aria-current]{color:var(--g);font-weight:600}footer .lang{display:block;margin-top:12px;color:#fff}
.qweriu{filter:brightness(0) invert(1)}
.picker{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.picker ul{list-style:none;padding:0;margin:0;display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.picker a{display:inline-block;padding:12px 24px;border:1px solid var(--g);border-radius:3px}
/* Store badges: same visible height; google-play-badge.png has 41/250 transparent padding, cropped with negative margins */
.badges{align-items:center}.badges a{display:block;line-height:0;overflow:hidden}.badges img{display:block;height:48px;width:auto}.badges img.gp{height:71.4px;margin:-11.7px}
/* Neighbourhood project: homepage teaser + request form (phase 1) */
.teaser{padding:40px var(--padx)}.teaser-in{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;background:var(--light);border-radius:0}.teaser h2{font-size:36px;font-weight:300;margin:0 0 12px;color:var(--primary)}.teaser p{margin:0;color:var(--t2);font-size:16px;line-height:30.4px;max-width:620px}
.wrap{max-width:none}.bp-hero{background:var(--light);padding:60px var(--padx)}.bp-hero h1{font-size:45px;font-weight:400;margin:0 0 16px}.bp-hero p{max-width:760px;margin:0}
.bp-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.bp h2{font-size:30px;font-weight:300;margin:0 0 12px}.bp-list{padding-left:20px;margin:0 0 24px}.bp-list li{margin:0 0 8px}
.safety{border-left:4px solid var(--g);padding:12px 16px;background:var(--light);color:var(--primary);font-weight:400}
.bp-form{background:var(--light);padding:32px;border-radius:0}.bp-form label{display:block;font-weight:400;color:var(--primary);margin:0 0 14px}.bp-form input,.bp-form textarea{display:block;width:100%;margin-top:4px;padding:12px 16px;min-height:48px;font:inherit;font-size:16px;color:var(--primary);border:1px solid var(--bl);border-radius:3px;background:#fff}.bp-form input:hover,.bp-form textarea:hover{border-color:#4D4D4D}.bp-form input:focus,.bp-form textarea:focus{outline:0;border-color:#5BC0DE;box-shadow:0 0 0 3px rgba(91,192,222,.2)}.bp-form ::placeholder{color:#888}
.bp-form .check{display:flex;gap:10px;align-items:flex-start;font-weight:300}.bp-form .check input{width:auto;min-height:0;margin-top:5px;flex:none}.privacy{font-size:13px;line-height:1.5}.privacy a,.soon a,.bp a{text-decoration:underline}
.bp-form .btn-cta[disabled],.bp-form .btn-cta[disabled]:hover{background:var(--bl);color:#888;cursor:not-allowed}.soon{font-size:14px;color:var(--primary)}
@media(max-width:760px){.teaser-in{flex-direction:column;align-items:stretch;padding:24px 20px}.teaser h2{font-size:22px}.bp-grid{grid-template-columns:1fr;gap:24px}.bp-hero h1{font-size:28px}.bp h2{font-size:22px}.bp-form{padding:20px}}
.tz-act{display:flex;flex-direction:column;align-items:center;gap:10px}.tz-fr{font-size:14px;color:var(--primary);text-decoration:underline}
.bp-form fieldset{border:0;padding:0;margin:0 0 14px}.bp-form legend{font-weight:400;color:var(--primary);margin-bottom:6px}.bp-form .lead .check{margin:0 0 6px}
@media(max-width:760px){.tz-act{align-items:stretch}}
.hp{position:absolute;left:-9999px}
/* Buurtproject elements follow DESIGN.md (sharp corners, 4px spacing scale, neutral text, 48px touch targets).
   Approved STINX exceptions: CTA is lime --g (not DESIGN.md #5BC0DE), font is Poppins only; icon teal #7EBDC2 only for the home-card icons. */
.btn-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:15px 20px;font-family:"Poppins",Sans-serif;font-size:15px;font-weight:600;line-height:15.6px;text-align:center;background:var(--g);color:var(--primary);border:0;border-radius:3px;box-shadow:none;text-decoration:none;cursor:pointer;transition:background .2s}
.btn-cta:hover{background:#A9CF22;text-decoration:none}.btn-cta:active{background:#98BA1F}.btn-cta:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(91,192,222,.4)}
/* Hero banner: Deep Teal panel directly under the hero */
.hero-bp{background:var(--light);padding:0 var(--padx) 60px}.hero-bp-in{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 40px;background:var(--deep);border-radius:0}.hero-bp p{margin:0;color:#fff;font-size:16px;line-height:30.4px;max-width:620px}.hero-bp .btn-cta{flex:none}
.ts:empty{display:none}.ts{margin:12px 0}
@media(max-width:760px){.hero-bp{padding-bottom:40px}.hero-bp-in{flex-direction:column;align-items:stretch;gap:16px;padding:24px 20px}.hero-bp p{font-size:15px}.btn-cta{display:flex;width:100%}.hero-bp .btn-cta{flex:auto}}
footer .social{display:flex;gap:4px;margin:12px 0 0 -12px}footer .social a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:#fff}footer .social a:hover{opacity:.75}footer .social a:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(91,192,222,.6)}footer .social svg{width:24px;height:24px;fill:currentColor}