.backup-hero{padding-top:28px}
.backup-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:40px}
.backup-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.backup-breadcrumb [aria-current]{color:var(--text)}
.backup-hero h1{max-width:17ch;font-size:clamp(42px,4.8vw,68px)}
.backup-hero .hero-grid{gap:64px}
.recovery-map{min-width:0;padding:30px 32px;border:1px solid #34445f;border-radius:24px;background:linear-gradient(145deg,#14243e,var(--surface))}
.recovery-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.recovery-brand>p{font-size:12px;line-height:1.8;color:var(--muted)}
.recovery-logo{display:flex;align-items:center;justify-content:center;width:172px;height:64px;flex-shrink:0;border-radius:12px;background:#f5f7fa}
.recovery-logo img{width:172px;height:78px}
.recovery-path li{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;padding:0 0 32px}
.recovery-path li:not(:last-child):before{content:'';position:absolute;left:20px;top:42px;bottom:0;border-left:1px solid #648ada}
.recovery-number{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #648ada;border-radius:50%;font-size:12px;background:var(--panel);color:var(--focus)}
.recovery-path h2{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.6px;padding-top:6px}
.recovery-path p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:10px;max-width:35ch}
.recovery-path .recovery-destination{padding-bottom:0}
.recovery-destination .recovery-number{border-color:#90ceb0;background:#193629;color:#e4f8ed}
.recovery-map figcaption{font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:28px;max-width:52ch}
.backup-link{color:var(--focus);margin-top:18px}
.recovery-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.recovery-decisions article{border-top:1px solid #648ada;padding-top:28px}
.recovery-decisions h3{font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-.7px}
.recovery-decisions p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:18px}
@media(max-width:1100px){.backup-hero .hero-grid{gap:36px}.recovery-map{padding:26px}.recovery-brand{gap:14px}.recovery-logo{width:145px}.recovery-logo img{width:145px;height:66px}.recovery-decisions{gap:28px}}
@media(max-width:880px){.recovery-map{width:100%;max-width:610px;margin-inline:auto}.backup-hero .hero-grid{gap:40px}.recovery-brand{justify-content:flex-start;gap:28px}}
@media(max-width:600px){.backup-breadcrumb{margin-bottom:32px}.backup-hero h1{font-size:42px}.recovery-map{padding:24px 20px;border-radius:18px}.recovery-brand{gap:18px;flex-wrap:wrap;margin-bottom:28px}.recovery-logo{width:145px;height:56px}.recovery-brand>p{font-size:11px}.recovery-path li{grid-template-columns:36px minmax(0,1fr);gap:16px}.recovery-number{width:36px;height:36px}.recovery-path li:not(:last-child):before{left:17px;top:36px}.recovery-path h2{font-size:20px;padding-top:4px}.recovery-decisions{grid-template-columns:1fr;gap:30px}.recovery-decisions h3{font-size:24px}}