:root{--bg:#090b0a;--panel:#121513;--line:#29302b;--text:#f1f4f0;--muted:#9aa39c;--accent:#b9ff3b;--pad:clamp(1rem,4vw,4rem)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header,footer{display:flex;justify-content:space-between;align-items:center;padding:1rem var(--pad);border-bottom:1px solid var(--line)}header nav{display:flex;gap:1.2rem}.brand{font-weight:800}.hero{padding:clamp(4rem,8vw,7rem) var(--pad) 3rem}.hero h1{font-size:clamp(3.4rem,9vw,8rem);line-height:.85;letter-spacing:-.06em;margin:1rem 0}.hero p{max-width:48rem;color:var(--muted)}.eyebrow{color:var(--accent)!important;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800}.advisor{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);border-top:1px solid var(--line)}.form{padding:var(--pad)}.step{border-bottom:1px solid var(--line);padding:1.4rem 0}.step-no{color:var(--accent);font-size:.75rem;font-weight:800}.step h2{font-size:clamp(1.25rem,2vw,1.8rem);margin:.4rem 0 1rem}select,input{width:100%;background:#0d100e;color:var(--text);border:1px solid var(--line);border-radius:.45rem;padding:.9rem;font:inherit}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.choice-group{grid-column:1/-1}.choice-group h3{margin:.7rem 0 .35rem;color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.compact-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.choice{display:flex;align-items:center;gap:.55rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:.4rem;color:var(--muted)}.choice input{width:auto}.choice:has(input:checked){border-color:var(--accent);color:var(--text);background:#b9ff3b0b}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.flow{padding-top:.4rem}.result-column{background:var(--accent);color:#10130e;padding:var(--pad)}.result-card+.result-card{border-top:1px solid #10130e44;margin-top:2rem;padding-top:2rem}.result-card h2{font-size:clamp(2.4rem,5vw,4.2rem);line-height:.95;letter-spacing:-.045em;margin:.5rem 0;overflow-wrap:anywhere}.result-card h3{margin:1.5rem 0 .5rem}.result-card ul{padding-left:1.2rem}.result-card .big{font-size:clamp(2.3rem,5vw,4rem);font-weight:900;display:block}.api-lines{display:grid;gap:.4rem;border-top:1px solid #10130e33;padding-top:1rem}.api-lines span{display:flex;justify-content:space-between}.muted{color:#34402d}.technical{margin-top:1rem;border:1px solid var(--line);border-radius:.4rem}.technical summary{padding:1rem;color:var(--accent);font-weight:800;cursor:pointer}.technical-body{display:grid;gap:1rem;padding:0 1rem 1rem}.comparison{padding:clamp(3rem,7vw,6rem) var(--pad);border-top:1px solid var(--line)}.comparison h2{font-size:clamp(2.2rem,5vw,4rem)}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.comparison-grid article{background:var(--panel);padding:1.3rem}.comparison-grid small,.comparison-grid strong,.comparison-grid b{display:block}.comparison-grid b{color:var(--accent);font-size:1.3rem}.comparison-grid p{color:var(--muted);font-size:.8rem}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}
.provider-advisor{border-top:1px solid var(--line);padding-top:clamp(4rem,8vw,8rem)}.provider-intro{padding:0 var(--pad) clamp(2rem,5vw,4rem);max-width:70rem}.provider-intro h2{font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.055em;margin:.5rem 0 1.5rem}.provider-intro>p:last-child{color:var(--muted);max-width:50rem;font-size:1.15rem}.provider-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.provider-form{padding:var(--pad)}.provider-form h3{font-size:1.6rem}.provider-results{background:#d8ff82;color:#10130e;padding:var(--pad)}.provider-results>.eyebrow{color:#10130e!important}.provider-cards{display:grid;gap:1px;background:#10130e33;margin-top:1.5rem}.provider-cards article{background:#d8ff82;padding:1.1rem 0}.provider-cards small,.provider-cards b{display:block}.provider-cards h3{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1;margin:.25rem 0}.provider-cards p{margin:.35rem 0}.combination{border-top:2px solid #10130e;margin-top:2rem;padding-top:1rem}.priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.priority-grid input{padding:0;accent-color:var(--accent)}.muted-light{color:var(--muted)}.model-table-wrap{padding:clamp(3rem,6vw,6rem) var(--pad);overflow-x:auto}.table-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.table-heading h3{font-size:clamp(2rem,4vw,3.5rem);margin:.25rem 0}.model-table{border-collapse:collapse;width:100%;min-width:720px}.model-table th,.model-table td{text-align:left;padding:1rem;border-bottom:1px solid var(--line);vertical-align:top}.model-table th{color:var(--muted);font-size:.75rem;text-transform:uppercase}.model-table td small{display:block;color:var(--muted)}.model-table a{color:var(--accent)}.method-note{color:var(--muted);font-size:.85rem;max-width:65rem;margin-top:1.5rem}
@media(max-width:850px){header nav{display:none}.advisor,.provider-layout{grid-template-columns:1fr}.choices,.compact-choices,.grid2,.comparison-grid,.priority-grid{grid-template-columns:1fr}.result-card h2{font-size:clamp(2.2rem,11vw,3.7rem)}.table-heading{align-items:start;flex-direction:column}}

/* Phase 3: ein zusammenhängender Wizard */
.unified-wizard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);border-top:1px solid var(--line)}.progress{position:sticky;top:0;z-index:3;background:var(--bg);padding:.8rem 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.8rem}.progress i{display:block;height:3px;background:var(--line);margin-top:.5rem}.progress b{display:block;width:100%;height:100%;background:var(--accent)}.usage-cards,.priority-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.usage-card,.priority-cards label{display:flex;padding:.8rem;border:1px solid var(--line);border-radius:.45rem;background:var(--panel);cursor:pointer}.usage-card input,.priority-cards input{width:auto;margin-right:.7rem;accent-color:var(--accent)}.usage-card b,.usage-card small{display:block}.usage-card small{color:var(--muted);margin-top:.25rem}.usage-card:has(input:checked),.priority-cards label:has(input:checked){border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.usage-card:has(input:checked)::after,.priority-cards label:has(input:checked)::after{content:'✓';color:var(--accent);font-weight:900;margin-left:auto}.conditional{margin-top:1rem;border:1px solid var(--accent);padding:1rem}.result-column{position:relative;align-self:start}.result-column>p,.result-column>h2{position:static}.result-column h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;overflow-wrap:anywhere;margin:.6rem 0 1rem}.result-column #previewText{max-width:30rem;line-height:1.5}.provider-advisor{padding-bottom:var(--pad)}.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);margin:0 var(--pad)}.result-grid article{background:var(--panel);color:var(--text);padding:1.2rem}.result-grid article>small:first-child{color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.result-grid h3{font-size:1.5rem}.result-grid strong,.result-grid b,.result-grid small{display:block}.result-grid p{color:var(--muted)}.result-grid a,.compare-details a{color:var(--accent)}.api-result{margin:3rem var(--pad);padding:clamp(1.2rem,3vw,2.5rem);background:var(--panel);border:1px solid var(--line)}.api-result>strong{font-size:clamp(2rem,5vw,4rem);color:var(--accent)}.compare-details{margin:2rem var(--pad);border:1px solid var(--line)}.compare-details>summary{padding:1rem;color:var(--accent);font-weight:800;cursor:pointer}.compare-details .model-table-wrap{padding:0;overflow-x:auto}.compare-details .model-table{min-width:1100px}.combination{margin:2rem var(--pad)}.method-note{margin-left:var(--pad);margin-right:var(--pad)}
@media(max-width:1050px){.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.unified-wizard{grid-template-columns:1fr}.usage-cards,.priority-cards,.compact-choices,.result-grid{grid-template-columns:1fr}.hero{padding-top:3rem}.hero h1{font-size:clamp(3rem,15vw,5rem)}.result-column{min-height:14rem}.result-column>p,.result-column>h2{position:static}.choice{min-height:44px}.result-grid{margin:0 1rem}.provider-intro,.api-result{margin-left:0;margin-right:0}.provider-intro{padding-left:1rem;padding-right:1rem}.api-result{margin:2rem 1rem}.compare-details{margin:1rem}.model-table-wrap{max-width:100%;overflow-x:auto}.form{padding:1rem}}

