:root{--ink:#092226;--muted:#627069;--brand:#16875f;--paper:#f8f7f2;--mint:#edf8f2;--line:#d7e5de;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);line-height:1.6}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}header{height:74px;padding:0 max(32px,calc((100vw - 1120px)/2));display:flex;align-items:center;gap:34px;background:#fff;border-bottom:1px solid #e6eee8;position:sticky;top:0;z-index:5}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);text-decoration:none;font-size:19px;font-weight:900}.brand img{border-radius:50%}header nav{display:flex;gap:25px;flex:1;justify-content:center}header nav a,footer a{font-size:14px;color:#47605a;text-decoration:none}.open-link,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:13px;text-decoration:none;font-weight:800}.open-link,.primary{background:var(--brand);color:#fff}.intro{overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(76,209,169,.2),transparent 25%),linear-gradient(115deg,#fbfaf5,#edf8f2)}.intro-grid{display:grid;grid-template-columns:58% 42%;align-items:center;min-height:555px}.eyebrow{color:var(--brand);font-weight:900;letter-spacing:.04em;margin:0 0 15px;font-size:15px}h1,h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.05em;line-height:1.18;margin:0;font-weight:900}.intro p:not(.eyebrow){margin:20px 0 24px;font-size:18px;max-width:610px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:1.5px solid var(--ink)}.primary{border-color:var(--brand)}.secondary{background:rgba(255,255,255,.8);color:var(--ink)}.intro-media{height:490px;position:relative}.code{position:absolute;left:0;bottom:45px;width:150px;height:150px;border-radius:19px;padding:4px;background:#fff;box-shadow:0 22px 46px rgba(10,68,49,.14)}.phone{position:absolute;right:42px;top:26px;width:230px;height:496px;border:7px solid #0d181a;border-radius:35px;overflow:hidden;box-shadow:0 30px 55px rgba(3,44,38,.24)}.phone img,.playback img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.section{padding:82px 0;background:#fff}.section h2,.how h2{font-size:40px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.cards article,.privacy-grid article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fbfdfb}.cards h3,.privacy-grid h3{margin:0 0 8px;font-size:19px}.cards p,.privacy-grid p{color:var(--muted);margin:0}.how{background:var(--mint);padding:80px 0}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:center}.how ol{padding:0;margin:28px 0 0;list-style:none;display:grid;gap:11px}.how li{display:grid;grid-template-columns:58px 1fr;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.how li:last-child{border:0}.how li b{color:var(--brand);font-size:19px}.how li strong{font-size:18px}.how li p{margin:2px 0 0;color:var(--muted)}.playback{justify-self:center;width:224px;height:484px;border:7px solid #0d181a;border-radius:35px;overflow:hidden;box-shadow:0 28px 52px rgba(6,53,44,.21)}.privacy{background:#f8faf8}.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:29px}.updated{font-size:13px;color:var(--muted);margin:22px 0 0}footer{padding:26px 0;background:#fff;border-top:1px solid #e5ece8}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}footer .wrap>div{display:flex;flex-wrap:wrap;gap:18px}@media(max-width:800px){.wrap{width:calc(100% - 36px)}header{height:67px;padding:0 18px}header nav{display:none}.open-link{margin-left:auto;min-height:38px;padding:0 14px;font-size:13px}.intro-grid{grid-template-columns:1fr;min-height:0}.intro-grid>div:first-child{padding-top:38px}.intro p:not(.eyebrow){font-size:16px;margin:17px 0}.actions{display:grid;grid-template-columns:1fr 1fr}.button{padding:0 8px;font-size:14px;text-align:center}.intro-media{height:430px}.phone{width:202px;height:436px;right:2px;top:7px;border-radius:31px}.code{width:130px;height:130px;border-radius:16px;bottom:32px}.section,.how{padding:58px 0}.section h2,.how h2{font-size:30px}.cards,.privacy-grid,.how-grid{grid-template-columns:1fr;gap:13px}.cards{margin-top:23px}.how-grid{gap:29px}.playback{width:205px;height:443px}.how ol{margin-top:21px}footer .wrap{align-items:flex-start;flex-direction:column;gap:14px}}