:root{color-scheme:dark;--canvas:#0f1420;--surface:#171d2e;--raised:#1d263a;--line:#34415e;--text:#e6ebf5;--muted:#a5b2ce;--accent:#a8c8ff;--accent-text:#10203b;--focus:#b5d3ff;--success:#95dfb4;--danger:#ffb1b1;--radius:8px;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--space:1rem;--wide:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--body);font-size:1rem;line-height:1.65}a{color:var(--accent);text-underline-offset:.25em}a:hover{text-decoration:underline}button,input,textarea{font:inherit}a,button,input,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5.3vw,4.6rem);font-weight:650;max-width:11ch;margin-bottom:1.6rem}h2{font-size:clamp(2rem,3.4vw,3rem);font-weight:600;margin-bottom:1.5rem}h3{font-size:1.25rem;font-weight:600;margin-bottom:.6rem}p{margin-bottom:1rem}.container{max-width:var(--wide);margin-inline:auto;padding-inline:2rem}.skip-link{position:fixed;top:1rem;left:1rem;transform:translateY(-200%);background:var(--accent);color:var(--accent-text);padding:.75rem 1rem;z-index:10}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:var(--wide);padding:1.4rem 2rem;margin:auto;display:flex;align-items:center;gap:2rem;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--text);font-size:1.4rem;font-weight:750;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.brand-accent{color:var(--accent)}.brand b{font-size:.75em;font-weight:550;padding-left:.6rem;margin-left:.25rem;border-left:1px solid var(--line);letter-spacing:.02em}.header-inner nav{display:flex;gap:1.5rem;font-size:.875rem}.header-inner nav a{color:var(--muted);text-decoration:none;min-height:44px;display:flex;align-items:center}.header-inner nav a:hover{color:var(--text)}.languages{display:flex;gap:.1rem}.languages a{font-size:.75rem;font-weight:650;min-width:38px;min-height:44px;display:grid;place-items:center;text-decoration:none;border-bottom:2px solid transparent;color:var(--muted)}.languages a[aria-current]{color:var(--text);border-color:var(--accent)}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);gap:5rem;align-items:center;padding-block:6rem 4rem}.eyebrow{font-size:.75rem;letter-spacing:.07em;color:var(--accent);font-weight:600;margin-bottom:1.3rem}.lead{color:var(--muted);font-size:1.1rem;line-height:1.8}.hero .lead{max-width:48ch}.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-block:2rem 1.2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:48px;padding:.85rem 1.2rem;border:1px solid transparent;border-radius:var(--radius);font-weight:650;cursor:pointer;text-decoration:none;line-height:1.4}.button.primary{background:var(--accent);color:var(--accent-text)}.button:hover{background:var(--focus);text-decoration:none}.button:active{transform:translateY(1px)}.text-link{font-size:.875rem;font-weight:600;min-height:44px;display:inline-flex;align-items:center;gap:.8rem}.fine-print{font-size:.75rem;color:var(--muted);max-width:58ch}.protection-path{margin:0;padding:1.7rem 1.8rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;position:relative}.protection-path figcaption{font-size:.75rem;color:var(--muted);margin-bottom:1.5rem}.protection-path ol{list-style:none;margin:0;padding:0;position:relative}.protection-path ol:before{content:"";position:absolute;left:16px;top:26px;bottom:25px;width:1px;background:var(--line)}.protection-path li{position:relative;display:flex;align-items:center;gap:1rem;padding-bottom:1.8rem}.protection-path li:last-child{padding-bottom:0}.path-number{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);background:var(--surface);border-radius:50%;font: .65rem var(--mono);color:var(--muted)}.protection-path strong{font-size:.95rem;font-weight:600}.protection-path p{font-size:.75rem;line-height:1.5;color:var(--muted);margin:.3rem 0 0}.path-check .path-number{border-color:var(--success);color:var(--success)}.check-sign{margin-left:auto;color:var(--success);font-size:1.5rem}.path-recovery{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--line)}.path-recovery>span{font-size:1.8rem;color:var(--accent);line-height:1.2}.principle{display:flex;align-items:center;gap:1.2rem;padding-block:1.7rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle>span{font-size:1.5rem;color:var(--success)}.principle p{margin:0;font-size:1.1rem;letter-spacing:-.01em}.chapter{padding-block:6rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5rem}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:1.3rem;border-top:1px solid var(--line);padding:1.5rem 0}.steps li:first-child{padding-top:0;border:0}.step-number{font-family:var(--mono);font-size:.75rem;color:var(--accent);padding-top:.25rem}.steps p{color:var(--muted);font-size:.9rem;margin:0}.recovery-section{background:var(--surface);border-block:1px solid var(--line)}.recovery-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr);gap:5rem;padding-block:5rem;align-items:center}.recovery-list{list-style:none;padding:0;margin:0}.recovery-list li{padding:1.2rem 0;border-bottom:1px solid var(--line);display:flex;gap:1rem;font-size:1rem}.recovery-list li>span{color:var(--accent)}.scope-note{border-left:2px solid var(--line);padding-left:1.2rem;font-size:.8rem;color:var(--muted);margin-top:1.6rem}.comparison{padding-block:0 5rem}.narrow{max-width:78ch}.comparison-table{margin-top:2rem;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.9rem;text-align:left;table-layout:fixed}th,td{padding:1.4rem 1.25rem;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}thead th{font-size:.8rem;color:var(--muted);font-weight:550;background:var(--surface)}tbody th{font-weight:550;width:24%}td{color:var(--muted)}td:last-child{color:var(--text);background:var(--surface)}.faq{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.3fr);gap:4rem;padding-block:1rem 6rem}details{border-top:1px solid var(--line)}summary{padding:1.3rem 0;cursor:pointer;font-weight:550;line-height:1.5}summary:hover{color:var(--accent)}details p{font-size:.9rem;color:var(--muted);padding-bottom:1rem}.contact-section{background:var(--surface);border-block:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5rem;padding-block:5rem}.contact-address{margin-top:1.2rem;font-size:.9rem}label{display:block;font-size:.8rem;font-weight:550;margin-bottom:.45rem}input,textarea{display:block;width:100%;background:var(--canvas);border:1px solid var(--line);border-radius:6px;color:var(--text);padding:.75rem .85rem;min-height:46px;margin-bottom:1.2rem}textarea{resize:vertical}input[aria-invalid],textarea[aria-invalid]{border-color:var(--danger)}.form-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.consent{display:flex;gap:.75rem;align-items:flex-start;color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.7;margin-block:.5rem 1.5rem}.consent input{width:18px;height:18px;min-height:0;flex:0 0 18px;margin-top:.25rem;accent-color:var(--accent)}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.form-notice{padding:1rem;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.5rem}.form-notice.success{color:var(--success)}.form-notice.error{color:var(--danger)}.form-notice ul{margin-bottom:0;padding-left:1.2rem}.privacy{padding-block:2rem}.privacy details{border:0}.privacy summary{font-size:.8rem;padding:.5rem 0}.privacy p{max-width:100ch;font-size:.75rem}.footer{display:flex;justify-content:space-between;gap:2rem;padding-block:2rem 3rem}.footer p,.footer a:not(.brand){font-size:.75rem;color:var(--muted);margin-top:.8rem}.footer>div:last-child{text-align:right}.footer .brand{font-size:1.25rem}
@media(max-width:1050px){.header-inner nav{gap:1rem}.hero,.chapter,.recovery-grid,.contact-grid{gap:2.5rem}.hero{padding-block:4rem}.hero h1{font-size:3.5rem}.header-inner{gap:1rem}.brand{font-size:1.2rem}.brand img{width:30px;height:30px}}
@media(max-width:800px){.header-inner{flex-wrap:wrap}.header-inner nav{order:3;width:100%;justify-content:space-between}.hero,.chapter,.recovery-grid,.contact-grid,.faq{grid-template-columns:minmax(0,1fr)}.hero{gap:2.5rem}.hero h1{font-size:clamp(2.8rem,8vw,4.5rem);max-width:14ch}.hero-copy{max-width:620px}.protection-path{max-width:560px;width:100%}.chapter{padding-block:4rem;gap:2rem}.recovery-grid,.contact-grid{padding-block:4rem}.faq{gap:1rem;padding-bottom:4rem}.comparison{padding-bottom:3rem}th,td{padding:1rem .7rem;font-size:.8rem}}
@media(max-width:480px){.container,.header-inner{padding-inline:1.2rem}.header-inner{padding-block:1rem}.header-inner nav{gap:.75rem;font-size:.7rem}.header-inner nav a{max-width:32%;line-height:1.4}.languages a{min-width:32px}.brand{gap:.45rem;font-size:1.1rem}.hero{padding-block:3rem}.hero h1{font-size:3rem}.hero .lead,.lead{font-size:1rem}.actions{gap:.75rem}.button{width:100%;font-size:.875rem}.protection-path{padding:1.3rem}.principle{gap:.8rem}.principle p{font-size:.9rem}.form-pair{grid-template-columns:minmax(0,1fr);gap:0}.comparison-table table,.comparison-table tbody,.comparison-table tr,.comparison-table td,.comparison-table th{display:block;width:100%}.comparison-table thead{display:none}.comparison-table tr{padding:1rem 0;border-bottom:1px solid var(--line)}.comparison-table th{padding:.4rem 0 .7rem;border:0;font-size:.95rem}.comparison-table td{padding:.6rem .8rem;border:0}.comparison-table td:nth-child(2):before{content:"OneDrive / Sync";display:block;font-size:.65rem;color:var(--accent);margin-bottom:.3rem}.comparison-table td:last-child:before{content:"CloudBrain ZDL";display:block;font-size:.65rem;color:var(--accent);margin-bottom:.3rem}.footer{flex-direction:column;gap:1rem}.footer>div:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:active{transform:none}}