/* Einheitliche Hauptnavigation */
.site-header{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem var(--pad);border-bottom:1px solid var(--line);background:rgba(9,11,10,.88);backdrop-filter:blur(18px)}.site-header .brand{display:inline-flex;align-items:center;gap:.7rem;font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.site-header .brand-mark{display:grid;width:2.2rem;aspect-ratio:1;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent)}.service-nav{display:flex;justify-content:center;gap:.25rem}.service-nav a{padding:.6rem .75rem;border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:.75rem;font-weight:750;white-space:nowrap}.service-nav a:hover,.service-nav a:focus-visible,.service-nav a[aria-current="page"]{border-color:var(--line);background:var(--panel);color:var(--text)}.service-nav a[aria-current="page"]{border-color:var(--accent)}.header-status{margin:0;color:var(--muted);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
@media(max-width:720px){.site-header{grid-template-columns:auto 1fr;padding:.7rem 1rem}.site-header .brand>span:last-child,.header-status{display:none}.service-nav{display:flex!important;justify-content:flex-end;overflow-x:auto}.service-nav a{padding:.5rem .58rem;font-size:.68rem}}

/* Schritt-für-Schritt-Wizard */
.unified-wizard[hidden],.wizard-step[hidden],.conditional[hidden],#results[hidden]{display:none!important}.unified-wizard{align-items:start}.unified-wizard .form{min-height:clamp(34rem,68vh,46rem)}.wizard-step,.conditional{border:0;margin:0;padding:clamp(1.5rem,4vw,3.2rem) 0}.wizard-step.is-active,.conditional.is-active{animation:wizard-in .24s ease both}.wizard-step.is-confirmed,.conditional.is-confirmed{outline:1px solid var(--accent);outline-offset:.5rem}.progress{position:static}.progress b{width:20%;transition:width .25s ease}.wizard-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line)}.wizard-nav button,.selection-summary button{min-height:46px;border:1px solid var(--line);border-radius:999px;padding:.7rem 1.1rem;background:transparent;color:var(--text);font:700 .9rem/1 inherit;cursor:pointer}.wizard-nav .wizard-next{margin-left:auto;border-color:var(--accent);background:var(--accent);color:#10130e}.wizard-nav button:hover,.wizard-nav button:focus-visible,.selection-summary button:hover,.selection-summary button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wizard-nav button:disabled{cursor:not-allowed;opacity:.4;outline:0}.task-selection-count{color:var(--muted);font-size:.85rem;margin:.9rem 0 0}.result-column{position:sticky;top:5.5rem;max-height:calc(100vh - 7rem);overflow:auto}.recommendation-confidence{display:inline-flex!important;border:1px solid #10130e55;border-radius:999px;padding:.3rem .65rem;font-size:.72rem;font-weight:800}.preview-strengths{border-top:1px solid #10130e33;margin-top:1.4rem;padding-top:1rem}.preview-strengths small{font-weight:800;text-transform:uppercase;letter-spacing:.08em}.preview-strengths ul{margin:.55rem 0 0;padding-left:1.1rem}.preview-note{margin-top:1.4rem;font-size:.78rem;opacity:.7}.selection-summary{margin-top:2rem;padding:1.2rem;border:1px solid var(--line);background:var(--panel)}.selection-summary h3{margin-top:0}.selection-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.2rem}.selection-summary dl div{border-top:1px solid var(--line);padding-top:.55rem}.selection-summary dt{color:var(--muted);font-size:.75rem;text-transform:uppercase}.selection-summary dd{margin:.2rem 0 0}.selection-summary button{margin-top:.7rem;border-color:var(--accent)}
@keyframes wizard-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:850px){.unified-wizard .form{min-height:0}.result-column{position:static;max-height:none;overflow:visible;padding:1.25rem}.result-column h2{font-size:clamp(1.8rem,10vw,2.7rem)}.preview-strengths{display:none}.selection-summary dl{grid-template-columns:1fr}.wizard-step,.conditional{padding:1.25rem 0 1.75rem}}
@media(prefers-reduced-motion:reduce){.wizard-step.is-active,.conditional.is-active{animation:none}.progress b{transition:none}}