@font-face{font-family:Roboto;src:url('/assets/roboto.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#000d6d;--deep:#000d6d;--green:#ff315d;--lime:#fff0c9;--muted:#555e9e;--line:#e6e7f0;--pale:#fffefa;--white:#fff;--font:Roboto,Arial,sans-serif;--page-title-size:clamp(2.5rem,5vw,4.5rem);--page-title-line-height:1.08;--eyebrow-size:.8125rem;--page-eyebrow-gap:clamp(1.25rem,2vw,1.5rem)}
body{color:var(--ink);font-family:var(--font)}
h1,h2,h3,h4{font-family:var(--font);font-weight:700;letter-spacing:-.025em}
h1{font-weight:900;letter-spacing:-.035em}
h1>span{color:var(--ink);text-decoration:underline;text-decoration-color:#ff315d;text-decoration-thickness:4px;text-underline-offset:9px}
.eyebrow,.small-label{letter-spacing:0;text-transform:none;font-weight:600}
.header{height:100px;border-color:#e6e7f0;background:#fff}
.nav-wrap{height:100px;gap:38px}
.brand img{width:142px;height:40px}
.desktop-nav{margin-left:10px;gap:28px;font-weight:600}
.desktop-nav a:hover,.residents-link:hover{color:#aa213e}
.button{border-radius:28px}
.button-dark,.button-primary{background:#000d6d;color:#fff}
.button-dark:hover,.button-primary:hover{background:#1d287d}
.button-gold{background:#fff0c9;color:#000d6d}
.button-gold:hover{background:#fff}
.button-green{background:#000d6d;color:#fff}
.button-green:hover{background:#1d287d}
.eyebrow-line{background:#ff315d;height:3px;width:26px}
.hero-lede,.hero-note,.trust>p,.section-heading>p,.solution-copy>p,.example-body p,.impact-top>p,.case-copy>p,.quote-person,.reassurance-copy p{color:#555e9e}
.hero-note svg{color:#000d6d}
.hero-photo-wrap{border-radius:32px;background:#fff0c9}
.hero-photo-wrap:after{background:linear-gradient(transparent,rgba(0,9,73,.85))}
.photo-caption span{color:#fff}
.photo-caption strong{font-weight:700;letter-spacing:-.015em}
.round-note{background:#fff0c9;color:#000d6d;transform:none;box-shadow:none}
.round-note strong{font-weight:700;letter-spacing:-.015em}
.round-note svg{color:#aa213e}
.round-note.anniversary-note{width:9rem;height:9rem;gap:.3rem;padding:.875rem;text-decoration:none;transition:background .18s,box-shadow .18s}
.round-note.anniversary-note:hover{background:#ffe4a3;box-shadow:0 4px 18px rgba(0,13,109,.12)}
.round-note.anniversary-note:hover .anniversary-cta{text-decoration-thickness:2px}
.round-note.anniversary-note:focus-visible{outline:3px solid #ff315d;outline-offset:4px}
.round-note.anniversary-note .anniversary-heading{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:0;line-height:1}
.round-note.anniversary-note .anniversary-number{font-size:2.625rem;line-height:1;font-weight:900;letter-spacing:-.04em}
.round-note.anniversary-note .anniversary-label{margin:0;font-size:.875rem;font-weight:600;line-height:1.3;white-space:nowrap}
.round-note.anniversary-note .anniversary-cta{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;margin:.1rem 0 0;font-size:.875rem;font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.round-note.anniversary-note svg{width:1.125rem;height:1.125rem;margin:0;color:#ff315d;stroke-width:2}
@media(max-width:1150px){.round-note.anniversary-note{width:8rem;height:8rem}}
@media(prefers-reduced-motion:reduce){.round-note.anniversary-note{transition:none}}
.neighbor-note{border-color:#e6e7f0;box-shadow:0 8px 38px rgba(0,13,109,.08);transform:none}
.neighbor-icon{background:#ffeaef;color:#aa213e}
.trust{border-color:#e6e7f0}
.trust strong{color:#000d6d;font-weight:700}
.city-names{color:#555e9e;opacity:1}
.city-name{font-weight:700;letter-spacing:-.025em}
.platform{background:#fffefa}
.solution-tabs{border-color:#c6c9df}
.solution-tabs button{color:#555e9e}
.solution-tabs button[aria-selected=true]{color:#000d6d;border-color:#ff315d}
.solution-tabs button:hover{color:#000d6d}
.solution-copy .small-label{color:#555e9e}
.check-list li:before{color:#000d6d}
.product-scene{background:#e6e7f0;border-radius:24px;padding-top:30px;min-height:470px}
.product-card{border:0;border-radius:16px;box-shadow:0 12px 28px rgba(0,13,109,.05);transform:none;max-width:360px}
.product-top{padding:28px;border-color:#e6e7f0}
.mini-brand{display:none}
.product-logo{display:block;width:114px;height:32px;object-fit:contain}
.product-example{border-color:#c6c9df;color:#555e9e}
.product-place,.example-footer{color:#555e9e}
.example-category{color:#aa213e;letter-spacing:0}
.example-tags span{background:#ffeaef;color:#aa213e;border-radius:12px}
.example-footer{border-color:#e6e7f0}
.product-note p{transform:none;font-weight:600}
.impact{background:#000d6d}
.impact .eyebrow,.impact-top>p,.stat p,.source-note{color:#c6c9df}
.stat{border-color:#555e9e}
.stat>strong{color:#fff0c9;font-weight:900;letter-spacing:-.035em}
.case-main{border-color:#e6e7f0;border-radius:24px}
.case-stat-panel{background:#fff0c9}
.case-stat-panel .small-label,.case-stat-panel>div>strong{color:#000d6d}
.case-stat-panel>div>strong{font-weight:900;letter-spacing:-.04em}
.case-period{color:#716b59}
.case-copy .small-label,.quote-top .small-label{color:#555e9e}
.quote-card{background:#e6e7f0;border-radius:24px}
.quote-mark{font-family:Roboto,Arial,sans-serif;color:#ff315d;font-weight:900}
.quote-card blockquote{font-weight:700;letter-spacing:-.025em}
.reassurance{border-color:#e6e7f0}
.cta-section{margin-bottom:20px}
.cta-inner{background:#000d6d;color:#fff;border-radius:28px}
.cta-inner .eyebrow,.cta-inner p:not(.eyebrow),.cta-action>span{color:#c6c9df}
.footer-swirl{width:100%;height:clamp(100px,11vw,180px);margin-bottom:-1px;overflow:hidden}
.footer-swirl img{width:100%;height:100%;display:block}
.footer{background:#000d6d;color:#fff}
.footer>.wrap{width:calc(100% - 112px);max-width:1304px;margin-inline:auto}
.footer-main{padding-top:42px}
.footer-main>p{color:#fff}
.footer-main>a:last-child{color:#c6c9df}
.footer-main>a:last-child span{color:#fff}
.footer-bottom{border-color:#555e9e;color:#c6c9df}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-color:#ff315d}
.desktop-cta-label,.mobile-cta-label{font-size:inherit!important;line-height:inherit!important}
.mobile-cta-label{display:none}
@media(max-width:1150px){.round-note{transform:none}.footer>.wrap{width:calc(100% - 72px)}}
@media(max-width:950px){.brand img{width:128px;height:36px}.hero-photo-wrap{border-radius:24px}.product-card{transform:none}}
@media(max-width:1050px){
  .header,.nav-wrap{height:88px}
  .nav-wrap{gap:12px}
  .desktop-nav{display:none}
  .nav-actions{margin-left:auto}
  .residents-link{display:none}
  .menu-toggle{display:flex;flex-shrink:0;border:0;background:transparent;width:44px;min-height:44px;padding:10px;flex-direction:column;justify-content:center;gap:6px}
  .menu-toggle span{display:block;height:1.5px;width:23px;background:#000d6d}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .mobile-nav{position:absolute;top:88px;left:0;right:0;display:flex;flex-direction:column;gap:4px;padding:18px 24px 24px;background:#fff;border-bottom:1px solid #e6e7f0;box-shadow:0 14px 20px rgba(0,13,109,.04);max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}
  .mobile-nav[hidden]{display:none}
  .mobile-nav a{display:flex;align-items:center;min-height:44px;padding:9px 0;font-size:1rem;line-height:1.4}
}
@media(max-width:800px){.product-scene{min-height:0}.footer>.wrap{width:calc(100% - 48px)}}
@media(max-width:720px){.brand img{width:114px;height:32px}.hero-photo-wrap{border-radius:24px}.footer>.wrap{width:calc(100% - 40px)}.footer-main{display:grid;grid-template-columns:1fr;gap:32px}.footer-main .brand img{width:142px;height:40px}.footer-main>a:last-child{margin-left:0}.footer-main>a:last-child span{display:block;margin-left:0;margin-top:5px}.footer-bottom{font-size:.875rem}.footer-swirl{height:100px}}
@media(max-width:420px){.desktop-cta-label{display:none}.mobile-cta-label{display:inline}.nav-actions .button{padding-inline:18px;gap:10px}}

/* Distinct, explicitly fictional examples for the three homepage solutions. */
.example-scene{padding:28px 24px 0;min-height:650px;background:#fff0c9;transition:background .2s}
.example-scene[data-example="bereiken"]{background:#000d6d}
.example-scene[data-example="betrekken"]{background:#ffeaef}
.example-scene [hidden]{display:none!important}
.example-scene .product-card{max-width:430px;box-shadow:0 12px 28px rgba(0,13,109,.08)}
.example-scene .product-top{padding:18px 22px;gap:12px}
.example-scene .product-logo{width:94px;height:27px}
.example-scene .product-example{font-size:.75rem;white-space:nowrap}
.sample-author{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:20px 22px 0}
.sample-author>div{flex:1;min-width:110px}
.sample-author strong,.sample-official-banner strong{display:block;font-size:.875rem;line-height:1.35}
.sample-author>div>span,.sample-official-banner div>span{display:block;font-size:.75rem;color:#555e9e;margin-top:3px}
.sample-avatar{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#fff0c9;color:#000d6d;font-size:1rem;font-weight:700}
.sample-avatar-small{width:30px;height:30px;background:#e6e7f0;font-size:.875rem}
.sample-type{display:inline-block;padding:4px 9px;border-radius:20px;font-size:.75rem;font-weight:600;line-height:1.4;color:#aa213e;background:#ffeaef}
.sample-content{padding:22px}
.sample-content h4{font-size:1.45rem;line-height:1.25;letter-spacing:-.025em}
.sample-content>p{margin-top:14px;font-size:1rem;line-height:1.55;color:#555e9e}
.sample-reply{display:flex;gap:10px;padding:14px;margin-top:20px;background:#fffefa;border:1px solid #f0ead8;border-radius:12px}
.sample-reply>div{min-width:0}
.sample-reply strong{display:block;font-size:.875rem;line-height:1.4}
.sample-reply p{margin-top:6px;font-size:1rem;line-height:1.5;color:#555e9e}
.sample-content .sample-reply-answer{padding-left:12px;border-left:2px solid #ff315d;font-size:.875rem}
.sample-reply-answer strong{color:#000d6d}
.sample-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #e6e7f0;padding:15px 22px;font-size:.875rem;line-height:1.45;color:#555e9e}
.sample-bottom>span{color:#aa213e}
.sample-official-banner{display:flex;align-items:center;gap:12px;padding:18px 22px;background:#f0f1f8}
.sample-official-banner svg{width:28px;height:28px;color:#000d6d}
.sample-kicker{display:block;margin-bottom:10px;font-size:.75rem;font-weight:700;color:#aa213e}
.sample-practical{display:grid;gap:12px;padding:17px 0;margin:18px 0 0;border-top:1px solid #e6e7f0;border-bottom:1px solid #e6e7f0}
.sample-practical div{display:grid;gap:2px}
.sample-practical dt{font-size:.875rem;font-weight:700;color:#000d6d}
.sample-practical dd{font-size:1rem;line-height:1.45;color:#555e9e;margin:0}
.sample-content .sample-target{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.75rem}
.sample-target strong{font-size:.75rem;font-weight:600}
.sample-target span{padding:3px 7px;background:#f0f1f8;border-radius:5px;font-size:.75rem}
.sample-delivery{display:block;font-size:.75rem;background:#f0f1f8}
.sample-delivery strong{display:block;font-size:.875rem;color:#000d6d;margin-top:3px}
.example-scene[data-example="bereiken"] .product-note{color:#fff}
.example-scene .product-note{padding-block:18px}
.example-scene .product-note p{font-size:.875rem;line-height:1.5}
.sample-poll-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 22px 0;font-size:.75rem;color:#555e9e}
.sample-poll-options{padding:0;margin:20px 0 0;border:0;min-width:0}
.sample-poll-options legend{font-size:.875rem;color:#555e9e;margin-bottom:10px;padding:0}
.sample-poll-options label{display:flex;align-items:center;gap:10px;padding:12px;margin-top:8px;border:1px solid #c6c9df;border-radius:9px;font-size:.875rem;line-height:1.4;cursor:pointer}
.sample-poll-options label:has(input:checked){border-color:#000d6d;background:#f0f1f8}
.sample-poll-options input{width:18px;height:18px;margin:0;accent-color:#000d6d;flex-shrink:0}
.sample-poll-options input:focus-visible{outline:3px solid #ff315d;outline-offset:4px}
.sample-vote{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:13px 16px;min-height:48px;margin-top:15px;background:#000d6d;color:#fff;border:0;border-radius:24px;font-size:.875rem;font-weight:600;text-align:left;line-height:1.4}
.sample-vote:disabled{background:#e6e7f0;color:#555e9e;cursor:default}
.sample-vote:not(:disabled):hover{background:#1d287d}
.sample-content .sample-demo-note{font-size:.75rem;margin-top:14px}
.sample-poll-results{margin-top:20px}
.sample-result-heading{font-size:.875rem;font-weight:700}
.sample-poll-result{margin-top:16px}
.sample-poll-result>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;line-height:1.4}
.sample-result-track{height:9px;border-radius:9px;background:#f0f1f8;overflow:hidden;margin-top:7px}
.sample-result-track span{display:block;height:100%;border-radius:9px;background:#000d6d}
.sample-poll-result.is-chosen .sample-result-track span{background:#aa213e}
.sample-poll-result.is-chosen>div:first-child>span{font-weight:700}
.sample-reset{padding:9px 0;margin-top:12px;min-height:44px;font-size:.875rem;color:#000d6d;font-weight:600;text-decoration:underline;text-underline-offset:4px;border:0;background:transparent}
@media(max-width:900px){.platform .solution-panel{grid-template-columns:1fr;gap:28px}.example-scene{width:100%;max-width:600px;margin-inline:auto;min-height:0;padding:26px 22px 0}}
@media(max-width:400px){.example-scene{padding:20px 13px 0}.sample-content{padding:18px}.sample-author,.sample-official-banner{padding-inline:18px}.sample-content h4{font-size:1.3rem}.sample-bottom{padding-inline:18px}.example-scene .product-top{padding-inline:18px}.sample-reply{padding:11px;gap:8px}}
.onboarding-entry{margin-top:24px}
.onboarding-entry .text-link{font-size:1rem;line-height:1.55;white-space:normal;gap:10px}
.onboarding-entry .text-link>span{flex-shrink:0}

/* Shared editorial headings: one scale, with markers aligned to the first line. */
main h1{overflow-wrap:break-word;hyphens:auto}
.hero .eyebrow-line,.solution-hero-copy .eyebrow-line,.about-hero-copy .eyebrow-line,.demo-intro .eyebrow-line,.calculator-intro .eyebrow-line,.stories-intro>.eyebrow .eyebrow-line,.whitepapers-intro>.eyebrow .eyebrow-line,.pricing-hero .eyebrow-line,.onboarding-hero-copy .eyebrow-line{flex:0 0 26px;align-self:flex-start;margin-top:calc((1.6em - 3px)/2)}
.solution-hero-copy,.about-hero-copy,.demo-intro,.stories-intro-grid>*,.whitepapers-intro-grid>*{min-width:0}