:root{--tal:#1b1b1e;--tal-2:#26262a;--schnee:#f7f7f5;--gipfel:#2dd4a7;--text:#1c1c1e;--muted:#5f5f66;--line:#e6e6e2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.wrap{max-width:1060px;margin:0 auto;padding:0 24px}.link{color:var(--gipfel)}.nav{border-bottom:1px solid var(--line);backdrop-filter:blur(8px);z-index:10;background:#ffffffeb;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;height:66px;display:flex}.brand{letter-spacing:.5px;color:var(--tal-2);align-items:center;gap:10px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.brand__word span{color:var(--gipfel)}.brand__mark{width:40px;height:32px}.nav__links{align-items:center;gap:22px;display:flex}.nav__links a{color:var(--muted);font-size:.95rem;font-weight:600;text-decoration:none}.nav__links a.btn{color:#0c2b21}@media (width<=640px){.nav__links a:not(.btn){display:none}}.btn{background:var(--gipfel);color:#0c2b21;cursor:pointer;border:0;border-radius:8px;padding:14px 26px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform 80ms,filter .15s;display:inline-block}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn--sm{padding:9px 16px;font-size:.9rem}.btn--ghost{color:var(--schnee);background:0 0;border:1px solid #f7f7f559}.hero{background:linear-gradient(165deg, var(--tal) 0%, var(--tal-2) 100%);color:var(--schnee);padding:84px 0 88px;overflow:hidden}.hero__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}@media (width<=860px){.hero__grid{grid-template-columns:1fr}}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--gipfel);margin-bottom:16px;font-size:.8rem;font-weight:700}.hero h1{letter-spacing:-1px;font-size:clamp(2.4rem,5.5vw,3.7rem);font-weight:800;line-height:1.08}.lead{color:#c9c9cd;max-width:560px;margin:22px 0 30px;font-size:1.15rem}.lead strong{color:#fff}.cta-row{flex-wrap:wrap;gap:14px;display:flex}.microcopy{color:#97979d;margin-top:18px;font-size:.9rem}.mini-cockpit{background:#ffffff0b;border:1px solid #f7f7f51f;border-radius:14px;padding:18px 18px 16px;box-shadow:0 24px 60px #00000059}.mini-cockpit__head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.mini-cockpit__title{color:#97979d;font-size:.8rem}.dot-row{gap:5px;display:inline-flex}.dot-row i{background:#f7f7f540;border-radius:50%;width:9px;height:9px}.ridge{width:100%;height:110px}#ridgepath{stroke-dasharray:520;stroke-dashoffset:520px;animation:2.2s ease-out .3s forwards draw}.ridge__peak{opacity:0;animation:.5s ease-out 2.3s forwards pop}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{0%{opacity:0;transform-origin:50%;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.mini-kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 12px;display:grid}.mini-kpi{background:#ffffff0d;border-radius:9px;padding:10px 12px}.mini-kpi__label{text-transform:uppercase;letter-spacing:1px;color:#97979d;font-size:.68rem;display:block}.mini-kpi__value{color:var(--schnee);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.ampel{background:#ffffff0d;border-radius:9px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.ampel__text{color:#c9c9cd;font-size:.85rem}.badge{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:800}.badge--warn{color:#fab219;background:#fab21922}.badge--crit{color:#ff7a7a;background:#ff5d5d22}.badge--ok{color:var(--gipfel);background:#2dd4a722}.band{padding:78px 0}.band--alt{background:var(--schnee)}.band--dark{background:linear-gradient(165deg, var(--tal-2) 0%, var(--tal) 100%);color:var(--schnee)}.band h2{letter-spacing:-.5px;margin-bottom:18px;font-size:clamp(1.6rem,4vw,2.3rem)}.prose{color:var(--muted);max-width:680px;font-size:1.1rem}.prose--ondark{color:#c9c9cd}.prose--ondark strong,.band--dark .prose strong{color:#fff}.chain{flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0;display:flex}.chain span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:600}.chain .chain__hot{border-color:var(--gipfel);color:#0c2b21;background:#2dd4a71f}.chain i{color:var(--gipfel);font-style:normal;font-weight:800}.browser{background:#101012;border:1px solid #f7f7f524;border-radius:14px;margin-top:34px;overflow:hidden;box-shadow:0 30px 80px #00000073}.browser__bar{background:#ffffff0f;align-items:center;gap:14px;padding:11px 16px;display:flex}.browser__url{color:#97979d;background:#00000040;border-radius:6px;padding:4px 12px;font-size:.8rem}.browser iframe{background:#101012;border:0;width:100%;height:640px;display:block}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:34px;display:grid}.step{border:1px solid var(--line);border-radius:12px;padding:26px;position:relative}.step__num{background:var(--gipfel);color:#0c2b21;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:14px;font-weight:800;display:inline-flex}.step h3{margin-bottom:8px;font-size:1.15rem}.step p{color:var(--muted);font-size:.98rem}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:32px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:26px}.card h3{color:var(--tal-2);margin-bottom:10px;font-size:1.15rem}.card p{color:var(--muted);font-size:.98rem}.cta-final{background:linear-gradient(165deg, var(--tal) 0%, var(--tal-2) 100%);color:var(--schnee);text-align:center;padding:84px 0}.cta-final .prose{margin:0 auto 28px}.cta-final .eyebrow{text-align:center}.lead-form{flex-wrap:wrap;justify-content:center;gap:12px;max-width:640px;margin:0 auto;display:flex}.lead-form input{color:#fff;background:#ffffff0f;border:1px solid #f7f7f538;border-radius:8px;flex:200px;padding:14px 16px;font-size:1rem}.lead-form input::placeholder{color:#97979d}.foot{border-top:1px solid var(--line);color:var(--muted);padding:28px 0;font-size:.85rem}.foot__inner{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.foot__link{color:var(--muted)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}#ridgepath{stroke-dashoffset:0;animation:none}.ridge__peak{opacity:1;animation:none}}
