.autosave-page { background: #06100d; color: #f5fff9; }
.autosave-page::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 15% 8%, rgba(80,255,169,.16), transparent 32%), radial-gradient(circle at 82% 18%, rgba(0,231,255,.12), transparent 30%), linear-gradient(180deg, rgba(6,16,13,.72), #07090d 64%); z-index: -1; }
.autosave-hero { min-height: 780px; display: grid; align-items: center; padding: 150px 0 88px; overflow: hidden; }
.autosave-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .8fr); gap: 44px; align-items: center; }
.autosave-copy h1 { margin: 12px 0 16px; font-size: clamp(54px, 9vw, 126px); line-height: .86; letter-spacing: -.08em; text-transform: uppercase; }
.autosave-copy .lead { max-width: 760px; color: #cfe6dc; font-size: clamp(18px, 2vw, 24px); line-height: 1.55; }
.autosave-actions, .center-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.autosave-actions .button, .center-actions .button { justify-content: center; }
.autosave-page .button.primary { border-color: transparent; background: linear-gradient(135deg, #50ffa9, #00e7ff); color: #06100d; box-shadow: 0 18px 55px rgba(80,255,169,.18); }
.autosave-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 34px; max-width: 800px; }
.autosave-stats span { padding: 18px; border: 1px solid rgba(255,255,255,.11); border-radius: 18px; background: rgba(255,255,255,.045); }
.autosave-stats strong, .autosave-stats small { display: block; }
.autosave-stats small { margin-top: 5px; color: #9fb8ae; }
.autosave-card { padding: 28px; border: 1px solid rgba(80,255,169,.22); border-radius: 30px; background: linear-gradient(145deg, rgba(9,27,23,.88), rgba(6,8,13,.95)); box-shadow: 0 30px 95px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.04); }
.card-top { display: flex; gap: 8px; margin-bottom: 28px; }
.card-top span { width: 12px; height: 12px; border-radius: 50%; background: #50ffa9; opacity: .82; }
.autosave-card h2 { margin: 0; font-size: 32px; letter-spacing: -.04em; }
.status-ok { color: #50ffa9; font-weight: 800; }
.daw-row { display: flex; justify-content: space-between; gap: 16px; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.1); color: #dff7ed; }
.daw-row strong { color: #50ffa9; }
.progress { height: 10px; margin: 20px 0; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; }
.progress i { display: block; width: 74%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #50ffa9, #00e7ff); }
.card-note { color: #9fb8ae; font-size: 14px; line-height: 1.65; }
.autosave-section { padding: 92px 0; }
.autosave-section.alt { background: rgba(255,255,255,.025); border-block: 1px solid rgba(255,255,255,.06); }
.narrow { max-width: 920px; }
.section-badge { display: inline-flex; margin-bottom: 16px; padding: 8px 12px; border: 1px solid rgba(80,255,169,.28); border-radius: 999px; color: #50ffa9; font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; background: rgba(80,255,169,.06); }
.autosave-section h2, .privacy-band h2, .final-cta h2 { margin: 0 0 16px; font-size: clamp(34px, 5vw, 66px); line-height: .98; letter-spacing: -.06em; }
.autosave-section p, .privacy-band p, .final-cta p { color: #bfd4cc; line-height: 1.75; }
.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
.feature-grid article, .price-card { padding: 24px; border: 1px solid rgba(255,255,255,.09); border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025)); }
.feature-grid h3 { margin: 0 0 10px; color: #eafff4; font-size: 20px; }
.split { display: grid; grid-template-columns: minmax(0, .9fr) minmax(320px, .75fr); gap: 42px; align-items: start; }
.check-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.check-list li { padding: 16px 18px; border: 1px solid rgba(80,255,169,.16); border-radius: 16px; background: rgba(80,255,169,.045); color: #dff7ed; }
.check-list li::before { content: "✓"; margin-right: 10px; color: #50ffa9; font-weight: 900; }
.privacy-band { padding: 86px 0; background: linear-gradient(135deg, rgba(80,255,169,.1), rgba(0,231,255,.06)); border-block: 1px solid rgba(80,255,169,.15); }
.price-intro { max-width: 760px; }
.autosave-price-grid { margin-top: 26px; }
.price-card.featured { border-color: rgba(80,255,169,.42); box-shadow: 0 20px 65px rgba(80,255,169,.1); }
.final-cta { padding: 96px 0 120px; text-align: center; }
.final-cta .button { margin-top: 18px; }
@media (max-width: 900px) { .autosave-hero-grid, .split { grid-template-columns: 1fr; } .feature-grid, .autosave-stats { grid-template-columns: 1fr; } .autosave-hero { padding-top: 120px; } }