:root{--paper:#ffffff;--white:#ffffff;--ink:#111111;--text:#111111;--muted:#333333;--primary:#8200c8;--primary-dark:#5e0091;--primary-soft:#eedcfa;--line:#ece4f2;--wash:#faf3ff;--accent:#fdcf00;--dark:#120a1a;--serif:'Montserrat',Arial,Helvetica,sans-serif;--sans:'Montserrat',Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--text);font:18px/1.75 var(--sans);padding-bottom:0}img{display:block;width:100%;height:auto}a{color:var(--primary);text-underline-offset:4px}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}figure,p,blockquote{margin:0}p{margin-bottom:24px}strong{font-weight:700}h1,h2{margin:0;font-family:var(--serif);font-weight:400;color:var(--ink);text-wrap:pretty}em{font-style:normal}
.masthead{border-bottom:3px solid var(--primary)}.masthead-inner{max-width:1180px;margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.wordmark{text-decoration:none;font:800 36px/1 var(--serif);letter-spacing:-2px}.advertorial-bar{font:12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.reading-progress{height:3px;background:var(--accent);width:100%;transform:scaleX(0);transform-origin:left;position:fixed;top:0;left:0;z-index:100}
.article{max-width:1180px;margin:0 auto;padding:0 30px}.article-opening{padding-top:54px}h1{font-size:40px;line-height:1.22;letter-spacing:-1.1px;max-width:1070px}.title-lead{color:var(--primary)}.article-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 32px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.meta-row{display:flex;align-items:center;gap:12px;font:13px/1.6 var(--sans);flex-wrap:wrap}.meta-rating{font-weight:700}.meta-date,.meta-sep{color:var(--muted)}.stars{letter-spacing:2px;color:var(--accent);white-space:nowrap;font:16px/1.3 var(--sans)}.share-row{display:flex;gap:7px;position:relative}.share-btn{display:grid;place-items:center;width:34px;height:34px;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:50%;cursor:pointer}.share-btn:hover{background:var(--ink);color:var(--white)}.share-btn svg{width:13px;height:13px;fill:currentColor}.share-status{position:absolute;right:0;top:42px;font:13px/1.5 var(--sans);background:var(--white);box-shadow:0 6px 25px #11111120;max-width:270px;width:260px;z-index:10}.share-status:not(:empty){padding:12px 16px;border:1px solid var(--line)}
.opening-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:0;align-items:stretch}.hero-figure{min-width:0}.hero-figure a{display:block;height:100%}.hero-figure img{height:100%;object-fit:cover;object-position:42% center;min-height:420px}.intro-box{padding:32px;background:var(--wash);border-top:3px solid var(--primary);font:17px/1.75 var(--serif);color:var(--ink);display:flex;align-items:center}.intro-box p{margin:0}.story-intro{max-width:730px;margin:60px auto 0}.story-intro>p:first-child::first-letter{float:left;font:74px/.8 var(--serif);color:var(--primary);padding:9px 12px 0 0}
.chapter{border-top:1px solid var(--line);padding-top:47px;margin-top:58px;scroll-margin-top:30px}.chapter>h2{font-size:32px;line-height:1.3;letter-spacing:-.5px;max-width:930px;padding-left:76px;position:relative;margin:0 auto 32px}.chapter>h2::before{content:attr(data-number);position:absolute;left:0;top:3px;color:var(--accent);font:13px/1.5 var(--sans)}.chapter>h2::after{content:'';position:absolute;width:38px;height:1px;background:var(--accent);left:0;top:29px}.chapter-content>p{max-width:730px;margin-left:auto;margin-right:auto}.chapter-content>.body-figure{max-width:930px;margin:34px auto}.body-figure a{display:block}.body-figure img{width:100%;height:auto}.body-figure figcaption{font:13px/1.6 var(--sans);color:var(--muted);padding:14px 0 0;max-width:800px}.pullquote{max-width:930px;margin:40px auto;padding:42px 56px;background:var(--dark);color:var(--white);position:relative}.pullquote>p:first-child{font:23px/1.65 var(--serif);margin-bottom:24px}.pullquote-cite{font:13px/1.6 var(--sans);color:#ffffff;margin-bottom:0}
.stages{margin:34px auto 8px}.stages-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.stage{min-width:0}.stage-img{border-radius:50%;overflow:hidden;width:80%;margin:0 auto 22px;border:1px solid var(--line)}.stage-img img{aspect-ratio:1;object-fit:cover}.stage-label{text-transform:uppercase;color:var(--accent);font:bold 11px/1.4 var(--sans);letter-spacing:.1em;margin-bottom:12px;padding-top:18px;border-top:2px solid var(--line)}.stage:nth-child(2) .stage-label{border-color:#eedcfa}.stage:nth-child(3) .stage-label{border-color:#c58be5}.stage:nth-child(4) .stage-label{border-color:#8200c8}.stage-title{font:24px/1.18 var(--serif);color:var(--ink);min-height:57px;margin-bottom:13px}.stage-desc{font-size:15px;line-height:1.65;margin:0}.stages-bar{display:none}
.chapter-content>p.detail-row{border-top:1px solid var(--line);padding:20px 0 0;margin-bottom:20px}.detail-row>strong:first-child{display:block;color:var(--primary);font-size:19px;margin-bottom:6px}.chapter-4{background:var(--wash);padding:44px 36px 20px;border-top:3px solid var(--primary);margin-left:60px;margin-right:60px}.chapter-4>h2{padding-left:56px;font-size:34px}.chapter-4 .chapter-content>p{max-width:730px}.method-step{padding:24px 28px;background:var(--wash);border-left:2px solid var(--primary)}.method-step>strong:first-child{display:block;font:24px/1.2 var(--serif);color:var(--primary);margin-bottom:8px}.inline-link{font-weight:700}
.review-row{display:grid;grid-template-columns:1fr 1.3fr;gap:38px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);max-width:1040px;margin:auto}.review-row:last-child{border-bottom:0}.review-row .body-figure img{aspect-ratio:1;object-fit:cover}.review-box{font:17px/1.75 var(--serif)}.review-box>p{margin-bottom:20px}.review-name{font:700 14px/1.6 var(--sans);display:flex;align-items:center;justify-content:space-between;gap:16px}.review-name .stars{font-size:13px}.review-row:nth-child(even) .body-figure{order:2}.review-row:nth-child(even){grid-template-columns:1.3fr 1fr}
.offer-box{max-width:930px;background:#ffffff;padding:38px 44px 18px;margin:38px auto 0;border-top:3px solid var(--accent)}.offer-headline{font:29px/1.3 var(--serif);color:var(--ink)}.offer-headline strong{font-weight:400}.cta-block{max-width:730px;margin:32px auto 0;text-align:center}.cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:62px;padding:18px 30px;background:var(--primary);color:var(--white);font:bold 15px/1.5 var(--sans);text-decoration:none;border:1px solid var(--primary);border-radius:999px;transition:background .2s}.cta-button:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.cta-block-final{max-width:930px;margin-top:0;background:#ffffff;padding:8px 44px 42px}.cta-block-final .cta-button{width:100%}
.disclosure{border-top:1px solid var(--line);margin:64px auto 0;padding:35px 0;max-width:930px;font:12px/1.75 var(--sans);color:var(--muted)}.disclosure>p:first-child{font-weight:700;color:var(--ink)}.disclosure p{margin-bottom:16px}.disclosure-links{display:flex;gap:22px;flex-wrap:wrap}.company-footer{border-top:1px solid var(--line);padding:32px 30px 36px;background:var(--wash);font:13px/1.8 var(--sans)}.company-inner{max-width:930px;margin:auto;display:flex;justify-content:space-between;gap:30px}.company-operator{display:flex;flex-direction:column}.company-name{font:26px/1.5 var(--serif);color:var(--ink)}.company-label{color:var(--muted)}.company-details{display:flex;gap:36px}.company-col{display:flex;flex-direction:column}.company-col a{font-weight:700}
.sticky-cta{position:fixed;left:50%;bottom:16px;width:min(820px,calc(100% - 32px));z-index:80;border:1px solid var(--line);background:var(--white);box-shadow:0 8px 35px #11111125;transform:translate(-50%,calc(100% + 25px));visibility:hidden;opacity:0;transition:transform .24s,opacity .24s,visibility .24s;border-radius:5px}.sticky-cta.is-visible{transform:translate(-50%,0);visibility:visible;opacity:1}.sticky-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:24px}.sticky-text{display:flex;gap:12px;align-items:center;font-size:12px}.sticky-text>strong{font:700 25px/1 var(--serif);color:var(--primary)}.sticky-text .stars{font-size:12px;letter-spacing:1px}.sticky-rating{white-space:nowrap}.cta-button-small{min-height:46px;padding:12px 22px;font-size:13px}
@media(min-width:1400px){h1{font-size:43px}.intro-box{font-size:18px}}
@media(max-width:1000px){h1{font-size:36px}.opening-grid{grid-template-columns:1.4fr 1fr}.hero-figure img{min-height:440px}.intro-box{padding:24px;font-size:18px}.chapter>h2{font-size:33px}.chapter-4{margin-left:0;margin-right:0}.review-row{gap:25px}.review-box{font-size:18px}.stages-grid{gap:18px}.stage-title{font-size:22px}.company-details{gap:24px}}
@media(max-width:700px){body{font-size:17px;line-height:1.75;padding-bottom:0}.masthead-inner{min-height:69px;padding:0 22px}.wordmark{font-size:32px}.advertorial-bar{font-size:10px}.article{padding:0 22px}.article-opening{padding-top:30px}h1{font-size:27px;line-height:1.3;letter-spacing:-.6px}.article-tools{margin:24px 0;padding:14px 0;gap:8px}.meta-row{font-size:11px;gap:7px}.meta-row .stars{font-size:13px;letter-spacing:0}.share-row{gap:5px}.share-btn{width:28px;height:28px}.share-btn svg{width:11px;height:11px}.opening-grid{grid-template-columns:1fr}.hero-figure img{min-height:0;aspect-ratio:16/10;object-fit:cover}.intro-box{font-size:17px;line-height:1.75;padding:26px 24px;border-top-width:2px}.story-intro{margin-top:36px}.story-intro>p:first-child::first-letter{font-size:63px}.chapter{margin-top:40px;padding-top:30px}.chapter>h2{padding-left:0;padding-top:31px;font-size:26px;line-height:1.35;margin-bottom:26px}.chapter>h2::before{top:0;font-size:11px}.chapter>h2::after{top:8px;left:27px;width:24px}.chapter-content>.body-figure{margin:26px -4px}.pullquote{margin:28px -4px;padding:30px 26px}.pullquote>p:first-child{font-size:20px}.pullquote-cite{font-size:12px}.stages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.stage-img{width:92%;margin-bottom:16px}.stage-label{font-size:10px;letter-spacing:.06em;padding-top:12px;margin-bottom:10px}.stage-title{font-size:22px;min-height:0;margin-bottom:10px}.stage-desc{font-size:14px;line-height:1.6}.chapter-4{padding:28px 22px 8px;margin-left:-4px;margin-right:-4px}.chapter-4>h2{padding-left:0;font-size:28px}.method-step{padding:22px}.chapter-content>p.detail-row{padding-top:17px}.detail-row>strong:first-child{font-size:18px}.review-row,.review-row:nth-child(even){display:flex;flex-direction:column;gap:20px;padding:24px 0 18px}.review-row .body-figure{width:100%}.review-row:nth-child(even) .body-figure{order:0}.review-row .body-figure img{aspect-ratio:4/3}.review-box{font-size:17px}.review-name{font-size:13px}.offer-box{padding:28px 24px 10px;margin:28px -4px 0}.offer-headline{font-size:26px}.offer-box>p:not(.offer-headline){font-size:16px}.cta-block-final{margin:0 -4px;padding:8px 24px 30px}.cta-button{font-size:14px;padding:16px 20px}.disclosure{margin-top:40px;padding-top:28px;font-size:12px}.company-footer{padding:26px 22px}.company-inner,.company-details{flex-direction:column;gap:18px}.company-name{font-size:24px}.sticky-cta{bottom:0;width:100%;border-radius:0;border-left:0;border-right:0}.sticky-inner{padding:10px 16px;gap:12px}.sticky-text{flex-wrap:wrap;gap:4px 7px;min-width:62px}.sticky-text>strong{font-size:22px;width:100%}.sticky-text .stars{font-size:9px}.sticky-rating{font-size:9px}.cta-button-small{min-height:48px;padding:10px 14px;font-size:12px;max-width:240px}.share-status{right:0;max-width:240px}}
@media(max-width:370px){.article{padding:0 18px}h1{font-size:25px}.article-tools{align-items:flex-start}.meta-row{max-width:200px}.meta-date{width:100%}.meta-sep{display:none}.chapter>h2{font-size:27px}.stages-grid{gap:24px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Official product-page logo, with the same dark treatment as the product page. */
.wordmark{display:block;flex-shrink:0;line-height:0}.wordmark img{width:143px;height:auto;filter:brightness(0)}
@media(max-width:700px){.wordmark img{width:124px}}

/* Black and white typography, with purple and yellow non-text accents. */
a{color:var(--ink);text-decoration-color:var(--accent)}
.title-lead,.detail-row>strong:first-child,.method-step>strong:first-child,.sticky-text>strong,.stage-label{color:var(--ink)}
.chapter>h2::before{color:var(--ink)}
.cta-button{color:var(--white);border-color:var(--primary)}
.intro-box,.method-step{background:var(--wash)}
.intro-box strong{font-weight:600}
.offer-box{background:var(--wash);border:1px solid var(--line);border-top:3px solid var(--accent);border-bottom:0}
.cta-block-final{background:var(--wash);border:1px solid var(--line);border-top:0}
.pullquote,.pullquote-cite{color:#fff}

/* Ratings retain the familiar yellow stars. */
.stars{color:var(--accent)}

.story-intro>p:first-child::first-letter{color:var(--ink)}

/* ==========================================================================
   Root Site Footer Integration (Clean German Legal Links)
   ========================================================================== */

.site-footer {
  margin-top: 48px;
  background-color: #f8fafc;
  border-top: 1px solid #e2e8f0;
  padding: 48px 0 32px 0;
  font-size: 14px;
  color: #64748b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.site-footer .container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-bottom: 36px;
}

@media (min-width: 768px) {
  .footer-grid {
    grid-template-columns: 1.5fr 1fr;
  }
}

.footer-brand h4 {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.footer-brand p {
  font-size: 13px;
  color: #475569;
  line-height: 1.6;
  max-width: 500px;
}

.footer-links-title {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.footer-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-nav-list a {
  color: #475569;
  text-decoration: none;
  transition: color 0.15s ease;
}

.footer-nav-list a:hover {
  color: #007aff;
}

.footer-bottom-bar {
  border-top: 1px solid #e2e8f0;
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 12px;
  color: #64748b;
}

@media (min-width: 600px) {
  .footer-bottom-bar {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}