.pagekeep-page{background:var(--cream)}
.pagekeep-site-header{color:var(--cream);background:var(--deep)}
.pagekeep-project-hero{padding:74px 0 88px;background:var(--paper)}
.pagekeep-hero-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:64px;align-items:center}
.pagekeep-hero-copy h1{font:600 clamp(2.8rem,6vw,4.4rem)/1.05 var(--font-en-title);letter-spacing:-.03em;margin:0}
.pagekeep-tagline{font-family:var(--font-zh-title);font-size:clamp(1.25rem,2.2vw,1.6rem);margin:14px 0 22px}
.pagekeep-hero-copy>p:not(.kicker):not(.pagekeep-tagline){font-size:1.08rem;color:var(--muted)}
.pagekeep-meta{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.pagekeep-meta span{border:1px solid var(--ink);border-radius:999px;padding:6px 13px;font-size:.86rem}
.pagekeep-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pagekeep-hero-art{border-radius:8px}
.pagekeep-features{padding:82px 0}
.pagekeep-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;border-top:1px solid var(--line);padding-top:30px;margin-bottom:76px}
.pagekeep-section-heading h2,.pagekeep-backup h2{font:400 clamp(2rem,3.3vw,2.6rem)/1.3 var(--font-zh-title);margin:0}
.pagekeep-section-heading p{color:var(--muted);margin:0}
.pagekeep-feature-row{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:72px;align-items:center;padding:62px 0;border-top:1px solid var(--line)}
.pagekeep-feature-row.reverse{grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr)}
.pagekeep-feature-row.reverse .pagekeep-feature-copy{grid-column:2;grid-row:1}
.pagekeep-feature-row.reverse img{grid-column:1;grid-row:1}
.pagekeep-feature-copy span{font-family:var(--font-en-title);color:var(--coral)}
.pagekeep-feature-copy h3{font:400 clamp(1.6rem,2.5vw,2rem)/1.35 var(--font-zh-title);margin:18px 0 12px}
.pagekeep-feature-copy p{color:var(--muted);font-size:1.05rem}
.pagekeep-feature-row img{width:min(100%,520px);max-height:760px;object-fit:contain;margin-inline:auto;border-radius:8px;background:var(--paper)}
.pagekeep-backup{padding:84px 0;background:var(--ink);color:var(--cream)}
.pagekeep-backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.pagekeep-backup h2{color:var(--cream)}
.pagekeep-backup-grid>div:last-child>p{font-size:1.08rem;margin:0 0 26px}
.pagekeep-backup .button{min-height:56px;padding:13px 28px;font-size:1.05rem}
.pagekeep-policy-link{font-weight:800;color:var(--cream);padding:10px 4px}
.pagekeep-policy-link:hover,.pagekeep-policy-link:focus-visible{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.pagekeep-project-hero,.pagekeep-backup{padding:64px 0}.pagekeep-features{padding:58px 0}.pagekeep-hero-grid,.pagekeep-section-heading,.pagekeep-feature-row,.pagekeep-feature-row.reverse,.pagekeep-backup-grid{grid-template-columns:1fr;gap:36px}.pagekeep-section-heading{margin-bottom:42px}.pagekeep-feature-row{padding:46px 0}.pagekeep-feature-row.reverse .pagekeep-feature-copy,.pagekeep-feature-row.reverse img{grid-column:auto;grid-row:auto}.pagekeep-feature-row img{max-height:none;width:100%}.pagekeep-actions{align-items:stretch;flex-direction:column}.pagekeep-actions .button{width:100%}.pagekeep-policy-link{text-align:center}.pagekeep-site-header .mobile-menu-panel{background:var(--deep)}}
