:root{--ink:#123f34;--muted:#526960;--lime:#d8f36c;--line:#dce4dc;--paper:#fbfcf9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #0a8067;outline-offset:5px}header,main,footer{max-width:1200px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:20px;letter-spacing:1px;display:block}.brand small{display:block;font-size:10px;letter-spacing:2px}.mark{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:46px;height:46px;border-radius:14px;font-size:32px;font-weight:750;line-height:1}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:7px 16px;color:var(--ink);cursor:pointer}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:70px 40px 80px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 22px}h1{font-size:clamp(40px,4.7vw,64px);line-height:1.25;letter-spacing:-2px;margin:0 0 25px}h2{font-size:34px;line-height:1.35;margin:0;letter-spacing:-1px}.intro{color:var(--muted);line-height:1.9;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-weight:600;font-size:14px;padding:12px 21px;transition:background .18s,transform .18s}.primary{background:var(--ink);color:white}.button:hover{transform:translateY(-2px)}.primary:hover{background:#1c5947}.hero-meta{display:flex;gap:23px;font-size:12px;letter-spacing:1px;margin-top:36px;color:var(--muted)}.hero-preview{background:var(--lime);border-radius:24px;padding:25px 28px 20px;overflow:hidden;max-width:420px;width:100%;justify-self:end}.preview-caption{display:flex;justify-content:space-between;font-size:10px;gap:15px;letter-spacing:1px;margin-bottom:20px}.hero-screen{display:block;width:210px;height:374px;object-fit:cover;margin:0 auto;border-radius:16px;box-shadow:0 15px 30px #123f341c}.preview-foot{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:16px;font-weight:600}.preview-foot img{border-radius:12px}.preview-foot small{display:block;font-size:12px;font-weight:400}.apps-section{padding:35px 40px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:12px}.collection-count{font-size:28px;white-space:nowrap}.collection-count span{font-size:12px;color:var(--muted);margin-left:5px}.app-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);padding:55px 0;align-items:center}.app-number{font-size:12px;color:var(--muted);letter-spacing:2px}.app-title{display:flex;align-items:center;gap:16px;margin-top:22px}.app-title img{border-radius:18px;box-shadow:0 3px 12px #123f3410}.app-title h3{font-size:29px;line-height:1.25;margin:0 0 4px}.app-title span{font-size:14px;color:var(--muted)}.app-info p{color:var(--muted);margin-top:24px}.app-info ul{padding-left:21px;margin:22px 0 30px;line-height:2}.app-info li::marker{color:#44835c}.app-links{display:flex;align-items:center;gap:20px}.app-links>a:last-child{font-size:14px;text-decoration:underline;text-underline-offset:4px}.store{background:#e5eddf}.store:hover{background:#d7e5cd}.app-info .note{font-size:12px;color:var(--muted);margin-top:20px;line-height:1.6}.app-visual{border-radius:20px;padding:26px 26px 21px;display:flex;flex-direction:column;align-items:center;overflow:hidden;gap:18px}.app-visual img{width:220px;height:auto;max-height:410px;object-fit:contain;border-radius:12px;box-shadow:0 10px 25px #123f3417}.app-visual span{font-size:14px;letter-spacing:1px}.wifi{background:#edf3dc}.hardware{background:#e7edf4}.landrop{background:#f0ecd8}.contact{margin:35px 40px 0;padding:50px 45px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:var(--ink);border-radius:22px;color:white}.contact .eyebrow{color:var(--lime)}.contact p:not(.eyebrow){color:#d5e4db}.email{font-size:clamp(16px,2vw,22px);text-decoration:underline;text-underline-offset:6px;overflow-wrap:anywhere}footer{padding:35px 40px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer>span:last-child{letter-spacing:1.5px}@media(max-width:760px){.header{padding:20px}.brand strong{font-size:18px}nav{gap:16px}nav>a:first-child{display:none}.hero{padding:45px 24px;grid-template-columns:1fr;gap:35px}h1{letter-spacing:-1px}.hero-preview{justify-self:center;max-width:420px}.hero-screen{width:185px;height:329px}.apps-section{padding:32px 24px 0}.section-heading{display:block}.collection-count{display:block;margin-top:18px;font-size:22px}h2{font-size:28px}.app-row{grid-template-columns:1fr;gap:30px;padding:35px 0}.app-visual img{width:205px}.app-links{gap:16px;flex-wrap:wrap}.contact{margin:24px 20px 0;padding:30px 24px;grid-template-columns:1fr;gap:16px}footer{padding:28px 24px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}