.tm-page{--tm-navy:#213d4a;--tm-teal:#168c82;--tm-teal2:#4fc1b3;--tm-cream:#f7f3eb;--tm-line:#d9cdbf;--tm-red:#c75a4d;--tm-green:#2f806b;overflow:hidden}.tm-page .wrap{max-width:1440px}.tm-breadcrumbs{margin-bottom:20px}.tm-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:42px;align-items:center;padding:42px 46px;border:1px solid #dce5e4;border-radius:34px;background:radial-gradient(circle at 84% 18%,rgba(79,193,179,.22),transparent 26%),linear-gradient(135deg,#fff 0%,#f7fbfa 52%,#eef8f6 100%);box-shadow:0 28px 70px rgba(32,63,70,.08);overflow:hidden}.tm-hero:before{content:"";position:absolute;inset:auto -120px -180px auto;width:430px;height:430px;border-radius:50%;border:1px solid rgba(22,140,130,.16)}.tm-hero h1{font-size:clamp(44px,5vw,76px);line-height:.98;margin:14px 0 18px;color:#1d3943;max-width:820px}.tm-hero p{font-size:20px;max-width:780px;color:#506260}.tm-hero-points{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px;font-weight:700;color:#375954}.tm-hero-points span{display:flex;align-items:center;gap:8px}.tm-hero-points i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d9f3ed;color:#117a70;font-style:normal}.tm-portal{position:relative;width:min(410px,100%);aspect-ratio:1;margin:auto;display:grid;place-items:center}.tm-portal:before,.tm-portal:after{content:"";position:absolute;border-radius:50%;inset:7%;background:conic-gradient(from 15deg,rgba(22,140,130,.08),rgba(79,193,179,.7),rgba(255,255,255,.2),rgba(22,140,130,.08));animation:tmSpin 18s linear infinite}.tm-portal:after{inset:16%;animation-direction:reverse;animation-duration:11s;background:conic-gradient(from 70deg,rgba(255,255,255,.7),rgba(33,61,74,.16),rgba(79,193,179,.65),rgba(255,255,255,.8))}.tm-orbit{position:absolute;border:1px solid rgba(33,61,74,.16);border-radius:50%}.tm-orbit-one{inset:1%}.tm-orbit-two{inset:24%;border-style:dashed}.tm-portal-core{z-index:2;width:54%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(31,77,80,.18),inset 0 0 0 1px rgba(255,255,255,.8);text-align:center}.tm-portal-core span{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#667a76}.tm-portal-core strong{font:800 46px/1 'Roboto Condensed',Arial,sans-serif;color:#183c49}.tm-portal-core small{font-weight:700;color:#168c82;margin-top:6px}.tm-portal-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#168c82;box-shadow:0 0 0 7px rgba(22,140,130,.1)}.dot-a{top:12%;left:22%}.dot-b{right:4%;top:52%}.dot-c{bottom:8%;left:38%}@keyframes tmSpin{to{transform:rotate(360deg)}}.tm-machine{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:30px}.tm-control-card,.tm-result-card,.tm-chart-card,.tm-scenario,.tm-milestone{background:#fff;border:1px solid #ddd3c7;border-radius:28px;box-shadow:0 18px 50px rgba(50,61,59,.06)}.tm-control-card,.tm-result-card{padding:28px}.tm-card-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.tm-card-head h2{margin:0 0 4px}.tm-card-head p{margin:0;color:#697774}.tm-card-icon{width:48px;height:48px;border-radius:16px;background:#e7f5f2;color:#137c72;display:grid;place-items:center;font-size:27px;font-weight:800;flex:0 0 auto}.tm-fields{display:grid;gap:17px}.tm-field{display:grid;grid-template-columns:210px minmax(160px,1fr) 116px;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #eee8df}.tm-field label{font-weight:800;color:#253f46}.tm-field input[type=range]{width:100%;accent-color:#168c82}.tm-input-unit{height:44px;border:1px solid #d7d0c8;border-radius:13px;background:#fbfbfa;display:flex;align-items:center;overflow:hidden}.tm-input-unit input{width:100%;border:0;background:transparent;padding:0 10px;font:700 16px 'Roboto Condensed',Arial,sans-serif;color:#223b42;outline:none}.tm-input-unit span{padding:0 10px;font-weight:700;color:#65736f}.tm-input-unit.euro span{padding-right:0}.tm-input-unit.percent span{padding-left:0}.tm-field.tm-split{grid-template-columns:1fr 1fr;gap:14px}.tm-field.tm-split>div{display:grid;grid-template-columns:1fr 92px;gap:12px;align-items:center}.tm-travel{margin-top:20px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#eff8f6,#f8fbfb);border:1px solid #d5e9e5}.tm-travel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.tm-travel-head>div:first-child{display:grid;gap:2px}.tm-travel-head span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#5d7370}.tm-travel-head strong{font-size:22px;color:#233d44}.tm-travel-badge{text-align:right;background:#fff;border:1px solid #d5e6e2;border-radius:15px;padding:8px 13px}.tm-travel-badge span{display:block;font-size:22px;letter-spacing:0;color:#168c82}.tm-travel-badge small{color:#65736f}.tm-time-range{width:100%;accent-color:#168c82}.tm-ticks{display:flex;justify-content:space-between;font-size:12px;color:#71817e;margin-top:5px}.tm-note{font-size:13px;color:#71817e;margin:14px 2px 0}.tm-result-card{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 8%,rgba(79,193,179,.14),transparent 28%),#fff}.tm-future-year{display:flex;align-items:baseline;gap:10px;padding:18px 22px;border-radius:20px;background:#f4f8f7;margin-bottom:16px}.tm-future-year span{font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#6a7a77}.tm-future-year strong{font:800 40px/1 'Roboto Condensed',Arial,sans-serif;color:#1b4a52}.tm-future-year small{margin-left:auto;color:#64736f}.tm-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tm-result-box{padding:18px;border:1px solid #ded7ce;border-radius:17px;background:#fff}.tm-result-box span{display:block;color:#65736f;font-size:14px}.tm-result-box strong{display:block;margin-top:5px;font:800 28px/1.1 'Roboto Condensed',Arial,sans-serif;color:#213b42}.tm-gap-card{margin-top:14px;display:grid;grid-template-columns:1fr 150px;gap:20px;align-items:center;padding:22px;border-radius:22px;background:linear-gradient(135deg,#fff1ef,#fbe8e5);border:1px solid #f1cbc5}.tm-gap-card.is-surplus{background:linear-gradient(135deg,#eef9f5,#e5f5ef);border-color:#cbe9de}.tm-gap-card>div>span{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:800;color:#9d4338}.tm-gap-card.is-surplus>div>span{color:#28735f}.tm-gap-card>div>strong{display:block;font:800 36px/1.1 'Roboto Condensed',Arial,sans-serif;color:#9d4338;margin:5px 0 7px}.tm-gap-card.is-surplus>div>strong{color:#28735f}.tm-gap-card p{margin:0;color:#604c49}.tm-gap-card.is-surplus p{color:#45645b}.tm-ring{--pct:50;aspect-ratio:1;border-radius:50%;background:conic-gradient(#d75d50 calc(var(--pct)*1%),#f1d9d5 0);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.tm-gap-card.is-surplus .tm-ring{background:conic-gradient(#2e8d75 calc(var(--pct)*1%),#d6ece5 0)}.tm-ring-inner{width:74%;aspect-ratio:1;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 15px rgba(44,54,51,.08)}.tm-ring-inner strong{font:800 28px/1 'Roboto Condensed',Arial,sans-serif;color:#213b42}.tm-ring-inner span{font-size:12px;color:#687874}.tm-result-cta{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:15px;padding:16px 18px;border-radius:17px;background:#eaf7f4}.tm-result-cta p{margin:0;font-size:14px;color:#465b56}.tm-result-cta .btn{white-space:nowrap}.tm-chart-section,.tm-scenarios,.tm-milestones{margin-top:42px}.tm-section-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:16px}.tm-section-head h2{margin:3px 0 5px}.tm-section-head p{margin:0;color:#667773}.tm-eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:800;color:#168c82}.tm-legend{display:flex;gap:16px;flex-wrap:wrap;font-weight:700;color:#52625f}.tm-legend span{display:flex;align-items:center;gap:7px}.tm-legend i{width:18px;height:4px;border-radius:99px;display:inline-block}.tm-legend .cost{background:#c75a4d}.tm-legend .cover{background:#168c82}.tm-chart-card{padding:20px;overflow-x:auto}.tm-chart-card svg{width:100%;min-width:760px;height:auto;display:block}.tm-chart-mobile-hint{display:none;text-align:center;font-size:13px;color:#6d7c78;margin-top:8px}.tm-line{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.cost-line{stroke:#c75a4d}.cover-line{stroke:#168c82}.tm-scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tm-scenario{padding:22px;position:relative;overflow:hidden}.tm-scenario.featured{border-color:#9fd7cd;box-shadow:0 20px 55px rgba(22,140,130,.11)}.tm-scenario.featured:before{content:"Veel gebruikt rekenvoorbeeld";position:absolute;top:0;right:0;padding:7px 11px;border-radius:0 20px 0 13px;background:#e1f3ef;color:#17766d;font-size:11px;font-weight:800}.tm-scenario-rate{display:block;font-weight:800;color:#314d52}.tm-scenario-cover{display:block;font:800 32px/1.15 'Roboto Condensed',Arial,sans-serif;color:#213c45;margin:13px 0}.tm-scenario-bar{height:9px;border-radius:99px;background:#eee9e2;overflow:hidden}.tm-scenario-bar span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#168c82,#4fc1b3);transition:width .35s ease}.tm-scenario-gap{margin:10px 0 0;font-size:14px;font-weight:700;color:#667571}.tm-milestone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tm-milestone{padding:20px}.tm-milestone-age{display:flex;align-items:center;justify-content:space-between}.tm-milestone-age strong{font:800 30px/1 'Roboto Condensed',Arial,sans-serif;color:#203c45}.tm-milestone-age span{font-size:13px;color:#677872}.tm-milestone-values{margin-top:16px;display:grid;gap:8px}.tm-milestone-values div{display:flex;justify-content:space-between;gap:10px;font-size:14px}.tm-milestone-values span{color:#697975}.tm-milestone-values b{color:#263e44}.tm-milestone-diff{margin-top:13px;padding-top:12px;border-top:1px solid #eee7de;font-weight:800}.tm-milestone-diff.is-bad{color:#a64b3f}.tm-milestone-diff.is-good{color:#28745f}.tm-content{margin-top:44px}.tm-content .article-section{max-width:none}.tm-disclaimer{background:#f7f3eb;border:1px solid #dfd1bf;border-radius:20px;padding:22px 24px}.tm-faq{margin-top:42px}.tm-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tm-faq details{border:1px solid #ded5ca;border-radius:18px;background:#fff;padding:18px 20px}.tm-faq summary{font-weight:800;cursor:pointer;color:#28444a}.tm-faq p{margin:12px 0 0;color:#60716d}.tm-bottom-actions{display:flex;justify-content:center;gap:14px;margin:38px 0 8px}.tm-secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border:1px solid #b8c7c3;border-radius:14px;background:#fff;font-weight:800;color:#28454b;text-decoration:none}@media(max-width:1050px){.tm-hero{grid-template-columns:1fr}.tm-portal{width:330px}.tm-machine{grid-template-columns:1fr}.tm-milestone-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.tm-page .wrap{padding-left:16px;padding-right:16px}.tm-hero{padding:28px 20px;border-radius:26px}.tm-hero h1{font-size:43px}.tm-hero p{font-size:17px}.tm-portal{width:265px}.tm-portal-core strong{font-size:36px}.tm-control-card,.tm-result-card{padding:19px;border-radius:22px}.tm-field{grid-template-columns:1fr 100px;gap:9px}.tm-field label{grid-column:1/-1}.tm-field input[type=range]{grid-column:1/2}.tm-field.tm-split{grid-template-columns:1fr}.tm-field.tm-split>div{grid-template-columns:1fr 92px}.tm-travel-head{align-items:flex-start}.tm-result-grid{grid-template-columns:1fr}.tm-gap-card{grid-template-columns:1fr 112px;padding:18px}.tm-ring-inner strong{font-size:23px}.tm-result-cta{align-items:flex-start;flex-direction:column}.tm-section-head{display:block}.tm-legend{margin-top:12px}.tm-chart-mobile-hint{display:block}.tm-scenario-grid,.tm-faq-grid{grid-template-columns:1fr}.tm-milestone-grid{grid-template-columns:1fr 1fr}.tm-bottom-actions{flex-direction:column}.tm-bottom-actions a{width:100%}}@media(max-width:470px){.tm-hero h1{font-size:37px}.tm-hero-points{display:grid}.tm-milestone-grid{grid-template-columns:1fr}.tm-gap-card{grid-template-columns:1fr}.tm-ring{width:118px;margin:auto}.tm-travel-badge{padding:7px 9px}.tm-travel-badge span{font-size:19px}.tm-ticks{font-size:10px}}@media(prefers-reduced-motion:reduce){.tm-portal:before,.tm-portal:after{animation:none}}