:root{--bg:#F4F9F4;--fg:#22262B;--muted:#5A6470;--teal:#5C8D89;--teal-alt:#6A9C89;--sage:#A7D7C5;--mint:#C1D8C3;--orange:#FFA725;--orange-deep:#F08A24;--cream:#FFF5E4;--card:#FFFFFF;--line:#E3EBE5;--navy:#1a202c;--radius:14px;--shadow:0 10px 30px -12px rgba(26,32,44,.18);--shadow-sm:0 2px 10px -4px rgba(26,32,44,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Visby,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.18;margin:0 0 .5em;font-weight:700;letter-spacing:-.015em}h1{font-size:clamp(2rem,4.4vw,3.5rem)}h2{font-size:clamp(1.5rem,2.8vw,2.25rem);color:var(--teal)}h3{font-size:1.15rem}p{margin:0 0 1em}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}.sec{padding:76px 0}.sec.tight{padding:52px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--teal-alt);margin-bottom:10px}.lead{font-size:1.1rem;color:var(--muted);max-width:62ch}header.nav{position:sticky;top:0;z-index:60;background:#f4f9f4eb;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;gap:14px;height:70px}.logo{display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:1.22rem;color:var(--teal)}.logo span{font-weight:400;font-size:.72rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.navlinks{display:flex;gap:4px;margin-left:auto;align-items:center;flex-wrap:wrap}.navlinks a{padding:8px 12px;border-radius:9px;font-size:.92rem;font-weight:600;color:var(--fg);opacity:.82}.navlinks a:hover{background:var(--mint);opacity:1}.navlinks a.on{color:var(--teal);background:#e7f1ea;opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:11px;font-weight:700;font-size:.94rem;border:2px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--orange);color:#3a2a05;box-shadow:0 8px 20px -10px #ffa725e6}.btn-ghost{background:transparent;border-color:var(--sage);color:var(--teal)}.btn-dark{background:var(--teal);color:var(--cream)}.btn-sm{padding:9px 15px;font-size:.86rem;border-radius:9px}.login{position:relative}.login-menu{position:absolute;right:0;top:46px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:230px;padding:7px;display:none}.login.open .login-menu{display:block}.login-menu a{display:block;padding:10px 12px;border-radius:8px;font-size:.9rem;font-weight:600}.login-menu a:hover{background:var(--bg)}.login-menu small{display:block;font-weight:400;color:var(--muted);font-size:.76rem}.hero{padding:74px 0 60px;background:radial-gradient(1100px 460px at 78% -12%,rgba(167,215,197,.55),transparent 62%),radial-gradient(760px 380px at 6% 8%,rgba(255,167,37,.16),transparent 60%)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:46px;align-items:center}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.badge{font-size:.76rem;font-weight:700;color:var(--teal);background:#fff;border:1px solid var(--line);padding:6px 12px;border-radius:999px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.mock{background:var(--card);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--line)}.mock-bar{height:38px;background:#edf4ee;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--line)}.dot{width:9px;height:9px;border-radius:50%;background:#cbd8cd}.mock-body{padding:18px}.mock-h{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.big{font-size:2.1rem;font-weight:800;color:var(--teal);letter-spacing:-.02em}.bar{height:10px;border-radius:6px;background:var(--mint);overflow:hidden;margin:9px 0}.bar i{display:block;height:100%;background:var(--teal)}.mockrow{display:flex;justify-content:space-between;font-size:.83rem;padding:7px 0;border-bottom:1px dashed var(--line)}.mockrow:last-child{border:0}.mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.mini div{background:var(--bg);border-radius:10px;padding:10px 12px}.mini b{display:block;font-size:1.15rem;color:var(--teal)}.mini span{font-size:.72rem;color:var(--muted)}.grid{display:grid;gap:20px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.card h3{color:var(--teal)}.card p{margin:0;font-size:.94rem;color:var(--muted)}.card.pick{display:block;transition:transform .14s ease,box-shadow .14s ease}.card.pick:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.icon{width:42px;height:42px;border-radius:11px;background:var(--mint);color:var(--teal);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px;font-size:1.05rem}.icon.o{background:#ffefd6;color:var(--orange-deep)}.arrow{color:var(--orange-deep);font-weight:800;font-size:.9rem;margin-top:14px;display:inline-block}.band{background:var(--teal);color:var(--cream)}.band h2{color:var(--cream)}.band .lead{color:#fff5e4d9}.band .card{background:#ffffff14;border-color:#ffffff2e;color:var(--cream)}.band .card h3{color:#fff}.band .card p{color:#fff5e4d9}.band .icon{background:#ffffff29;color:#fff}.featcols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.featcols h4{color:var(--teal);margin-bottom:10px;font-size:1rem}.featcols ul{margin:0;padding-left:0;list-style:none;font-size:.9rem;color:var(--muted)}.featcols li{padding:5px 0 5px 24px;position:relative}.featcols li:before{content:"✓";position:absolute;left:0;color:var(--teal-alt);font-weight:800}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);font-size:.92rem}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#edf4ee;color:var(--teal);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}td.num{font-weight:700;color:var(--fg)}tr:last-child td{border-bottom:0}.tick{color:var(--teal-alt);font-weight:800}.no{color:#c2cbc4}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.plan{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow-sm);position:relative}.plan.hi{border:2px solid var(--orange);box-shadow:var(--shadow)}.tag{position:absolute;top:-13px;left:26px;background:var(--orange);color:#3a2a05;font-size:.7rem;font-weight:800;padding:5px 11px;border-radius:999px;letter-spacing:.04em}.price{font-size:2.3rem;font-weight:800;color:var(--teal);letter-spacing:-.02em}.price small{font-size:.85rem;font-weight:600;color:var(--muted);letter-spacing:0}.plan ul{list-style:none;padding:0;margin:18px 0;font-size:.89rem;color:var(--muted)}.plan li{padding:6px 0 6px 22px;position:relative;border-bottom:1px dashed var(--line)}.plan li:last-child{border:0}.plan li:before{content:"✓";position:absolute;left:0;color:var(--teal-alt);font-weight:800}.plan li.off{color:#b6beb8}.plan li.off:before{content:"–";color:#cbd5cd}.matrix{display:grid;grid-template-columns:190px 1fr 1fr;gap:10px;margin-top:22px}.mx{background:var(--card);border:2px solid var(--line);border-radius:13px;padding:18px;cursor:pointer;transition:border-color .14s ease,transform .14s ease;text-align:center}.mx:hover{transform:translateY(-2px)}.mx.sel{border-color:var(--orange);background:#fffcf6}.mx b{display:block;font-size:1.65rem;color:var(--teal);font-weight:800}.mx small{color:var(--muted);font-size:.76rem}.mxlabel{display:flex;align-items:center;font-weight:700;font-size:.92rem;color:var(--teal);padding:0 6px}.mxhead{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--teal-alt);font-weight:800;text-align:center;padding-bottom:4px}.result{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;gap:26px;align-items:center;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.result .big{font-size:2.4rem}.slider{flex:1;min-width:240px}input[type=range]{width:100%;accent-color:var(--orange)}.quote{background:var(--card);border-left:4px solid var(--sage);border-radius:12px;padding:22px;box-shadow:var(--shadow-sm);font-size:.94rem}.quote footer{margin-top:14px;font-size:.83rem;color:var(--muted);font-weight:600}.stat{text-align:center}.stat b{display:block;font-size:2.4rem;color:var(--teal);font-weight:800;letter-spacing:-.02em}.stat span{font-size:.86rem;color:var(--muted)}.faq{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}.faq summary{padding:16px 20px;font-weight:700;cursor:pointer;font-size:.95rem;color:var(--teal);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--orange-deep);font-weight:800}.faq[open] summary:after{content:"–"}.faq p{padding:0 20px 18px;margin:0;font-size:.92rem;color:var(--muted)}.cta{background:linear-gradient(135deg,var(--teal),var(--teal-alt));color:var(--cream);border-radius:20px;padding:46px;text-align:center}.cta h2{color:#fff}.cta p{color:#fff5e4e0;max-width:60ch;margin:0 auto 22px}footer.site{background:var(--navy);color:#aeb6c2;padding:52px 0 26px;font-size:.88rem;margin-top:70px}footer.site h4{color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}footer.site a{display:block;padding:3px 0;color:#aeb6c2}footer.site a:hover{color:var(--orange)}.fbot{border-top:1px solid #2C3440;margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.8rem}.note{background:#fff8e8;border:1px dashed var(--orange);border-radius:11px;padding:13px 16px;font-size:.83rem;color:#6b5220;margin-top:18px}.step{display:flex;gap:16px;margin-bottom:20px}.step b{flex:0 0 34px;height:34px;border-radius:50%;background:var(--orange);color:#3a2a05;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.flow{display:grid;grid-template-columns:1fr 44px 1.2fr 44px 1fr;gap:0;align-items:stretch;margin-top:28px}.flowbox{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm)}.flowbox.core{border:2px solid var(--teal);background:#f7fbf8}.flowbox h4{color:var(--teal);font-size:.95rem;margin-bottom:10px}.flowbox ul{list-style:none;margin:0;padding:0;font-size:.85rem;color:var(--muted)}.flowbox li{padding:4px 0;border-bottom:1px dashed var(--line)}.flowbox li:last-child{border:0}.flowarr{display:flex;align-items:center;justify-content:center;color:var(--orange-deep);font-size:1.5rem;font-weight:800}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);margin:3px 4px 3px 0}.pill.live{border-color:var(--teal-alt);color:var(--teal);background:#edf6f0}.pill.soon{border-color:#e4c58a;color:#8a6a22;background:#fff8e8}.pill i{width:7px;height:7px;border-radius:50%;background:currentColor;font-style:normal}.dw{background:var(--card);border:1px solid var(--line);border-radius:13px;margin-bottom:10px;overflow:hidden}.dw summary{padding:16px 20px;cursor:pointer;font-weight:700;color:var(--teal);list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.98rem}.dw summary::-webkit-details-marker{display:none}.dw summary em{font-style:normal;font-weight:600;font-size:.78rem;color:var(--muted);text-align:right}.dw .in{padding:0 20px 18px;font-size:.9rem;color:var(--muted)}.dw .in b{color:var(--fg)}.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;font-size:.86rem;margin-top:12px}.kv dt{color:var(--teal);font-weight:700}.kv dd{margin:0;color:var(--muted)}.soonbox{background:#fff8e8;border:1px solid #E4C58A;border-radius:14px;padding:24px}.soonbox h3{color:#8a6a22}@media (max-width:960px){.hero-grid,.g3,.g2,.g4,.featcols,.plans,.matrix{grid-template-columns:1fr}.mxlabel{padding-top:12px}.navlinks{display:none}.sec{padding:52px 0}}.sprache{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:8px;border:1px solid var(--line);color:var(--muted);text-decoration:none;font-size:.78rem;letter-spacing:.3px;transition:background .15s,color .15s,border-color .15s}.sprache b{font-weight:700}.sprache:hover{background:var(--card);color:var(--teal);border-color:var(--sage)}
