@charset "UTF-8";
:root{color-scheme:light;--ink:#16445b;--muted:#648394;--blue:#087fa9;--gold:#f8b92e;--line:#d9e9ec;--paper:#f6fbfb;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #087fa9;outline-offset:5px}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:24px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:2.6px;color:#6d909d;margin-top:5px}.brand-tile{width:43px;height:51px;background:#fff;border:1px solid #d6e5df;border-radius:9px;box-shadow:0 4px 0 #3b9174;color:#167346;font-family:serif;font-size:31px;display:grid;place-items:center;transform:rotate(-7deg)}nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}nav a:last-child{color:var(--blue)}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;padding-top:76px;padding-bottom:100px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#318295;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:#eebf4b;border-radius:50%}h1{font-size:clamp(42px,4.5vw,66px);line-height:1.22;letter-spacing:1px;margin:23px 0 22px;font-weight:850}.intro{font-size:16px;line-height:1.95;color:var(--muted);margin:0}.features{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600;color:#477a8b;margin-top:25px}.features i{width:3px;height:3px;border-radius:50%;background:#88aeb5}.download-block{margin-top:35px}.download-button{display:flex;align-items:center;gap:13px;min-height:80px;width:326px;max-width:100%;padding:15px 22px;border:1px solid #efb121;border-radius:14px;color:#62400c;background:linear-gradient(180deg,#ffda72,#ffc13e);box-shadow:0 4px 0 #d79b20,0 12px 25px #c18d1b16;transition:transform .18s,box-shadow .18s}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #d79b20,0 16px 28px #c18d1b24}.download-button:active{transform:translateY(3px);box-shadow:0 1px 0 #d79b20}.download-button svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.download-button>span{font-weight:800;font-size:19px}.download-button small{display:block;font-weight:500;font-size:11px;opacity:.76;margin-top:6px}.download-button>b{margin-left:auto;font-size:27px;font-weight:400}.release{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#718d99;margin:17px 0 16px}.release span+span::before{content:"·";margin-right:12px}.alternate-links{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#547e8d}.alternate-links a{border-bottom:1px solid #b2cdd4;padding-bottom:3px}.alternate-links>span{color:#adc4cc}.hero-visual{position:relative;padding-bottom:104px;min-width:0}.preview-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;padding:0 4px 12px;color:#3a7889}.live-dot{width:5px;height:5px;background:#4da88a;border-radius:50%}.preview-counter{margin-left:auto;font-weight:500;color:#7b97a2}.preview-screen{border:6px solid #fff;border-radius:23px;overflow:hidden;background:#d7edf1;box-shadow:0 18px 36px #1b637a1c,0 0 0 1px #dcebed}.preview-screen img{width:100%;height:auto;display:block;aspect-ratio:20/9;object-fit:cover}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:0 4px;font-size:11px;color:#7b9ca5}.preview-tabs{display:flex;gap:7px}.preview-tabs button{border:0;border-radius:5px;padding:7px 12px;background:transparent;font-size:11px;color:#6e929e}.preview-tabs button[aria-pressed=true]{background:#dfedf0;color:#24758d;font-weight:700}.qr-card{position:absolute;right:22px;bottom:0;display:flex;align-items:center;gap:19px;background:#fff;border:1px solid #dfebea;border-radius:15px;box-shadow:0 8px 24px #1759760a;padding:14px 23px 14px 13px;transform:rotate(2deg)}.qr-card img{width:84px;height:84px}.qr-card strong{font-size:15px}.qr-card p{font-size:11px;color:#82959b;margin:7px 0 11px}.qr-card button{font-size:10px;background:transparent;border:0;padding:0;color:var(--blue);font-weight:600}.install-section{background:#e9f3f3;border-block:1px solid #dcebec;padding:58px 0 49px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading .eyebrow{font-size:10px;letter-spacing:1.4px}.section-heading h2{font-size:29px;letter-spacing:.5px;margin:10px 0 0}.text-link{font-size:12px;color:#1b7f9c;font-weight:600;border-bottom:1px solid #92bbc5;padding-bottom:5px}.steps{list-style:none;padding:0;margin:38px 0 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:43px}.steps li{position:relative;padding-left:50px}.steps li+li{border-left:1px solid #d1e2e5;padding-left:71px}.steps li>span{position:absolute;left:0;top:-4px;font-size:26px;font-family:Georgia,serif;color:#8ab7be}.steps li+li>span{left:21px}.steps h3{font-size:15px;margin:0 0 10px;font-weight:750}.steps p{font-size:12px;color:#6c8993;line-height:1.9;margin:0;max-width:245px}.help-note{padding-top:23px;border-top:1px solid #d1e2e5;display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#72909a;line-height:1.9}.help-note>span{border:1px solid #9ab6bd;flex:none;width:15px;height:15px;line-height:14px;text-align:center;border-radius:50%;font-family:Georgia,serif;margin-top:3px}.help-note p{margin:0}.help-note a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}footer{display:flex;justify-content:space-between;padding-top:25px;padding-bottom:27px;font-size:10px;color:#8ca2aa;gap:15px}.browser-tip{background:#fff3cd;color:#765414;padding:12px 20px;text-align:center;font-size:13px;line-height:1.8}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#153e50;color:#fff;border-radius:8px;padding:12px 20px;font-size:13px;box-shadow:0 6px 18px #153e5022;z-index:20}.browser-tip[hidden],.toast[hidden]{display:none}
@media(min-width:1450px){.hero{gap:90px;padding-top:95px;padding-bottom:110px}.hero-visual{margin-top:25px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:35px}.hero-visual{padding-bottom:115px}.qr-card{right:0;padding-right:17px}.preview-footer>span{display:none}.preview-screen{border-width:5px;border-radius:16px}.steps{gap:23px}.steps li{padding-left:41px}.steps li+li{padding-left:57px}.steps li+li>span{left:15px}}
@media(max-width:740px){.wrap{width:calc(100% - 40px)}.topbar{height:87px}.brand{font-size:21px;gap:11px}.brand small{font-size:8px}.brand-tile{width:35px;height:43px;font-size:26px}nav{gap:20px;font-size:12px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;gap:37px;padding-top:36px;padding-bottom:43px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:10px;letter-spacing:1.5px}h1{font-size:46px;line-height:1.2;margin:19px 0 17px}.intro{font-size:13px;line-height:1.9}.features{justify-content:center;margin-top:20px;font-size:11px;gap:13px}.download-block{margin-top:26px}.download-button{width:100%;max-width:370px;margin:auto;min-height:76px;justify-content:center;position:relative}.download-button>b{position:absolute;right:22px}.download-button>span{font-size:19px}.download-button svg{width:29px}.release{justify-content:center;gap:8px;font-size:9px}.release span+span::before{margin-right:8px}.alternate-links{justify-content:center;gap:10px;font-size:10px}.hero-visual{padding-bottom:0;margin:0}.preview-label{font-size:10px}.preview-counter{font-size:9px}.preview-screen{border-radius:15px;border-width:4px;box-shadow:0 12px 25px #1b637a16}.preview-footer{margin-top:11px}.preview-tabs button{font-size:10px;padding:7px 11px}.preview-footer>span{display:block;font-size:9px}.qr-card{display:none}.install-section{padding:35px 0 28px}.section-heading .eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:1px}.section-heading h2{font-size:25px;margin-top:9px}.text-link{font-size:10px}.steps{grid-template-columns:1fr;gap:23px;margin:29px 0 25px}.steps li,.steps li+li{padding-left:45px;border:0}.steps li>span,.steps li+li>span{left:0;top:-2px;font-size:25px}.steps h3{font-size:14px;margin-bottom:6px}.steps p{font-size:11px;line-height:1.9;max-width:none}.help-note{font-size:10px;padding-top:19px;gap:8px}footer{padding-top:22px;padding-bottom:22px;flex-direction:column;text-align:center;gap:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download-button{transition:none}}