.nav-active{color:var(--accent-dark)!important}.sub-hero{padding:105px clamp(24px,8vw,125px) 75px;background-image:radial-gradient(circle at 78% 30%,rgba(207,228,220,.65),transparent 25%),linear-gradient(rgba(19,42,43,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(19,42,43,.03) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.sub-hero h1{max-width:900px}.sub-hero>p{max-width:700px;color:var(--muted);font-size:19px}.draft-note{width:max-content;max-width:100%;margin-top:25px;padding:9px 13px;border:1px solid #e4c5b8;border-radius:6px;background:#fff1eb;color:#a94c2d;font-size:11px;font-weight:700}.pricing-wrap,.demo-library{padding:70px clamp(24px,6vw,96px) 110px}.billing{display:flex;justify-content:center;gap:5px;margin-bottom:35px}.billing button,.demo-filter button{padding:9px 15px;border:1px solid var(--line);background:white;color:var(--muted);font-size:12px;font-weight:700}.billing button:first-child,.demo-filter button:first-child{border-radius:7px 0 0 7px}.billing button:last-child,.demo-filter button:last-child{border-radius:0 7px 7px 0}.billing button.active,.demo-filter button.active{background:var(--ink);color:white;border-color:var(--ink)}.billing span{color:var(--accent)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;max-width:1250px;margin:auto}.price-card{position:relative;padding:35px;border:1px solid var(--line);border-radius:12px;background:white}.price-card>small{color:var(--accent-dark);font-weight:800;text-transform:uppercase;letter-spacing:1px}.price-card h2{margin:10px 0 25px;font-size:22px;letter-spacing:-.7px}.price{min-height:55px}.price b{font:800 35px "Manrope"}.price span{color:var(--muted);font-size:12px}.price-card>p{min-height:78px;color:var(--muted);font-size:14px}.price-card .button{width:100%;margin:12px 0 20px}.outline-button{background:white;color:var(--ink);border:1px solid var(--line);box-shadow:none}.outline-button:hover{color:white}.price-card ul{padding:20px 0 0;border-top:1px solid var(--line);list-style:none}.price-card li{margin:10px 0;font-size:13px}.price-card li::before{content:"✓";margin-right:9px;color:var(--accent)}.featured-price{border:2px solid var(--accent);box-shadow:0 22px 55px rgba(19,42,43,.12);transform:translateY(-12px)}.recommend{position:absolute;right:20px;top:17px;padding:5px 9px;border-radius:14px;background:#ffe4da;color:#b94e29;font-size:9px;font-weight:800;text-transform:uppercase}.included,.price-faq{max-width:1100px;margin:70px auto 0}.included{text-align:center;padding:35px;border-radius:11px;background:var(--ink);color:white}.included h2{font-size:22px}.included>div{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 27px;color:#c0d0cd;font-size:12px}.price-faq h2{font-size:27px}.price-faq details{padding:18px 0;border-bottom:1px solid var(--line)}.price-faq summary{cursor:pointer;font-weight:700}.price-faq p{color:var(--muted);font-size:14px}
.demo-hero{padding-bottom:65px}.demo-filter{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:35px}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demo-card{padding:17px 17px 22px;border:1px solid var(--line);border-radius:11px;background:white}.demo-thumb{position:relative;height:190px;overflow:hidden;border-radius:7px;background:#e9eeeb}.demo-thumb img{width:100%;height:100%;object-fit:cover;object-position:top left}.demo-thumb span{position:absolute;right:9px;top:9px;padding:5px 8px;border-radius:13px;background:rgba(19,42,43,.87);color:white;font-size:8px;font-weight:700}.demo-card>small{display:block;margin-top:18px;color:var(--accent-dark);font-weight:800;text-transform:uppercase;letter-spacing:1px}.demo-card h2{margin:7px 0 10px;font-size:20px;letter-spacing:-.7px}.demo-card p{min-height:67px;color:var(--muted);font-size:13px}.demo-open{padding:0;border:0;background:transparent;color:var(--ink);font-weight:800}.demo-open:hover{color:var(--accent-dark)}.phone-preview{height:190px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#dfe9e5}.phone-preview>div{width:105px;height:180px;padding:13px 9px;border:5px solid var(--ink);border-radius:18px;background:#f8faf8;box-shadow:0 15px 30px rgba(19,42,43,.2)}.phone-preview b,.phone-preview span,.phone-preview i{display:block}.phone-preview b{font-size:10px}.phone-preview span{margin:4px 0 12px;color:var(--muted);font-size:6px}.phone-preview i{margin:5px 0;padding:6px;border-radius:4px;background:#e3eee9;font-size:5px;font-style:normal}.phone-preview button{width:100%;margin-top:7px;padding:5px 2px;border:0;border-radius:4px;background:var(--accent);color:white;font-size:5px}.energy-preview{background:#e6eee6}.status-note{color:#a45437;font-size:10px;font-weight:700}.video-collection{margin-top:100px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:35px}.video-grid article{padding:13px;border:1px solid var(--line);border-radius:10px;background:white}.video-grid video{display:block;width:100%;border-radius:7px}.video-grid h3{margin:15px 4px 5px;font:700 17px "Manrope"}.video-grid p{margin:0 4px 8px;color:var(--muted);font-size:12px}.video-placeholder>div{height:245px;display:grid;place-items:center;border-radius:7px;background:var(--ink);color:var(--accent);font-size:34px}.demo-modal{position:fixed;z-index:100;inset:0;padding:30px;display:none;place-items:center;background:rgba(12,31,32,.75);backdrop-filter:blur(6px)}.demo-modal.open{display:grid}.demo-dialog{position:relative;width:min(1160px,100%);padding:14px;border-radius:14px;background:white}.demo-close{position:absolute;z-index:3;right:22px;top:20px;width:35px;height:35px;border:0;border-radius:50%;background:var(--ink);color:white;font-size:20px}.demo-stage{min-height:590px;display:grid;grid-template-columns:300px 1fr;overflow:hidden;border-radius:9px;background:var(--ink)}.demo-stage-copy{padding:60px 28px;color:white}.demo-stage-copy>small{color:#ff9c79;text-transform:uppercase;letter-spacing:1px;font-weight:700}.demo-stage-copy h2{margin:17px 0;font-size:29px;letter-spacing:-1px}.demo-stage-copy p{color:#afc0bd}.demo-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:45px}.demo-controls button{padding:9px;border:1px solid #45615f;border-radius:5px;background:#203e3d;color:white;font-size:10px}.demo-controls span{font-size:9px;color:#8fa5a1}.demo-screen{position:relative;display:grid;place-items:center;padding:35px;background:#eef1ee}.demo-screen img{width:100%;max-height:510px;object-fit:contain;box-shadow:0 18px 45px rgba(19,42,43,.16)}.click-pulse{position:absolute;right:25%;bottom:28%;width:25px;height:25px;border:3px solid var(--accent);border-radius:50%;animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.7);opacity:.2}}
@media(max-width:950px){.pricing-grid,.demo-grid{grid-template-columns:1fr 1fr}.featured-price{transform:none}.demo-stage{grid-template-columns:1fr}.demo-stage-copy{padding:35px}.demo-screen{min-height:390px}.video-grid{grid-template-columns:1fr}}@media(max-width:650px){.sub-hero{padding:75px 22px 55px}.pricing-wrap,.demo-library{padding:50px 18px 80px}.pricing-grid,.demo-grid{grid-template-columns:1fr}.demo-filter{gap:5px}.demo-filter button{border-radius:6px!important}.demo-modal{padding:8px}.demo-dialog{padding:7px}.demo-stage{min-height:0}.demo-stage-copy{padding:30px 20px}.demo-screen{min-height:260px;padding:15px}.video-placeholder>div{height:190px}}

/* Vierstufiges, kleinbetriebsfreundliches Preismodell. */
.pricing-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1400px}.price-card{padding:29px}.price-card h2{font-size:20px}.price b{font-size:32px}.price-card>p{min-height:100px;font-size:13px}.price-card li{font-size:12px}.addons{max-width:1100px;margin:70px auto 0;text-align:center}.addons>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.addons article{padding:20px;border:1px solid var(--line);border-radius:9px;background:white}.addons b,.addons span{display:block}.addons b{color:var(--accent-dark);font:800 22px "Manrope"}.addons span{margin-top:5px;color:var(--muted);font-size:10px}
@media(max-width:1100px){.pricing-grid{grid-template-columns:1fr 1fr}.featured-price{transform:none}}@media(max-width:950px){.addons>div{grid-template-columns:1fr 1fr}}@media(max-width:650px){.addons>div{grid-template-columns:1fr}.price-card>p{min-height:0}}
@media(max-width:650px){.pricing-grid{grid-template-columns:1fr}.draft-note{width:auto}.price{overflow-wrap:anywhere}.sub-hero h1{font-size:43px;overflow-wrap:anywhere}}

.sub-hero { background-image: none; background-color: var(--paper); }
.price-card,
.addons article,
.included,
.demo-card,
.demo-thumb,
.video-grid article,
.demo-dialog,
.demo-stage { border-radius: 8px; }