:root{--black:#111215;--ink:#22262c;--paper:#f6f5f1;--white:#fff;--line:#dedfe0;--muted:#73767a;--blue:#5e8ed8;--silver:#e9ebef;--shell:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.75}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.shell{width:var(--shell);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:#fafaf8f2;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-row{height:68px;display:flex;align-items:center;gap:22px}.brand img{width:142px}.header-row nav{margin-left:auto;display:flex;gap:20px}.header-row nav a{font-size:12px;font-weight:800}.header-cta{background:var(--black);color:#fff;padding:10px 16px;font-size:12px;font-weight:900}.menu-toggle{display:none;margin-left:auto;border:0;background:none}.menu-toggle span{display:block;width:22px;height:2px;margin:5px;background:var(--black)}.mobile-nav{padding:8px 20px 18px}.mobile-nav a{display:block;padding:8px 0;font-size:13px;font-weight:800}
.hero{padding:76px 0 92px;background:linear-gradient(180deg,#fbfbfa,#eceef1)}.hero-layout{display:grid;grid-template-columns:82px .78fr 1.22fr;gap:42px;align-items:center}.hero-index{align-self:start;border-right:1px solid #d2d4d7;padding-right:18px}.hero-index b{display:block;font:500 55px Georgia;color:#8090a7}.hero-index span{writing-mode:vertical-rl;margin-top:16px;font-size:8px;letter-spacing:.18em;color:#909398}.eyebrow,.preview-title span,.download span,.devices-copy>span,.client-copy span,.more-downloads span,.faq span,.final small{font-size:8px;letter-spacing:.18em;font-weight:900;color:#6480ad}.hero h1,.preview h2,.download h2,.devices h2,.client h2,.more-downloads h2,.faq h2,.final h2{font-size:clamp(38px,5vw,56px);line-height:1.08;letter-spacing:-.045em}.hero h1{font-size:clamp(60px,6.7vw,94px);line-height:.92;margin:10px 0}.hero h1 em{font-family:Georgia,serif;font-style:normal;font-weight:500;color:#777d85}.lead{font-size:16px;color:#676b71;line-height:1.95}.actions{display:flex;gap:20px;align-items:center;margin-top:28px}.primary{width:min(100%,350px);display:flex;justify-content:space-between;background:var(--black);color:#fff;padding:15px 17px;font-size:13px;font-weight:900}.secondary{font-size:12px;font-weight:900;border-bottom:1px solid}
.hero-art{position:relative;min-height:520px}.screen{position:absolute;left:4%;right:15%;top:25px;height:430px;margin:0;background:#fff;padding:18px;box-shadow:0 24px 55px #1c27351c}.screen img{width:100%;height:100%;object-fit:contain}.phone{position:absolute;right:0;bottom:0;width:145px;height:300px;margin:0;overflow:hidden;border:7px solid #fff;box-shadow:0 20px 45px #1c273520}.phone img{width:100%;height:100%;object-fit:contain;background:#fff}
.preview,.faq{padding:95px 0;background:#fff}.preview-title{display:grid;grid-template-columns:.3fr 1fr .6fr;gap:30px;align-items:end;margin-bottom:32px}.preview-title h2{margin:0}.preview-title p{margin:0;color:var(--muted)}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-grid figure{position:relative;height:390px;margin:0;background:#f1f2f4;display:grid;place-items:center}.preview-grid img{max-width:76%;max-height:360px;object-fit:contain}.preview-grid figcaption{position:absolute;left:10px;bottom:10px;background:var(--black);color:#fff;padding:7px 10px;font-size:9px}
.download{padding:42px 0;background:var(--black);color:#fff}.download-card{display:grid;grid-template-columns:1fr .35fr;gap:45px;align-items:center}.download span{color:#8eaae0}.download h2{font-size:28px;margin:3px 0}.download p{margin:0;color:#bfc3cb;font-size:11px}.download a{justify-self:end;background:#fff;color:var(--black);padding:13px 16px;font-size:11px;font-weight:900}
.devices{padding:105px 0;background:var(--silver)}.devices-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.devices-copy p{color:var(--muted)}.devices-copy>a{display:flex;justify-content:space-between;margin-top:8px;background:#fff;padding:13px 15px;font-size:10px;font-weight:900}.devices-art{height:450px;margin:0;background:#fff;display:grid;place-items:center}.devices-art img{width:82%;max-height:410px;object-fit:contain}
.client{display:grid;grid-template-columns:1.15fr .85fr;min-height:560px;background:#17191d;color:#fff}.client-art{position:relative}.wide{position:absolute;left:6%;top:45px;width:76%;height:370px;margin:0;overflow:hidden}.wide img{width:100%;height:100%;object-fit:cover}.side{position:absolute;right:5%;bottom:25px;width:145px;height:305px;margin:0;overflow:hidden;border:7px solid #fff}.side img{width:100%;height:100%;object-fit:contain;background:#fff}.client-copy{display:flex;align-items:center}.client-copy>div{width:min(450px,calc(100% - 55px));margin-left:60px}.client-copy p{color:#c2c5cb}.client-copy a{display:inline-block;margin-top:15px;background:var(--blue);padding:12px 16px;font-size:12px;font-weight:900}
.ios-strip{padding:90px 0;background:#f0f1f3}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.strip-grid figure{position:relative;height:330px;margin:0;background:#fff;display:grid;place-items:center}.strip-grid img{max-width:76%;max-height:305px;object-fit:contain}.strip-grid figcaption{position:absolute;left:8px;bottom:8px;background:var(--black);color:#fff;padding:6px 8px;font-size:8px}
.more-downloads{padding:90px 0;background:#dfe6f1}.more-grid{display:grid;grid-template-columns:1fr .55fr .55fr;gap:10px;align-items:center}.more-grid h2{font-size:32px}.more-grid>a{display:flex;justify-content:space-between;background:#fff;padding:15px;font-size:10px;font-weight:900}.faq-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:70px}.faq details{border-top:1px solid var(--line)}.faq summary{padding:18px 0;font-weight:900;cursor:pointer}.faq p{color:var(--muted);font-size:12px}.final{padding:25px 0 80px;background:#fff}.final-box{display:grid;grid-template-columns:75px 1fr 190px;gap:25px;align-items:center;padding:30px;background:#f0f1f4;border-top:4px solid var(--blue)}.final-box>b{font:500 48px Georgia;color:#a2a8b2}.final-box h2{font-size:30px}.final-box a{background:var(--black);color:#fff;padding:14px;font-size:12px;font-weight:900}
.footer-56{background:#f0f0ef;color:#17191d;padding:38px 0 18px;border-top:1px solid #d4d5d6}.footer-top{display:grid;grid-template-columns:90px 1fr 1fr;gap:30px;align-items:center}.footer-index b{display:block;font:500 42px Georgia}.footer-index span{font-size:8px;letter-spacing:.16em;color:#85898e}.footer-brand img{width:140px}.footer-brand p{margin:8px 0 0;color:#777b80;font-size:10px}.footer-device{display:flex;justify-content:flex-end;gap:8px}.footer-device span{padding:7px 9px;border:1px solid #cbd0d5;font-size:8px}.footer-action{display:grid;grid-template-columns:1fr .7fr 80px;gap:20px;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid #d2d4d6}.footer-action>span{font-size:8px;letter-spacing:.16em;color:#85898e}.footer-action>a{background:var(--black);color:#fff;padding:13px;text-align:center;font-size:9px;font-weight:900}.footer-action small{justify-self:end;color:#85898e;font-size:9px}.mobile-fixed{display:none}
@media(max-width:850px){:root{--shell:min(100% - 28px,1180px)}.header-row nav{display:none}.menu-toggle{display:block}.header-cta{margin-left:auto}.hero-layout{grid-template-columns:65px 1fr}.hero-art{grid-column:1/-1}.preview-title,.devices-grid,.more-grid,.faq-grid{grid-template-columns:1fr}.client{grid-template-columns:1fr}.client-copy>div{width:var(--shell);margin:auto;padding:50px 0}.strip-grid{grid-template-columns:1fr 1fr}.footer-top,.footer-action{grid-template-columns:1fr}.footer-device{justify-content:flex-start}.footer-action small{justify-self:start}}
@media(max-width:580px){body{padding-bottom:70px}.header-row{height:62px}.brand img{width:123px}.header-cta{display:none}.hero{padding:50px 0 65px}.hero-layout{grid-template-columns:1fr}.hero-index{display:none}.hero h1{font-size:49px}.lead{font-size:14px}.actions{flex-direction:column;align-items:stretch}.secondary{align-self:flex-start}.hero-art{min-height:390px}.screen{left:0;right:25px;top:35px;height:290px;padding:10px}.phone{width:95px;height:195px;border-width:4px}.preview-grid{grid-template-columns:1fr}.preview-grid figure{height:300px}.download-card{grid-template-columns:1fr}.download a{justify-self:start}.client-art{min-height:400px}.wide{width:80%;height:250px}.side{width:95px;height:195px;border-width:4px}.strip-grid{grid-template-columns:1fr}.strip-grid figure{height:285px}.final-box{grid-template-columns:1fr}.footer-device{flex-wrap:wrap}.mobile-fixed{position:fixed;display:flex;z-index:50;left:9px;right:9px;bottom:9px;justify-content:space-between;align-items:center;background:#111215;color:#fff;padding:9px}.mobile-fixed span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.mobile-fixed img{width:30px}.mobile-fixed a{background:var(--blue);padding:9px 14px;font-size:12px;font-weight:900}}