*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3efe8;color:#151515;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.78}a{color:inherit}img{display:block;max-width:100%}.topbar{height:72px;padding:0 max(22px,calc((100vw - 1260px)/2));display:flex;align-items:center;gap:34px;border-bottom:1px solid #cfc8bd;position:sticky;top:0;z-index:30;background:rgba(243,239,232,.94);backdrop-filter:blur(14px)}.brand{width:148px;background:#151515;border-radius:6px;padding:7px 10px}.topbar nav{display:flex;gap:28px;margin-left:auto}.topbar nav a{text-decoration:none;font-size:13px;color:#5e5b56}.download{text-decoration:none;background:#151515;color:#fff;border-radius:8px;padding:10px 15px;font-weight:900;font-size:13px}.hero{width:min(1260px,calc(100% - 44px));margin:auto;min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;padding:70px 0 90px}.index{font-size:11px;font-weight:900;letter-spacing:.17em;color:#d83f47;text-transform:uppercase}.hero h1{font-size:clamp(62px,7.8vw,112px);line-height:.87;letter-spacing:-.065em;margin:20px 0 30px}.hero h1 span{font-weight:400}.intro{max-width:660px;font-size:17px;color:#4f4b46}.buttons{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:30px}.buttons a{text-decoration:none;font-weight:900}.black{background:#151515;color:#fff;border-radius:8px;padding:14px 19px}.plain{padding:10px 4px}.hero-image{height:570px;position:relative;border:1px solid #cbc3b8;background:#e9e2d8;overflow:hidden;border-radius:2px}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.45))}.hero-image span{position:absolute;left:22px;bottom:18px;z-index:2;color:#fff;font-size:11px;letter-spacing:.16em;font-weight:900}.install,.interface,.collage,.choose,.faq,.final{width:min(1260px,calc(100% - 44px));margin:auto;padding:96px 0}.install{border-top:1px solid #cfc7bc;display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.side-title h2,.interface-copy h2,.collage-head h2,.choose-title h2,.faq-title h2,.final h2{font-size:clamp(36px,4.7vw,62px);line-height:1.05;letter-spacing:-.045em;margin:10px 0 18px}.journal{border-top:2px solid #171717}.journal article{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid #c9c1b6}.journal b{font-size:12px;color:#d83f47}.journal h3{font-size:23px;margin:0 0 7px}.journal p{color:#5c5751;margin:0}.journal a{display:inline-block;margin-top:10px;color:#c92f38;text-decoration:none;font-weight:900}.interface{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.big-phone{height:680px;background:#181818;padding:24px;border-radius:26px}.big-phone img{width:100%;height:100%;object-fit:contain}.interface-copy>p{color:#5b5752}.data{display:flex;gap:1px;background:#bdb5aa;margin:30px 0}.data span{flex:1;background:#f3efe8;padding:18px}.data b,.data small{display:block}.data b{font-size:21px}.data small{color:#6e6963}.interface-copy>a{color:#c62f38;text-decoration:none;font-weight:900}.collage{border-top:1px solid #c9c1b6}.collage-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.tiles{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px;align-items:stretch}.tiles figure{margin:0;background:#e7e0d6;border:1px solid #c9c0b4;padding:15px}.tiles img{width:100%;height:520px;object-fit:contain;background:#151515}.tiles figcaption{display:flex;justify-content:space-between;gap:18px;padding-top:14px}.tiles figcaption span{color:#6a655f;font-size:13px;max-width:170px}.choose{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.compare{border-top:1px solid #bbb3a8}.compare>div{padding:28px 0;border-bottom:1px solid #bbb3a8}.compare span{font-size:11px;color:#c52e37;font-weight:900;letter-spacing:.14em}.compare h3{font-size:24px;margin:5px 0}.compare p{color:#5d5852}.compare a{color:#c42d36;text-decoration:none;font-weight:900}.faq{border-top:1px solid #c9c1b6}.faq-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #aaa297;border-left:1px solid #aaa297}.faq details{border-right:1px solid #aaa297;border-bottom:1px solid #aaa297;padding:24px;min-height:150px}.faq summary{cursor:pointer;font-weight:900;font-size:18px}.faq p{color:#605b55}.final{margin-top:30px;margin-bottom:40px;background:#171717;color:#fff;padding:58px 62px}.final .index{color:#ff6970}.final h2{max-width:850px}.final a{display:inline-block;margin-top:10px;background:#df4149;color:#fff;text-decoration:none;font-weight:900;padding:15px 20px;border-radius:7px}footer{width:min(1260px,calc(100% - 44px));margin:auto;border-top:1px solid #c9c1b6;padding:36px 0 76px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#77716a;font-size:12px}footer img{width:126px;background:#151515;border-radius:4px;padding:6px 8px}.mobile-bar{display:none}@media(max-width:900px){.topbar nav,.download{display:none}.hero,.install,.interface,.choose{grid-template-columns:1fr;gap:38px}.hero-image{height:520px}.tiles{grid-template-columns:1fr 1fr}.tiles .wide{grid-column:1/-1}.faq-grid{grid-template-columns:1fr}.mobile-bar{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:#171717;color:#fff;text-decoration:none;text-align:center;padding:14px;border-radius:10px;font-weight:900;box-shadow:0 14px 34px #0005}footer{padding-bottom:94px}}@media(max-width:560px){.topbar{padding:0 14px}.hero,.install,.interface,.collage,.choose,.faq,.final{width:calc(100% - 28px);padding:68px 0}.hero h1{font-size:54px}.hero-image{height:430px}.tiles{grid-template-columns:1fr}.tiles .wide{grid-column:auto}.tiles img{height:470px}.collage-head{align-items:flex-start;flex-direction:column}.final{padding:36px 24px}.data{flex-direction:column}.journal article{grid-template-columns:44px 1fr}.big-phone{height:600px}}