/* Page-local styles; shared dependencies remain untouched. */
.backup-page { --feature-ink:#15243b; --feature-muted:#526174; --feature-line:#dce4ee; --feature-accent:#235ccc; --feature-soft:#f3f7fc; background:#fff; color:var(--feature-ink); }
.backup-page main { background:#fff; }
.backup-page .container { max-width:1240px; padding-left:28px; padding-right:28px; }
.backup-page .feature-skip { position:fixed; z-index:10000; top:8px; left:8px; padding:12px 20px; background:#fff; color:var(--feature-ink); border:2px solid var(--feature-accent); border-radius:10px; transform:translateY(-160%); }
.backup-page .feature-skip:focus { transform:translateY(0); }
.backup-page :focus-visible { outline:3px solid var(--feature-accent); outline-offset:5px; }
.backup-page .feature-hero { position:relative; padding:175px 0 90px; background:radial-gradient(ellipse at 90% 15%,#e4eeff,transparent 48%),linear-gradient(145deg,#f7faff,#fff 65%); }
.backup-page .hero-layout { display:grid; grid-template-columns:1.05fr 1fr; gap:54px; align-items:center; }
.backup-page .hero-layout > *, .backup-page .feature-split > *, .backup-page .faq-layout > * { min-width:0; }
.backup-page .eyebrow { display:block; margin-bottom:18px; color:var(--feature-accent); font-size:.74rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.backup-page h1 { margin:0; font-size:clamp(2.8rem,4.8vw,4.65rem); line-height:1.08; letter-spacing:-.055em; font-weight:800; color:var(--feature-ink); }
.backup-page h1 span { color:var(--feature-accent); }
.backup-page .hero-lead { max-width:560px; margin:25px 0 0; font-size:1.08rem; line-height:1.8; color:var(--feature-muted); }
.backup-page .feature-actions { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 22px; }
.backup-page .feature-button { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:52px; padding:13px 21px; border-radius:12px; font-size:.88rem; font-weight:700; text-decoration:none; transition:transform .2s,box-shadow .2s; }
.backup-page .feature-button:hover { transform:translateY(-2px); box-shadow:0 10px 25px #235ccc1f; }
.backup-page .primary { background:var(--feature-accent); color:#fff; }
.backup-page .secondary { border:1px solid var(--feature-line); color:var(--feature-ink); background:#fff; }
.backup-page .hero-points { display:flex; flex-wrap:wrap; gap:12px 20px; list-style:none; margin:0; padding:0; color:var(--feature-muted); font-size:.77rem; }
.backup-page .hero-points li::before { content:"✓"; color:#187358; margin-right:7px; font-weight:800; }
.backup-page figure { position:relative; margin:0; overflow:hidden; border:1px solid var(--feature-line); border-radius:24px; background:#fff; box-shadow:0 28px 70px #233d7320; }
.backup-page .visual-bar { display:flex; gap:16px; align-items:center; padding:17px 20px; border-bottom:1px solid var(--feature-line); color:var(--feature-muted); font-size:.65rem; }
.backup-page .visual-dots { color:#aab8cf; font-size:.65rem; white-space:nowrap; }
.backup-page figcaption { position:relative; padding:18px 22px; border-top:1px solid var(--feature-line); color:var(--feature-muted); font-size:.7rem; line-height:1.7; background:#fff; }
.backup-page .benefit-strip { padding:0; border-top:1px solid var(--feature-line); border-bottom:1px solid var(--feature-line); background:#fff; }
.backup-page .benefit-strip .container { display:grid; grid-template-columns:repeat(4,1fr); }
.backup-page .benefit-strip .container > div { padding:27px 14px; border-right:1px solid var(--feature-line); text-align:center; }
.backup-page .benefit-strip .container > div:last-child { border-right:0; }
.backup-page .benefit-strip strong { display:block; font-size:1.15rem; letter-spacing:-.03em; margin-bottom:5px; }
.backup-page .benefit-strip span { color:var(--feature-muted); font-size:.74rem; }
.backup-page .feature-section { padding:95px 0; scroll-margin-top:110px; }
.backup-page .feature-tint { background:var(--feature-soft); border-top:1px solid #e8eef6; border-bottom:1px solid #e8eef6; }
.backup-page .feature-intro { max-width:780px; margin-bottom:36px; }
.backup-page h2 { font-size:clamp(2rem,3.1vw,3rem); font-weight:800; line-height:1.15; letter-spacing:-.045em; margin:0 0 20px; color:var(--feature-ink); }
.backup-page h3 { font-size:1.1rem; font-weight:750; line-height:1.4; letter-spacing:-.02em; color:var(--feature-ink); margin:0 0 13px; }
.backup-page .feature-section p, .backup-page .feature-final p { color:var(--feature-muted); line-height:1.85; font-size:.95rem; margin:0 0 16px; }
.backup-page .feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.backup-page .feature-card { position:relative; padding:30px; background:#fff; border:1px solid var(--feature-line); border-radius:20px; }
.backup-page .feature-card p { font-size:.86rem; margin-bottom:0; }
.backup-page .card-number { display:grid; place-items:center; width:42px; height:42px; background:var(--feature-soft); border:1px solid var(--feature-line); color:var(--feature-accent); font-size:.74rem; font-weight:800; border-radius:12px; margin-bottom:30px; }
.backup-page .workflow { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; counter-reset:step; }
.backup-page .workflow li { padding:26px 22px; border:1px solid var(--feature-line); background:#fff; border-radius:18px; }
.backup-page .workflow li > span { display:inline-grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--feature-soft); color:var(--feature-accent); font-size:.8rem; font-weight:800; margin-bottom:28px; }
.backup-page .workflow p { font-size:.82rem; margin:0; }
.backup-page .scope-note { display:flex; align-items:flex-start; gap:15px; padding:22px 25px; border-radius:16px; border:1px solid #c9d7ef; background:#eaf1fc; margin-top:25px; }
.backup-page .scope-note > i { font-size:1.2rem; color:var(--feature-accent); }
.backup-page .scope-note p { font-size:.86rem; margin:0; }
.backup-page .scope-note strong { color:var(--feature-ink); }
.backup-page .feature-split { display:grid; grid-template-columns:1.15fr 1fr; gap:70px; align-items:center; }
.backup-page .data-card, .backup-page .extras-card { padding:38px; border:1px solid var(--feature-line); border-radius:22px; background:linear-gradient(135deg,#f4f8ff,#fff); }
.backup-page .data-card h3, .backup-page .extras-card h3 { font-size:1.35rem; }
.backup-page .data-card ul, .backup-page .extras-card ul { padding-left:20px; margin:22px 0; color:var(--feature-ink); font-size:.86rem; line-height:1.7; }
.backup-page .data-card li, .backup-page .extras-card li { margin-bottom:12px; }
.backup-page .data-card p, .backup-page .extras-card p { font-size:.84rem; margin-bottom:0; }
.backup-page .extras-card p + p { margin-top:14px; }
.backup-page .text-link { display:inline-flex; gap:10px; align-items:center; margin-top:14px; color:var(--feature-accent); font-size:.9rem; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.backup-page .faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:start; }
.backup-page .feature-faq details { border:1px solid var(--feature-line); border-radius:15px; margin-bottom:14px; background:#fff; padding:0 23px; }
.backup-page .feature-faq summary { padding:22px 0; font-size:.94rem; line-height:1.6; font-weight:700; cursor:pointer; color:var(--feature-ink); }
.backup-page .feature-faq p { font-size:.86rem; margin-bottom:23px; }
.backup-page .feature-final { padding:0 0 95px; }
.backup-page .final-card { display:flex; gap:40px; justify-content:space-between; align-items:center; padding:46px; border:1px solid #c8d7ef; border-radius:26px; background:radial-gradient(ellipse at 100% 100%,#e1ebff,transparent 60%),#f5f8ff; }
.backup-page .final-card > div { max-width:740px; }
.backup-page .final-card h2 { font-size:clamp(1.9rem,2.8vw,2.8rem); }
.backup-page .final-card p { margin:0; }
.backup-page .final-card .feature-button { flex-shrink:0; }
.backup-page .footer { background:#fff; }
@media (max-width:1100px) {
 .backup-page .hero-layout { gap:30px; grid-template-columns:1fr 1fr; }
 .backup-page .feature-split { gap:40px; }
 .backup-page .workflow { grid-template-columns:repeat(2,1fr); }
 .backup-page .feature-card { padding:24px; }
}
@media (max-width:850px) {
 .backup-page .feature-hero { padding:145px 0 60px; }
 .backup-page .hero-layout, .backup-page .feature-split, .backup-page .faq-layout { grid-template-columns:1fr; gap:40px; }
 .backup-page .hero-copy { max-width:650px; }
 .backup-page .hero-layout figure { width:100%; max-width:580px; margin:auto; }
 .backup-page .feature-grid { grid-template-columns:1fr; }
 .backup-page .feature-section { padding:65px 0; }
 .backup-page .feature-final { padding-bottom:65px; }
 .backup-page .final-card { flex-direction:column; align-items:flex-start; }
}
@media (max-width:520px) {
 .backup-page .container { padding-left:20px; padding-right:20px; }
 .backup-page h1 { font-size:2.7rem; }
 .backup-page .hero-lead { font-size:1rem; }
 .backup-page .feature-actions { flex-direction:column; align-items:stretch; }
 .backup-page .benefit-strip .container { grid-template-columns:1fr 1fr; }
 .backup-page .benefit-strip .container > div { padding:21px 6px; }
 .backup-page .benefit-strip .container > div:nth-child(2) { border-right:0; }
 .backup-page .benefit-strip .container > div:nth-child(-n+2) { border-bottom:1px solid var(--feature-line); }
 .backup-page .benefit-strip strong { font-size:1rem; }
 .backup-page .workflow { grid-template-columns:1fr; }
 .backup-page .data-card, .backup-page .extras-card { padding:26px; }
 .backup-page .final-card { width:calc(100% - 40px); padding:30px 24px; }
 .backup-page .visual-bar { padding:14px; gap:10px; font-size:.58rem; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 .backup-page *, .backup-page *::before, .backup-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

.backup-page .backup-scene { position:relative; height:370px; background:radial-gradient(circle at 70% 45%,#dfebff,transparent 54%),#f8fbff; overflow:hidden; }
.backup-page .backup-orbit { position:absolute; width:270px; height:270px; top:40px; left:calc(50% - 135px); border:1px dashed #9bb6e5; border-radius:50%; transform:rotate(-20deg); }
.backup-page .site-document { position:absolute; z-index:2; top:76px; left:7%; width:42%; padding:22px; border:1px solid #c7d5e9; border-radius:16px; background:#fff; box-shadow:0 18px 35px #284d8620; animation:backupDocument 7s ease-in-out infinite; }
.backup-page .document-label { color:#65758c; font-size:.55rem; letter-spacing:.1em; font-weight:800; }
.backup-page .document-block { height:58px; margin-top:15px; border-radius:8px; background:linear-gradient(125deg,#c2d9ff,#eaf2ff); }
.backup-page .document-lines { height:34px; margin:14px 0; background:repeating-linear-gradient(to bottom,#e3eaf4 0 5px,transparent 5px 12px); width:85%; }
.backup-page .document-note { font-size:.62rem; color:#637389; }
.backup-page .backup-stack { position:absolute; width:39%; height:180px; top:102px; right:7%; }
.backup-page .snapshot { position:absolute; inset:0; border:1px solid #a7bfe7; border-radius:20px; }
.backup-page .snapshot-back { background:#e3edff; transform:translate(14px,-24px) rotate(9deg); }
.backup-page .snapshot-middle { background:#f2f6ff; transform:translate(7px,-12px) rotate(4deg); }
.backup-page .snapshot-front { display:flex; flex-direction:column; justify-content:center; align-items:center; background:#fff; box-shadow:0 20px 40px #284d8622; animation:backupSnapshot 7s ease-in-out infinite; }
.backup-page .snapshot-front i { font-size:2rem; color:#235ccc; margin-bottom:8px; }
.backup-page .snapshot-front strong { color:#1e4286; font-size:1.8rem; letter-spacing:-.05em; }
.backup-page .snapshot-front span { color:#637389; font-size:.68rem; }
.backup-page .restore-chip { position:absolute; z-index:3; left:50%; bottom:32px; transform:translateX(-50%); display:flex; align-items:center; gap:8px; white-space:nowrap; padding:13px 18px; border:1px solid #bddcce; background:#effaf5; color:#24634d; border-radius:12px; font-size:.72rem; font-weight:700; }
.backup-page .flow-dot { position:absolute; z-index:1; width:10px; height:10px; border-radius:50%; background:#588be3; left:calc(50% - 5px); top:36px; transform-origin:5px 139px; box-shadow:0 0 0 5px #588be31a; animation:backupOrbit 12s linear infinite; }
@keyframes backupDocument { 0%,100% { transform:translateY(0) rotate(-3deg); } 50% { transform:translateY(-7px) rotate(-3deg); } }
@keyframes backupSnapshot { 0%,100% { transform:translateY(0); } 50% { transform:translateY(6px); } }
@keyframes backupOrbit { to { transform:rotate(360deg); } }
@media (max-width:520px) {
 .backup-page .backup-scene { height:310px; }
 .backup-page .site-document { top:64px; left:5%; padding:15px; }
 .backup-page .backup-stack { top:85px; right:7%; height:160px; }
 .backup-page .snapshot-front strong { font-size:1.4rem; }
 .backup-page .backup-orbit { width:230px; height:230px; top:25px; left:calc(50% - 115px); }
 .backup-page .flow-dot { top:20px; transform-origin:5px 120px; }
 .backup-page .restore-chip { bottom:17px; font-size:.65rem; }
}