@font-face{font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:url("../../fonts/inter-v20-ucc73fwrk3iltehus_nvmrmxcp50sjia1zl7.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:url("../../fonts/inter-v20-ucc73fwrk3iltehus_nvmrmxcp50sjia1zl7.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:url("../../fonts/inter-v20-ucc73fwrk3iltehus_nvmrmxcp50sjia1zl7.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Libre Baskerville'; font-style:normal; font-weight:400; font-display:swap; src:url("../../fonts/librebaskerville-v24-kmknzrc3hgbbcjq75u4uslyuy4kn0qnzaxm.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Libre Baskerville'; font-style:normal; font-weight:700; font-display:swap; src:url("../../fonts/librebaskerville-v24-kmknzrc3hgbbcjq75u4uslyuy4kn0qnzaxm.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:500; font-display:swap; src:url("../../fonts/plusjakartasans-v12-ldioaomqnqcsa88c7o9yz4kmcoog4ko20yw.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:600; font-display:swap; src:url("../../fonts/plusjakartasans-v12-ldioaomqnqcsa88c7o9yz4kmcoog4ko20yw.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:700; font-display:swap; src:url("../../fonts/plusjakartasans-v12-ldioaomqnqcsa88c7o9yz4kmcoog4ko20yw.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:800; font-display:swap; src:url("../../fonts/plusjakartasans-v12-ldioaomqnqcsa88c7o9yz4kmcoog4ko20yw.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}:root{--ink:#0e2335; --soft-ink:#1a3045; --slate:#5e7180; --slate-mid:#8396a4; --canvas:#ffffff; --surface:#f0f4f8; --surface-2:#e8eef4; --surface-soft:#f7fbfd; --border:#d4dce6; --cyan:#0ca9d7; --teal:#43b49a; --lime:#9fc53f; --gradient:linear-gradient(135deg,#9fc53f 0%,#43b49a 50%,#0ca9d7 100%); --gradient-hover:linear-gradient(135deg,#8fb336 0%,#38a088 50%,#0990be 100%); --container:1160px; --container-wide:1280px; --narrow:720px; --r-sm:8px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px; --shadow-soft:0 1px 3px rgba(14,35,53,0.06),0 4px 16px rgba(14,35,53,0.06); --shadow-card:0 2px 8px rgba(14,35,53,0.07),0 8px 32px rgba(14,35,53,0.06); --shadow-high:0 8px 32px rgba(14,35,53,0.12),0 2px 8px rgba(14,35,53,0.06); --font-heading:"Plus Jakarta Sans",sans-serif; --font-body:"Inter",sans-serif; --t:0.30s cubic-bezier(0.4,0,0.2,1);} *,*::before,*::after{box-sizing:border-box; margin:0; padding:0;} html{scroll-behavior:smooth; overflow-x:clip;} body{font-family:var(--font-body); font-size:16px; line-height:1.65; color:var(--ink); background:var(--canvas); -webkit-font-smoothing:antialiased; overflow-x:clip;} @supports not (overflow:clip){html,body{overflow-x:hidden;}} img{max-width:100%; display:block;} a{color:inherit; text-decoration:none;} h1,h2,h3,h4{font-family:var(--font-heading); line-height:1.1; letter-spacing:-0.03em;} h1{font-size:clamp(38px,5vw,64px); font-weight:800;} h2{font-size:clamp(26px,3vw,40px); font-weight:800;} h3{font-size:clamp(16px,1.6vw,20px); font-weight:700;} p{color:var(--slate); line-height:1.72;} @media (max-width:640px){h1{font-size:34px;} h2{font-size:24px;}} .container{width:100%; max-width:var(--container); margin:0 auto; padding:0 32px;} .container--wide{max-width:var(--container-wide);} .container--narrow{max-width:var(--narrow);} .section{padding:88px 0;} .section--surface{background:var(--surface);} .section--soft{background:var(--surface-soft);} .section--ink{background:var(--ink); color:#fff;} .section--ink h2,.section--ink h3{color:#fff;} .section--ink p{color:rgba(255,255,255,0.62);} .section--ink .eyebrow-ed{color:rgba(255,255,255,0.35);} .section--md{padding:64px 0;} .section--sm{padding:48px 0;} .section-hd{margin-bottom:52px;} .section-hd h2{margin-bottom:12px;} .section-hd p{font-size:17px; max-width:560px; margin-top:10px;} .section-link{margin-top:32px;} .brand-stripe{height:3px; background:var(--gradient);} @media (max-width:640px){.container{padding:0 20px;} .section{padding:64px 0;}} .eyebrow-ed{display:block; font-family:var(--font-body); font-size:11px; font-weight:600; letter-spacing:0.11em; text-transform:uppercase; color:var(--slate-mid); margin-bottom:14px;} .eyebrow-ed--ghost{color:rgba(255,255,255,0.35);} .text-lead{font-size:17px; max-width:600px; margin-top:10px;} .text-body-narrow{font-size:16px; color:var(--slate); line-height:1.68;} .mb-sm{margin-bottom:18px;} .section-pad-lg{padding:48px 0;} .media-frame{aspect-ratio:4 / 3; box-shadow:var(--shadow-soft);} .btn{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-body); font-size:15px; font-weight:600; padding:13px 26px; border-radius:var(--r-pill); border:none; cursor:pointer; text-decoration:none; white-space:nowrap; transition:background var(--t),box-shadow var(--t),transform var(--t),border-color var(--t),color var(--t);} .btn-primary,.btn-ink{background:var(--gradient); color:#fff;} .btn-primary:hover,.btn-ink:hover{background:var(--gradient-hover); transform:translateY(-1px); box-shadow:0 6px 24px rgba(67,180,154,0.35);} .btn-ghost-white{background:transparent; color:rgba(255,255,255,0.82); border:1.5px solid rgba(255,255,255,0.26);} .btn-ghost-white:hover{background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.45);} .btn-outline{background:transparent; color:var(--ink); border:1.5px solid var(--border);} .btn-outline:hover{border-color:var(--cyan); color:var(--cyan);} .site-header{position:fixed; top:0; left:0; right:0; z-index:200; transition:box-shadow var(--t),border-color var(--t);} body.admin-bar .site-header{top:32px;} .site-header--light{background:rgba(255,255,255,0.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 1px 24px rgba(14,35,53,0.04); border-bottom:1px solid var(--border);} .site-header--warm{background:rgba(252,252,250,0.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 1px 24px rgba(14,35,53,0.04); border-bottom:1px solid var(--border);} .site-header--transparent,.site-header--on-dark,:is(.situation-page,body.situations-hub-page,.knowledgebase-page,body.home-page) .site-header{background:transparent; border-bottom:1px solid transparent;} .site-header.is-scrolled,.site-header.scrolled,:is(.knowledgebase-page,body.home-page) .site-header.scrolled{background:rgba(255,255,255,0.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom-color:var(--border); box-shadow:0 1px 24px rgba(14,35,53,0.08);} body.service-page .site-header.scrolled,body.situation-page .site-header.scrolled,body.situations-hub-page .site-header.scrolled,.situations-hub .site-header.scrolled,body.about-page .site-header.scrolled,body.contact-page .site-header.scrolled,body.knowledgebase-page .site-header.scrolled,body.home-page .site-header.scrolled,body.service-page .site-header.is-scrolled,body.situation-page .site-header.is-scrolled,body.situations-hub-page .site-header.is-scrolled,.situations-hub .site-header.is-scrolled,body.about-page .site-header.is-scrolled,body.contact-page .site-header.is-scrolled,body.knowledgebase-page .site-header.is-scrolled,body.home-page .site-header.is-scrolled{background:rgba(255,255,255,0.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom-color:var(--border); box-shadow:0 1px 24px rgba(14,35,53,0.08);} .header-inner,:is(body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .site-header .header-inner{display:flex; align-items:center; justify-content:flex-start; height:68px; gap:6px;} .logo,:is(body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .site-header .logo{display:flex; align-items:center; gap:9px; margin-right:auto; flex-shrink:0;} body .site-header .logo{margin-left:0; margin-right:auto;} .logo-mark,:is(body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .site-header .logo-mark{width:30px; height:30px; flex-shrink:0;} .logo-name{font-family:var(--font-heading); font-size:16px; font-weight:800; color:var(--ink); letter-spacing:-0.03em;} body .site-header .logo-name{transition:none;}:is(.about-page,.contact-page,.knowledgebase-page,body.home-page) .site-header .logo-name{font-family:'Plus Jakarta Sans',sans-serif;} .site-nav,:is(body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .site-header .site-nav{display:flex; align-items:center; gap:0; margin-right:16px;} body .site-header .site-nav{margin-left:0; margin-right:16px;} .nav-link{font-size:13px; font-weight:500; color:var(--slate); padding:7px 8px; border-radius:var(--r-sm); transition:background var(--t); white-space:nowrap;} .nav-link:hover,.nav-link[aria-current="page"]{color:var(--ink); background:var(--surface);} .site-header--on-dark .logo-name,.site-header--transparent .logo-name,:is(.situation-page,body.situations-hub-page,.situations-hub,.contact-page,.knowledgebase-page,body.home-page) .site-header .logo-name{color:rgba(255,255,255,0.95); transition:none;} .site-header--on-dark .nav-link,.site-header--transparent .nav-link,:is(.situation-page,body.situations-hub-page,.situations-hub,.knowledgebase-page,body.home-page) .site-header .nav-link{color:#fff; padding:7px 11px;} .contact-page .site-header .nav-link{color:rgba(255,255,255,0.78); padding:7px 11px;} .site-header--on-dark .nav-link:hover,.site-header--on-dark .nav-link[aria-current="page"],.site-header--transparent .nav-link:hover,.site-header--transparent .nav-link[aria-current="page"],:is(.situation-page,body.situations-hub-page,.situations-hub,.knowledgebase-page,body.home-page) .site-header .nav-link:hover,:is(.situation-page,body.situations-hub-page,.situations-hub,.knowledgebase-page,body.home-page) .site-header .nav-link[aria-current="page"],.contact-page .site-header .nav-link:hover{color:#fff; background:rgba(255,255,255,0.08);} .site-header.is-scrolled .logo-name,.site-header.scrolled .logo-name,:is(.contact-page,.knowledgebase-page,body.home-page) .site-header.scrolled .logo-name{color:var(--ink);} body .site-header.scrolled .logo-name,body .site-header.is-scrolled .logo-name{color:var(--ink);} .site-header.is-scrolled .nav-link,.site-header.scrolled .nav-link,:is(.contact-page,.knowledgebase-page,body.home-page) .site-header.scrolled .nav-link{color:var(--slate);} body .site-header.scrolled .nav-link,body .site-header.is-scrolled .nav-link{color:var(--slate);} .site-header.is-scrolled .nav-link:hover,.site-header.is-scrolled .nav-link[aria-current="page"],.site-header.scrolled .nav-link:hover,.site-header.scrolled .nav-link[aria-current="page"],:is(.contact-page,.knowledgebase-page,body.home-page) .site-header.scrolled .nav-link:hover,:is(.contact-page,.knowledgebase-page,body.home-page) .site-header.scrolled .nav-link[aria-current="page"]{color:var(--ink); background:var(--surface);} body .site-header.scrolled .nav-link:hover,body .site-header.scrolled .nav-link[aria-current="page"],body .site-header.is-scrolled .nav-link:hover,body .site-header.is-scrolled .nav-link[aria-current="page"]{color:var(--ink); background:var(--surface);} body.knowledgebase-article-page .site-header{background:rgba(255,255,255,0.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--border); box-shadow:0 1px 24px rgba(14,35,53,0.04);} body.knowledgebase-article-page .site-header .logo-name{color:var(--ink);} body.knowledgebase-article-page .site-header .nav-link{color:var(--slate); padding:7px 8px;} body.knowledgebase-article-page .site-header .nav-link:hover,body.knowledgebase-article-page .site-header .nav-link[aria-current="page"]{color:var(--ink); background:var(--surface);} body.post-type-archive-kennisbank .site-header{background:rgba(255,255,255,0.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--border); box-shadow:0 1px 24px rgba(14,35,53,0.04);} body.post-type-archive-kennisbank .site-header .logo-name{color:var(--ink);} body.post-type-archive-kennisbank .site-header .nav-link{color:var(--slate); padding:7px 8px;} body.post-type-archive-kennisbank .site-header .nav-link:hover,body.post-type-archive-kennisbank .site-header .nav-link[aria-current="page"]{color:var(--ink); background:var(--surface);} body.post-type-archive-kennisbank .site-header .nav-toggle span{background:var(--ink);} .about-page .site-header{background:rgba(252,252,250,0.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 1px 24px rgba(14,35,53,0.04); border-bottom:1px solid var(--border);} .about-page .site-header.scrolled{box-shadow:0 1px 24px rgba(14,35,53,0.08);} .about-page .site-header .logo-name{color:var(--ink);} .about-page .site-header .nav-link{color:var(--slate); padding:7px 8px;} .about-page .site-header .nav-link:hover,.about-page .site-header .nav-link[aria-current="page"]{color:var(--ink); background:var(--surface);} .header-btn,:is(body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .site-header .header-btn{font-size:13px; padding:9px 20px;} body .site-header .header-btn.btn,body .site-header .header-mobile-cta.btn{justify-content:center; background:var(--gradient); color:#fff; border:none; opacity:1;} body .site-header .header-btn.btn{flex-shrink:0; margin-left:0; margin-right:0; padding:9px 20px;} body .site-header.is-scrolled .header-btn.btn,body .site-header.scrolled .header-btn.btn,body .site-header.is-scrolled .header-mobile-cta.btn,body .site-header.scrolled .header-mobile-cta.btn{background:var(--gradient); color:#fff; border:none; opacity:1;} body .site-header .header-btn.btn:hover,body .site-header .header-mobile-cta.btn:hover{background:var(--gradient-hover); color:#fff;} .site-header .header-mobile-cta.btn{display:none;}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .nav-toggle{display:none; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:40px; height:40px; background:none; border:none; cursor:pointer; padding:4px; margin-left:auto;}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .nav-toggle span{display:block; width:22px; height:2px; background:#fff; border-radius:2px; transition:transform var(--t),opacity var(--t),background var(--t);}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .site-header.scrolled .nav-toggle span{background:var(--ink);}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .nav-toggle.open span:nth-child(2){opacity:0;}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .mobile-nav{display:none; position:fixed; top:68px; left:0; right:0; z-index:199; background:rgba(255,255,255,0.97); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--border); box-shadow:0 8px 32px rgba(14,35,53,0.10); flex-direction:column; padding:16px 20px 24px;}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .mobile-nav.open{display:flex;}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .mobile-nav .mobile-nav-link{font-size:16px; font-weight:500; color:var(--ink); text-decoration:none; padding:14px 0; border-bottom:1px solid var(--border); transition:color var(--t);}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .mobile-nav .mobile-nav-link:last-of-type{border-bottom:none;}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .mobile-nav .mobile-nav-link:hover{color:var(--cyan);}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .mobile-nav .btn{margin-top:16px; width:100%; justify-content:center;}:is(.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,body.home-page) .brand-stripe{height:3px; background:var(--gradient);} @media (max-width:900px){:is(.service-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .site-header .site-nav,:is(.service-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .site-header .header-btn{display:none;}:is(.service-page,.situation-page,body.situations-hub-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page) .nav-toggle{display:flex;} body.situation-page .site-header{background:rgba(255,255,255,0.93); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--border); box-shadow:0 1px 24px rgba(14,35,53,0.08);} body.situation-page .site-header .header-inner{height:62px; gap:12px;} body.situation-page .site-header .site-nav{display:none;} body.situation-page .site-header .nav-toggle{display:flex;} body.situation-page .site-header .nav-toggle span{background:var(--ink);} body.situation-page .site-header .logo{min-width:0;} body.situation-page .site-header .logo-mark{width:28px; height:28px;} body.situation-page .site-header .logo-name{color:var(--ink); font-size:13px; letter-spacing:-0.02em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} body.situation-page .site-header .header-btn{display:none;} body.situation-page .site-header .header-mobile-cta.btn{display:inline-flex; flex-shrink:0; margin-left:auto; min-height:38px; padding:9px 14px; font-size:12px; white-space:nowrap;}} @media (max-width:782px){body.admin-bar .site-header{top:46px;}} .about-page *,.about-page *::before,.about-page *::after,body.home-page *,body.home-page *::before,body.home-page *::after,.knowledgebase-page *,.knowledgebase-page *::before,.knowledgebase-page *::after,.situations-hub *,.situations-hub *::before,.situations-hub *::after,.situation-page *,.situation-page *::before,.situation-page *::after{box-sizing:border-box; margin:0; padding:0;} .about-page .btn,body.home-page .btn,.knowledgebase-page .btn,.situations-hub .btn,.situation-page .btn{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-body); font-size:15px; font-weight:600; padding:13px 26px; border-radius:var(--r-pill); border:none; cursor:pointer; text-decoration:none; white-space:nowrap; transition:background var(--t),box-shadow var(--t),transform var(--t),border-color var(--t),color var(--t);} .about-page .btn-primary,body.home-page .btn-primary,body.home-page .btn-ink,.knowledgebase-page .btn-primary,.situations-hub .btn-primary,.situation-page .btn-primary{background:var(--gradient); color:#fff;} .about-page .btn-primary:hover,body.home-page .btn-primary:hover,body.home-page .btn-ink:hover,.knowledgebase-page .btn-primary:hover,.situations-hub .btn-primary:hover,.situation-page .btn-primary:hover{background:var(--gradient-hover); transform:translateY(-1px); box-shadow:0 6px 24px rgba(67,180,154,0.35);} .about-page .btn-ghost-white,body.home-page .btn-ghost-white,.situations-hub .btn-ghost-white,.situation-page .btn-ghost-white{background:transparent; color:rgba(255,255,255,0.82); border:1.5px solid rgba(255,255,255,0.26);} .about-page .btn-ghost-white:hover,body.home-page .btn-ghost-white:hover,.situations-hub .btn-ghost-white:hover,.situation-page .btn-ghost-white:hover{background:rgba(255,255,255,0.08); color:#fff; border-color:rgba(255,255,255,0.50);} .about-page .btn-outline,body.home-page .btn-outline,.knowledgebase-page .btn-outline,.situations-hub .btn-outline,.situation-page .btn-outline{background:transparent; color:var(--ink); border:1.5px solid var(--border);} .about-page .btn-outline:hover,body.home-page .btn-outline:hover,.knowledgebase-page .btn-outline:hover,.situations-hub .btn-outline:hover,.situation-page .btn-outline:hover{border-color:var(--cyan); color:var(--cyan);} .about-page .reveal,body.home-page .reveal,.knowledgebase-page .reveal,.situations-hub .reveal,.situation-page .reveal{opacity:0; transform:translateY(32px); transition:opacity 0.7s ease,transform 0.7s ease;} .about-page .reveal-left,body.home-page .reveal-left,.situations-hub .reveal-left,.situation-page .reveal-left{opacity:0; transform:translateX(-32px); transition:opacity 0.7s ease,transform 0.7s ease;} .about-page .reveal-right,body.home-page .reveal-right,.situations-hub .reveal-right,.situation-page .reveal-right{opacity:0; transform:translateX(32px); transition:opacity 0.7s ease,transform 0.7s ease;} .about-page .reveal.visible,.about-page .reveal-left.visible,.about-page .reveal-right.visible,body.home-page .reveal.visible,body.home-page .reveal-left.visible,body.home-page .reveal-right.visible,.knowledgebase-page .reveal.visible,.situations-hub .reveal.visible,.situations-hub .reveal-left.visible,.situations-hub .reveal-right.visible,.situation-page .reveal.visible,.situation-page .reveal-left.visible,.situation-page .reveal-right.visible{opacity:1; transform:none;} .about-page .delay-1,body.home-page .delay-1,.knowledgebase-page .delay-1,.situations-hub .delay-1,.situation-page .delay-1{transition-delay:0.08s;} .about-page .delay-2,body.home-page .delay-2,.knowledgebase-page .delay-2,.situations-hub .delay-2,.situation-page .delay-2{transition-delay:0.18s;} .about-page .delay-3,body.home-page .delay-3,.knowledgebase-page .delay-3,.situations-hub .delay-3,.situation-page .delay-3{transition-delay:0.28s;} .about-page .delay-4,body.home-page .delay-4,.situations-hub .delay-4,.situation-page .delay-4{transition-delay:0.38s;} @media (prefers-reduced-motion:reduce){.about-page .reveal,.about-page .reveal-left,.about-page .reveal-right,body.home-page .reveal,body.home-page .reveal-left,body.home-page .reveal-right,.knowledgebase-page .reveal,.situations-hub .reveal,.situations-hub .reveal-left,.situations-hub .reveal-right,.situation-page .reveal,.situation-page .reveal-left,.situation-page .reveal-right{opacity:1; transform:none; transition:none;}} @media (max-width:900px){.about-page .reveal-left,.about-page .reveal-right,body.home-page .reveal-left,body.home-page .reveal-right,.situations-hub .reveal-left,.situations-hub .reveal-right,.situation-page .reveal-left,.situation-page .reveal-right{transform:translateY(20px);}} body.about-page.page-template-about,body.home-page,body.knowledgebase-page.page-template-knowledgebase,body.situations-hub-page.page-template-situations-hub,body.situation-page{font-family:"Inter",sans-serif; font-size:16px; line-height:1.65; color:var(--ink); background:var(--canvas); -webkit-font-smoothing:antialiased;} .about-page img,body.home-page img,.knowledgebase-page img,.situations-hub img,.situation-page img{max-width:100%; display:block;} .about-page a,body.home-page a,.knowledgebase-page a,.situations-hub a,.situation-page a{color:inherit; text-decoration:none;} .about-page h1,.about-page h2,.about-page h3,.about-page h4,body.home-page h1,body.home-page h2,body.home-page h3,body.home-page h4,.knowledgebase-page h1,.knowledgebase-page h2,.knowledgebase-page h3,.knowledgebase-page h4,.situations-hub h1,.situations-hub h2,.situations-hub h3,.situations-hub h4,.situation-page h1,.situation-page h2,.situation-page h3,.situation-page h4{font-family:"Plus Jakarta Sans",sans-serif; line-height:1.1; letter-spacing:-0.03em;} .about-page h1,body.home-page h1,.knowledgebase-page h1,.situations-hub h1,.situation-page h1{font-size:clamp(38px,5vw,64px); font-weight:800;} .about-page h2,body.home-page h2,.knowledgebase-page h2,.situations-hub h2,.situation-page h2{font-size:clamp(26px,3vw,40px); font-weight:800;} .about-page h3,body.home-page h3,.knowledgebase-page h3,.situations-hub h3,.situation-page h3{font-size:clamp(16px,1.6vw,20px); font-weight:700;} .about-page p,body.home-page p,.knowledgebase-page p,.situations-hub p,.situation-page p{color:var(--slate); line-height:1.72;} .about-page .container,body.home-page .container,.knowledgebase-page .container,.situations-hub .container,.situation-page .container{width:100%; max-width:var(--container); margin:0 auto; padding:0 32px;} .about-page .section,body.home-page .section,.knowledgebase-page .section,.situations-hub .section,.situation-page .section{padding:88px 0;} .about-page .section--surface,body.home-page .section--surface,.knowledgebase-page .section--surface,.situations-hub .section--surface,.situation-page .section--surface{background:var(--surface);} @media (max-width:600px){.knowledgebase-page h1,.situations-hub h1,.situation-page h1{font-size:34px;} .knowledgebase-page h2,.situations-hub h2,.situation-page h2{font-size:24px;} .knowledgebase-page .container,.situations-hub .container,.situation-page .container{padding:0 20px;} .knowledgebase-page .section,.situations-hub .section,.situation-page .section{padding:64px 0;}} .site-footer{background:radial-gradient(ellipse 760px 640px at -15% 105%,rgba(12,169,215,0.07) 0%,rgba(67,180,154,0.04) 40%,transparent 70%) var(--ink); padding:72px 0 0; position:relative; z-index:2; border-top:1px solid rgba(226,232,240,0.22); box-shadow:0 -1px 0 rgba(15,23,42,0.18);} .site-footer .container{position:relative; z-index:1;} .footer-grid{display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:44px; padding-bottom:52px;} .footer-brand-col{border-top:2px solid rgba(12,169,215,0.28); padding-top:22px;} .footer-logo-link{display:flex; align-items:center; gap:10px; text-decoration:none;} .footer-logo-mark{width:40px; height:40px; flex-shrink:0;} .footer-logo-name{font-size:21px; font-weight:700; color:#fff; letter-spacing:-0.03em;} .knowledgebase-page .footer-logo-name{font-family:'Plus Jakarta Sans',sans-serif;} .footer-brand-desc{margin-top:16px; font-size:14px; color:rgba(255,255,255,0.62); line-height:1.76; max-width:260px;} .knowledgebase-page .footer-brand-desc{font-size:13px;} .footer-col-title{font-size:11px; font-weight:700; color:rgba(255,255,255,0.82); letter-spacing:0.10em; text-transform:uppercase; margin-bottom:18px; padding-left:10px; border-left:2px solid var(--cyan); line-height:1;} .footer-links,.footer-contact-list{display:flex; flex-direction:column; gap:10px;} .site-footer .footer-links a{font-size:14px; color:rgba(255,255,255,0.78); display:block; transition:color var(--t),transform var(--t); text-decoration:none;} .knowledgebase-page .site-footer .footer-links a{font-size:13.5px;} .site-footer .footer-links a:hover{color:#fff; transform:translateX(4px);} .footer-contact-item{display:flex; align-items:flex-start; gap:10px; font-size:14px; color:rgba(255,255,255,0.72);} .knowledgebase-page .footer-contact-item{font-size:13.5px;} .footer-contact-item svg{width:16px; height:16px; margin-top:2px; flex-shrink:0; overflow:visible; color:var(--cyan); stroke:currentColor; fill:none;} .footer-contact-item a,.footer-phone{color:rgba(255,255,255,0.78); transition:color var(--t);} .footer-contact-item a:hover,.footer-phone:hover{color:#fff;} .footer-bottom{border-top:1px solid rgba(255,255,255,0.08); padding:20px 0; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;} .footer-bottom-left{display:flex; flex-direction:column; gap:4px;} .footer-bottom-right{display:flex; align-items:center; gap:20px; flex-wrap:wrap;} .footer-keurmerken{display:flex; align-items:center; gap:14px;} .footer-keurmerk-img{height:30px; width:auto; opacity:0.62; transition:opacity var(--t);} .footer-keurmerk-link:hover .footer-keurmerk-img{opacity:1;} .footer-bottom-copy{font-size:12px; color:rgba(255,255,255,0.52);} .footer-bottom-reg{font-size:11px; color:rgba(255,255,255,0.38); letter-spacing:0.03em;} .footer-bottom-reg a{color:rgba(255,255,255,0.48); text-decoration:none; transition:color var(--t);} .footer-bottom-reg a:hover{color:rgba(255,255,255,0.82);} .footer-bottom-links{display:flex; align-items:center; gap:12px;} .footer-link-sep{color:rgba(255,255,255,0.20); font-size:11px;} .footer-bottom-links a{font-size:12px; color:rgba(255,255,255,0.48); transition:color var(--t);} .knowledgebase-page .footer-bottom-links a{text-decoration:none;} .footer-bottom-links a:hover{color:rgba(255,255,255,0.82);}:is(.about-page,.contact-page,.knowledgebase-page,body.home-page) .site-footer{padding:72px 0 0; position:relative; z-index:2;}:is(.about-page,.contact-page,.knowledgebase-page,body.home-page) .site-footer .container{position:relative; z-index:1;}:is(.about-page,.contact-page,.knowledgebase-page,body.home-page) .footer-grid{display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:44px; padding-bottom:52px;}:is(.about-page,.contact-page,.knowledgebase-page,body.home-page) .footer-brand-col{border-top:2px solid rgba(12,169,215,0.28); padding-top:22px;}:is(.about-page,.contact-page,.knowledgebase-page,body.home-page) .footer-brand-desc{color:rgba(255,255,255,0.62); margin-top:16px; line-height:1.76; max-width:260px;}:is(.about-page,.contact-page,.knowledgebase-page,body.home-page) .footer-col-title{letter-spacing:0.10em; margin-bottom:18px; padding-left:10px; line-height:1;}:is(.about-page,.contact-page,.knowledgebase-page,body.home-page) .footer-contact-item svg{margin-top:2px;}:is(.about-page,.contact-page,.knowledgebase-page,body.home-page) .footer-bottom{padding:20px 0;}:is(.about-page,.contact-page,.knowledgebase-page,body.home-page) .footer-bottom-reg a,:is(.about-page,.contact-page,.knowledgebase-page,body.home-page) .footer-bottom-links a{color:rgba(255,255,255,0.48);} body.situation-page .site-footer,body.situations-hub-page .site-footer{padding:72px 0 0; position:relative; z-index:2;} body.situation-page .site-footer .container,body.situations-hub-page .site-footer .container{width:100%; max-width:var(--container); margin:0 auto; padding:0 32px; position:relative; z-index:1;} body.situation-page .site-footer .footer-grid,body.situations-hub-page .site-footer .footer-grid{display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:44px; padding-bottom:52px;} body.situation-page .site-footer .footer-brand-col,body.situations-hub-page .site-footer .footer-brand-col{border-top:2px solid rgba(12,169,215,0.28); padding-top:22px;} body.situation-page .site-footer .footer-logo-link,body.situations-hub-page .site-footer .footer-logo-link{display:flex; align-items:center; gap:10px; text-decoration:none;} body.situation-page .site-footer .footer-logo-mark,body.situations-hub-page .site-footer .footer-logo-mark{width:40px; height:40px; flex-shrink:0;} body.situation-page .site-footer .footer-logo-name,body.situations-hub-page .site-footer .footer-logo-name{font-size:21px; font-weight:700; color:#fff; letter-spacing:-0.03em;} body.situation-page .site-footer .footer-brand-desc,body.situations-hub-page .site-footer .footer-brand-desc{margin-top:16px; font-size:14px; color:rgba(255,255,255,0.62); line-height:1.76; max-width:260px;} body.situation-page .site-footer .footer-col-title,body.situations-hub-page .site-footer .footer-col-title{font-size:11px; font-weight:700; color:rgba(255,255,255,0.82); letter-spacing:0.10em; text-transform:uppercase; margin-bottom:18px; padding-left:10px; border-left:2px solid var(--cyan); line-height:1;} body.situation-page .site-footer .footer-links,body.situation-page .site-footer .footer-contact-list,body.situations-hub-page .site-footer .footer-links,body.situations-hub-page .site-footer .footer-contact-list{display:flex; flex-direction:column; gap:10px;} body.situation-page .site-footer .footer-links a,body.situations-hub-page .site-footer .footer-links a{font-size:14px; color:rgba(255,255,255,0.78); display:block; text-decoration:none;} body.situation-page .site-footer .footer-contact-item,body.situations-hub-page .site-footer .footer-contact-item{display:flex; align-items:flex-start; gap:10px; font-size:14px; color:rgba(255,255,255,0.72);} body.situation-page .site-footer .footer-contact-item a,body.situations-hub-page .site-footer .footer-contact-item a{color:rgba(255,255,255,0.78);} body.situation-page .site-footer .footer-bottom,body.situations-hub-page .site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,0.08); padding:20px 0; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;} body.situation-page .site-footer .footer-bottom-left,body.situations-hub-page .site-footer .footer-bottom-left{display:flex; flex-direction:column; gap:4px;} body.situation-page .site-footer .footer-bottom-right,body.situations-hub-page .site-footer .footer-bottom-right{display:flex; align-items:center; gap:20px; flex-wrap:wrap;} body.situation-page .site-footer .footer-bottom-copy,body.situations-hub-page .site-footer .footer-bottom-copy{font-size:12px; color:rgba(255,255,255,0.52);} body.situation-page .site-footer .footer-bottom-reg,body.situations-hub-page .site-footer .footer-bottom-reg{font-size:11px; color:rgba(255,255,255,0.38); letter-spacing:0.03em;} body.situation-page .site-footer .footer-bottom-reg a,body.situation-page .site-footer .footer-bottom-links a,body.situations-hub-page .site-footer .footer-bottom-reg a,body.situations-hub-page .site-footer .footer-bottom-links a{color:rgba(255,255,255,0.48); text-decoration:none;} body.situation-page .site-footer .footer-bottom-links,body.situations-hub-page .site-footer .footer-bottom-links{display:flex; align-items:center; gap:12px;} @media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr; gap:40px;}:is(.situation-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page,body.service-page--hypotheken,body.service-page--verzekeringen,body.service-page--financieel-advies) .footer-grid{grid-template-columns:1fr 1fr; gap:32px;} body.situation-page .site-footer .footer-grid,body.situations-hub-page .site-footer .footer-grid{grid-template-columns:1fr 1fr; gap:32px;} .footer-bottom{flex-direction:column; align-items:flex-start;} body.situation-page .site-footer .footer-bottom,body.situations-hub-page .site-footer .footer-bottom{flex-direction:column; align-items:flex-start;}} @media (max-width:640px){.footer-grid{grid-template-columns:1fr; gap:34px;} body.situation-page .site-footer .container,body.situations-hub-page .site-footer .container{padding:0 20px;}} @media (max-width:600px){:is(.situation-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page,body.service-page--hypotheken,body.service-page--verzekeringen,body.service-page--financieel-advies) .footer-grid{grid-template-columns:1fr; gap:32px;} body.situation-page .site-footer .footer-grid,body.situations-hub-page .site-footer .footer-grid{grid-template-columns:1fr; gap:32px;}:is(.situation-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page,body.service-page--hypotheken,body.service-page--verzekeringen,body.service-page--financieel-advies) .footer-bottom{flex-direction:column; align-items:flex-start; gap:10px;} body.situation-page .site-footer .footer-bottom,body.situations-hub-page .site-footer .footer-bottom{flex-direction:column; align-items:flex-start; gap:10px;}:is(.situation-page,.situations-hub,.about-page,.contact-page,.knowledgebase-page,body.home-page,body.service-page--hypotheken,body.service-page--verzekeringen,body.service-page--financieel-advies) .footer-bottom-right{flex-direction:column; align-items:flex-start; gap:12px;} body.situation-page .site-footer .footer-bottom-right,body.situations-hub-page .site-footer .footer-bottom-right{flex-direction:column; align-items:flex-start; gap:12px;} .footer-bottom-links,body.situation-page .site-footer .footer-bottom-links,body.situations-hub-page .site-footer .footer-bottom-links{max-width:100%; flex-wrap:wrap; align-items:flex-start; gap:8px 14px;} .footer-link-sep{display:none;}} .breadcrumb{font-size:12.5px; color:var(--slate-mid); margin-bottom:18px; letter-spacing:0.02em;} .breadcrumb a{color:var(--slate-mid); transition:color var(--t);} .breadcrumb a:hover{color:var(--cyan);} .breadcrumb-sep{margin:0 8px; opacity:0.6;} .breadcrumb--dark{color:rgba(255,255,255,0.45);} .breadcrumb--dark a{color:rgba(255,255,255,0.45);} .breadcrumb--dark a:hover{color:var(--cyan);} .breadcrumb--dark .breadcrumb-sep{opacity:0.5;} .reveal,.reveal-left,.reveal-right{opacity:1; transform:none;} .reveal.reveal-pending{opacity:0; transform:translateY(32px); transition:opacity 0.7s ease,transform 0.7s ease;} .reveal-left.reveal-pending{opacity:0; transform:translateX(-32px); transition:opacity 0.7s ease,transform 0.7s ease;} .reveal-right.reveal-pending{opacity:0; transform:translateX(32px); transition:opacity 0.7s ease,transform 0.7s ease;} .reveal.visible,.reveal-left.visible,.reveal-right.visible,.reveal.is-visible,.reveal-left.is-visible,.reveal-right.is-visible{opacity:1; transform:none;} .delay-1{transition-delay:0.08s;} .delay-2{transition-delay:0.18s;} .delay-3{transition-delay:0.28s;} .delay-4{transition-delay:0.38s;} @media (prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-pending{opacity:1; transform:none; transition:none;}} @media (max-width:900px){.reveal-left.reveal-pending,.reveal-right.reveal-pending{transform:translateY(20px);}} .cta-block{position:relative; overflow:hidden; text-align:center;} .cta-block::before{content:""; position:absolute; bottom:-100px; left:-60px; width:500px; height:400px; border-radius:50%; background:radial-gradient(ellipse,rgba(67,180,154,0.06) 0%,transparent 65%); pointer-events:none;} .cta-block__inner{position:relative; max-width:560px; margin:0 auto;} .cta-block--light{background:var(--surface-soft); color:var(--ink); padding:72px 0;} .cta-block--light .eyebrow-ed--ghost{color:var(--cyan);} .cta-block--light h2,.cta-block--light h3{color:var(--ink); margin-bottom:16px;} .cta-block--light p{color:var(--slate);} .cta-block--dark{background:var(--ink); color:#fff; padding:72px 0;} .cta-block--dark h2,.cta-block--dark h3{color:#fff; margin-bottom:16px;} .cta-block--dark p{color:rgba(255,255,255,0.62);} .cta-dark{position:relative; overflow:hidden; text-align:center;} .cta-dark-inner{position:relative; max-width:560px; margin:0 auto;} .faq-split{display:grid; grid-template-columns:1fr 1.35fr; gap:80px; align-items:start;} .faq-intro{position:sticky; top:120px;} .faq-intro h2{margin-bottom:16px;} .faq-intro p{font-size:15px; color:var(--slate); line-height:1.72; max-width:300px;} .faq-list{display:flex; flex-direction:column;} .faq-item{border-top:1px solid var(--border);} .faq-item:last-child{border-bottom:1px solid var(--border);} .faq-trigger{width:100%; background:none; border:none; padding:22px 0; display:flex; align-items:center; gap:16px; cursor:pointer; text-align:left; transition:background var(--t),opacity var(--t);} .faq-trigger:hover{background:var(--surface);} .faq-num{font-family:var(--font-body); font-size:11px; font-weight:600; letter-spacing:0.08em; color:var(--cyan); flex-shrink:0; width:28px;} .faq-question{flex:1; font-family:var(--font-heading); font-size:16px; font-weight:700; color:var(--ink); line-height:1.4;} .faq-icon{flex-shrink:0; width:20px; height:20px; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:300; color:var(--slate-mid); transition:transform 0.28s ease,color 0.2s ease; line-height:1;} .faq-item.open .faq-icon,.faq-item.is-open .faq-icon{transform:rotate(45deg); color:var(--cyan);} .faq-answer{max-height:0; overflow:hidden; opacity:0; transition:max-height 0.32s ease,opacity 0.22s ease;} .faq-answer-inner{padding:0 0 22px 44px; font-size:15px; color:var(--slate); line-height:1.74;} @media (max-width:900px){.faq-split{grid-template-columns:1fr; gap:40px;} .faq-intro{position:static;} .faq-intro p{max-width:100%;}} .card{background:var(--canvas); border:1px solid var(--border); border-radius:var(--r-md); transition:border-color var(--t),box-shadow var(--t),transform var(--t);} .card:hover{border-color:rgba(12,169,215,0.38); box-shadow:0 4px 20px rgba(14,35,53,0.08); transform:translateY(-2px);} .card--route,.card--situation,.card--article{padding:28px; display:flex; flex-direction:column; gap:10px;} .card__link{display:inline-flex; align-items:center; gap:7px; font-size:13.5px; font-weight:600; color:var(--cyan); margin-top:4px; transition:gap var(--t);} .card:hover .card__link{gap:10px;} .form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;} .form-group{display:flex; flex-direction:column; gap:6px; margin-bottom:14px;} .form-group label{color:var(--ink); font-family:var(--font-body); font-size:12px; font-weight:600; letter-spacing:0.03em;} .form-group input,.form-group select,.form-group textarea{-webkit-appearance:none; background:#fff; border:1px solid var(--border); border-radius:var(--r-md); color:var(--ink); font-family:var(--font-body); font-size:15px; outline:none; padding:11px 14px; transition:border-color var(--t),box-shadow var(--t);} .form-group textarea{min-height:112px; resize:vertical;} .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--cyan); box-shadow:0 0 0 3px rgba(12,169,215,0.10);} .form-consent{display:flex; align-items:flex-start; gap:10px; color:var(--slate); font-size:13px; line-height:1.55; margin:10px 0 20px;} .form-consent input{accent-color:var(--cyan); flex-shrink:0; margin-top:3px;} .form-status{display:none; border-radius:var(--r-md); font-size:14px; line-height:1.55; margin-top:14px; padding:12px 16px;} .form-status.success,.form-status--success{display:block; background:rgba(67,180,154,0.08); border:1px solid rgba(67,180,154,0.20); color:#1a5c45;} .form-status.error,.form-status--error{display:block; background:rgba(200,50,50,0.08); border:1px solid rgba(200,50,50,0.20); color:#882020;} .form-hp{display:none !important;} @media (max-width:640px){.form-row{grid-template-columns:1fr;}} .stat-strip-wrap{background:rgba(14,35,53,0.04); border-top:1px solid rgba(14,35,53,0.08);} .stat-strip{display:flex; align-items:stretch; gap:28px;} .stat-item{display:flex; flex:1; flex-direction:column; gap:4px; padding:18px 0;} .stat-item+.stat-item{border-left:1px solid rgba(14,35,53,0.09); padding-left:28px;} .stat-value{font-family:var(--font-heading); font-size:15px; font-weight:800; color:var(--ink); letter-spacing:-0.02em;} .stat-label{font-size:11.5px; color:var(--slate-mid); line-height:1.4;} .stat-strip--dark{background:rgba(255,255,255,0.065); border-top-color:rgba(255,255,255,0.12);} .stat-strip--dark .stat-value{color:#fff;} .stat-strip--dark .stat-label{color:rgba(255,255,255,0.46);} .trust-rating-strip--dark{color:#fff;} @media (max-width:900px){.stat-strip{flex-wrap:wrap;}} .image-frame{aspect-ratio:4 / 3; border-radius:var(--r-xl); overflow:hidden; background:var(--surface-2); border:1px solid rgba(94,113,128,0.09); box-shadow:var(--shadow-soft);} .image-frame img{width:100%; height:100%; object-fit:cover; object-position:center top;} .knowledgebase-page{--ink:#0e2335; --soft-ink:#1a3045; --slate:#5e7180; --slate-mid:#8396a4; --canvas:#ffffff; --surface:#f0f4f8; --surface-2:#e8eef4; --border:#d4dce6; --cyan:#0ca9d7; --teal:#43b49a; --lime:#9fc53f; --gradient:linear-gradient(135deg,#9fc53f 0%,#43b49a 50%,#0ca9d7 100%); --cyan-soft:rgba(12,169,215,0.10); --cyan-ring:rgba(12,169,215,0.20); --container:1280px; --narrow:720px; --r-sm:8px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px; --shadow-soft:0 1px 3px rgba(14,35,53,0.06),0 4px 16px rgba(14,35,53,0.06); --shadow-card:0 2px 8px rgba(14,35,53,0.07),0 8px 32px rgba(14,35,53,0.06); --shadow-high:0 8px 32px rgba(14,35,53,0.12),0 2px 8px rgba(14,35,53,0.06); --t:0.30s cubic-bezier(0.4,0,0.2,1);} .knowledgebase-page .section-header{margin-bottom:48px;} .knowledgebase-page .section-header .eyebrow{margin-bottom:12px;} .knowledgebase-page .section-header h2{margin-bottom:12px;} .knowledgebase-page .section-header p{font-size:17px; max-width:520px;} .knowledgebase-page .section-header.centered{text-align:center;} .knowledgebase-page .section-header.centered p{margin:0 auto;} .knowledgebase-page .eyebrow{display:inline-flex; align-items:center; background:var(--cyan-soft); color:var(--cyan); border:1px solid var(--cyan-ring); font-size:11.5px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; padding:4px 12px; border-radius:var(--r-pill); font-family:'Inter',sans-serif;} .knowledgebase-page .hero--compact{background:var(--surface); padding-top:68px; overflow:hidden; position:relative;} .knowledgebase-page .hero--compact .hero-inner{position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; padding-top:72px; padding-bottom:24px;} .knowledgebase-page .hero--compact .hero-content{max-width:640px;} .knowledgebase-page .hero--compact h1{color:var(--ink); letter-spacing:-0.04em; margin-bottom:16px;} .knowledgebase-page .hero--compact .hero-sub{font-size:17px; color:var(--slate); line-height:1.70; max-width:520px; margin-bottom:28px;} .knowledgebase-page .breadcrumb{display:flex; align-items:center; gap:8px; font-size:12px; color:var(--slate-mid); margin-bottom:20px;} .knowledgebase-page .breadcrumb a{color:var(--slate-mid); transition:color var(--t);} .knowledgebase-page .breadcrumb a:hover{color:var(--cyan);} .knowledgebase-page .breadcrumb-sep{color:var(--border);} .knowledgebase-page .section-fade{height:60px; background:linear-gradient(to bottom,var(--from,var(--surface)) 0%,var(--to,var(--canvas)) 100%);} .knowledgebase-page .hero-visual{position:absolute; top:20px; right:40px; width:340px; height:340px; pointer-events:none;} .knowledgebase-page .hero-blob{position:absolute; border-radius:50%; filter:blur(40px);} .knowledgebase-page .hero-blob--cyan{width:220px; height:220px; top:20px; right:20px; background:rgba(12,169,215,0.18);} .knowledgebase-page .hero-blob--teal{width:180px; height:180px; top:80px; right:100px; background:rgba(67,180,154,0.14);} .knowledgebase-page .hero-blob--lime{width:160px; height:160px; top:60px; right:60px; background:rgba(159,197,63,0.12);} .knowledgebase-page .hero-icon-wrap{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:72px; height:72px; border-radius:50%; background:var(--gradient); opacity:0.9; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 24px rgba(12,169,215,0.30);} .knowledgebase-page .hero-icon-wrap svg{width:32px; height:32px; stroke:#fff; fill:none; stroke-width:1.5;} .knowledgebase-page .section-fade{height:60px; background:linear-gradient(to bottom,var(--from,var(--surface)) 0%,var(--to,var(--canvas)) 100%);} .knowledgebase-page .kb-tabs{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:48px;} .knowledgebase-page .kb-tab{font-family:'Inter',sans-serif; font-size:13px; font-weight:600; letter-spacing:0.02em; padding:8px 18px; border-radius:var(--r-pill); cursor:pointer; border:1.5px solid var(--border); background:transparent; color:var(--slate); transition:background var(--t),color var(--t),border-color var(--t),box-shadow var(--t);} .knowledgebase-page .kb-tab:hover{border-color:var(--cyan); color:var(--cyan);} .knowledgebase-page .kb-tab.active{background:var(--gradient); color:#fff; border-color:transparent; box-shadow:0 4px 16px rgba(67,180,154,0.25);} .knowledgebase-page .kb-featured{display:grid; grid-template-columns:1fr 1fr; gap:0; background:var(--canvas); border-radius:var(--r-lg); border:1px solid var(--border); overflow:hidden; box-shadow:var(--shadow-card); margin-bottom:36px; transition:transform var(--t),box-shadow var(--t),border-color var(--t);} .knowledgebase-page .kb-featured:hover{transform:translateY(-3px); box-shadow:var(--shadow-high); border-color:rgba(12,169,215,0.15);} .knowledgebase-page .kb-featured-img{position:relative; overflow:hidden; min-height:280px; background:linear-gradient(140deg,var(--surface) 0%,var(--surface-2) 100%); display:flex; align-items:center; justify-content:center;} .knowledgebase-page .kb-featured-img::before{content:''; position:absolute; inset:0; background:var(--gradient); opacity:0.04;} .knowledgebase-page .kb-featured-img-icon{width:64px; height:64px; border-radius:50%; background:var(--gradient); opacity:0.15; display:flex; align-items:center; justify-content:center; position:relative;} .knowledgebase-page .kb-featured-img-icon svg{width:28px; height:28px; stroke:var(--ink); fill:none; stroke-width:1.5;} .knowledgebase-page .kb-featured-photo{position:relative; z-index:1; width:100%; height:100%; min-height:280px; object-fit:cover;} .knowledgebase-page .kb-featured-body{padding:36px 40px; display:flex; flex-direction:column; justify-content:center;} .knowledgebase-page .kb-featured-meta{display:flex; align-items:center; gap:12px; margin-bottom:14px; flex-wrap:wrap;} .knowledgebase-page .kb-featured-cat{font-size:10.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; padding:4px 12px; border-radius:20px; font-family:'Inter',sans-serif; background:rgba(159,197,63,0.12); color:#7a9c2a; border:1px solid rgba(159,197,63,0.22);} .knowledgebase-page .kb-featured-date{font-size:13px; color:var(--slate-mid); font-family:'Inter',sans-serif;} .knowledgebase-page .kb-featured-readtime{font-size:13px; color:var(--slate-mid); font-family:'Inter',sans-serif; display:flex; align-items:center; gap:6px;} .knowledgebase-page .kb-featured-readtime::before{content:''; width:4px; height:4px; border-radius:50%; background:var(--border); display:inline-block;} .knowledgebase-page .kb-featured h2,.knowledgebase-page .kb-featured h3{font-size:22px; font-weight:700; color:var(--ink); line-height:1.25; margin-bottom:14px; letter-spacing:-0.02em;} .knowledgebase-page .kb-featured p{font-size:15px; line-height:1.72; color:var(--slate); margin-bottom:20px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;} .knowledgebase-page .kb-featured-link{display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:600; color:var(--cyan); transition:gap var(--t),color var(--t); font-family:'Inter',sans-serif;} .knowledgebase-page .kb-featured-link:hover{gap:10px; color:var(--ink);} .knowledgebase-page .kb-featured-related{margin-top:16px; padding-top:16px; border-top:1px solid var(--border); font-size:13px; color:var(--slate-mid);} .knowledgebase-page .kb-featured-related a{color:var(--cyan); font-weight:600; transition:color var(--t);} .knowledgebase-page .kb-featured-related a:hover{color:var(--ink);} .knowledgebase-page .kb-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;} .knowledgebase-page .kb-card{display:flex; flex-direction:column; background:var(--canvas); border-radius:var(--r-lg); border:1px solid var(--border); overflow:hidden; box-shadow:var(--shadow-soft); transition:transform var(--t),box-shadow var(--t),border-color var(--t),opacity 0.3s ease,visibility 0.3s ease;} .knowledgebase-page .kb-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-card); border-color:rgba(12,169,215,0.15);} .knowledgebase-page .kb-card--hidden{opacity:0; transform:scale(0.97); pointer-events:none; visibility:hidden; position:absolute; height:0; margin:0; padding:0; border:none; overflow:hidden;} .knowledgebase-page .kb-card-img-wrap{position:relative; aspect-ratio:16 / 9; overflow:hidden; background:linear-gradient(140deg,var(--surface) 0%,var(--surface-2) 100%); display:flex; align-items:center; justify-content:center;} .knowledgebase-page .kb-card-img-wrap::before{content:''; position:absolute; inset:0; background:var(--gradient); opacity:0.04;} .knowledgebase-page .kb-card-img-icon{width:48px; height:48px; border-radius:50%; background:var(--gradient); opacity:0.15; display:flex; align-items:center; justify-content:center; position:relative;} .knowledgebase-page .kb-card-img-icon svg{width:20px; height:20px; stroke:var(--ink); fill:none; stroke-width:1.5;} .knowledgebase-page .kb-card-photo{position:relative; z-index:1; width:100%; height:100%; object-fit:cover;} .knowledgebase-page .kb-card-body{padding:22px 24px 24px; display:flex; flex-direction:column; flex:1;} .knowledgebase-page .kb-card-meta{display:flex; align-items:center; gap:10px; margin-bottom:12px; flex-wrap:wrap;} .knowledgebase-page .kb-card-cat{font-size:10.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; padding:4px 10px; border-radius:20px; font-family:'Inter',sans-serif;} .knowledgebase-page .kb-card-cat--hypotheken{background:rgba(12,169,215,0.10); color:var(--cyan); border:1px solid rgba(12,169,215,0.18);} .knowledgebase-page .kb-card-cat--verzekeringen{background:rgba(67,180,154,0.10); color:var(--teal); border:1px solid rgba(67,180,154,0.18);} .knowledgebase-page .kb-card-cat--financieel{background:rgba(159,197,63,0.12); color:#7a9c2a; border:1px solid rgba(159,197,63,0.22);} .knowledgebase-page .kb-card-cat--overig{background:rgba(94,113,128,0.10); color:var(--slate); border:1px solid rgba(94,113,128,0.18);} .knowledgebase-page .kb-card-date{font-size:12px; color:var(--slate-mid); font-family:'Inter',sans-serif;} .knowledgebase-page .kb-card-readtime{font-size:12px; color:var(--slate-mid); font-family:'Inter',sans-serif; display:flex; align-items:center; gap:6px;} .knowledgebase-page .kb-card-readtime::before{content:''; width:3px; height:3px; border-radius:50%; background:var(--border); display:inline-block;} .knowledgebase-page .kb-card h2,.knowledgebase-page .kb-card h3{font-size:17px; font-weight:700; color:var(--ink); line-height:1.3; margin-bottom:10px; letter-spacing:-0.02em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} .knowledgebase-page .kb-card p{font-size:14px; line-height:1.68; color:var(--slate); flex:1; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;} .knowledgebase-page .kb-card-link{display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:600; color:var(--cyan); margin-top:16px; transition:gap var(--t),color var(--t); font-family:'Inter',sans-serif;} .knowledgebase-page .kb-card-link:hover{gap:10px; color:var(--ink);} .knowledgebase-page .kb-card-related{margin-top:14px; padding-top:14px; border-top:1px solid var(--border); font-size:12px; color:var(--slate-mid); line-height:1.5;} .knowledgebase-page .kb-card-related a{color:var(--cyan); font-weight:600; transition:color var(--t);} .knowledgebase-page .kb-card-related a:hover{color:var(--ink);} .knowledgebase-page .kb-load-more{text-align:center; margin-top:48px;} .knowledgebase-page .kb-pagination{margin-top:48px; display:flex; justify-content:center;} .knowledgebase-page .kb-pagination ul{display:flex; align-items:center; gap:8px; flex-wrap:wrap; list-style:none; margin:0; padding:0;} .knowledgebase-page .kb-pagination a,.knowledgebase-page .kb-pagination span{display:inline-flex; align-items:center; justify-content:center; min-width:38px; min-height:38px; padding:8px 12px; border:1px solid var(--border); border-radius:var(--r-pill); font-size:13px; font-weight:700; color:var(--slate);} .knowledgebase-page .kb-pagination .current{background:var(--gradient); border-color:transparent; color:#fff;} .knowledgebase-page .cta-section{background:var(--surface); padding:72px 0; text-align:center;} .knowledgebase-page .cta-section h2{color:var(--ink); margin-bottom:12px;} .knowledgebase-page .cta-section p{color:var(--slate); font-size:16px; max-width:480px; margin:0 auto 28px;} @media (max-width:900px){.knowledgebase-page .kb-featured{grid-template-columns:1fr;} .knowledgebase-page .kb-grid{grid-template-columns:repeat(2,1fr);} .knowledgebase-page .hero-visual{display:none;}} @media (max-width:600px){.knowledgebase-page .hero--compact .hero-inner{padding-top:52px;} .knowledgebase-page .kb-grid{grid-template-columns:1fr;} .knowledgebase-page .kb-tabs{gap:6px;} .knowledgebase-page .kb-tab{font-size:12px; padding:6px 14px;} .knowledgebase-page .kb-featured-body{padding:24px;} .knowledgebase-page .kb-featured h3{font-size:19px;}} .knowledgebase-page .section-fade--surface-to-canvas{--from:var(--surface); --to:var(--canvas);} .knowledgebase-page .section-fade--canvas-to-surface{--from:var(--canvas); --to:var(--surface);} .knowledgebase-page .kb-grid--extra{margin-top:28px; display:none;} .reveal,.reveal-left,.reveal-right{opacity:1; transform:none;} .reveal.reveal-pending:not(.visible){opacity:0; transform:translateY(32px); transition:opacity 0.7s ease,transform 0.7s ease;} .reveal-left.reveal-pending:not(.visible){opacity:0; transform:translateX(-32px); transition:opacity 0.7s ease,transform 0.7s ease;} .reveal-right.reveal-pending:not(.visible){opacity:0; transform:translateX(32px); transition:opacity 0.7s ease,transform 0.7s ease;} .about-page .reveal-hero,.contact-page .hero-fade,body.home-page .hero-fade{opacity:1; transform:none; animation:none; transition:none;} body.home-page .hero{background:linear-gradient(to right,rgba(8,18,36,0.78) 30%,rgba(8,18,36,0.38) 100%),var(--hero-bg-desktop,url("../../images/hero-bg.webp")) center / cover no-repeat;} @media (max-width:900px){.reveal-left.reveal-pending:not(.visible),.reveal-right.reveal-pending:not(.visible){transform:translateY(20px);} body.home-page .hero{background-image:linear-gradient(to right,rgba(8,18,36,0.78) 30%,rgba(8,18,36,0.38) 100%),var(--hero-bg-mobile,var(--hero-bg-desktop,url("../../images/hero-bg.webp")));}} @media (prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-pending{opacity:1; transform:none; transition:none;}}