:root{--p:#6C4FF8;--ps:#9B8AFB;--deep:#1E1B2E;--bg:#F7F6FB;--tint:#EEEAF8;--ink:#252331;--muted:#716E7E;--accent:#F06A8A;--line:#ddd8ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.72}img{max-width:100%;display:block}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{width:min(860px,calc(100% - 40px))}.skip{position:fixed;top:-70px;left:16px;background:var(--deep);color:#fff;padding:9px 13px;z-index:99}.skip:focus{top:12px}.top{position:sticky;top:0;z-index:40;background:rgba(247,246,251,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topin{min-height:72px;display:flex;align-items:center}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;font-size:20px;font-weight:800}.brand span{width:34px;height:34px;display:grid;place-items:center;background:var(--p);color:#fff;border-radius:11px}nav{margin-left:auto;display:flex;gap:6px}nav a{padding:9px 12px;border-radius:11px;text-decoration:none;color:var(--muted);font-size:15px}nav a:hover,nav a.active{background:var(--tint);color:var(--deep)}.menu{display:none;margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:11px;padding:8px 12px}.hero{padding:70px 0 58px}.heroGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}.hero h1,.pagehero h1{font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-.04em;margin:0 0 22px;color:var(--deep)}.pagehero h1{font-size:clamp(36px,4.6vw,58px)}.eyebrow{margin:0 0 10px;color:var(--p);font-weight:800;letter-spacing:.06em;font-size:14px}.lead{font-size:19px;color:#595565;max-width:800px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;text-decoration:none;padding:12px 18px;border-radius:14px;font-weight:760}.primary{background:var(--p);color:#fff}.soft{background:var(--tint);color:var(--deep)}.white{background:#fff;color:var(--deep)}figure{margin:0;background:#fff;border-radius:28px;padding:14px;box-shadow:0 18px 50px rgba(30,27,46,.09)}figure img{aspect-ratio:4/3;object-fit:cover;border-radius:19px}figcaption{padding:10px 5px 2px;color:var(--muted);font-size:13px}.section{padding:72px 0}.tint{background:var(--tint)}.deep{background:var(--deep);color:#fff}.head{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:42px;align-items:end;margin-bottom:34px}.head h2,.split h2,.prose h2{margin:0;color:var(--deep);font-size:clamp(28px,3.1vw,44px);line-height:1.16;letter-spacing:-.025em}.head>p{margin:0;color:var(--muted)}.light h2{color:#fff}.light>p{color:#c9c4d9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article,.note{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.steps b{color:var(--accent);font-size:13px}.steps h3{margin:8px 0}.steps p,.split p{color:var(--muted)}.more{display:inline-block;margin-top:24px;color:var(--p);font-weight:760;text-decoration:none}.topics{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.topics article{display:grid;grid-template-columns:150px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px}.topics img{width:150px;height:140px;object-fit:cover;border-radius:16px}.topics h3{margin:6px 0 8px}.topics p{margin:0;color:var(--muted);font-size:14px}.split{display:grid;grid-template-columns:1.25fr .75fr;gap:56px}.note h3{margin-top:0}.devices{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px}.devices article{background:#2b273c;border:1px solid #3b3650;border-radius:18px;padding:18px}.devices span{color:#bcb5cf;font-size:12px}.devices h3{margin:7px 0}.devices p{margin:0;color:#d6d1df;font-size:13px}.faqs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faqs details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.faqs summary{font-weight:760;cursor:pointer}.faqs p{margin-bottom:0;color:var(--muted)}.pagehero{padding:72px 0 30px}.article{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:58px}.prose section{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid var(--line)}.prose h2{font-size:30px;margin-bottom:12px}.prose p{font-size:17px;color:#555160}.article aside{position:sticky;top:100px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.article aside h2{font-size:16px;margin-top:0}.article aside a{display:block;text-decoration:none;color:var(--p);padding:9px 0;border-bottom:1px solid #f0edf6}.article aside p{background:var(--tint);padding:13px;border-radius:13px;color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none}.card strong,.card span{display:block}.card span{color:var(--muted);font-size:13px;margin-top:6px}footer{background:#171521;color:#d9d5e2;padding:46px 0 24px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:42px}.foot p{color:#aaa4b8}.foot a{display:block;text-decoration:none;color:#c9c4d3;margin:7px 0}.copy{border-top:1px solid #302c40;margin-top:30px;padding-top:18px;color:#8e889b;font-size:13px}@media(max-width:950px){.heroGrid,.split,.article{grid-template-columns:1fr}.topics{grid-template-columns:1fr}.devices{grid-template-columns:repeat(2,1fr)}.article aside{position:static}}@media(max-width:760px){.shell{width:min(100% - 28px,1180px)}.menu{display:block}nav{display:none;position:absolute;top:64px;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 18px 50px rgba(30,27,46,.12);flex-direction:column}nav.open{display:flex}.hero{padding-top:46px}.heroGrid{gap:28px}.section,.pagehero{padding:52px 0}.head{grid-template-columns:1fr;gap:12px}.steps,.faqs,.devices,.cards{grid-template-columns:1fr}.topics article{grid-template-columns:108px 1fr}.topics img{width:108px;height:116px}.foot{grid-template-columns:1fr}.prose h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}