@font-face{font-family:"Unbounded";src:url(/fonts/unbounded-latin-wght-normal.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Nunito";src:url(/fonts/nunito-latin-wght-normal.woff2) format("woff2");font-weight:200 1000;font-display:swap}
:root{
  --teal:#16C4B6; --teal-deep:#0E9389; --apricot:#FFB27A; --coral:#FF8A1E; --purple:#7B35A3;
  --ink:#213462; --cream:#FFF6EA; --sun:#FFE14D; --white:#fff;
  --display:"Unbounded",system-ui,sans-serif; --body:"Nunito",system-ui,sans-serif;
  --r:22px; --gutter:20px; --hard:5px 5px 0 var(--ink);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.5;font-weight:600;overflow-x:hidden}
h1,h2,h3{font-family:var(--display);line-height:1.08;margin:0;font-weight:800;letter-spacing:-.02em;overflow-wrap:break-word}
h2{font-size:clamp(1.85rem,7.4vw,3.6rem)}
h3{font-size:1.08rem;line-height:1.2}
p{margin:0}
a{color:inherit}
section{padding:68px var(--gutter)}
section>*{max-width:1080px;margin-left:auto;margin-right:auto}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;z-index:50}
.skip:focus{left:8px}
.hl{background:var(--sun);padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.sub{font-size:1.15rem;margin-top:12px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 22px;background:var(--coral);color:var(--ink);border:3px solid var(--ink);border-radius:999px;box-shadow:var(--hard);font-family:var(--body);font-size:1.08rem;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s;cursor:pointer}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}
.btn-xl{min-height:62px;font-size:1.22rem;padding:15px 28px}
.btn-sm{min-height:42px;padding:7px 15px;font-size:.95rem;box-shadow:3px 3px 0 var(--ink)}
.btn-ink{background:var(--ink);color:var(--white);border-color:var(--ink);box-shadow:5px 5px 0 var(--sun)}
.btn-ink:hover{box-shadow:7px 7px 0 var(--sun)}
.tag{display:block;width:fit-content;background:var(--sun);border:3px solid var(--ink);border-radius:10px;padding:3px 12px;font-weight:900;transform:rotate(-2.5deg)}
.tag-dark{background:var(--coral)}

.top{position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px var(--gutter)}
.logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:800;text-decoration:none;font-size:1.05rem}
.logo b{color:var(--white);margin-left:4px;-webkit-text-stroke:0;background:var(--ink);padding:1px 6px;border-radius:6px;font-size:.75em}
.logo-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--sun);border:3px solid var(--ink);font-family:var(--display);font-weight:900;font-size:1rem;color:var(--ink)}

.hero{background:var(--teal);padding-top:92px;padding-bottom:64px;display:grid;gap:40px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;width:560px;height:560px;right:-230px;bottom:-250px;border-radius:50%;background:var(--apricot);pointer-events:none}
.hero>*{position:relative;z-index:1;width:100%}
h1{font-size:clamp(2.7rem,13.2vw,6.6rem);margin-top:16px}
h1 em{font-style:normal;color:var(--white);-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--ink)}
.nervt{display:inline-block;animation:wobble 3.2s ease-in-out infinite}
.lead{font-size:1.25rem;font-weight:700;max-width:30em;margin-top:18px!important}
.cta-row{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;margin-top:24px}
.link-arrow{font-weight:900;text-underline-offset:4px;text-decoration-thickness:2px}
.micro{margin-top:14px;font-weight:800}

.phone{margin:0 auto;max-width:360px;background:var(--cream);border:4px solid var(--ink);border-radius:34px;box-shadow:9px 9px 0 var(--ink);padding:14px;transform:rotate(1.6deg)}
.phone-head{display:flex;gap:10px;align-items:center;border-bottom:3px solid var(--ink);padding-bottom:10px;line-height:1.2}
.phone-head small{display:block;font-size:.8rem}
.chat{display:flex;flex-direction:column;gap:9px;padding-top:12px}
.bubble{padding:10px 14px;border:3px solid var(--ink);border-radius:18px;max-width:88%;font-size:1rem;font-weight:700;line-height:1.35}
.bubble.me{align-self:flex-end;background:var(--apricot);border-bottom-right-radius:4px}
.bubble.lina{align-self:flex-start;background:var(--white);border-bottom-left-radius:4px}
.chat .bubble{opacity:0;transform:translateY(12px) scale(.96);animation:pop .4s forwards}
.chat .bubble:nth-child(1){animation-delay:.3s}.chat .bubble:nth-child(2){animation-delay:1s}.chat .bubble:nth-child(3){animation-delay:1.9s}.chat .bubble:nth-child(4){animation-delay:2.5s}
.phone figcaption{text-align:center;font-size:.8rem;margin-top:8px}

.ticker{background:var(--ink);color:var(--sun);overflow:hidden;white-space:nowrap;padding:12px 0;font-family:var(--display);font-size:.88rem;font-weight:700}
.ticker div{display:inline-block;animation:slide 30s linear infinite}
.ticker span,.ticker i{margin:0 12px;font-style:normal}

