:root{--bg:#0d1117;--panel:#151b23;--panel2:#11161d;--text:#eef2f6;--muted:#9ba7b4;--line:#28323d;--accent:#f2a93b;--accent2:#ffd27b;--green:#55c98b;--blue:#6aa8ff;--purple:#b38cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.hero{min-height:78vh;background:radial-gradient(circle at 80% 20%,rgba(242,169,59,.14),transparent 30%),linear-gradient(180deg,#0b0f14,#0d1117);border-bottom:1px solid var(--line)}nav{max-width:1180px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:1.25rem;letter-spacing:.02em}.brand:before{content:"◆";color:var(--accent);margin-right:10px}.navlinks{display:flex;gap:24px;align-items:center}.hero-inner{max-width:1180px;margin:0 auto;padding:88px 28px 110px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.eyebrow{display:inline-block;color:var(--accent2);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700;margin-bottom:14px}.eyebrow.dark{color:#a56d13}.hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.95;margin:0 0 24px;max-width:850px}.hero p{font-size:1.2rem;line-height:1.65;color:var(--muted);max-width:760px}.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;border:1px solid var(--line);font-weight:700;cursor:pointer}.primary{background:var(--accent);color:#1b1306;border-color:var(--accent)}.secondary{background:#151b23}.ghost{padding:9px 14px}.mock-card{background:linear-gradient(145deg,#171e27,#11161d);border:1px solid #313b47;border-radius:18px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.28);display:flex;flex-direction:column;gap:8px}.mock-card strong{font-size:1.5rem;margin:4px 0}.mock-card span,.mock-card small{color:var(--muted)}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(242,169,59,.12);margin-bottom:12px}.section{max-width:1180px;margin:auto;padding:96px 28px}.section.alt{max-width:none;background:#10151c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section.alt>*{max-width:1180px;margin-left:auto;margin-right:auto}.section-head span{color:#a56d13;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:800}.section-head h2{font-size:clamp(2rem,4vw,3.6rem);margin:10px 0 14px}.section-head p{color:var(--muted);font-size:1.08rem;max-width:740px;line-height:1.65}.grid{display:grid;gap:18px;margin-top:42px}.three{grid-template-columns:repeat(3,1fr)}article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px}article .icon{font-size:2rem}article h3{font-size:1.25rem;margin:16px 0 8px}article p{color:var(--muted);line-height:1.6;margin:0}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.road-col{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:18px}.road-title{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.road-title h3{margin:0}.road-title>div{display:flex;flex-direction:column;gap:4px}.phase-subtitle{color:var(--muted);font-size:.78rem;line-height:1.35}.phase-description{color:var(--muted);font-size:.92rem;line-height:1.55;margin:0 0 16px}.badge{font-size:.7rem;padding:5px 8px;border-radius:999px;font-weight:800;white-space:nowrap}.idea{background:rgba(242,169,59,.15);color:var(--accent2)}.planned{background:rgba(106,168,255,.15);color:#9cc5ff}.later{background:rgba(179,140,255,.15);color:#c9b1ff}.road-items{display:flex;flex-direction:column;gap:10px}.road-card{background:#151b23;border:1px solid var(--line);border-radius:12px;padding:15px}.road-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.road-card h4{margin:0;font-size:.98rem}.road-card p{color:var(--muted);font-size:.87rem;line-height:1.5;margin:8px 0 13px}.road-status{font-size:.68rem;font-weight:800;padding:4px 7px;border-radius:999px;white-space:nowrap;background:#202833;color:#cbd5df}.status-fertig{background:rgba(85,201,139,.14);color:#86e0ad}.status-in-arbeit{background:rgba(242,169,59,.15);color:var(--accent2)}.status-geplant{background:rgba(106,168,255,.15);color:#9cc5ff}.status-spater{background:rgba(179,140,255,.15);color:#c9b1ff}.progress-row{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.76rem;margin-bottom:6px}.progress-row strong{color:var(--text);font-size:.76rem}.progress-track{height:7px;background:#0d1117;border:1px solid #27303a;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit;transition:width .35s ease}.roadmap-meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font-size:.82rem}.roadmap-meta span:first-child{color:var(--text);font-weight:700}.roadmap-loading,.roadmap-error{color:var(--muted);grid-column:1/-1}.community-section{padding-top:82px;padding-bottom:82px}.community-ideas{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}.community-card{background:linear-gradient(145deg,#171e27,#11161d)}.community-origin{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--accent2);font-size:.75rem;font-weight:800}.community-empty-card{border:1px dashed #37424f;background:#11161d;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:7px;color:var(--muted);grid-column:1/-1}.community-empty-card strong{color:var(--text)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}.split h2{font-size:clamp(2rem,4vw,3.5rem);margin:8px 0 16px}.split p,.split li{color:#52606e;line-height:1.65}.split ol{padding-left:20px}.section#suggest{background:#f5f7fa;color:#18202a;max-width:none}.section#suggest>.split{max-width:1180px;margin:auto}.section form{background:white;border:1px solid #dce2e8;border-radius:16px;padding:24px;box-shadow:0 15px 35px rgba(31,41,55,.06)}label{display:block;font-weight:700;margin-bottom:16px}input,textarea{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #cad3dc;border-radius:9px;font:inherit;background:#fbfcfd}textarea{resize:vertical}.formmsg{font-size:.9rem;margin-bottom:0}.formmsg.success{color:#237a4b}.formmsg.error{color:#b42318}.optional{font-weight:500;color:#667483}.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}button:disabled{opacity:.65;cursor:wait}footer{max-width:1180px;margin:auto;padding:28px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}footer div{display:flex;gap:14px;align-items:center}footer strong{color:var(--text)}.feature-card details{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.feature-card summary,.all-features summary{cursor:pointer;font-weight:800;color:var(--accent2);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-card summary::-webkit-details-marker,.all-features summary::-webkit-details-marker{display:none}.feature-card summary:after,.all-features summary:after{content:"+";font-size:1.35rem;font-weight:500}.feature-card details[open] summary:after,.all-features[open] summary:after{content:"−"}.feature-card ul{padding-left:20px;margin:14px 0 0}.feature-card li{color:var(--muted);line-height:1.5;margin:7px 0}.all-features{margin-top:22px;background:linear-gradient(145deg,#151b23,#11161d);border:1px solid var(--line);border-radius:16px;padding:22px 24px}.all-features summary{font-size:1.08rem}.all-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.all-features-grid div{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#11161d;display:flex;flex-direction:column;gap:5px}.all-features-grid span{color:var(--muted);line-height:1.5;font-size:.94rem}@media(max-width:950px){.navlinks a:not(.btn){display:none}}@media(max-width:850px){.hero-inner,.split{grid-template-columns:1fr}.hero-inner{padding-top:55px}.three,.roadmap,.community-ideas{grid-template-columns:1fr}.mock-card{max-width:520px}.section{padding-top:70px;padding-bottom:70px}footer{flex-direction:column;gap:8px;align-items:flex-start}.road-card-head{flex-direction:column}.road-status{align-self:flex-start}.all-features-grid{grid-template-columns:1fr}}