:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft Yahei,system-ui,sans-serif;color:#0f172a;background-color:#f8fafc}*{box-sizing:border-box}body{margin:0;background:#f8fafc}a{color:inherit;text-decoration:none}button{border:none;font:inherit;cursor:pointer}.page{min-height:100vh;display:flex;flex-direction:column;gap:64px;padding-bottom:80px}.hero{background:radial-gradient(circle at top,#e0f2fe,#f8fafc 60%);padding:32px 8vw 64px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:56px}.logo{font-weight:700;font-size:22px;letter-spacing:.5px}.nav-links{display:flex;gap:24px;font-size:14px;color:#475569}.hero-content{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.hero-text h1{font-size:clamp(32px,4vw,48px);margin:12px 0 16px}.subtitle{font-size:16px;color:#475569;line-height:1.7;margin-bottom:24px}.badge{display:inline-block;padding:6px 14px;background:#0ea5e9;color:#fff;border-radius:999px;font-size:12px;letter-spacing:.2px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.primary{background:#0f172a;color:#fff;padding:12px 22px;border-radius:10px}.secondary{background:#fff;color:#0f172a;border:1px solid #e2e8f0;padding:12px 22px;border-radius:10px}.ghost{background:transparent;color:#0f172a;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px}.hero-metrics{display:flex;gap:24px;flex-wrap:wrap;color:#0f172a}.hero-metrics strong{display:block;font-size:20px}.hero-metrics span{font-size:13px;color:#64748b}.hero-card{background:#fff;padding:24px;border-radius:20px;box-shadow:0 20px 50px #0f172a14;display:flex;flex-direction:column;gap:16px}.card-title{font-weight:600}.card-item{display:flex;justify-content:space-between;color:#475569}.card-progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-bar{width:68%;height:100%;background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.card-note{font-size:13px;color:#94a3b8}.section{padding:0 8vw;display:flex;flex-direction:column;gap:32px}.section.alt{background:#fff;padding:56px 8vw}.section-title h2{margin:0 0 8px;font-size:28px}.section-title p{margin:0;color:#64748b}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card,.tool-card{background:#fff;padding:22px;border-radius:16px;border:1px solid #e2e8f0}.card h3,.tool-card h3{margin:0 0 8px}.card p,.tool-card p{margin:0;color:#64748b;line-height:1.6}.tool-header{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:12px;padding:4px 10px;border-radius:999px;background:#e0f2fe;color:#0369a1}.steps{display:grid;gap:20px}.step{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid #e2e8f0}.step-index{width:48px;height:48px;border-radius:14px;background:#0ea5e9;color:#fff;display:grid;place-items:center;font-weight:600}.cta{margin:0 8vw;background:#0f172a;color:#fff;border-radius:24px;padding:40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.cta p{color:#cbd5f5;margin:8px 0 0}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 720px){.nav-links{display:none}}