[hidden]{display:none!important}
.hero h1{font-size:clamp(43px,4.45vw,64px);line-height:1.13}
.hero-visual{padding:21px;background:#e0e9e1}
.hero-demo{padding:24px;background:var(--surface);border-radius:8px;box-shadow:0 16px 30px -24px #13171470}
.hero-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:24px}
.demo-badge{font-size:11px;color:var(--green);background:#e0e9e1;padding:5px 9px;border-radius:4px;white-space:nowrap}
.hero-demo-label{display:block;font-size:12px;color:var(--muted);line-height:1.6}
.hero-demo-value{display:block;font-size:44px;line-height:1.3;letter-spacing:-.055em;font-weight:500;margin-top:7px;color:var(--ink)}
.hero-demo-provider{display:block;font-size:13px;color:var(--green);margin-top:4px}
.hero-chart{display:block;width:100%;height:170px;margin-top:15px;overflow:visible}
.hero-chart-axis{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-top:6px;line-height:1.5}
.hero-chart-axis>span:nth-child(2){font-size:10px;text-align:center}
.hero-providers{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;margin-top:24px}
.hero-providers button{padding:10px 9px;display:flex;align-items:center;gap:8px;background:#f2f1eb;border:1px solid transparent;border-radius:5px;text-align:left;font-size:11px;line-height:1.5;min-height:43px;transition:background .2s,border-color .2s,transform .2s}
.hero-providers button[aria-pressed=true]{border-color:var(--green);background:#e0e9e1}
.hero-providers button:hover{transform:translateY(-2px)}
.provider-dot{width:6px;height:6px;background:var(--provider);border-radius:50%;flex-shrink:0}
.hero-demo-link{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:12px;color:var(--green);min-height:43px}
.hero-demo-link span{font-size:19px}
.visual-foot{font-size:11px;letter-spacing:0;align-items:flex-start}
.visual-foot>span:first-child{max-width:230px}
.interactive-demo{border:1px solid #d5dbd0;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -38px #1f44366b;background:var(--surface)}
.demo-controls{display:grid;grid-template-columns:1.13fr 1fr .9fr;gap:38px;padding:28px 32px;background:#e0e9e1;align-items:center}
.demo-control{min-width:0;margin:0;padding:0;border:0}
.control-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.control-heading label,.demo-control legend{font-size:12px;line-height:1.6;color:var(--green)}
.control-heading output{font-size:22px;font-weight:500;color:var(--green);letter-spacing:-.04em}
.demo-control legend{margin-bottom:13px;padding:0}
.demo-control input[type=range]{--range:40%;display:block;appearance:none;-webkit-appearance:none;width:100%;height:6px;margin:18px 0 13px;border:0;border-radius:10px;background:linear-gradient(to right,#1f4436 0%,#1f4436 var(--range),#bdcbbb var(--range),#bdcbbb 100%);cursor:ew-resize;touch-action:pan-y;outline-offset:11px}
.demo-control input[type=range]::-webkit-slider-thumb{appearance:none;width:23px;height:23px;border-radius:50%;background:#fffdf9;border:2px solid #1f4436;box-shadow:0 2px 5px #1f443626;transition:box-shadow .2s}
.demo-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fffdf9;border:2px solid #1f4436;box-shadow:0 2px 5px #1f443626}
.demo-control input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px #1f443614}
.demo-control input:focus-visible{outline:2px solid #1f4436}
.range-limits{display:flex;justify-content:space-between;font-size:11px;color:#405447}
.rate-buttons{display:flex;gap:5px;background:#ccd9c9;border-radius:6px;padding:4px;max-width:250px}
.rate-buttons button{flex:1;min-height:40px;padding:9px 16px;white-space:nowrap;font:500 14px 'IBM Plex Mono',monospace;border-radius:4px;color:#405447;transition:background .25s,color .25s,box-shadow .25s}
.rate-buttons button[aria-pressed=true]{background:var(--surface);color:var(--green);box-shadow:0 1px 5px #13171415}
.demo-fixed{display:flex;flex-direction:column;gap:6px;border-left:1px solid #bccbba;padding-left:28px}
.demo-fixed>span{font-size:11px;color:#405447;line-height:1.5}
.demo-fixed strong{font-weight:500;font-size:13px;line-height:1.65;color:var(--green)}
.demo-fixed button{padding:0;align-self:flex-start;min-height:32px;text-decoration:underline;text-underline-offset:4px;font-size:11px;color:#405447;margin-top:2px}
.demo-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,1fr)}
.demo-main{padding:34px 30px 27px;min-width:0}
.demo-result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.demo-result-header p,.gap-summary>p{font-size:13px;color:var(--muted);margin-bottom:8px}
.demo-result{display:block;font-size:46px;font-weight:500;line-height:1.35;letter-spacing:-.05em;color:var(--green);white-space:nowrap}
#demo-result-sub,.gap-summary>span{display:block;font-size:13px;margin-top:7px;color:var(--muted)}
.demo-result-header .demo-badge{margin-top:5px}
.demo-chart-frame{margin-top:26px}
#demo-chart{display:block;width:100%;height:260px;overflow:visible}
.chart-tick{font-family:'IBM Plex Mono',monospace;font-size:11px;fill:#6e6a61}
.demo-line{transition:opacity .28s,stroke-width .28s}
.demo-chart-caption{display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:11px;line-height:1.6}
.demo-comparison{padding:36px 26px;background:#f6f4ef;border-left:1px solid #e0e2d8}
.demo-comparison>p{font-size:12px;line-height:1.65;color:var(--muted);margin-bottom:17px}
.provider-row{width:100%;display:grid;grid-template-columns:1fr;gap:5px;text-align:left;padding:15px 13px;border-radius:6px;border:1px solid transparent;transition:background .25s,border-color .25s;margin-bottom:6px}
.provider-row[aria-pressed=true]{background:var(--surface);border-color:#b4c8b5;box-shadow:0 3px 12px #13171406}
.provider-row:hover{background:#e9eee4}
.provider-name{font-size:12px;line-height:1.5;color:var(--ink)}
.provider-row strong{font-size:21px;line-height:1.5;font-weight:500;letter-spacing:-.04em}
.provider-meter{display:block;width:100%;height:4px;border-radius:8px;background:#e0e2d8;overflow:hidden;margin-top:6px}
.provider-meter span{display:block;height:100%;background:var(--provider);border-radius:8px;transition:width .45s cubic-bezier(.2,.6,.2,1)}
.demo-comparison-note{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin:21px 13px 0}
.demo-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:18px 30px;border-top:1px solid var(--line)}
.demo-bottom>span{font-size:12px;max-width:500px;color:var(--muted);line-height:1.7}
.demo-bottom .text-link{font-size:12px;white-space:nowrap;gap:12px}
.demo-assumptions{max-width:820px;margin:18px auto 0;text-align:center;color:var(--muted);font-size:12px}
.demo-assumptions summary{display:inline-block;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;line-height:1.7;padding:10px}
.demo-assumptions p{font-size:13px;line-height:1.85;margin-top:15px;text-align:left}
.demo-cost-breakdown{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}
.cost-item{display:grid;grid-template-columns:1fr 1fr auto;width:100%;gap:15px;align-items:center;min-height:45px;padding:8px;border-radius:4px;text-align:left;font-size:12px}
.cost-item strong{font-size:13px;font-weight:500;min-width:74px;text-align:right}
.cost-item[aria-pressed=true]{background:#e0e9e1}
.cost-meter{height:5px;background:#e4e6dc;border-radius:4px;overflow:hidden}
.cost-meter>span{display:block;height:100%;background:#5d7950;border-radius:4px;transition:width .5s}
.cost-detail{font-size:12px;color:var(--muted);line-height:1.75;min-height:48px;margin:15px 8px 0}
#gap-controls{grid-template-columns:1fr 1fr}
.gap-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:50px 40px 60px;min-height:375px;align-items:center}
.gap-summary .demo-result{font-size:53px;color:#7b5d2c}
.gap-summary>span{max-width:225px;line-height:1.7}
.gap-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:28px}
.gap-row>span{font-size:13px;color:var(--muted)}
.gap-row strong{font-size:17px;font-weight:500}
.gap-track{grid-column:1/-1;height:20px;border-radius:4px;background:#eeeae0;overflow:hidden}
.gap-track>div{height:100%;width:65%;background:#8e7851;border-radius:4px;transition:width .5s cubic-bezier(.2,.6,.2,1)}
#gap-pension-bar{background:#1f4436}
#gap-explanation{font-size:13px;color:var(--muted);line-height:1.85;margin-top:20px}
.hero-demo .mono,.rate-buttons .mono{font-variant-numeric:tabular-nums}
@media(max-width:1100px){
 .hero{gap:30px;grid-template-columns:1fr 1.15fr}.hero h1{font-size:49px}.hero-visual{padding:17px}.hero-demo{padding:20px}.hero-demo-value{font-size:36px}.hero-demo-top{font-size:11px;gap:9px}.hero-demo-top .demo-badge{display:none}.hero-providers{grid-template-columns:1fr 1fr}.hero-providers button{font-size:11px}.hero-chart-axis>span:nth-child(2){max-width:160px}
 .demo-controls{gap:25px;padding:25px}.demo-fixed{padding-left:20px}.demo-main{padding:30px 23px}.demo-comparison{padding:31px 16px}.demo-result-header .demo-badge{display:none}.demo-result{font-size:39px}.demo-controls{grid-template-columns:1fr 1fr}.demo-fixed{grid-column:1/-1;border-left:0;border-top:1px solid #bccbba;padding:15px 0 0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px}.demo-fixed button{margin:0 0 0 auto}.gap-body{gap:35px;padding:42px 28px}
}
@media(max-width:800px){
 .hero{grid-template-columns:1fr;max-width:620px}.hero h1{font-size:66px}.hero-visual{margin-inline:0}.hero-demo{padding:26px}.hero-demo-top .demo-badge{display:block}.hero-demo-top{font-size:12px}.hero-demo-value{font-size:46px}.hero-providers{grid-template-columns:1.2fr 1fr}.hero-providers button{font-size:13px;padding:12px}.hero-chart{height:190px}.hero-chart-axis>span:nth-child(2){max-width:none}.demo-body{grid-template-columns:1fr}.demo-comparison{border-left:0;border-top:1px solid var(--line);padding:20px 23px}.demo-comparison>p{margin-bottom:12px}#demo-provider-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.provider-row{margin-bottom:0}.demo-comparison-note{margin:14px 0 0}.demo-comparison-note br{display:none}.demo-bottom{flex-direction:column;align-items:flex-start;gap:8px}.demo-main{padding:30px}.demo-result{font-size:45px}#demo-chart{height:280px}.gap-body{grid-template-columns:1fr;gap:30px}.gap-summary>span{max-width:none}
}
@media(max-width:620px){
 .hero{max-width:480px}.hero h1{font-size:clamp(38px,10.3vw,49px);letter-spacing:-.048em}.hero-description{font-size:15px}.hero .eyebrow{font-size:11px!important}.hero-actions{align-items:flex-start;gap:13px}.hero-actions .button{width:100%;justify-content:space-between;font-size:14px}.hero-actions .text-link{min-height:44px}.hero .micro{margin-top:9px}.hero-visual{padding:14px}.hero-demo{padding:20px 15px}.hero-demo-top{font-size:11px;margin-bottom:22px}.hero-demo-top .demo-badge{display:none}.hero-demo-label{font-size:12px}.hero-demo-value{font-size:37px}.hero-demo-provider{font-size:12px}.hero-chart{height:162px;margin-top:14px}.hero-chart-axis{font-size:11px;gap:10px}.hero-chart-axis>span:nth-child(2){font-size:10px;max-width:160px}.hero-providers{margin-top:20px;grid-template-columns:1.25fr 1fr;gap:6px}.hero-providers button{font-size:11px;padding:9px 7px;gap:6px;min-height:48px}.hero-demo-link{font-size:12px;line-height:1.7;margin-top:18px;padding-top:15px;gap:15px}.visual-foot{font-size:11px;gap:12px;line-height:1.6}.visual-foot>span:first-child{max-width:175px}
 .interactive-demo{border-radius:8px}.demo-controls{padding:22px 19px;gap:22px;grid-template-columns:1fr}.control-heading label,.demo-control legend{font-size:13px}.control-heading output{font-size:25px}.demo-control input[type=range]{margin-block:17px 15px;height:7px}.demo-control input[type=range]::-webkit-slider-thumb{width:26px;height:26px}.range-limits{font-size:12px}.rate-buttons{max-width:none}.rate-buttons button{min-height:43px}.demo-fixed{display:none}.demo-main{padding:24px 18px 21px}.demo-result-header p{font-size:12px}.demo-result{font-size:36px}#demo-result-sub{font-size:12px}.demo-chart-frame{margin-top:21px}#demo-chart{height:238px}.chart-tick{font-size:10px}.demo-chart-caption{font-size:11px;gap:15px}.demo-chart-caption>span:first-child{max-width:180px}.demo-chart-caption>span:last-child{max-width:60px;text-align:right}.demo-comparison{padding:20px 13px}.demo-comparison>p{font-size:12px;margin-left:6px}.provider-name{font-size:12px}.provider-row{padding:12px 9px}.provider-row strong{font-size:21px}.demo-comparison-note{font-size:12px;margin-left:6px}.demo-bottom{padding:20px;gap:9px}.demo-bottom>span{font-size:12px}.demo-bottom .text-link{font-size:12px;white-space:normal;line-height:1.7}.demo-assumptions{margin-top:9px;font-size:12px;text-align:left}.demo-assumptions summary{padding-inline:0}.demo-assumptions p{font-size:14px}.cost-item{grid-template-columns:1fr .8fr auto;gap:9px;padding:8px 4px;font-size:12px}.cost-item strong{font-size:12px;min-width:67px}.cost-detail{font-size:13px}.cost-item>span:first-child{line-height:1.4}.demo-cost-breakdown{margin-top:23px}.gap-body{padding:30px 21px 38px;gap:28px;min-height:0}.gap-summary .demo-result{font-size:42px}.gap-summary>span{font-size:13px}#gap-controls{grid-template-columns:1fr}.gap-row{gap:12px;margin-bottom:24px}.gap-row>span{font-size:13px}.gap-row strong{font-size:16px}#gap-explanation{font-size:14px}.gap-track{height:22px}.closing h2{font-size:37px}.switch-copy h2{font-size:35px}.hero-demo-top .mono{font-size:12px}.site-header .button{font-size:11px;gap:7px;padding-inline:11px}.site-header .brand{width:142px}
}
@media(max-width:360px){.site-header .brand{width:114px}.site-header .button{font-size:11px;padding-inline:9px;gap:6px}.site-header .button span{display:none}.hero-demo-value{font-size:32px}.hero-demo{padding:18px 12px}.hero-providers button{font-size:10px}.hero-chart-axis>span:nth-child(2){max-width:125px}.visual-foot{font-size:10px}.visual-foot>span:first-child{max-width:148px}.demo-controls{padding:20px 16px}.demo-main{padding:24px 13px}.demo-result{font-size:31px}.provider-row strong{font-size:18px}.provider-name{font-size:11px}.closing h2{font-size:33px}}
.demo-badge,.hero-demo-top,.hero-chart-axis,.hero-chart-axis>span:nth-child(2),.hero-providers button,.visual-foot,.range-limits,.demo-fixed>span,.demo-fixed button,.demo-comparison-note,.demo-chart-caption{font-size:12px}
.chart-tick{font-size:12px}.demo-assumptions p,.cost-detail{font-size:14px}
@media(max-width:620px){.site-header .button{font-size:12px}.hero-providers button,.hero-chart-axis,.hero-chart-axis>span:nth-child(2),.visual-foot{font-size:12px}.demo-controls .demo-fixed{display:flex;flex-wrap:wrap;gap:10px;padding-top:13px}.demo-fixed>span{display:none}.demo-fixed strong{font-size:12px}.demo-fixed button{margin-left:auto;font-size:12px}.provider-name{font-size:12px}}
@media(max-width:620px){#gap-controls .demo-fixed{flex-direction:column;align-items:flex-start;gap:5px}#gap-controls .demo-fixed>span{display:block}}
@media(prefers-reduced-motion:reduce){.demo-line,.provider-meter span,.gap-track>div,.cost-meter>span{transition:none}.hero-providers button:hover{transform:none}}
.perspective,.switch-section{background:#10231b url('assets/gitter-punkte-dunkel-4k.png') center/1920px auto repeat;color:#fffdf9}
.hero-visual{background:#10231b url('assets/gitter-punkte-dunkel-4k.png') center/1440px auto;color:#edf1e8}
.hero-visual .visual-label,.hero-visual .visual-foot{color:#d5e2d1}.hero-visual .live-dot{background:#bed2a3}
.hero-providers button{gap:9px;color:var(--ink)}.hero-providers img{width:28px;height:28px;flex-shrink:0;border-radius:7px}
.provider-logo{width:32px;height:32px;border-radius:8px;grid-column:1;grid-row:1;align-self:center}
.provider-row{grid-template-columns:32px 1fr;column-gap:11px}.provider-name{grid-column:2;grid-row:1;align-self:center}.provider-row>strong,.provider-row>.provider-meter{grid-column:1/-1}
.demo-fixed>.demo-switch-assumption{display:block;font-size:12px;color:#405447}
.explain-image,.switch-image{padding:12px;border:1px solid #b9c7b454;border-radius:14px;background:#10231b url('assets/gitter-punkte-dunkel-4k.png') center/1440px auto;box-shadow:0 25px 45px -32px #0a201ba0}
.image-button{border-radius:9px;background:transparent}.image-button picture{display:block}.explain-image img,.switch-image img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block}
.image-button:hover img{transform:none}.zoom-hint{position:static;border-radius:0;background:#e7ede2;color:#214b3e;box-shadow:none;margin-top:0;padding:13px 16px;justify-content:space-between}.explain-image .image-note{color:#d4dfca;margin:13px 5px 3px}
.image-dialog{width:min(1240px,calc(100% - 24px));height:min(940px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);overflow:hidden;background:#10231b url('assets/gitter-punkte-dunkel-4k.png') center/1920px auto;border:1px solid #8ba18b44}
.image-dialog[open]{display:flex;flex-direction:column}.image-dialog-head{position:static;background:transparent;flex:0 0 auto}.image-dialog-head p{font-size:12px;line-height:1.6}.image-dialog-view{display:flex;flex:1 1 auto;min-height:0;padding:0 16px 16px;overflow:hidden;align-items:center;justify-content:center}
.image-dialog-view img{display:block;min-width:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:7px}
@media(max-width:620px){.hero-providers button{padding:9px 7px;font-size:11px;gap:7px}.hero-providers img{width:25px;height:25px}.hero-providers{grid-template-columns:1.25fr 1fr}.provider-row{column-gap:8px;grid-template-columns:27px 1fr}.provider-logo{width:27px;height:27px;border-radius:7px}.provider-name{font-size:11px}.demo-fixed>.demo-switch-assumption{flex-basis:100%;order:2;font-size:12px}.explain-image,.switch-image{padding:8px;margin:0}.image-dialog-head{padding:12px}.image-dialog-view{padding:0 8px 8px}.image-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}}

.rate-buttons button{padding-inline:9px}.rate-buttons{max-width:280px}
@media(max-width:620px){.rate-buttons{max-width:none}.rate-buttons button{padding-inline:7px}}