@import url("/assets/css/recovery-visuals.css?v=fd980545ac9a");

@font-face {
  font-family: "Geist Sans";
  src: url("/assets/fonts/Geist-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Geist Sans";
  src: url("/assets/fonts/Geist-Italic-Variable.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("/assets/fonts/GeistMono-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* Responsive semantic role scale; existing layout distances are retained below. */
  --font-body: var(--sans);
  --font-heading: var(--serif);
  --font-weight-heading: 700;
  --font-size-h1: clamp(2.75rem, 5.556vw, 5rem);
  --font-size-h2: clamp(2rem, 3.889vw, 3.5rem);
  --font-size-h2-display: clamp(2rem, 5.556vw, 5rem);
  --font-size-h3: clamp(1.625rem, 2.222vw, 2rem);
  --font-size-h4: clamp(1.25rem, 1.944vw, 1.75rem);
  --font-size-h5: clamp(1.0625rem, 1.528vw, 1.375rem);
  --font-size-h6: clamp(.75rem, .972vw, .875rem);
  --font-size-lead: clamp(1rem, 1.25vw, 1.125rem);
  --font-size-p1: 1rem;
  --font-size-button: var(--font-size-p1);
  --font-size-small-1: .875rem;
  --font-size-small-2: .875rem;
  --font-size-small-2-compact: .75rem;
  --font-size-min: .75rem;
  --line-height-h1: .98; /* Verified with loaded Geist and all four page languages. */
  --line-height-h2: 1.07;
  --line-height-h3: 1.15;
  --line-height-h4: 1.18;
  --line-height-h5: 1.25;
  --line-height-h6: 1.3;
  --line-height-body: 1.6;
  --letter-spacing-h1: -.03em;
  --letter-spacing-h2: -.02em;
  --letter-spacing-h3: -.02em;
  --letter-spacing-h4: -.01em;
  --letter-spacing-h5: -.01em;
  --letter-spacing-h6: .02em;
  --letter-spacing-body: .02em;
  --letter-spacing-eyebrow: .13em;
  --rhythm-eyebrow-to-heading: .4em;
  --rhythm-heading-to-copy: .8em;
  --button-padding-block: 1rem;
  --button-padding-inline: 2rem;
  --button-icon-gap: .5rem;
  --button-icon-edge: 1.5rem;
  --color-dominant: var(--paper);
  --color-secondary: var(--ink);
  --color-accent: var(--blue);
  /* Existing spacing inventory, in CSS pixels at a 16px root; no spacing migration. */
  --space-1: 0.0625rem;
  --space-2: 0.125rem;
  --space-3: 0.1875rem;
  --space-4: 0.25rem;
  --space-5: 0.3125rem;
  --space-6: 0.375rem;
  --space-7: 0.4375rem;
  --space-8: 0.5rem;
  --space-9: 0.5625rem;
  --space-10: 0.625rem;
  --space-11: 0.6875rem;
  --space-12: 0.75rem;
  --space-13: 0.8125rem;
  --space-14: 0.875rem;
  --space-15: 0.9375rem;
  --space-16: 1rem;
  --space-17: 1.0625rem;
  --space-18: 1.125rem;
  --space-20: 1.25rem;
  --space-21: 1.3125rem;
  --space-22: 1.375rem;
  --space-23: 1.4375rem;
  --space-24: 1.5rem;
  --space-25: 1.5625rem;
  --space-26: 1.625rem;
  --space-27: 1.6875rem;
  --space-28: 1.75rem;
  --space-30: 1.875rem;
  --space-31: 1.9375rem;
  --space-32: 2rem;
  --space-34: 2.125rem;
  --space-35: 2.1875rem;
  --space-36: 2.25rem;
  --space-38: 2.375rem;
  --space-40: 2.5rem;
  --space-42: 2.625rem;
  --space-44: 2.75rem;
  --space-45: 2.8125rem;
  --space-46: 2.875rem;
  --space-47: 2.9375rem;
  --space-48: 3rem;
  --space-50: 3.125rem;
  --space-52: 3.25rem;
  --space-54: 3.375rem;
  --space-55: 3.4375rem;
  --space-56: 3.5rem;
  --space-58: 3.625rem;
  --space-60: 3.75rem;
  --space-62: 3.875rem;
  --space-64: 4rem;
  --space-65: 4.0625rem;
  --space-68: 4.25rem;
  --space-70: 4.375rem;
  --space-75: 4.6875rem;
  --space-76: 4.75rem;
  --space-80: 5rem;
  --space-82: 5.125rem;
  --space-90: 5.625rem;
  --space-95: 5.9375rem;
  --space-96: 6rem;
  --space-100: 6.25rem;
  --space-110: 6.875rem;
  --space-112: 7rem;
  --space-115: 7.1875rem;
  --space-120: 7.5rem;
  --space-130: 8.125rem;
  --space-135: 8.4375rem;
  --space-140: 8.75rem;
  --space-145: 9.0625rem;
  --space-165: 10.3125rem;
  --radius-0: 0rem;
  --radius-2: 0.125rem;
  --radius-3: 0.1875rem;
  --radius-4: 0.25rem;
  --radius-5: 0.3125rem;
  --radius-6: 0.375rem;
  --radius-7: 0.4375rem;
  --radius-8: 0.5rem;
  --radius-9: 0.5625rem;
  --radius-10: 0.625rem;
  --radius-11: 0.6875rem;
  --radius-12: 0.75rem;
  --radius-13: 0.8125rem;
  --radius-14: 0.875rem;
  --radius-15: 0.9375rem;
  --radius-16: 1rem;
  --radius-17: 1.0625rem;
  --radius-18: 1.125rem;
  --radius-20: 1.25rem;
  --radius-22: 1.375rem;
  --radius-26: 1.625rem;
  --radius-99: 6.1875rem;
  --radius-999: 62.4375rem;

  --paper: #f5f5f1;
  --white: #ffffff;
  --ink: #0b1e2c;
  --muted: #52616d;
  --line: #dce2e3;
  --blue: #1758f5;
  --blue-dark: #113eb0;
  --cyan: #2cbfe3;
  --mint: #45d7b0;
  --orange: #ffad5a;
  --serif: "Geist Sans", "Avenir Next", ui-sans-serif, system-ui, sans-serif;
  --sans: "Geist Sans", "Avenir Next", ui-sans-serif, system-ui, sans-serif;
  --mono: "Geist Mono", "SFMono-Regular", ui-monospace, monospace;
  --shadow: 0 30px 90px rgba(15, 38, 53, .13);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { font-size: 100%; scroll-behavior: smooth; }
body { margin:0; color: var(--ink); background: var(--paper); font-family: var(--sans); font-size: var(--font-size-p1); line-height: var(--line-height-body); letter-spacing: var(--letter-spacing-body); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input { font:inherit; }
.section-shell { width: min(1200px, calc(100% - 64px)); margin-inline:auto; }

/* Bypass blocks (WCAG 2.4.1, Stufe A): aus dem Bild gezogen, bis er den Fokus
   bekommt — dann sichtbar ueber dem sticky Seitenkopf (z-index 20). */
.skip-link { position: absolute; top: 0; left: 0; z-index: 100; transform: translateY(-120%); padding: var(--space-12) var(--space-20); border-radius: 0 0 var(--radius-3) 0; background: var(--ink); color: var(--white); font-family: var(--font-body); font-size: var(--font-size-p1); font-weight: 600; line-height: 1.2; text-decoration: none; transition: transform .15s ease; }
.skip-link:focus { transform: translateY(0); }
.skip-link:focus-visible { outline: 2px solid var(--white); outline-offset: -6px; }
main:focus { outline: none; }
@media (prefers-reduced-motion: reduce) { .skip-link { transition: none; } }
.site-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; min-height: 78px; padding:var(--space-12) 4vw; border-bottom: 1px solid rgba(11,30,44,.09); background: rgba(245,245,241,.88); backdrop-filter: blur(18px); transition: box-shadow .2s ease, background .2s ease; }
.site-header.scrolled { background: rgba(255,255,255,.94); box-shadow: 0 8px 28px rgba(11,30,44,.06); }
.site-header.simple { position: relative; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap:var(--space-10); min-width: 0; font-size: var(--font-size-lead); font-weight: 750; letter-spacing:var(--letter-spacing-body); line-height:var(--line-height-body); }
.brand>span { max-width: 12em; }
.brand img { flex-shrink: 0; }
.visual-strong { font-weight: bolder; }
.file-row .visual-strong { color:#278d74;font-size:var(--font-size-small-2); }
.file-row.faded .visual-strong { color:#b97728; }
.price .visual-strong { font:500 var(--font-size-h1)/var(--line-height-h1) var(--serif); }
.total .visual-strong { font:500 var(--font-size-h3)/var(--line-height-h3) var(--serif); }
.development-note .visual-strong { padding:var(--space-6) var(--space-10);border:1px solid #c4d2f5;border-radius:var(--radius-6);background:#edf2ff;color:#1748ae;font-weight:750; }
.fit-box .visual-strong { display:block;margin:var(--space-16) 0 var(--space-12);font-size:var(--font-size-h5);line-height:var(--line-height-h5); }
.panic-card .visual-strong { display:block;font-size:var(--font-size-h5);line-height:var(--line-height-h5); }
.article-list .guide-card { display:flex;min-height:210px;padding:var(--space-25);flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-14);background:white; }
.article-list .guide-card>span { color:var(--blue);font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body);text-transform:uppercase; }
.article-list .guide-card .card-title { margin:var(--space-21) 0 var(--space-12);font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:750; }
.article-list .guide-card .card-title a { display:inline;min-height:0;padding:0;border:0;border-radius:0;background:none; }
.article-list .guide-card .card-title a:hover { color:var(--blue);box-shadow:none;text-decoration:underline; }
.article-list .guide-card[hidden] { display:none; }
.related-grid .card-title { margin:0;font-size:var(--font-size-lead);line-height:var(--line-height-body);color:var(--ink);font-weight:750; }
.answer-links { display:flex;flex-wrap:wrap;gap:var(--space-12);margin-bottom:var(--space-24); }
.answer-links a { padding:var(--space-10) var(--space-14);border:1px solid var(--line);border-radius:var(--radius-8);background:white;color:var(--blue);font-size:var(--font-size-small-1); }
.guide-page section[id] { scroll-margin-top:var(--space-110); }
.panic-card p a { color:var(--mint);text-decoration:underline; }
.brand img { border-radius:var(--radius-9); box-shadow: 0 5px 15px rgba(16,59,177,.2); }
.site-header nav { display: flex; gap:var(--space-32); margin-inline:auto; font-size: var(--font-size-small-1); font-weight: 650; }
.site-header nav a { color: #43535d; transition: color .2s; }
.site-header nav a:hover { color: var(--blue); }
.header-actions { display: flex; gap:var(--space-9); }
.button { display: inline-flex; align-items: center; justify-content: center; gap:var(--space-12); min-height: 46px; padding:0 var(--space-22); border: 0; border-radius:var(--radius-9); background: var(--ink); color: white; font-weight: 720; font-size: var(--font-size-p1); cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(11,30,44,.16); }
.button-small { min-height: 42px; padding-inline:var(--space-18); }
.button-ghost { color: var(--ink); background: transparent; border: 1px solid var(--line); }
.button-primary { background: var(--blue); }
.button-primary:hover { background: var(--blue-dark); box-shadow: 0 12px 28px rgba(23,88,245,.25); }
.button-light { color: var(--ink); background: white; }
.button-outline-light { background: transparent; border: 1px solid rgba(255,255,255,.35); }
.button-wide { width: 100%; }
.text-link { display: inline-flex; align-items: center; gap:var(--space-8); font-size: var(--font-size-p1); font-weight: 720; }
.text-link span { transition: transform .2s; }
.text-link:hover span { transform: translateX(4px); }

.hero { display: grid; grid-template-columns: .88fr 1.2fr; align-items: center; gap:var(--space-64); min-height: 790px; padding-block:var(--space-95) var(--space-110); }
.eyebrow { display: flex; align-items: center; gap:var(--space-9); margin:0 0 var(--space-24); color: #36505d; font-family: var(--mono); font-size: var(--font-size-h6); font-weight: 700; letter-spacing:var(--letter-spacing-h6); text-transform: uppercase; }
.status-dot { width: 8px; height: 8px; border-radius:50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(69,215,176,.16); }
h1,h2,h3,p { margin-top:0; }
.hero h1 { margin-bottom:var(--space-28); font-family: var(--serif); font-size: var(--font-size-h1); line-height:var(--line-height-h1); letter-spacing:var(--letter-spacing-h1); font-weight:var(--font-weight-heading); }
em { color: var(--blue); font-weight: 400; }
.hero-headline { position: relative; width: fit-content; max-width: 100%; padding-right:var(--space-28); }
.hero-headline .heading-display { line-height:var(--line-height-h1); }
.headline-word { display: inline-grid; position: relative; white-space: nowrap; }
.headline-word > span { grid-area: 1 / 1; }
.headline-measure { visibility: hidden; pointer-events: none; padding-right:.12em; }
[data-headline-word] { width: fit-content; min-width: 1px; }
.headline-running [data-headline-word]::after { content: ""; display: inline-block; width: 2px; height: .76em; margin-left:.06em; background: currentColor; vertical-align: -.02em; animation: headline-caret 1s step-end infinite; }
.headline-toggle { position: absolute; right: 0; bottom: 29px; width: 26px; height: 30px; padding:0; border: 1px solid var(--line); border-radius:var(--radius-6); background: transparent; color: var(--muted); font-size: var(--font-size-small-1); cursor: pointer; }
.headline-toggle:hover { color: var(--blue); border-color: var(--blue); }
.headline-toggle:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
@keyframes headline-caret { 50% { opacity: 0; } }
@media (max-width: 720px) { .hero-headline .heading-display { font-size: var(--font-size-h1); } }
@media (prefers-reduced-motion: reduce) { .headline-running [data-headline-word]::after { animation: none; } }
.hero-lead { max-width: 580px; color: #475962; font-size: var(--font-size-lead); line-height:var(--line-height-body); }
.development-note { display: flex; flex-wrap: wrap; align-items: center; gap:var(--space-9) var(--space-12); margin:var(--space-23) 0 0; font-size: var(--font-size-small-2); line-height:var(--line-height-body); }
.development-note strong { padding:var(--space-6) var(--space-10); border: 1px solid #c4d2f5; border-radius:var(--radius-6); background: #edf2ff; color: #1748ae; font-weight: 750; }
.development-note span { color: #475962; }
.development-heading { color: #1748ae; font-size: var(--font-size-p1); font-weight: 750; line-height:var(--line-height-body); }
.hero-actions { display: flex; align-items: center; gap:var(--space-26); margin-top:var(--space-36); }
.microcopy { margin-top:var(--space-15); color: var(--muted); font-size: var(--font-size-small-2); }

.product-stage { position: relative; min-height: 570px; display: flex; align-items: center; }
.orbit { position: absolute; border: 1px solid rgba(23,88,245,.12); border-radius:50%; }
.orbit-one { width: 540px; height: 540px; right: -2%; }
.orbit-two { width: 390px; height: 390px; right: 10%; border-color: rgba(44,191,227,.2); }
.app-window { position: relative; z-index: 2; width: 100%; min-width: 665px; overflow: hidden; border: 1px solid #cbd4d7; border-radius:var(--radius-18); background: white; box-shadow: var(--shadow); transform: perspective(1000px) rotateY(-2deg) rotateX(1deg); }
.window-bar { height: 42px; display: flex; align-items: center; justify-content: center; position: relative; background: #fbfcfc; border-bottom: 1px solid #e5e9ea; font-size: var(--font-size-small-2); font-weight: 700; }
.window-bar b { position: absolute; right: 14px; color: #278d74; background: #ddf8ef; border-radius:var(--radius-20); padding:var(--space-4) var(--space-8); font-size: var(--font-size-small-2); letter-spacing:var(--letter-spacing-body); text-transform: uppercase; }
.traffic { position: absolute; left: 15px; display: flex; gap:var(--space-6); }
.traffic i { width: 9px; height: 9px; border-radius:50%; background: #ff655b; }
.traffic i:nth-child(2) { background: #ffbf3f; }.traffic i:nth-child(3) { background: #33c748; }
.window-body { display: grid; grid-template-columns: 180px 1fr; min-height: 410px; }
.mock-sidebar { padding:var(--space-22) var(--space-14); background: #f1f3f3; border-right: 1px solid #dce2e3; }
.mock-sidebar > p { margin:0 var(--space-8) var(--space-12); color: #829098; font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono); letter-spacing:var(--letter-spacing-body); }
.drive { display: flex; gap:var(--space-10); align-items: center; padding:var(--space-10) var(--space-9); border-radius:var(--radius-8); margin-bottom:var(--space-4); }
.drive.active { background: white; box-shadow: 0 2px 9px rgba(11,30,44,.06); }
.drive > span:last-child { display: flex; flex-direction: column; font-size: var(--font-size-small-2); }
.drive small { margin-top:var(--space-2); color: #7c898f; font-size: var(--font-size-small-2); }
.drive-icon, .image-icon { width: 22px; height: 28px; border-radius:var(--radius-3); background: #1c3545; position: relative; flex: none; }
.drive-icon:after { content:""; position:absolute; left:5px; bottom:4px; width:12px; height:2px; background:#54d9b8; }
.image-icon { height: 22px; background: #b9c4c9; }
.safe-note { display: flex; gap:var(--space-8); align-items: flex-start; margin-top:var(--space-165); padding:var(--space-10); border-top: 1px solid #d6dcde; color: #63747c; font-size: var(--font-size-small-2); line-height:var(--line-height-body); }
.safe-note span { color: #268a70; font-size: var(--font-size-small-2); }.safe-note p { margin:0; }
.mock-main { padding:var(--space-25) var(--space-24) var(--space-17); background: #fdfefe; }
.scan-heading { display: flex; justify-content: space-between; align-items: flex-start; }
.scan-heading small { color: #278d74; font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono); letter-spacing:var(--letter-spacing-body); }
.scan-heading h3 { margin:var(--space-6) 0 var(--space-18); font-size: var(--font-size-h3); }
.verified-pill { color:#278d74; border:1px solid #b9e7d9; background:#effbf7; padding:var(--space-5) var(--space-8); border-radius:var(--radius-20); font-size:var(--font-size-small-2); }
.filter-row { display:flex; gap:var(--space-5); border-bottom:1px solid #e5e9ea; padding-bottom:var(--space-10); }
.filter-row span { padding:var(--space-5) var(--space-8); border-radius:var(--radius-5); color:#77868d; font-size:var(--font-size-small-2); }.filter-row .active { background:#e8efff; color:var(--blue); font-weight:800; }
.file-list { margin-top:var(--space-8); }
.file-row { display:grid; grid-template-columns:14px 34px 1fr auto; gap:var(--space-9); align-items:center; min-height:55px; border-bottom:1px solid #edf0f1; font-size:var(--font-size-small-2); }
.file-row > span:nth-child(3) { display:flex; flex-direction:column; gap:var(--space-3); }.file-row small{ color:#8a959b; font-size:var(--font-size-small-2); }.file-row strong{ color:#278d74; font-size:var(--font-size-small-2); }.file-row.faded{ opacity:.58; }.file-row.faded strong{ color:#b97728; }
.check { width:11px; height:11px; border-radius:var(--radius-3); background:var(--blue); position:relative; }.check:after{content:"✓";position:absolute;color:#fff;font-style:normal;font-size:var(--font-size-small-2);left:2px;top:0}
.file-type { width:32px; padding:var(--space-7) 0; border-radius:var(--radius-5); text-align:center; font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono); }.file-type.video{background:#e7efff;color:#2958c7}.file-type.photo{background:#fff0db;color:#a45c19}.file-type.audio{background:#ddf8ef;color:#277a68}
.recovery-bar { display:flex; justify-content:space-between; align-items:center; margin-top:var(--space-16); padding:var(--space-10) var(--space-12); border-radius:var(--radius-8); background:#102635; color:#fff; font-size:var(--font-size-small-2); }.recovery-bar span{display:flex;flex-direction:column}.recovery-bar small{color:#9eabb2;margin-top:var(--space-2);font-size:var(--font-size-small-2)}.recovery-bar button{border:0;border-radius:var(--radius-5);background:var(--blue);color:#fff;padding:var(--space-7) var(--space-12);font-size:var(--font-size-p1);font-weight:700}
.proof-card { position:absolute; z-index:3; right:-20px; bottom:16px; display:flex; align-items:center; gap:var(--space-11); padding:var(--space-13) var(--space-17); background:white; border:1px solid #d9e1e3; border-radius:var(--radius-11); box-shadow:0 15px 30px rgba(11,30,44,.14); }.proof-card>span{display:grid;place-items:center;width:27px;height:27px;background:#ddf8ef;color:#278d74;border-radius:50%;font-weight:900}.proof-card div{display:flex;flex-direction:column;font-size:var(--font-size-small-2)}.proof-card small{color:#839096;font-size:var(--font-size-small-2);margin-top:var(--space-2)}

.proof-strip{min-height:80px;padding:0;background:var(--ink);color:#fff;overflow:hidden}.proof-strip-track{display:flex;width:max-content;animation:proof-marquee 28s linear infinite;will-change:transform}.proof-strip-group{display:flex;flex:none;align-items:center;gap:var(--space-28);min-height:80px;padding-inline:var(--space-28)}.proof-strip span{color:#9bafbb;font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body)}.proof-strip b{font-size:var(--font-size-small-2);letter-spacing:var(--letter-spacing-body);white-space:nowrap}.proof-strip:hover .proof-strip-track{animation-play-state:paused}@keyframes proof-marquee{to{transform:translateX(-50%)}}
.statement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:start;gap:var(--space-38) var(--space-80);padding-block:var(--space-145);border-bottom:1px solid var(--line);scroll-margin-top:var(--space-90)}.section-index{color:var(--muted);font:700 var(--font-size-h6)/var(--line-height-h6) var(--mono);letter-spacing:var(--letter-spacing-h6);text-transform:uppercase}.statement-lead{display:grid;gap:var(--space-24);align-content:start}.statement-lead .section-index{margin:0}.statement .heading-quote{margin:0;font:500 var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}.engine-facts{display:flex;margin:var(--space-8) 0 0;padding:0;flex-wrap:wrap;gap:var(--space-8);list-style:none}.engine-facts li{padding:var(--space-7) var(--space-14);border:1px solid var(--line);border-radius:var(--radius-999);background:rgba(255,255,255,.72);color:var(--muted);font:700 var(--font-size-small-2-compact)/1.45 var(--mono);letter-spacing:var(--letter-spacing-h6);text-transform:uppercase}.engine-copy{display:grid;gap:var(--space-18);align-content:start;padding-top:var(--space-7)}.engine-copy p{margin:0}.engine-copy .development-heading{margin-bottom:var(--space-2)}.engine-flow{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1);margin-top:var(--space-24);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-14);background:var(--line)}.engine-flow>div{display:flex;min-height:170px;padding:var(--space-28);flex-direction:column;gap:var(--space-10);background:rgba(255,255,255,.66)}.engine-flow .engine-step-index{color:var(--blue);font:700 var(--font-size-small-2-compact)/1 var(--mono);letter-spacing:var(--letter-spacing-eyebrow)}.engine-flow .visual-strong{margin-bottom:auto;color:var(--ink);font:700 var(--font-size-h5)/var(--line-height-h5) var(--sans);letter-spacing:var(--letter-spacing-h5)}.engine-flow b{font-size:var(--font-size-p1)}.engine-flow small{max-width:30ch;color:var(--muted);font-size:var(--font-size-small-2);line-height:var(--line-height-body)}
.features { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-18); padding-block:var(--space-100); }.feature{min-height:480px;padding:var(--space-38);border:1px solid var(--line);border-radius:var(--radius-18);background:#fff;position:relative;overflow:hidden}.feature-large{grid-row:span 2;min-height:978px}.feature-wide{grid-column:span 2;min-height:350px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-50)}.feature-number{color:var(--muted);font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body)}.feature h2{font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2);max-width:440px}.feature p{color:var(--muted);line-height:var(--line-height-body);font-size:var(--font-size-p1);max-width:520px}.quiet-list{display:flex;gap:var(--space-8);list-style:none;padding:0;margin:var(--space-22) 0}.quiet-list li{padding:var(--space-7) var(--space-10);background:#eff2f2;border-radius:var(--radius-5);color:#5d6c74;font-size:var(--font-size-small-2);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing-body)}
.scan-rings{position:relative;width:330px;height:330px;margin:var(--space-95) auto var(--space-80)}.scan-rings i{position:absolute;inset:0;border:1px solid #c7d8fe;border-radius:50%;animation:pulse 3s ease-in-out infinite}.scan-rings i:nth-child(2){inset:45px;animation-delay:.3s}.scan-rings i:nth-child(3){inset:90px;animation-delay:.6s}.scan-rings b{position:absolute;inset:130px;border-radius:50%;background:var(--blue);box-shadow:0 0 50px rgba(23,88,245,.35)}
@keyframes pulse{50%{transform:scale(1.025);border-color:#4f7cf1}}
.source-graphic{height:180px;margin:var(--space-62) auto var(--space-45);display:flex;align-items:center;justify-content:center;position:relative}.source-graphic>span{display:grid;place-items:center;width:95px;height:118px;background:#172e3c;color:white;border-radius:var(--radius-8) var(--radius-8) var(--radius-14) var(--radius-14);font:800 var(--font-size-h5)/var(--line-height-h5) var(--mono)}.source-graphic i{position:absolute;width:180px;height:180px;border:1px solid #beece0;border-radius:50%}.source-graphic b{position:absolute;right:13%;bottom:17px;padding:var(--space-7) var(--space-9);border-radius:var(--radius-5);background:#ddf8ef;color:#24836d;font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body)}
.verify-graphic{display:flex;align-items:center;justify-content:center;margin:var(--space-64) auto var(--space-48);height:120px}.verify-graphic span{padding:var(--space-22) var(--space-16);border:1px solid #cbd5d8;border-right:0;font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);color:#5d6c74}.verify-graphic span:first-child{border-radius:var(--radius-8) 0 0 var(--radius-8)}.verify-graphic span:nth-child(3){border-right:1px solid #cbd5d8;border-radius:0 var(--radius-8) var(--radius-8) 0}.verify-graphic i{display:grid;place-items:center;margin-left:var(--space-18);width:43px;height:43px;background:var(--mint);border-radius:50%;color:#0c463a;font-style:normal;font-weight:900}
.formats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-8)}.formats span{display:grid;place-items:center;aspect-ratio:1.3;border:1px solid #d7dfe1;border-radius:var(--radius-9);background:#f7f8f7;font:800 var(--font-size-small-2)/var(--line-height-body) var(--mono);transition:.2s}.formats span:hover{background:var(--ink);color:white;transform:translateY(-4px)}

.steps{padding-block:var(--space-130);background:var(--ink);color:white}.steps .section-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-100)}.section-heading h2{font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}.steps .section-index{color:#9bafbb}.steps ol{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:60px 1fr;gap:var(--space-25);padding:var(--space-28) 0;border-top:1px solid rgba(255,255,255,.14)}.steps li>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #4c626e;border-radius:50%;font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);color:var(--cyan)}.steps h3{font-size:var(--font-size-h3);margin-bottom:var(--space-7)}.steps li p{color:#9dabb2;font-size:var(--font-size-p1);line-height:var(--line-height-body);margin:0}
.result-proof{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:var(--space-90);padding-block:var(--space-145);scroll-margin-top:var(--space-90)}.result-proof h2{max-width:430px;font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}.result-promise{font:italic var(--font-size-h3)/var(--line-height-h3) var(--serif);color:var(--blue)}.result-proof-copy>p:last-child{max-width:470px;color:#65757c;font-size:var(--font-size-small-1);line-height:var(--line-height-body)}.recovery-verdict{position:relative;overflow:hidden;padding:var(--space-34) var(--space-38) var(--space-38);border-radius:var(--radius-22);background:var(--ink);color:white;box-shadow:0 28px 70px rgba(8,28,41,.18)}.recovery-verdict:before{content:"";position:absolute;width:360px;height:360px;right:-150px;top:-210px;border:1px solid rgba(75,128,255,.25);border-radius:50%;box-shadow:0 0 0 55px rgba(75,128,255,.035),0 0 0 110px rgba(75,128,255,.025)}.verdict-top{position:relative;display:flex;align-items:center;justify-content:space-between}.verdict-top>span:first-child{font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body);text-transform:uppercase;color:#7f929d}.verdict-main{position:relative;display:grid;grid-template-columns:135px 1fr;align-items:center;gap:var(--space-34);padding:var(--space-47) 0 var(--space-35)}.verdict-mark{display:grid;place-items:center;width:132px;height:132px;border:1px solid rgba(94,224,189,.32);border-radius:50%;box-shadow:0 0 0 13px rgba(69,215,176,.05)}.verdict-mark span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--mint);color:#0d493b;font-size:var(--font-size-h2);font-weight:900}.verdict-copy>p{margin:0 0 var(--space-9);color:var(--mint);font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body);text-transform:uppercase}.verdict-copy h3{max-width:370px;margin:0 0 var(--space-10);font:var(--font-weight-heading) var(--font-size-h3)/var(--line-height-h3) var(--serif);letter-spacing:var(--letter-spacing-h3)}.verdict-copy>span{color:#9babb3;font-size:var(--font-size-small-2)}.verdict-tags{position:relative;display:flex;flex-wrap:wrap;gap:var(--space-8);padding-top:var(--space-22);border-top:1px solid rgba(255,255,255,.12)}.verdict-tags span{padding:var(--space-8) var(--space-11);border-radius:var(--radius-6);background:rgba(255,255,255,.07);color:#bdc8cd;font-size:var(--font-size-small-2);font-weight:700}
.download-section{padding-block:var(--space-130) var(--space-135);scroll-margin-top:var(--space-100)}.download-section>.section-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-80);align-items:end;margin-bottom:var(--space-52)}.download-section>.section-heading .section-index{grid-column:1/-1;margin-bottom:calc(-1 * var(--space-54))}.download-section>.section-heading h2{margin:0}.download-section>.section-heading>p:last-child{max-width:500px;margin:0 0 var(--space-5);color:#61717a;line-height:var(--line-height-body);font-size:var(--font-size-small-1)}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-18)}.platform-card{min-height:410px;padding:var(--space-38);border:1px solid var(--line);border-radius:var(--radius-18);background:white;display:flex;flex-direction:column}.platform-card.available{background:var(--ink);color:white}.platform-top{display:flex;align-items:flex-start;justify-content:space-between}.platform-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:var(--radius-14);background:#edf2ff;color:var(--blue);font-size:var(--font-size-h3);font-weight:500}.available .platform-icon{background:rgba(255,255,255,.10);color:white}.platform-icon.windows{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-15)}.platform-icon.windows i{display:block;background:currentColor}.availability{display:flex;align-items:center;gap:var(--space-7);padding:var(--space-7) var(--space-10);border-radius:var(--radius-99);background:#f0f2f2;color:var(--muted);font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body);text-transform:uppercase}.availability>i{width:6px;height:6px;border-radius:50%;background:#9ba8ad}.availability.live{background:rgba(69,215,176,.14);color:#6ce4c5}.availability.live>i{background:var(--mint);box-shadow:0 0 0 4px rgba(69,215,176,.12)}.platform-card h3{margin:var(--space-56) 0 var(--space-9);font-size:var(--font-size-h3);letter-spacing:var(--letter-spacing-h3)}.platform-card>p{color:var(--muted);line-height:var(--line-height-body)}.available>p{color:#9cafb8}.platform-card ul{display:flex;gap:var(--space-8);list-style:none;padding:0;margin:var(--space-17) 0 var(--space-27)}.platform-card li{padding:var(--space-7) var(--space-10);border-radius:var(--radius-5);background:#f1f3f3;color:#64747c;font-size:var(--font-size-small-2);font-weight:700}.available li{background:rgba(255,255,255,.08);color:#b7c4ca}.platform-card .button{margin-top:auto}.button-disabled{background:#e4e8e9;color:#8b989e;cursor:not-allowed;box-shadow:none}.button-disabled:hover{transform:none;box-shadow:none}
.license-section{padding-bottom:var(--space-135)}.license-card{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-90);padding:var(--space-68);border-radius:var(--radius-22);background:#e8ecff;border:1px solid #ccd6fc}.license-card h2{font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}.license-card>div:first-child>p:last-child{max-width:540px;color:#586975;line-height:var(--line-height-body)}.price-side{padding:var(--space-35);border-radius:var(--radius-16);background:#fff;box-shadow:0 18px 50px rgba(28,59,123,.10)}.price{display:flex;align-items:flex-start}.price strong{font:500 var(--font-size-h1)/var(--line-height-h1) var(--serif)}.price>span{font-size:var(--font-size-h5);font-weight:700}.price small{display:block;color:var(--muted);font-size:var(--font-size-small-2);font-weight:600}.price-side ul{padding:var(--space-22) 0;margin:var(--space-20) 0;border-block:1px solid #e6eaeb;list-style:none}.price-side li{position:relative;padding:var(--space-7) 0 var(--space-7) var(--space-24);color:#50616a;font-size:var(--font-size-small-1)}.price-side li:before{content:"✓";position:absolute;left:0;color:#278d74;font-weight:900}.price-side>.button+small{display:block;text-align:center;color:var(--muted);margin-top:var(--space-12);font-size:var(--font-size-p1)}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:var(--space-100);padding-bottom:var(--space-140)}.faq-list{border-top:1px solid #cfd8da}details{border-bottom:1px solid #cfd8da}summary{display:flex;justify-content:space-between;gap:var(--space-20);padding:var(--space-25) var(--space-4);cursor:pointer;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:var(--font-size-h5);font-weight:400;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:680px;padding:0 var(--space-40) var(--space-25) var(--space-4);color:#617179;line-height:var(--line-height-body);font-size:var(--font-size-small-1)}
.final-cta{padding-block:var(--space-110);background:var(--blue);color:white;text-align:center}.final-cta img{margin:0 auto var(--space-25);border-radius:var(--radius-18);box-shadow:0 15px 30px rgba(0,0,0,.18)}.final-cta h2{font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}.final-cta em{color:#b7e9ff}.final-cta .section-shell>div{display:flex;justify-content:center;gap:var(--space-10);margin-top:var(--space-35)}
/* Shared footer: a spacious brand signature and four navigation columns. */
.site-footer { padding:0; background: #081a26; color: #f3f7f8; }
.site-footer .footer-shell { display: block; }
.site-footer .footer-intro { display: flex; align-items: center; justify-content: space-between; gap:var(--space-40); padding-block:var(--space-64) var(--space-48); border-bottom: 1px solid #29404d; }
.site-footer .footer-eyebrow { margin:0 0 var(--space-18); color: #a9bcc7; font:500 var(--font-size-h6)/var(--line-height-h6) var(--mono); letter-spacing:var(--letter-spacing-h6); text-transform: uppercase; }
.site-footer .footer-statement { margin:0; color: #f3f7f8; font-size: var(--font-size-h2); font-weight: 550; line-height:var(--line-height-h2); letter-spacing:var(--letter-spacing-h2); }
.site-footer .footer-statement span { color: #72dec7; }
.site-footer .footer-download { display: inline-flex; align-items: center; justify-content: space-between; gap:var(--space-28); padding:var(--space-17) var(--space-22); border: 1px solid #65808f; border-radius:var(--radius-8); color: #f3f7f8; font-size: var(--font-size-p1); font-weight: 650; flex-shrink: 0; transition: background .2s, border-color .2s; }
.site-footer .footer-download span { color: #72dec7; font-size: var(--font-size-p1); line-height:var(--line-height-body); }
.site-footer .footer-download:hover { background: #16303f; border-color: #72dec7; }
.site-footer .footer-grid { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap:var(--space-32); padding-block:var(--space-48) var(--space-46); }
.site-footer .footer-grid > * { min-width: 0; }
.site-footer .footer-brand { display: inline-flex; align-items: center; gap:var(--space-13); color: white; font-size: var(--font-size-h5); font-weight: 750; line-height:var(--line-height-h5); letter-spacing:var(--letter-spacing-h5); }
.site-footer .footer-brand img { flex-shrink: 0; border-radius:var(--radius-12); }
.site-footer .footer-description { max-width: 245px; margin:var(--space-22) 0; color: #a9bcc7; font-size: var(--font-size-p1); line-height:var(--line-height-body); }
.site-footer .footer-platforms { display: flex; flex-wrap: wrap; gap:var(--space-8); list-style: none; padding:0; margin:0; }
.site-footer .footer-platforms li { padding:var(--space-6) var(--space-10); border: 1px solid #354d5b; border-radius:var(--radius-5); color: #c6d3da; font:400 var(--font-size-small-2)/var(--line-height-body) var(--mono); }
.site-footer .footer-column { display: block; }
.site-footer .footer-column .footer-label { margin:var(--space-3) 0 var(--space-18); color: #f3f7f8; font:650 var(--font-size-h6)/var(--line-height-h6) var(--sans); letter-spacing:var(--letter-spacing-h6); }
.site-footer .footer-column ul { margin:0; padding:0; list-style: none; }
.site-footer .footer-column li + li { margin-top:var(--space-2); }
.site-footer .footer-column a { display: inline-block; max-width: 100%; padding-block:var(--space-7); color: #a9bcc7; font-size: var(--font-size-small-2); line-height:var(--line-height-body); overflow-wrap: anywhere; hyphens: auto; text-underline-offset: 4px; transition: color .2s; }
.site-footer .footer-column a:hover { color: #72dec7; text-decoration: underline; }
.site-footer a:focus-visible { outline: 2px solid #72dec7; outline-offset: 5px; border-radius:var(--radius-3); }
.site-footer .footer-assurance { display: flex; align-items: center; justify-content: space-between; gap:var(--space-24); padding-block:var(--space-24); border-block: 1px solid #29404d; }
.site-footer .footer-assurance p { display: flex; align-items: center; gap:var(--space-12); max-width: 610px; margin:0; color: #c6d3da; font-size: var(--font-size-small-2); line-height:var(--line-height-body); }
.site-footer .footer-assurance svg { width: 25px; height: 25px; flex-shrink: 0; color: #72dec7; }
.site-footer .footer-assurance > a { display: inline-flex; align-items: center; gap:var(--space-12); padding-block:var(--space-8); color: #f3f7f8; font-size: var(--font-size-small-1); overflow-wrap: anywhere; }
.site-footer .footer-assurance > a:hover { color: #72dec7; }
.site-footer .footer-assurance > a::after { content: "↗"; color: #72dec7; }
.site-footer .footer-assurance { flex-wrap: wrap; }
.site-footer .footer-profiles { display: flex; flex-wrap: wrap; gap:var(--space-12); }
.site-footer .footer-trustpilot, .site-footer .footer-preferred { display: inline-flex; align-items: center; gap:var(--space-8); padding:var(--space-8) var(--space-14); border: 1px solid #3a5563; border-radius: 999px; color: #f3f7f8; font-size: var(--font-size-small-2); font-weight: 600; overflow-wrap: normal; transition: border-color .2s, color .2s; }
.site-footer .footer-trustpilot svg, .site-footer .footer-preferred svg { width: 18px; height: 18px; flex-shrink: 0; color: #72dec7; }
.site-footer .footer-trustpilot:hover, .site-footer .footer-preferred:hover { border-color: #72dec7; color: #72dec7; }
.site-footer .footer-trustpilot::after, .site-footer .footer-preferred::after { content: none; }
.site-footer .footer-bottom { display: flex; align-items: center; justify-content: space-between; gap:var(--space-16); padding-block:var(--space-24) var(--space-30); }
.site-footer .footer-bottom small, .site-footer .footer-bottom p { margin:0; color: #9bafbb; font-size: var(--font-size-small-2); line-height:var(--line-height-body); }
@media (max-width: 1050px) {
  .site-footer .footer-grid { grid-template-columns: repeat(4, 1fr); gap:var(--space-32) var(--space-24); }
  .site-footer .footer-company { display: grid; grid-template-columns: 1fr 1.6fr; gap:var(--space-14) var(--space-32); grid-column: 1 / -1; padding-bottom:var(--space-32); border-bottom: 1px solid #29404d; }
  .site-footer .footer-description { max-width: 420px; margin:0; grid-column: 2; grid-row: 1 / 3; }
  .site-footer .footer-platforms { grid-column: 1; }
}
@media (max-width: 720px) {
  .site-footer .footer-intro { align-items: flex-start; flex-direction: column; gap:var(--space-26); padding-block:var(--space-44) var(--space-34); }
  .site-footer .footer-download { min-height: 48px; }
  .site-footer .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap:var(--space-30) var(--space-24); padding-block:var(--space-34); }
  .site-footer .footer-company { display: block; }
  .site-footer .footer-description { max-width: 360px; margin-block:var(--space-18); }
  .site-footer .footer-column .footer-label { margin-bottom:var(--space-10); }
  .site-footer .footer-column a { display: flex; align-items: center; min-height: 44px; padding-block:var(--space-8); font-size: var(--font-size-small-1); }
  .site-footer .footer-assurance, .site-footer .footer-bottom { align-items: flex-start; flex-direction: column; gap:var(--space-16); }
  .site-footer .footer-assurance > a, .site-footer .footer-profiles > a { min-height: 44px; }
  .site-footer .footer-bottom { gap:var(--space-8); }
}
@media (prefers-reduced-motion: reduce) {
  .site-footer a { transition: none; }
}


.checkout-page{min-height:100vh;background:linear-gradient(110deg,#f5f5f1 0 53%,#e9edf7 53%)}.checkout-shell{width:min(1080px,calc(100% - 64px));min-height:calc(100vh - 78px);margin:auto;display:grid;grid-template-columns:1fr 430px;gap:var(--space-100);align-items:center;padding-block:var(--space-70)}.checkout-copy h1,.result-card h1,.legal-page h1{font:var(--font-weight-heading) var(--font-size-h1)/var(--line-height-h1) var(--serif);letter-spacing:var(--letter-spacing-h1)}.checkout-copy>p:nth-of-type(2){max-width:580px;color:#5a6c75;line-height:var(--line-height-body)}.delivery-steps{margin-top:var(--space-42)}.delivery-steps>div{display:flex;gap:var(--space-17);align-items:flex-start;margin:var(--space-18) 0}.delivery-steps>div>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #b9c5ca;color:var(--blue);font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono)}.delivery-steps p{display:flex;flex-direction:column;margin:0}.delivery-steps small{color:#76868d;font-size:var(--font-size-small-2);margin-top:var(--space-3)}.order-card{padding:var(--space-35);border-radius:var(--radius-17);background:white;border:1px solid #d7dfe3;box-shadow:var(--shadow)}.product-line{display:flex;align-items:center;gap:var(--space-15)}.product-line img{border-radius:var(--radius-13)}.product-line span{display:flex;flex-direction:column}.product-line small{color:var(--muted);margin-top:var(--space-4)}.order-card hr{border:0;border-top:1px solid #e3e8ea;margin:var(--space-28) 0}.order-card ul{list-style:none;padding:0;margin:0}.order-card li{display:flex;justify-content:space-between;margin:var(--space-13) 0;font-size:var(--font-size-small-1)}.order-card li.muted{color:var(--muted)}.total{display:flex;align-items:end;justify-content:space-between;margin:var(--space-27) 0}.total strong{font:500 var(--font-size-h3)/var(--line-height-h3) var(--serif)}.secure-line{text-align:center;color:#69808b;font-size:var(--font-size-small-2);margin-top:var(--space-17)}.legal-small{text-align:center;color:var(--muted);font-size:var(--font-size-small-2);line-height:var(--line-height-body);margin:var(--space-16) var(--space-10) 0}.legal-small a{text-decoration:underline}.checkout-error{min-height:16px;color:#b93636;font-size:var(--font-size-small-2);margin:var(--space-10) 0 0;text-align:center}
.checkout-consents{display:grid;gap:var(--space-13);margin:0 0 var(--space-21);padding:var(--space-17) 0;border-block:1px solid #e3e8ea}.checkout-consents label{display:grid;grid-template-columns:18px 1fr;gap:var(--space-10);align-items:start;color:#52646d;font-size:var(--font-size-small-2);line-height:var(--line-height-body);cursor:pointer}.checkout-consents input{width:17px;height:17px;margin:var(--space-1) 0 0;accent-color:var(--blue)}.checkout-consents a{text-decoration:underline;text-underline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.65;transform:none!important;box-shadow:none!important}
.result-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-30);background:radial-gradient(circle at 50% 25%,#eef1ff,transparent 45%),var(--paper)}.result-card{width:min(590px,100%);padding:var(--space-55);text-align:center;background:white;border:1px solid var(--line);border-radius:var(--radius-20);box-shadow:var(--shadow)}.result-card>img{margin:0 auto var(--space-25);border-radius:var(--radius-16)}.result-card .eyebrow{justify-content:center}.result-card h1{font-size:var(--font-size-h1)}.result-card>p:not(.eyebrow){color:#60717a;line-height:var(--line-height-h6)}.result-card>.button,.result-card>.text-link{margin:var(--space-8)}.result-card>small{display:block;margin-top:var(--space-30);color:var(--muted)}.status-box{display:flex;align-items:center;justify-content:center;gap:var(--space-11);margin:var(--space-28) 0;padding:var(--space-14);border-radius:var(--radius-8);background:#f1f4f4;font-size:var(--font-size-small-2)}.status-box.done{background:#e8f8f2;color:#246e5d}.spinner{width:14px;height:14px;border:2px solid #c1cbd0;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.legal-page{background:white}.legal-page main{width:min(760px,calc(100% - 48px));margin:var(--space-80) auto var(--space-140)}.legal-page h1{font-size:var(--font-size-h1)}.legal-page h2{margin-top:var(--space-40);font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif)}.legal-page main p{color:#52646d;line-height:var(--line-height-body)}.legal-warning{padding:var(--space-20);border-left:4px solid var(--orange);background:#fff5e9;color:#714616;line-height:var(--line-height-body)}.legal-warning b{display:block}
.legal-page main a{text-decoration:underline;text-decoration-color:#b4c4ff;text-underline-offset:3px}.legal-page mark{padding:var(--space-1) var(--space-4);background:#fff0c8;color:#5d461d}.legal-note,.legal-fact,.withdrawal-form{margin:var(--space-30) 0;padding:var(--space-24);border:1px solid var(--line);border-radius:var(--radius-12);background:#f5f7f7;color:#52646d;line-height:var(--line-height-body)}.legal-fact{border-color:#bfe8dc;background:#effbf7}.legal-fact b{display:block;color:#196d59;font-size:var(--font-size-lead)}.legal-fact p{margin:var(--space-7) 0 0}.withdrawal-form{margin-top:var(--space-40);background:#fafaf8}.legal-nav{display:flex;flex-wrap:wrap;gap:var(--space-10);margin-top:var(--space-65);padding-top:var(--space-28);border-top:1px solid var(--line)}.legal-nav a{padding:var(--space-9) var(--space-12);border-radius:var(--radius-7);background:#edf2ff;color:var(--blue);font-size:var(--font-size-small-2);font-weight:700;text-decoration:none!important}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

@media (max-width: 1050px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:var(--space-75)}.product-stage{max-width:760px;margin:auto}.app-window{min-width:680px}.statement{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-34) var(--space-50)}.engine-flow{grid-column:1/-1}.steps .section-shell,.result-proof,.license-card,.faq{grid-template-columns:1fr}.recovery-verdict{margin-top:var(--space-30)}.checkout-shell{grid-template-columns:1fr;gap:var(--space-50);max-width:720px}.checkout-page{background:var(--paper)}}
@media (max-width: 720px){.section-shell,.checkout-shell{width:min(100% - 32px,1200px)}.site-header{padding-inline:var(--space-16)}.header-actions .button-ghost{display:none}.hero{padding-block:var(--space-60) var(--space-75);gap:var(--space-30);overflow:hidden}.hero>*{min-width:0}.hero h1{font-size:var(--font-size-h1)}.hero-actions{align-items:stretch;flex-direction:column;gap:var(--space-16)}.hero-actions .text-link{justify-content:center}.product-stage{position:relative;min-height:410px;width:100%;overflow:hidden}.app-window{position:absolute;left:0;top:42px;width:660px;min-width:660px;transform:scale(.54);transform-origin:top left}.proof-card{display:none}.statement{grid-template-columns:1fr;gap:var(--space-30);padding-block:var(--space-90)}.statement-lead,.engine-copy,.engine-flow{grid-column:1}.engine-flow{grid-template-columns:1fr;margin-top:var(--space-10)}.engine-flow>div{min-height:auto}.features{grid-template-columns:1fr;padding-block:var(--space-70)}.feature-large{min-height:760px}.feature-wide{grid-column:1;grid-template-columns:1fr}.scan-rings{width:260px;height:260px}.feature{padding:var(--space-28);min-height:420px}.formats{grid-template-columns:repeat(3,1fr)}.steps{padding-block:var(--space-90)}.steps .section-shell{gap:var(--space-45)}.section-heading h2{font-size:var(--font-size-h2)}.result-proof{padding-block:var(--space-90);gap:var(--space-25);min-width:0;overflow:hidden}.result-proof>*{min-width:0}.result-proof h2{font-size:var(--font-size-h2)}.recovery-verdict{margin-top:var(--space-12);padding:var(--space-27) var(--space-23)}.verdict-main{grid-template-columns:1fr;gap:var(--space-24);padding-block:var(--space-34)}.verdict-mark{width:105px;height:105px}.verdict-mark span{width:60px;height:60px;font-size:var(--font-size-h3)}.verdict-copy h3{font-size:var(--font-size-h3)}.download-section{padding-block:var(--space-90)}.download-section>.section-heading{grid-template-columns:1fr;gap:var(--space-20);margin-bottom:var(--space-35)}.download-section>.section-heading .section-index{grid-column:1;margin-bottom:0}.platform-grid{grid-template-columns:1fr}.platform-card{min-height:390px;padding:var(--space-28)}.license-card{padding:var(--space-30);gap:var(--space-35)}.license-card h2{font-size:var(--font-size-h2)}.price-side{padding:var(--space-25)}.faq{gap:var(--space-35);padding-bottom:var(--space-90)}.final-cta h2{font-size:var(--font-size-h2)}.final-cta .section-shell>div{flex-direction:column}.checkout-shell{padding-block:var(--space-45)}.order-card{padding:var(--space-25)}.result-card{padding:var(--space-35) var(--space-24)}.result-card h1{font-size:var(--font-size-h1)}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scan-rings i,.spinner,.proof-strip-track{animation:none}.button{transition:none}}
.platform-icon.windows i{width:100%;height:100%}
.platform-icon.apple svg{width:30px;height:30px;fill:currentColor}

/* Reusable typography and media classes */
.heading-display{margin-bottom:var(--space-28);font:var(--font-weight-heading) var(--font-size-h1)/var(--line-height-h1) var(--serif);letter-spacing:var(--letter-spacing-h1)}
.heading-quote{margin:0;font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}
.heading-section{font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}
.heading-section--result{max-width:430px;font-size:var(--font-size-h2);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2)}
.heading-card{max-width:440px;font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}
.heading-card--platform{max-width:none;margin:var(--space-56) 0 var(--space-9);font-size:var(--font-size-h3)}
.heading-step{margin-bottom:var(--space-7);font-size:var(--font-size-h3)}
.heading-verdict{max-width:370px;margin:0 0 var(--space-10);font:var(--font-weight-heading) var(--font-size-h3)/var(--line-height-h3) var(--serif);letter-spacing:var(--letter-spacing-h3)}
.heading-price{font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}
.heading-cta{font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}
.heading-cta--rescue{display:flex;align-items:center;flex-direction:column;gap:var(--space-4)}.cta-rewrite{display:flex;align-items:center;flex-direction:column;line-height:.92}.cta-rewrite del{position:relative;color:rgba(255,255,255,.85);font-size:var(--font-size-small-2);text-decoration:none;letter-spacing:var(--letter-spacing-body)}.cta-rewrite del:after{content:"";position:absolute;left:-.12em;right:-.12em;top:52%;height:.08em;border-radius:var(--radius-99);background:var(--ink);transform:rotate(-4deg);box-shadow:0 2px 0 rgba(255,255,255,.12)}.cta-rewrite em{margin-top:var(--space-5);color:#b7e9ff;font-size:var(--font-size-h5)}
.heading-checkout,.heading-result-page,.heading-legal{font:var(--font-weight-heading) var(--font-size-h1)/var(--line-height-h1) var(--serif);letter-spacing:var(--letter-spacing-h1)}
.heading-result-page{font-size:var(--font-size-h1)}
.heading-legal{font-size:var(--font-size-h1)}
.heading-legal-section{margin-top:var(--space-40);font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif)}

.text-body{color:var(--muted);font-size:var(--font-size-p1);line-height:var(--line-height-body)}
.text-body--statement{align-self:end;margin:0;color:#61717a;line-height:var(--line-height-body)}
.text-body--lead{margin:0;color:var(--ink);font-size:var(--font-size-lead);font-weight:550;line-height:var(--line-height-body)}
.text-body--inverse{margin:0;color:#9dabb2;font-size:var(--font-size-p1);line-height:var(--line-height-body)}
.text-body--platform{color:var(--muted);line-height:var(--line-height-body)}
.available .text-body--platform{color:#9cafb8}
.text-body--license{max-width:540px;color:#586975;line-height:var(--line-height-body)}
.text-body--faq{max-width:680px;padding:0 var(--space-40) var(--space-25) var(--space-4);color:#617179;line-height:var(--line-height-body)}
.text-body--checkout{max-width:580px;color:#5a6c75;line-height:var(--line-height-body)}
.text-body--result{color:#60717a;line-height:var(--line-height-body)}
.text-body--legal{color:#52646d;line-height:var(--line-height-body)}
.text-overline{margin:0 0 var(--space-9);color:var(--mint);font:700 var(--font-size-h6)/var(--line-height-h6) var(--mono);letter-spacing:var(--letter-spacing-h6);text-transform:uppercase}
.text-caption{color:#9babb3;font-size:var(--font-size-small-2)}
.text-meta{color:var(--muted);font-size:var(--font-size-small-2);font-weight:600}
.text-meta--center{display:block;margin-top:var(--space-12);text-align:center;color:var(--muted)}
.text-meta--footer{grid-column:2;color:#5e737d}
.text-meta--support{display:block;margin-top:var(--space-30);color:var(--muted)}
.text-footer{color:#84959e;font-size:var(--font-size-small-2);line-height:var(--line-height-body)}

.mock-label,.mock-overline{font-family:var(--mono);letter-spacing:var(--letter-spacing-h6)}
.mock-meta,.file-meta,.recovery-meta,.proof-meta{font-size:inherit}
.mock-safe-copy{margin:0}
.mock-title{margin:var(--space-6) 0 var(--space-18);font-size:var(--font-size-h3)}
.delivery-copy{display:flex;flex-direction:column;margin:0}
.delivery-copy .text-caption{margin-top:var(--space-3);color:#76868d;font-size:var(--font-size-small-2)}

.media-brand-logo{display:block;border-radius:var(--radius-9);box-shadow:0 5px 15px rgba(16,59,177,.2)}
.media-brand-logo--footer{width:34px;height:34px}
.media-product-logo{display:block;border-radius:var(--radius-13)}
.media-result-logo{display:block;margin:0 auto var(--space-25);border-radius:var(--radius-16)}
.media-cta-logo{display:block;margin:0 auto var(--space-25);border-radius:var(--radius-18);box-shadow:0 15px 30px rgba(0,0,0,.18)}

@media (max-width:720px){.heading-display{font-size:var(--font-size-h1)}.heading-section,.heading-section--result{font-size:var(--font-size-h2)}.heading-verdict{font-size:var(--font-size-h3)}.heading-price{font-size:var(--font-size-h2)}.heading-cta{font-size:var(--font-size-h2)}.heading-cta--rescue{font-size:var(--font-size-h2)}.heading-result-page{font-size:var(--font-size-h1)}.text-meta--footer{grid-column:1}}

/* Homepage scenarios: local SVG illustrations; no external assets. */
.scenarios { padding-block:var(--space-112) var(--space-42); scroll-margin-top:var(--space-100); }
.scenarios-heading { max-width: 780px; margin:0 auto var(--space-48); text-align: center; }
.scenarios-heading .section-index { color: var(--blue); margin-bottom:var(--space-20); }
.scenarios-heading h2 { margin-bottom:var(--space-22); font-size: var(--font-size-h2); line-height:var(--line-height-h2); text-wrap: balance; }
.scenarios-heading .text-body { max-width: 600px; margin:0 auto; font-size: var(--font-size-p1); line-height:var(--line-height-body); text-wrap: pretty; }
.scenario-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: 340px 70px 340px; gap:var(--space-20); }
.scenario-card { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #e3e8ef; border-radius:var(--radius-26); background: #edf1f8; isolation: isolate; }
.scenario-card--deleted { grid-column: 1; grid-row: 1; }
.scenario-card--video { grid-column: 2; grid-row: 1 / 3; background: #e9effb; border-color: #dbe4f4; }
.scenario-card--photo { grid-column: 3; grid-row: 1; background: #f5efe6; border-color: #eae3d8; }
.scenario-card--audio { grid-column: 1; grid-row: 2 / 4; background: #eaf3f0; border-color: #dce9e4; }
.scenario-card--empty { grid-column: 2; grid-row: 3; }
.scenario-card--image { grid-column: 3; grid-row: 2 / 4; }
.scenario-copy { position: relative; z-index: 1; padding:var(--space-30) var(--space-26) 0; text-align: center; }
.scenario-copy h3 { margin:0 0 var(--space-12); font-size: var(--font-size-h3); line-height:var(--line-height-h3); font-weight:var(--font-weight-heading); letter-spacing:var(--letter-spacing-h3); text-wrap: balance; }
.scenario-copy p { margin:0; color: #566773; font-size: var(--font-size-p1); line-height:var(--line-height-body); text-wrap: pretty; }
.scenario-art { display: block; width: 100%; height: auto; min-height: 0; flex: 1 1 0; object-fit: contain; object-position: center bottom; margin-top:var(--space-6); transform-origin: 50% 85%; transition: transform .4s ease; }
.scenarios-note { display: flex; justify-content: center; align-items: flex-start; gap:var(--space-10); max-width: 850px; margin:var(--space-25) auto 0; color: #5d6e78; font-size: var(--font-size-small-2); line-height:var(--line-height-body); }
.scenarios-note svg { flex: 0 0 20px; height: 20px; margin-top:var(--space-1); color: #427b6c; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) { .scenario-card:hover .scenario-art { transform: translateY(-4px) rotate(-1deg); } }
@media (max-width: 1000px) {
  .scenario-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: 380px; }
  .scenario-card { grid-column: auto; grid-row: auto; }
}
@media (max-width: 620px) {
  .scenarios { padding-block:var(--space-76) var(--space-20); }
  .scenarios-heading { margin-bottom:var(--space-32); text-align: left; }
  .scenarios-heading h2 { font-size: var(--font-size-h2); }
  .scenarios-heading .text-body { font-size: var(--font-size-p1); }
  .scenario-grid { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; gap:var(--space-16); }
  .scenario-card { border-radius:var(--radius-22); }
  .scenario-copy { padding:var(--space-28) var(--space-24) 0; }
  .scenario-copy h3 { font-size: var(--font-size-h3); }
  .scenario-art { flex: none; height: 210px; margin-top:var(--space-10); }
  .scenarios-note { margin-top:var(--space-22); }
}
@media (prefers-reduced-motion: reduce) { .scenario-art { transition: none; } }

/* Ratgeber and SEO landing pages */
.guide-page{background:#f6f6f2}.guide-header{background:rgba(246,246,242,.92)}
.language-link{display:inline-flex;align-items:center;gap:var(--space-7);color:var(--blue);font:750 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body);text-transform:uppercase}.language-link:hover{color:var(--ink)}.guide-header .language-link{padding:var(--space-10) var(--space-4)}
.guide-breadcrumb{display:flex;align-items:center;gap:var(--space-10);padding-top:var(--space-34);color:var(--muted);font-size:var(--font-size-small-2)}.guide-breadcrumb a:hover{color:var(--blue)}
.guide-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:var(--space-80);align-items:end;padding-block:var(--space-82) var(--space-100)}.guide-hero h1,.hub-hero h1{max-width:850px;margin:0;font:var(--font-weight-heading) var(--font-size-h1)/var(--line-height-h1) var(--serif);letter-spacing:var(--letter-spacing-h1)}.guide-lead{max-width:780px;margin:var(--space-28) 0 0;color:#4e616b;font-size:var(--font-size-lead);line-height:var(--line-height-body)}.panic-card{padding:var(--space-28);border-radius:var(--radius-15);background:var(--ink);color:white;box-shadow:0 25px 60px rgba(11,30,44,.16)}.panic-card>span{display:block;margin-bottom:var(--space-18);color:var(--mint);font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body);text-transform:uppercase}.panic-card strong{display:block;font-size:var(--font-size-h5);line-height:var(--line-height-h5)}.panic-card p{margin:var(--space-14) 0 0;color:#aab8be;font-size:var(--font-size-small-1);line-height:var(--line-height-body)}
.guide-answer{max-width:780px;margin:var(--space-28) 0 0;padding:var(--space-20) var(--space-24);border-left:4px solid var(--blue);border-radius:0 var(--radius-15) var(--radius-15) 0;background:#f2f5ff}.guide-answer-label{margin:0 0 var(--space-14);color:var(--blue-dark);font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body);text-transform:uppercase}.guide-answer-text{margin:0;color:var(--ink);font-size:var(--font-size-p1);line-height:var(--line-height-body)}
.guide-summary{background:#e8ecff;border-block:1px solid #cfd8fb}.guide-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-90);align-items:center;padding-block:var(--space-62)}.guide-summary h2{margin:var(--space-15) 0 0;font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}.guide-summary-grid>p{margin:0;color:#455c68;font-size:var(--font-size-p1);line-height:var(--line-height-body)}
.guide-content{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:var(--space-110);padding-block:var(--space-115)}.guide-main>section{padding-bottom:var(--space-82)}.guide-main h2,.related h2{margin:var(--space-15) 0 var(--space-25);font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}.guide-main section>p:not(.section-index){color:#4e626c;font-size:var(--font-size-h6);line-height:var(--line-height-h6)}.action-list{list-style:none;padding:0;margin:var(--space-35) 0;display:grid;gap:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-14);overflow:hidden;background:var(--line)}.action-list li{display:grid;grid-template-columns:48px 1fr;gap:var(--space-18);align-items:center;padding:var(--space-20) var(--space-24);background:white}.action-list span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e9efff;color:var(--blue);font:750 var(--font-size-small-2)/var(--line-height-body) var(--mono)}.action-list p{margin:0;color:#304753;font-weight:650}.warning-box{margin-top:var(--space-28);padding:var(--space-24) var(--space-27);border-left:4px solid var(--orange);background:#fff5e9}.warning-box b{font-size:var(--font-size-p1)}.warning-box p{margin:var(--space-8) 0 0;color:#725434;line-height:var(--line-height-body)}.guide-side{position:relative}.side-card{position:sticky;top:110px;padding:var(--space-26);border:1px solid var(--line);border-radius:var(--radius-15);background:white;box-shadow:0 18px 48px rgba(11,30,44,.07)}.side-card ul{list-style:none;padding:var(--space-18) 0;margin:0 0 var(--space-20);border-block:1px solid #e5e9ea}.side-card li{position:relative;padding:var(--space-8) 0 var(--space-8) var(--space-22);color:#526771;font-size:var(--font-size-small-2);line-height:var(--line-height-body)}.side-card li:before{content:"✓";position:absolute;left:0;color:#23866f;font-weight:900}.side-link{justify-content:center;width:100%;margin-top:var(--space-18);font-size:var(--font-size-small-2)}.guide-faq details p{font-size:var(--font-size-small-1)}.related{padding-bottom:var(--space-120)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-14)}.related-grid a{display:flex;min-height:210px;padding:var(--space-26);flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-14);background:white;transition:transform .2s,box-shadow .2s}.related-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(11,30,44,.08)}.related-grid small{color:var(--blue);font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body);text-transform:uppercase}.related-grid strong{margin:var(--space-22) 0 auto;font-size:var(--font-size-lead);line-height:var(--line-height-body)}.related-grid span{margin-top:var(--space-24);color:var(--muted);font-size:var(--font-size-small-2);font-weight:700}.guide-cta{padding-block:var(--space-100);background:var(--blue);color:white;text-align:center}.guide-cta .eyebrow{justify-content:center;color:#c8dcff}.guide-cta h2{margin:0;font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}.guide-cta em{color:#bcecff}.guide-cta p:not(.eyebrow){max-width:600px;margin:var(--space-24) auto var(--space-32);color:#d6e2ff;line-height:var(--line-height-h6)}.guide-cta .section-shell>div,.guide-cta .section-shell>div:last-child{display:flex;justify-content:center;gap:var(--space-10)}
.fit-box{position:sticky;top:110px;padding:var(--space-26);border:1px solid #b9d9cf;border-radius:var(--radius-15);background:#f3fffb;box-shadow:0 18px 48px rgba(11,30,44,.07)}.fit-box>span,.source-box b{display:block;color:#23866f;font:750 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body);text-transform:uppercase}.fit-box strong{display:block;margin:var(--space-16) 0 var(--space-12);font-size:var(--font-size-h5);line-height:var(--line-height-h5)}.fit-box p{margin:0 0 var(--space-22);color:#526771;font-size:var(--font-size-small-1);line-height:var(--line-height-body)}.fit-box--limited{border-color:#e3cfae;background:#fff9ef}.fit-box--limited>span{color:#956d2d}.fit-box--limited .text-link{font-size:var(--font-size-p1)}.source-box{margin-top:var(--space-28);padding:var(--space-25);border:1px solid #cbd7dc;border-radius:var(--radius-13);background:white}.source-box p{margin:var(--space-11) 0 var(--space-16)!important;font-size:var(--font-size-small-1)}.source-box a{color:var(--blue);font-size:var(--font-size-small-1);font-weight:750}.keyword-context>p:last-child{display:flex;flex-wrap:wrap;gap:var(--space-8)}.keyword-context span{padding:var(--space-8) var(--space-11);border:1px solid #dce3e6;border-radius:var(--radius-999);background:white;color:#526771;font:650 var(--font-size-small-2)/var(--line-height-body) var(--mono)}
.hub-hero{padding-block:var(--space-110) var(--space-90)}.hub-hero>p:not(.eyebrow){max-width:760px;margin:var(--space-28) 0 var(--space-45);color:#536670;font-size:var(--font-size-h6);line-height:var(--line-height-h6)}.hub-search{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-16);align-items:center;max-width:900px;padding:var(--space-10) var(--space-10) var(--space-10) var(--space-20);border:1px solid var(--line);border-radius:var(--radius-12);background:white;box-shadow:0 14px 40px rgba(11,30,44,.06)}.hub-search label{font-size:var(--font-size-small-2);font-weight:750}.hub-search input{min-width:0;padding:var(--space-14);border:0;outline:0;background:transparent;color:var(--ink)}.hub-search span{padding:var(--space-11) var(--space-13);border-radius:var(--radius-8);background:#edf2ff;color:var(--blue);font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);white-space:nowrap}.hub-clusters{padding-bottom:var(--space-120)}.cluster-block{padding-block:var(--space-80);border-top:1px solid var(--line)}.cluster-heading{max-width:790px;margin-bottom:var(--space-38)}.cluster-heading p{margin:0 0 var(--space-9);color:var(--muted);font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body);text-transform:uppercase}.cluster-heading h2{margin:0 0 var(--space-13);font:var(--font-weight-heading) var(--font-size-h2)/var(--line-height-h2) var(--serif);letter-spacing:var(--letter-spacing-h2)}.cluster-heading small{display:block;color:#61727b;font-size:var(--font-size-small-1);line-height:var(--line-height-body)}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-12)}.article-list a{display:flex;min-height:235px;padding:var(--space-25);flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-14);background:white}.article-list a:hover{border-color:#aebffc;box-shadow:0 15px 40px rgba(11,30,44,.07)}.article-list a>span{color:var(--blue);font:700 var(--font-size-small-2)/var(--line-height-body) var(--mono);letter-spacing:var(--letter-spacing-body);text-transform:uppercase}.article-list strong{margin:var(--space-21) 0 var(--space-12);font-size:var(--font-size-h5);line-height:var(--line-height-h5)}.article-list p{color:var(--muted);font-size:var(--font-size-small-2);line-height:var(--line-height-body)}.article-list small{margin-top:auto;color:#52646d;font-weight:750}.article-list a[hidden]{display:none}

.guide-cta--neutral{background:var(--ink)}.guide-cta--neutral .eyebrow{color:var(--mint)}.guide-cta--neutral em{color:white}.guide-cta--neutral p:not(.eyebrow){color:#afbec5}

@media(max-width:900px){.guide-hero,.guide-summary-grid,.guide-content{grid-template-columns:1fr}.guide-hero{gap:var(--space-35)}.guide-hero>*{min-width:0}.guide-hero h1{overflow-wrap:anywhere}.guide-content{gap:var(--space-20)}.guide-side{order:-1}.side-card,.fit-box{position:static}.related-grid,.article-list{grid-template-columns:1fr 1fr}.hub-search{grid-template-columns:1fr}.hub-search label{display:none}.hub-search span{width:max-content}}
@media(max-width:620px){.guide-breadcrumb{overflow:hidden;white-space:nowrap}.guide-hero,.hub-hero{padding-block:var(--space-58) var(--space-70)}.guide-hero h1,.hub-hero h1{font-size:var(--font-size-h1)}.guide-lead{font-size:var(--font-size-lead)}.guide-summary-grid{gap:var(--space-24);padding-block:var(--space-44)}.guide-content{padding-block:var(--space-75)}.guide-main>section{padding-bottom:var(--space-62)}.guide-main h2,.related h2{font-size:var(--font-size-h2)}.action-list li{grid-template-columns:40px 1fr;padding:var(--space-17)}.related-grid,.article-list{grid-template-columns:1fr}.cluster-heading h2{font-size:var(--font-size-h2)}.guide-cta .section-shell>div:last-child{flex-direction:column}}

@media (max-width: 720px){.site-header{gap:var(--space-12);flex-wrap:wrap}.site-header>.brand{flex:1 1 165px;font-size:var(--font-size-p1)}.site-header .brand>span{max-width:9em}.header-actions{margin-left:auto;align-items:center;flex-shrink:0}.guide-header .header-actions{flex-wrap:wrap;justify-content:flex-end}.button-wide{white-space:normal;text-align:center}}

/* Recovery guide commands remain readable on narrow screens. */
.guide-command { margin:var(--space-24) 0; padding:var(--space-20); border: 1px solid var(--line); border-radius:var(--radius-12); background: var(--paper); white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--font-size-small-1); line-height:var(--line-height-body); }
.guide-command code { font: inherit; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }

.guide-content > *, .guide-summary-grid > * { min-width: 0; }
.guide-summary-grid h2 { overflow-wrap: anywhere; hyphens: auto; }

/* Semantic defaults also cover pages with no component-specific typography. */
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: var(--font-weight-heading); overflow-wrap: anywhere; }
h1 { font-size: var(--font-size-h1); line-height: var(--line-height-h1); letter-spacing: var(--letter-spacing-h1); }
h2 { font-size: var(--font-size-h2); line-height: var(--line-height-h2); letter-spacing: var(--letter-spacing-h2); }
h3 { font-size: var(--font-size-h3); line-height: var(--line-height-h3); letter-spacing: var(--letter-spacing-h3); }
h4 { font-size: var(--font-size-h4); line-height: var(--line-height-h4); letter-spacing: var(--letter-spacing-h4); }
h5 { font-size: var(--font-size-h5); line-height: var(--line-height-h5); letter-spacing: var(--letter-spacing-h5); }
h6 { font-size: var(--font-size-h6); line-height: var(--line-height-h6); letter-spacing: var(--letter-spacing-h6); }
p { font-size: var(--font-size-p1); line-height: var(--line-height-body); }
small { font-size: var(--font-size-small-1); line-height: var(--line-height-body); }
button, input, select, textarea { font-family: var(--font-body); }
input, select, textarea { font-size: var(--font-size-p1); }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
:where(.eyebrow, .section-index, .text-overline, .footer-eyebrow) { letter-spacing: var(--letter-spacing-eyebrow); }
.hero-copy > .eyebrow, .file-picker-heading .section-index, .scenarios-heading .section-index,
.guide-hero .eyebrow, .hub-hero .eyebrow { margin-bottom: var(--rhythm-eyebrow-to-heading); }
.hero-headline h1, .file-picker-heading h2, .scenarios-heading h2, .guide-hero h1, .hub-hero h1 { margin-bottom: var(--rhythm-heading-to-copy); }
.hero-headline { padding-right: 0; padding-bottom: var(--space-24); }
.headline-toggle { width: 44px; height: 44px; bottom: 0; right: 0; }
.hero-actions { flex-wrap: wrap; gap: var(--space-16); }
.sales-status { margin: var(--space-8) 0 0; max-width: 65ch; color: var(--muted); font-size: var(--font-size-small-1); }
.price-side > small { color: var(--muted); }
.site-footer .footer-description { font-size: var(--font-size-p1); }
.site-footer .footer-label { font-size: var(--font-size-h6); line-height: var(--line-height-h6); letter-spacing: var(--letter-spacing-h6); }
.guide-main p, .guide-main li, .legal-page main p { max-width: 65ch; }
/* Die Schrittliste ist eine Karte: Ihre Zeilen fuellen die volle Breite, sonst
   scheint rechts der graue Listenhintergrund als leere Spalte durch (17.09.2026). */
.guide-main .action-list li { max-width: none; }
/* Befehle und Dateinamen im Fliesstext, z. B. `btrfs restore` oder `.blend1`. */
.inline-code { font-family: var(--mono); font-size: .88em; padding: .08em .34em; border-radius: 5px; background: color-mix(in srgb, currentColor 9%, transparent); overflow-wrap: anywhere; }
.guide-main .faq-list p { font-size: var(--font-size-p1) !important; }
.guide-main, .guide-side, .price-side, .order-card, .result-card { min-width: 0; }
.platform-card ul, .platform-top, .verdict-top { flex-wrap: wrap; gap: var(--space-8); }

/* One visible-text button contract, including the compact UI controls. */
body button:not(.headline-toggle):not(.icon-button):not(.navigation-toggle), body .button, body .text-link, body .footer-download, body .site-footer .footer-download, body .file-picker-download .button {
  font-size: var(--font-size-button); line-height: 1.4; letter-spacing: var(--letter-spacing-body);
  padding: var(--button-padding-block) var(--button-padding-inline);
  gap: var(--button-icon-gap); min-height: 0; white-space: normal;
}
body :is(.button, .text-link, .footer-download):has(> span), body button[data-demo-replay]:not(.icon-button) { padding-inline-end: var(--button-icon-edge); }
body .button span, body .text-link span, body .footer-download span { font-size: inherit; }
body .button:has(> svg:first-child) { padding-inline-start: var(--button-icon-edge); }
body .button:has(> svg:last-child) { padding-inline-end: var(--button-icon-edge); }
/* Burger ohne zusaetzliches Markup: der uebersetzte Beschriftungstext bleibt der
   zugaengliche Name (font-size:0 nimmt ihn nicht aus dem A11y-Baum), die drei
   Balken sind Hintergrundverlaeufe, das X im offenen Zustand kommt aus
   ::before/::after. So aendert sich nur diese Datei und keine 2.204 Seiten.
   Der Toggle ist oben aus der generischen Buttonregel ausgenommen, sonst
   erzwingt deren Polsterung 66px Breite statt der 48px Trefferflaeche. */
.navigation-toggle { position: relative; width: 48px; height: 48px; padding: 0; border: 1px solid var(--line); border-radius: var(--radius-12); color: var(--ink); background-color: white; cursor: pointer; font-size: 0; line-height: 0; -webkit-tap-highlight-color: transparent; transition: border-color .18s ease, background-color .18s ease; }
.navigation-toggle { background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-size: 18px 2px; background-position: center 16px, center 23px, center 30px; }
.navigation-toggle:hover { border-color: var(--ink); }
.navigation-toggle:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.navigation-toggle[aria-expanded="true"] { background-image: none; border-color: var(--ink); }
.navigation-toggle[aria-expanded="true"]::before, .navigation-toggle[aria-expanded="true"]::after { content: ""; position: absolute; left: 50%; top: 50%; width: 18px; height: 2px; background: currentColor; }
.navigation-toggle[aria-expanded="true"]::before { transform: translate(-50%, -50%) rotate(45deg); }
.navigation-toggle[aria-expanded="true"]::after { transform: translate(-50%, -50%) rotate(-45deg); }
@media (prefers-reduced-motion: reduce) { .navigation-toggle { transition: none; } }
.navigation-panel { display: flex; align-items: center; flex: 1; gap: var(--space-24); min-width: 0; }
.navigation-panel[hidden], .navigation-toggle[hidden] { display: none; }
.site-header { gap: var(--space-24); }
.site-header nav { flex-wrap: wrap; gap: var(--space-24); }
.site-header .header-actions { align-items: stretch; }
.site-header .header-actions a { text-align: center; }
@media (max-width: 1200px) {
  .site-header { flex-wrap: wrap; gap: var(--space-12); }
  .site-header > .brand { flex: 1; }
  .navigation-panel { flex-basis: 100%; flex-direction: column; align-items: stretch; max-height: calc(100dvh - 110px); overflow-y: auto; padding-block: var(--space-16); }
  .site-header nav { display: flex; flex-direction: column; margin: 0; gap: var(--space-8); }
  .site-header nav a { padding-block: var(--space-8); font-size: var(--font-size-p1); }
  .site-header .header-actions { margin: 0; flex-wrap: wrap; justify-content: flex-start; }
  .site-header .header-actions .button-ghost { display: inline-flex; }
}
@media (max-width: 720px) {
  .site-header > .brand { flex-basis: 0; font-size: var(--font-size-p1); }
  .site-header .brand > span { max-width: 8em; }
  .site-header .header-actions { flex-direction: column; }
  .headline-word { white-space: normal; overflow-wrap: anywhere; }
  .headline-measure { padding-right: 0; }
  .steps li { grid-template-columns: 40px minmax(0, 1fr); gap: var(--space-16); }
  .checkout-copy h1, .result-card h1, .legal-page h1 { overflow-wrap: anywhere; }
  .result-card > .button, .result-card > .text-link { margin-inline: 0; max-width: 100%; }
}
/* The original bento arrangement grows with text instead of clipping it. */
.scenario-grid { grid-template-rows: minmax(340px, auto) 70px minmax(340px, auto); }
.scenario-art { flex: 1 0 180px; min-height: 180px; }
@media (max-width: 1000px) { .scenario-grid { grid-template-rows: none; grid-auto-rows: minmax(380px, auto); } }
@media (max-width: 620px) { .scenario-grid { grid-auto-rows: minmax(340px, auto); } }
/* Radii describe the actual inset, not an independently chosen inner corner. */
.hub-search { --outer-radius: var(--radius-12); --radius-gap: var(--space-10); border-radius: var(--outer-radius); }
.hub-search > span { border-radius: max(0px, calc(var(--outer-radius) - var(--radius-gap))); }
.license-card { --outer-radius: var(--radius-22); --radius-gap: var(--space-68); border-radius: var(--outer-radius); }
.license-card > .price-side { border-radius: max(0px, calc(var(--outer-radius) - var(--radius-gap))); }
@media (max-width: 720px) { .license-card { --radius-gap: var(--space-30); } }

body .site-footer .footer-download { padding-inline-end: var(--button-icon-edge); }
.download-section > .section-heading > p:last-child { font-size: var(--font-size-p1); }
.heading-card--platform { font-size: var(--font-size-h3); line-height: var(--line-height-h3); letter-spacing: var(--letter-spacing-h3); }
.cta-rewrite em { font-size: inherit; }

.article-list p:not(.card-title) { font-size: var(--font-size-p1); line-height: var(--line-height-body); }
.heading-card { font-weight: var(--font-weight-heading); }
.hub-hero > p:not(.eyebrow) { font-size: var(--font-size-lead); line-height: var(--line-height-body); }
.result-card > p:not(.eyebrow) { font-size: var(--font-size-p1); line-height: var(--line-height-body); }
.article-list > *, .related-grid > * { min-width: 0; overflow-wrap: anywhere; }
.guide-breadcrumb { white-space: normal; flex-wrap: wrap; overflow: visible; }
.guide-breadcrumb > * { min-width: 0; overflow-wrap: anywhere; }

.cta-rewrite del { font-size: inherit; letter-spacing: inherit; }
.cta-rewrite { line-height: inherit; }
body button:not(.headline-toggle):not(.icon-button) { display: inline-flex; justify-content: center; align-items: center; }

.features > *, .feature-wide > * { min-width: 0; }
.formats { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 720px) { .formats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.hub-search input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.final-cta a:focus-visible, .guide-cta a:focus-visible { outline-color: var(--white); }
.available a:focus-visible, .panic-card a:focus-visible { outline-color: var(--mint); }

/* Kostenloser Scanmodus (E-0016): das staerkste Kaufargument sichtbar machen,
   ohne einen zweiten Knopf zu erfinden. Ruhig gesetzt, nicht schreiend. */
.side-free { margin: 0 0 var(--space-18); padding: var(--space-14) var(--space-16); border-radius: var(--radius-14); background: #edf7f3; color: #1f5d4c; font-size: var(--font-size-small-2); line-height: var(--line-height-body); }
.cta-free { max-width: 520px; margin: var(--space-16) auto var(--space-24); color: #d6e2ff; font-size: var(--font-size-small-1); }
.microcopy--free { margin-top: var(--space-18); color: #1f5d4c; font-weight: 650; }

/* Autorenzeile der Ratgeber (seit 28.09.2026, scripts/guide-byline.mjs). */
.guide-byline{margin:0 0 var(--space-20);color:var(--muted);font-size:var(--font-size-small-1);line-height:var(--line-height-body)}
.guide-byline a{color:inherit;text-decoration:underline;text-underline-offset:.18em}
.guide-byline a:hover{color:var(--ink)}
/* Abschnittsmarke als echte Ueberschrift statt <p> (W3C „Section lacks heading",
   28.09.2026). Muss aussehen wie p.section-index; .guide-main h2 setzt sonst
   Serifenschrift und H2-Groesse. */
.guide-main h2.section-index{margin:0 0 1em;font:700 var(--font-size-h6)/var(--line-height-h6) var(--mono);letter-spacing:var(--letter-spacing-h6)}
/* Folgefragen der Autoritaetsseiten als sichtbare H2 (Query Fan-Out, Hub
   5b320433, seit 28.09.2026). Semantisch H2, optisch eine Stufe kleiner als die
   Abschnittsueberschriften, jede Frage mit Trennlinie und Abstand. */
.guide-main .guide-faq>section{padding:var(--space-25) 0 var(--space-20);border-top:1px solid var(--line)}
.guide-main .guide-faq>section:last-child{padding-bottom:0}
.guide-main .guide-faq>section>h2{margin:0 0 var(--space-12);font-size:var(--font-size-h4);line-height:var(--line-height-h4)}
.guide-main .guide-faq>section>p{margin:0}