.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.pain-btn{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;min-height:124px;padding:14px;background:var(--white);border:3px solid var(--ink);border-radius:var(--r);box-shadow:4px 4px 0 var(--ink);font-family:var(--body);font-size:1.02rem;font-weight:900;line-height:1.2;color:var(--ink);cursor:pointer;transition:transform .12s,background .12s}
.pain-btn span{font-size:1.7rem;line-height:1}
.pain-btn:hover{transform:translateY(-2px)}
.pain-btn[aria-pressed="true"]{background:var(--sun);transform:rotate(-1.2deg)}
.answer{display:flex;gap:10px;margin-top:26px;align-items:flex-start}
.answer>div{flex:1;min-width:0}
.bubble.big{font-size:1.2rem;max-width:640px;margin-bottom:18px;padding:14px 18px}

.demo{background:var(--ink);color:var(--white);display:grid;gap:26px}
.demo>*{width:100%}
.demo h2{margin-top:14px;color:var(--sun)}
.demo-copy p:last-child{margin-top:12px;font-size:1.15rem}
.quiz{background:var(--cream);color:var(--ink);border:4px solid var(--teal);border-radius:var(--r);padding:18px;min-height:390px}
.quiz-bar{height:12px;background:#fff;border:3px solid var(--ink);border-radius:9px;overflow:hidden;margin-bottom:16px}
.quiz-bar span{display:block;height:100%;width:0;background:var(--teal);transition:width .3s}
.q-count{font-size:.92rem;font-weight:800}
.q-text{font-family:var(--display);font-size:1.15rem;line-height:1.25;font-weight:700;margin:6px 0 14px}
.q-opts{display:grid;gap:9px}
.q-opt{min-height:50px;padding:10px 14px;text-align:left;background:var(--white);border:3px solid var(--ink);border-radius:14px;font-family:var(--body);font-size:1.03rem;font-weight:800;color:var(--ink);cursor:pointer}
.q-opt:hover:not(:disabled){background:var(--sun)}
.q-opt:disabled{cursor:default}
.q-opt.right{background:var(--teal)}
.q-opt.wrong{background:var(--apricot);text-decoration:line-through}
.q-why{margin:14px 0;padding:11px 14px;background:var(--sun);border:3px solid var(--ink);border-radius:14px;font-weight:700}
.q-result{font-family:var(--display);font-size:clamp(2.7rem,14vw,4rem);font-weight:900;line-height:1}
.q-reset{background:none;border:0;padding:10px 0;margin-top:8px;font:inherit;font-weight:900;text-decoration:underline;cursor:pointer;color:var(--ink)}

.video{background:var(--purple);color:var(--white);text-align:center}
.video .hl{color:var(--ink)}
.video-box{color:var(--white);margin-top:24px;margin-bottom:26px;aspect-ratio:16/9;background:var(--ink);border:4px solid var(--ink);border-radius:var(--r);box-shadow:8px 8px 0 var(--sun);overflow:hidden;max-width:820px}
.video-box iframe{width:100%;height:100%;border:0;display:block}
.video-play{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--ink);color:var(--white);border:0;font-family:var(--body);cursor:pointer;padding:12px}
.video-play strong{font-size:1.15rem}
.video-play small{font-size:.8rem}
.play{display:grid;place-items:center;width:72px;height:72px;background:var(--sun);color:var(--ink);border-radius:50%;font-size:1.7rem;padding-left:5px}

.cards{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}
.card{padding:18px;border:3px solid var(--ink);border-radius:var(--r);box-shadow:4px 4px 0 var(--ink)}
.card .emoji{font-size:1.9rem;line-height:1;display:block;margin-bottom:9px}
.card p{margin-top:6px}
.c1,.c6{background:var(--teal)}.c2,.c5{background:var(--white)}.c3,.c4{background:var(--sun)}

.steps{background:var(--teal)}
.steps ol{list-style:none;padding:0;display:grid;gap:18px;margin-top:26px}
.steps li{display:flex;gap:14px;align-items:flex-start}
.steps li>b{display:grid;place-items:center;flex:none;width:58px;height:58px;background:var(--ink);color:var(--sun);border-radius:16px;font-family:var(--display);font-size:1.5rem}
.steps p{margin-top:3px}

.price{background:var(--sun);text-align:center}
.zero{font-family:var(--display);font-weight:900;font-size:clamp(5.4rem,29vw,11rem);line-height:1;letter-spacing:-.05em;margin-top:14px}
.price h2{font-size:clamp(1.4rem,5.6vw,2.4rem)}
.price-note{font-size:1.15rem;margin:14px auto 24px}
.plans{margin-top:24px;font-size:.98rem}

.faq details{border-bottom:3px solid var(--ink);max-width:760px}
.faq h2{margin-bottom:18px;max-width:760px}
.faq summary{cursor:pointer;padding:15px 34px 15px 0;font-weight:900;font-size:1.1rem;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:9px;font-family:var(--display);font-size:1.4rem}
.faq details[open] summary::after{content:"–"}
.faq details p{padding-bottom:16px}

