*{box-sizing:border-box}html{scroll-behavior:smooth}
html[data-newsletter=off] .js-newsletter{display:none!important}
body{margin:0;background:var(--cream);color:var(--ink);font:var(--w-text) 17px/1.6 var(--font);-webkit-font-smoothing:antialiased}
body.grain{position:relative}body.grain::after{z-index:50}
.wrap{max-width:1240px;margin:0 auto;padding:0 48px}
a{color:inherit}
h1,h2,h3{font-weight:var(--w-head);font-stretch:var(--stretch-head);letter-spacing:var(--track-head);margin:0}
h1{font-size:clamp(44px,6vw,84px);line-height:1.02;max-width:11ch}
h2{font-size:clamp(32px,3.6vw,52px);line-height:1.06}
h3{font-size:21px;line-height:1.25}
.eyebrow{font-size:12px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--grey);margin:0 0 28px}
.btn{display:inline-block;background:var(--ink);color:var(--cream);text-decoration:none;font-size:15px;font-weight:500;padding:15px 26px;border:1px solid var(--ink);border-radius:var(--radius);transition:background .2s}
.btn:hover{background:#3A3530}
.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--sand)}
.btn-cream{background:var(--cream);color:var(--ink);border-color:var(--cream)}.btn-cream:hover{background:var(--sand)}
.btn-sm{padding:10px 18px;font-size:14px}.btn-block{display:block;text-align:center}
:focus-visible{outline:2px solid var(--brown);outline-offset:3px}
.nav{position:sticky;top:0;z-index:20;background:rgba(244,239,230,.92);backdrop-filter:blur(6px);border-bottom:1px solid transparent}
.nav-in{display:flex;align-items:center;gap:40px;height:84px}
.brand .wm{height:30px;width:auto;display:block}
.nav nav{display:flex;gap:30px;margin-left:auto;font-size:15px}.nav nav a{text-decoration:none;color:var(--grey)}.nav nav a:hover{color:var(--ink)}
.hero{padding:var(--s6) 0 var(--s7)}
.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:96px;align-items:end}
.lead{font-size:20px;line-height:1.55;max-width:34ch;margin:36px 0 40px;color:#3A3530}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.meta{font-size:13px;color:var(--grey);margin:24px 0 0}
.hero-img{margin:0}.hero-img img,figure img{width:100%;height:auto;display:block}
section{position:relative}
.two{display:grid;grid-template-columns:1fr 2fr;gap:48px}
.problem{padding:var(--s7) 0;border-top:1px solid var(--line)}
.big{font-size:22px;line-height:1.55;color:#3A3530;max-width:38ch;margin:32px 0 0}
.method{padding:var(--s6) 0 var(--s7)}
.sec-head{max-width:640px;margin-bottom:var(--s5)}.sec-head p:not(.eyebrow){color:var(--grey);font-size:18px;margin:20px 0 0}
.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ink)}
.steps li{padding:28px 32px 0 0}.steps li+li{padding-left:32px;border-left:1px solid var(--line)}
.num{font-size:13px;color:var(--brown);letter-spacing:.1em;display:block;margin-bottom:56px}
.steps p{color:var(--grey);margin:12px 0 0}
.photo-band{padding:0 0 var(--s7)}
.band-in{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:end}.band-in figure{margin:0}
.band-in{grid-template-columns:1.3fr 1fr;align-items:stretch}
.product{padding:var(--s7) 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cap{font-size:13px;color:var(--grey);margin:18px 0 0}
.only-m{display:none}
.features{padding:var(--s7) 0}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:var(--s7)}
.feat p{color:var(--grey);margin:14px 0 0}
.feat div{border-top:1px solid var(--ink);padding-top:24px}
.incl{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.incl ul{list-style:none;padding:0;margin:36px 0 0}
.incl li{padding:14px 0 14px 34px;border-bottom:1px solid var(--line);position:relative}
.incl li::before{content:"";position:absolute;left:0;top:26px;width:16px;border-top:1.5px solid var(--brown)}
.pricing{padding:var(--s7) 0;border-top:1px solid var(--line)}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto}
.plan{background:var(--paper);border:1px solid var(--line);padding:44px 40px 40px;display:flex;flex-direction:column}
.plan .desc{color:var(--grey);margin:10px 0 0;min-height:52px}
.amt{font-size:64px;font-weight:var(--w-head);font-stretch:var(--stretch-head);letter-spacing:-.03em;margin:28px 0 20px;line-height:1}
.plan ul{list-style:none;padding:0;margin:0 0 36px;flex:1}.plan li{padding:10px 0;border-top:1px solid var(--line)}
.plan-ink{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.plan-ink .desc{color:#B9AC9B}.plan-ink li{border-color:#3A3530}
.plan-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.badge{font-size:11px;letter-spacing:var(--track-caps);text-transform:uppercase;border:1px solid #6E655B;padding:4px 10px;color:#D9D0C2}
.fine{text-align:center;font-size:13px;color:var(--grey);margin:28px 0 0}
.free{max-width:900px;margin:56px auto 0;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--ink);padding-top:28px}
.free p{color:var(--grey);margin:6px 0 0}
.faq{padding:var(--s7) 0;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:22px 0}details:first-child{border-top:1px solid var(--ink)}
summary{cursor:pointer;font-size:19px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}
summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--brown);font-weight:400}details[open] summary::after{content:"–"}
details p{color:var(--grey);margin:12px 0 0;max-width:60ch}
.foot{padding:var(--s6) 0 40px;border-top:1px solid var(--line)}
.foot-mark .wm{width:100%;height:auto;display:block}
.foot-row{display:flex;justify-content:space-between;align-items:center;margin-top:40px;font-size:14px;color:var(--grey)}
.foot nav{display:flex;gap:28px}.foot nav a{text-decoration:none}.foot nav a:hover{color:var(--ink)}
.foot p{margin:0}
@media (max-width:860px){
 .wrap{padding:0 22px}
 .nav-in{height:64px;gap:16px}.nav nav{display:none}.brand .wm{height:22px}.nav .btn{margin-left:auto}
 .hero{padding:48px 0 var(--s6)}.hero-in{grid-template-columns:1fr;gap:48px}
 h1{font-size:44px}.lead{font-size:18px;margin:24px 0 30px}
 .cta .btn{flex:1 1 100%;text-align:center}
 .two{grid-template-columns:1fr;gap:0}
 .problem,.method,.product,.features,.pricing,.faq{padding:var(--s6) 0}
 .big{font-size:19px}
 .steps{grid-template-columns:1fr}.steps li,.steps li+li{padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}
 .num{margin-bottom:18px}
 .photo-band{padding:0 0 var(--s6)}.band-in{grid-template-columns:1fr;gap:16px} .only-d{display:none}.only-m{display:block}
 .dash{padding:20px 16px}.kpis{grid-template-columns:1fr 1fr}.kpis dd{font-size:19px;white-space:nowrap}
 .feat{grid-template-columns:1fr;gap:32px;margin-bottom:var(--s6)}
 .incl{grid-template-columns:1fr;gap:40px}
 .plans{grid-template-columns:1fr}.plan{padding:32px 24px}
 .free{flex-direction:column;align-items:stretch}
 .foot-row{flex-direction:column;align-items:flex-start;gap:24px}
 .foot nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
}

