/* Sub-pages (Cleaner, File organizer, Privacy). Loaded after the shared styles. */
.page{padding-block:70px 40px}
.page-hero{max-width:860px;margin:0 auto;text-align:center;padding-block:40px 20px}
.page-hero h1{font-size:clamp(44px,7vw,92px);line-height:.98;letter-spacing:-.055em;margin:18px 0 22px;background:linear-gradient(180deg,var(--ink) 30%,color-mix(in srgb,var(--ink) 45%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero h1 span{background:linear-gradient(90deg,#4c9ef5,#c7b7f0 50%,#f5b9e7);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero p{font-size:20px;color:var(--muted);max-width:640px;margin-inline:auto}
.page-hero .hero-actions{justify-content:center;display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:8px}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--ink)}
.prose{max-width:760px;margin:0 auto;padding-block:20px}
.prose h2{font-size:clamp(28px,3.4vw,42px);margin:56px 0 16px}
.prose h3{font-size:22px;margin:30px 0 8px;letter-spacing:-.03em}
.prose p,.prose li{font-size:17px;color:var(--muted);line-height:1.7}
.prose strong{color:var(--ink)}
.prose ul{padding-left:22px}.prose li{margin:6px 0}
.prose a{color:#4c9ef5}.prose a:hover{text-decoration:underline}
.prose .note{padding:18px 22px;border-radius:22px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:15px}
.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:26px 0}
.tool-card{padding:28px;border-radius:28px;background:var(--surface);border:1px solid var(--line)}
.tool-card h3{margin:0 0 8px;font-size:24px}.tool-card p{margin:0;font-size:15px}
.tool-card.green{background:#b7f2761f}.tool-card.blue{background:#4c9ef51f}.tool-card.amber{background:#f2c64b1f}.tool-card.lav{background:#c7b7f01f}
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}
.flow div{padding:22px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.flow b{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}.flow strong{font-size:20px;letter-spacing:-.03em}.flow p{font-size:14px;margin:8px 0 0}
.page-faq details{border-bottom:1px solid var(--line);padding-block:20px}
.page-faq summary{cursor:pointer;font-size:19px;font-weight:650;letter-spacing:-.03em;list-style:none}
.page-faq summary::-webkit-details-marker{display:none}
.page-faq details p{margin:12px 0 0}
.page-cta{max-width:860px;margin:60px auto 0;padding:44px;border-radius:36px;text-align:center;background:var(--glass-bg,var(--surface));border:1px solid var(--glass-line,var(--line))}
.page-cta h2{font-size:clamp(30px,4vw,48px);margin:0 0 12px}.page-cta p{color:var(--muted);margin-bottom:24px}
.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{font-size:14px;color:var(--muted)}.footer-links a:hover{color:var(--ink)}
.policy-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.policy-table th,.policy-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted)}
.policy-table th{color:var(--ink);font-weight:650}
@media(max-width:760px){.tool-grid,.flow{grid-template-columns:1fr}.page-cta{padding:30px 22px}.policy-table{display:block;overflow-x:auto}}
