:root{--bg:#070b0d;--panel:#0d1316;--panel2:#11191d;--line:#2a3439;--text:#f4f2ec;--muted:#b8c0c4;--accent:#f2bd48;--green:#25d366}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}.skip-link{position:fixed;left:12px;top:12px;z-index:99;background:var(--accent);color:#111;padding:10px 14px;border-radius:6px;font-weight:900;text-decoration:none;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{height:92px;border-bottom:1px solid #20272b;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);position:sticky;top:0;background:rgba(7,11,13,.96);z-index:3}
.brand{display:block;width:270px;height:60px;background:url(media/logo-weiss-optimiert.png) center/contain no-repeat;color:transparent;text-decoration:none;font-size:0}.brand small{display:none}.phone{color:var(--accent);font-weight:800;text-decoration:none;padding:10px 0}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
main{width:min(1120px,calc(100% - 40px));margin:auto}.intro{padding:72px 0 40px;max-width:820px}.eyebrow,.step-label{color:var(--accent);font-size:13px;letter-spacing:2px;font-weight:900}.intro h1{font-size:clamp(38px,6vw,68px);line-height:1.03;letter-spacing:-2.5px;margin:12px 0 22px}.intro>p:last-child{font-size:20px;color:var(--muted);max-width:720px}
.assistant{border:1px solid var(--line);background:linear-gradient(150deg,var(--panel),#080c0e);border-radius:18px;overflow:hidden;min-height:560px}.progress{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.progress span{padding:16px 12px;text-align:center;color:#778187;font-size:13px;font-weight:700;border-right:1px solid var(--line)}.progress span:last-child{border:0}.progress span.active{color:var(--accent);background:#151b1e}
.step{padding:42px}.step h2{font-size:clamp(27px,4vw,42px);line-height:1.12;margin:7px 0 28px;max-width:800px}.hidden{display:none}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.choice{appearance:none;text-align:left;border:1px solid #344148;background:var(--panel2);color:var(--text);padding:20px;border-radius:12px;cursor:pointer;min-height:92px;font:inherit;transition:.18s}.choice:hover,.choice:focus-visible{border-color:var(--accent);transform:translateY(-2px);outline:0}.choice strong{display:block;font-size:18px}.choice small{display:block;color:var(--muted);margin-top:5px}.back,.restart{border:0;background:none;color:var(--muted);font:inherit;cursor:pointer;padding:8px 4px}.back:hover,.restart:hover,.back:focus-visible,.restart:focus-visible{color:var(--accent)}
.result-card{border:1px solid #39454b;background:var(--panel2);border-radius:15px;padding:30px;display:grid;grid-template-columns:1fr auto;gap:24px}.result-path{color:var(--muted);margin:0}.result-card h2{font-size:30px;margin:4px 0}.price{font-size:46px;font-weight:900;color:var(--accent);margin:0;white-space:nowrap}.scope,.notice{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.scope h3{margin:0 0 7px}.scope p,.notice{color:#d3d8da}.notice{background:#172025;border:0;border-radius:9px;padding:16px}.cta{grid-column:1/-1;background:var(--green);color:#05130a;text-decoration:none;font-weight:900;text-align:center;padding:15px 20px;border-radius:9px}.restart{margin-top:20px}
.info{padding:70px 0 100px;display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid var(--line);margin-top:70px}.info h2{font-size:32px;line-height:1.15;margin:0}.info p{font-size:18px;color:var(--muted);margin:0}.price-footer{border-top:1px solid var(--line);padding:28px max(24px,5vw);display:flex;gap:24px;flex-wrap:wrap;color:var(--muted)}.price-footer a{color:inherit}
@media(max-width:800px){.site-header{height:76px}.brand{width:230px;height:52px}.phone{font-size:14px}.intro{padding-top:48px}.choices{grid-template-columns:1fr 1fr}.step{padding:28px 20px}.progress span{font-size:0}.progress span::first-letter{font-size:13px}.result-card{grid-template-columns:1fr}.price{font-size:40px}.info{grid-template-columns:1fr}}
@media(max-width:520px){main{width:min(100% - 24px,1120px)}.choices{grid-template-columns:1fr}.intro h1{letter-spacing:-1.5px;overflow-wrap:anywhere}.progress span{padding:12px 4px}.site-header{padding:0 14px}.result-card{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.choice{transition:none}}