.final{background:var(--coral);text-align:center;padding-bottom:88px}
.final h2{margin-bottom:26px}
.final em{font-style:normal;color:var(--white);text-shadow:2px 2px 0 var(--ink)}
.final .btn{background:var(--sun)}
.final-claim{margin-top:22px;font-weight:900;font-size:1.1rem}

.foot{background:var(--ink);color:var(--white);padding:26px var(--gutter) 96px;font-size:.92rem}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:6px}

.sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;background:var(--coral);color:var(--ink);border:3px solid var(--ink);border-radius:999px;box-shadow:4px 4px 0 var(--ink);font-weight:900;font-size:1.1rem;text-decoration:none;transform:translateY(140%);transition:transform .25s}
.sticky-cta.on{transform:none}

@keyframes pop{to{opacity:1;transform:none}}
@keyframes slide{to{transform:translateX(-50%)}}
@keyframes wobble{0%,88%,100%{transform:rotate(0)}91%{transform:rotate(-4deg)}94%{transform:rotate(4deg)}97%{transform:rotate(-2deg)}}

@media (min-width:640px){.cards{grid-template-columns:1fr 1fr}.steps ol{grid-template-columns:repeat(3,1fr)}.steps li{flex-direction:column}}
@media (min-width:900px){
  :root{--gutter:40px}
  section{padding-top:96px;padding-bottom:96px}
  .top{padding-left:max(40px,calc((100vw - 1080px)/2));padding-right:max(40px,calc((100vw - 1080px)/2))}
  .hero{grid-template-columns:1.25fr .75fr;align-items:center;padding-top:124px;padding-left:max(40px,calc((100vw - 1080px)/2));padding-right:max(40px,calc((100vw - 1080px)/2))}
  .hero>*{max-width:none}
  .demo{grid-template-columns:.8fr 1.2fr;align-items:center;padding-left:max(40px,calc((100vw - 1080px)/2));padding-right:max(40px,calc((100vw - 1080px)/2))}
  .pain-grid{grid-template-columns:repeat(4,1fr)}
  .cards{grid-template-columns:repeat(3,1fr)}
  .sticky-cta{display:none}
  .foot{padding-bottom:26px;display:flex;justify-content:space-between;align-items:center}
  .foot nav{margin:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .chat .bubble{opacity:1;transform:none}
}

/* Lina und Bücher */
.avatar{flex:none;width:42px;height:42px;border-radius:50%;border:3px solid var(--ink);object-fit:cover;background:var(--sun)}
.hero-visual{position:relative;max-width:380px;margin:0 auto}
.lina-hero{display:block;width:78%;height:auto;margin-left:auto;filter:drop-shadow(6px 6px 0 var(--ink))}
.hero-visual .phone{position:relative;margin-top:-58%;max-width:300px;margin-left:0}
.hero-visual .bubble{font-size:.92rem}
.lina-demo{display:block;width:62%;max-width:240px;height:auto;margin:18px auto -26px;filter:drop-shadow(5px 5px 0 var(--teal))}
.lina-steps{display:block;width:58%;max-width:250px;height:auto;margin:26px auto -68px;filter:drop-shadow(5px 5px 0 var(--ink))}
.steps{overflow:hidden}
.books{background:var(--ink);color:var(--white)}
.books h2{margin-top:14px;color:var(--white)}
.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.book{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--white);font-size:.9rem;font-weight:800;line-height:1.2;transition:transform .15s}
.book:nth-child(1){transform:rotate(-2deg)}.book:nth-child(3){transform:rotate(2deg)}
.book:hover{transform:translateY(-5px)}
.book img{width:100%;height:auto;border-radius:8px;border:3px solid var(--white);box-shadow:5px 5px 0 var(--coral)}
.book strong{margin-top:8px}
.book span{color:var(--sun)}
@media (min-width:640px){.book{font-size:1.05rem}.book-grid{gap:30px}}
@media (min-width:900px){
  .hero-visual{max-width:none}
  .lina-hero{width:90%}
  .hero-visual .phone{margin-top:-68%;margin-left:-60px}
  .demo-copy{position:relative}
  .steps{position:relative}
  .lina-steps{position:absolute;right:max(30px,calc((100vw - 1080px)/2));bottom:0;margin:0;width:190px}
  .steps ol{padding-right:190px}
}
.hero-copy .tag,.demo-copy .tag,.books .tag{margin-left:0}
.books>h2,.books>.sub{text-align:left}
@media (min-width:900px){.book-grid{grid-template-columns:repeat(3,230px);justify-content:start}.books>.tag{margin-left:max(0px,calc((100vw - 80px - 1080px)/2))}}
.books .tag{color:var(--ink)}
.book{margin:0}.book figcaption{margin-top:8px}
.books .book-cta{display:flex;width:fit-content;margin:28px 0 0}
@media (min-width:900px){.books .book-cta{margin-left:max(0px,calc((100vw - 80px - 1080px)/2))}.book-grid{max-width:1080px}}