.dash{background:var(--paper);border:1px solid var(--line);padding:28px 30px 22px;font-family:var(--font);color:var(--ink)}
.dash-h{display:flex;justify-content:space-between;font-size:12px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--grey);border-bottom:1px solid var(--line);padding-bottom:14px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;margin:0 0 18px}
.kpis div{padding:18px 16px 16px 0;border-bottom:1px solid var(--line)}
.kpis dt{font-size:12px;color:var(--grey);margin-bottom:6px}
.kpis dd{margin:0;font-size:26px;font-weight:var(--w-head);font-stretch:var(--stretch-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.chart{width:100%;height:auto;display:block}
.chart .ax{font:11px var(--font);fill:#645C54}
.leg{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:12px 0 0;font-size:12px;color:var(--grey)}
.leg i{display:inline-block;width:18px;height:10px;margin-right:7px;vertical-align:-1px}
.l-bar{background:#E2D9CA}.l-dash{border-top:2px dashed #735A49;height:0!important;vertical-align:3px!important}.l-line{border-top:2.2px solid #141210;height:0!important;vertical-align:3px!important}

/* release additions */
.legal-wrap{max-width:760px;padding-top:56px;padding-bottom:80px}.legal-wrap h1{font-size:clamp(34px,5vw,56px);max-width:none;margin:24px 0 32px}
.legal-wrap h2{font-size:20px;margin:36px 0 10px}.legal-wrap p{line-height:1.6}
mark.todo{background:var(--ink);color:var(--cream);padding:1px 6px;font-weight:600}
.todo-note{border:1px dashed var(--ink);padding:14px 18px;font-size:15px}
.foot a{text-decoration:underline;text-underline-offset:3px}

/* Illustrationen: freigestellt, groß, editorial */
.ill{margin:0;position:relative}.ill img{display:block;width:100%;height:auto}
.hero{position:relative;z-index:2}
.hero-in{grid-template-columns:1fr 1.15fr;gap:24px;align-items:end}
.ill-hero{margin:-30px -120px calc(-1*var(--s7) - 110px) -20px}
.problem{position:relative;z-index:1}
.photo-band{padding:var(--s5) 0 var(--s7)}
.band-in{display:grid;grid-template-columns:1.55fr 1fr;gap:0 64px;align-items:start}
.ill-chart{margin-left:-90px}
.ill-coin{margin-top:220px;max-width:400px;justify-self:end}
.incl{grid-template-columns:1.1fr 1fr;align-items:center}
.ill-desk{margin-left:-70px}
@media (max-width:860px){
 .hero-in{grid-template-columns:1fr;gap:12px}
 .ill-hero{margin:8px -34px -110px -6px;width:auto}
 .problem{padding-top:120px}
 .band-in{grid-template-columns:1fr;gap:0}
 .ill-chart{margin:0 -22px 0 -10px}
 .ill-coin{margin:-24px 0 0 auto;width:62%}
 .incl{grid-template-columns:1fr}
 .ill-desk{margin:0 -10px 0 -22px}
}

/* release additions */
.legal-wrap{max-width:760px;padding-top:56px;padding-bottom:80px}.legal-wrap h1{font-size:clamp(34px,5vw,56px);max-width:none;margin:24px 0 32px}
.legal-wrap h2{font-size:20px;margin:36px 0 10px}.legal-wrap p{line-height:1.6}
mark.todo{background:var(--ink);color:var(--cream);padding:1px 6px;font-weight:600}
.todo-note{border:1px dashed var(--ink);padding:14px 18px;font-size:15px}
.foot a{text-decoration:underline;text-underline-offset:3px}