:root{--ink:#282537;--muted:#6b6579;--accent:#795c9e;--bg:#faf8fc;--line:#e5dfec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #9c70c1;outline-offset:5px}.wrap{max-width:1120px;margin:auto;padding:0 28px}header{border-bottom:1px solid var(--line);background:#faf8fce8}nav{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-weight:650}.brand img{width:40px;height:40px;border-radius:11px}.links{display:flex;gap:26px;font-size:14px}.links a{text-decoration:none}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center;padding:76px 0 90px}.eyebrow{color:var(--accent);font-size:13px;letter-spacing:3px;font-weight:600}.hero h1{font-size:clamp(40px,4.7vw,62px);line-height:1.28;letter-spacing:-2px;font-weight:600;margin:24px 0}.hero h1 span{color:var(--accent)}.lead{font-size:18px;max-width:500px;color:var(--muted)}.actions{display:flex;gap:20px;align-items:center;margin-top:30px;flex-wrap:wrap}.button{display:inline-block;padding:12px 24px;border-radius:100px;background:var(--ink);color:white;text-decoration:none;font-size:14px}.note{font-size:13px;color:var(--muted);margin-top:20px}.device{max-width:290px;margin:auto;border:8px solid #292731;border-radius:44px;overflow:hidden;box-shadow:0 25px 70px #4232501c;background:white}.device img{display:block;width:100%;height:auto}.caption{text-align:center;font-size:12px;color:var(--muted);margin:16px 0 0}.section{padding:75px 0;border-top:1px solid var(--line)}h2{font-size:34px;line-height:1.35;letter-spacing:-1px;margin:12px 0 20px}h3{font-size:21px;line-height:1.4;margin:0 0 12px}p{margin:0 0 18px}.intro{max-width:650px;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:38px}.num{color:#a28bb5;font-size:13px;letter-spacing:2px;margin-bottom:14px}.features p{color:var(--muted);font-size:15px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.theme{margin:0;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.theme img{width:100%;height:130px;object-fit:cover;display:block}.theme figcaption{padding:18px}.theme strong{display:block;font-size:18px}.theme span{font-size:13px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.steps{padding-left:23px;color:var(--muted)}.steps li{margin-bottom:12px}.soft{background:#efebf5;padding:30px;border-radius:18px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-weight:600;cursor:pointer}details p{margin:15px 0 0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:13px}.foot{display:flex;justify-content:space-between;gap:24px}.prose{max-width:800px;padding-top:60px;padding-bottom:70px}.prose h1{font-size:40px;line-height:1.3}.prose h2{font-size:24px;margin-top:35px}.prose p,.prose li{color:var(--muted)}.prose ul{padding-left:22px}@media(max-width:720px){.wrap{padding:0 22px}nav{min-height:76px;align-items:flex-start;padding:18px 0;flex-wrap:wrap}.links{gap:18px;font-size:13px}.hero{grid-template-columns:1fr;gap:42px;padding:45px 0 55px}.hero h1{letter-spacing:-1px}.device{max-width:260px}.features,.split{grid-template-columns:1fr;gap:24px}.theme-grid{grid-template-columns:1fr 1fr;gap:12px}.theme img{height:100px}.theme figcaption{padding:13px}.section{padding:48px 0}h2{font-size:28px}.foot{flex-direction:column}.prose h1{font-size:32px}.hero .lead{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}