header{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.brand{letter-spacing:.04em;font-size:16px}.brand .sub{text-transform:none;color:var(--ink-soft);letter-spacing:.02em;margin-left:6px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400}.nav-links{align-items:center;gap:28px;font-size:13px;font-weight:500;display:flex}.nav-links a{color:var(--ink-soft);text-decoration:none}.nav-links a:hover{color:var(--ink)}@media (max-width:760px){.nav-links a.hide-mobile{display:none}}.hero{padding:76px 0 15px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--red);align-items:center;gap:8px;margin-bottom:16px;font-family:IBM Plex Mono,monospace;font-size:11.5px;display:flex}.eyebrow:before{content:"";background:var(--red);width:16px;height:1.5px;display:inline-block}.hero h1{max-width:900px;margin-bottom:22px;font-size:44px;line-height:1.06}@media (max-width:640px){.hero h1{font-size:32px}}.hero p.lede{color:var(--ink-soft);max-width:760px;margin-bottom:32px;font-size:16.5px}.hero-ctas{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.hero-note{color:var(--ink-soft);font-size:12px}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.trust .wrap{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.trust span{color:var(--ink-soft);letter-spacing:.02em;font-family:IBM Plex Mono,monospace;font-size:12px}section{padding:88px 0}#funktionen{padding-top:44px}.section-head{margin-bottom:52px}.section-head .eyebrow{margin-bottom:14px}.section-head h2{max-width:900px;margin-bottom:14px;font-size:30px;line-height:1.15}.section-head p{color:var(--ink-soft);max-width:600px;font-size:15px}.problem-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}@media (max-width:760px){.problem-grid{grid-template-columns:1fr}}.problem-card{background:var(--paper);padding:28px 26px}.problem-card .mono-num{color:var(--red);margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:11px}.problem-card h3{text-transform:none;letter-spacing:0;margin-bottom:8px;font-size:15px}.problem-card p{color:var(--ink-soft);margin:0;font-size:13.5px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.feature-card .chip{background:var(--blue-soft);color:var(--blue);border-radius:20px;margin-bottom:14px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:9.5px;display:inline-block}.feature-card h3{text-transform:none;letter-spacing:0;margin-bottom:8px;font-size:15px}.feature-card p{color:var(--ink-soft);margin:0;font-size:13.5px}.process{background:var(--ink);color:var(--paper)}.process .section-head p{color:#a9c7de}.process .section-head .eyebrow{color:#7fc4ea}.process .section-head .eyebrow:before{background:#7fc4ea}.process-steps{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:900px){.process-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.process-steps{grid-template-columns:1fr}}.process-step .num{color:#7fc4ea;margin-bottom:14px;font-family:IBM Plex Mono,monospace;font-size:12px}.process-step h3{text-transform:none;letter-spacing:0;color:var(--paper);margin-bottom:8px;font-size:14.5px}.process-step p{color:#a9c7de;margin:0;font-size:13px}.demo-banner{background:var(--blue-soft);border:1px solid var(--blue);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:40px;display:flex}.demo-banner h3{color:var(--blue);text-transform:none;letter-spacing:0;margin-bottom:8px;font-size:20px}.demo-banner p{color:var(--ink-soft);max-width:440px;margin:0;font-size:14px}.price-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:16px;display:grid}@media (max-width:1080px){.price-grid{grid-template-columns:repeat(2,1fr);max-width:700px;margin:0 auto}}@media (max-width:600px){.price-grid{grid-template-columns:1fr;max-width:380px}}.price-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:22px 18px;display:flex}.price-card.featured{border:2px solid var(--red);position:relative;box-shadow:0 8px 24px #2e7bc424}.price-card.featured:before{content:"Empfohlen";background:var(--red);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-family:IBM Plex Mono,monospace;font-size:10px;position:absolute;top:-12px;left:26px}.price-card h3{letter-spacing:.05em;color:var(--ink-soft);margin-bottom:6px;font-size:14px}.price-card .price{margin-bottom:4px;font-family:Archivo Expanded,sans-serif;font-size:34px;font-weight:800}.price-card .price span{text-transform:none;letter-spacing:0;color:var(--ink-soft);font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:500}.price-card ul{color:var(--ink);flex:1;margin:20px 0 26px;padding:0;font-size:13.5px;list-style:none}.price-card li{border-top:1px solid var(--line);padding:7px 0}.price-card li:first-child{border-top:none}.price-note{text-align:center;color:var(--ink-soft);margin-top:24px;font-size:12px}.faq-item{border-top:1px solid var(--line);padding:20px 0}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item h3{text-transform:none;letter-spacing:0;margin-bottom:8px;font-size:14.5px}.faq-item p{color:var(--ink-soft);max-width:640px;margin:0;font-size:13.5px}.final-cta{text-align:center;padding:90px 0}.final-cta h2{margin-bottom:16px;font-size:32px}.final-cta p{color:var(--ink-soft);margin-bottom:32px}footer{border-top:1px solid var(--line);padding:40px 0}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}footer .brand{font-size:13px}footer .legal{color:var(--ink-soft);flex-wrap:wrap;gap:18px;font-size:12px;display:flex}footer .legal a{text-decoration:none}footer .legal a:hover{color:var(--ink)}
