*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#101112;color:#f5f3ee;font:16px/1.7 system-ui,-apple-system,"PingFang SC",sans-serif}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1160px;margin:auto;padding:0 28px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:88px;border-bottom:1px solid #303133}nav{display:flex;gap:24px}nav a,.brand{text-decoration:none}.brand{font-weight:750}.brand span{color:#a7a6a2}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:#ffb000;color:#111;padding:12px;z-index:5}section{padding:64px 0}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding:64px 0 56px}.eyebrow{color:#ffb000;font-weight:700;letter-spacing:.12em;font-size:13px}h1{font-size:52px;line-height:1.1;margin:20px 0 28px}h1 img{float:left;margin-right:16px}h1 span{display:block;font-size:24px;font-weight:500;margin-top:12px}h2{font-size:clamp(26px,4vw,38px);line-height:1.35;margin:12px 0 20px}h3{font-size:20px;line-height:1.5}.lead{font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.4;margin:0 0 20px}.muted,.intro,.small{color:#b9b6af}.small{font-size:13px}.intro{max-width:740px}.badges,.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.badges span{font-size:14px;color:#e8d5a3}.button{display:inline-flex;justify-content:center;align-items:center;padding:12px 20px;border:1px solid #515151;border-radius:12px;text-decoration:none;font-weight:650;min-height:48px}.button:hover{background:#303030}.primary{background:#ffb000;color:#14110b;border-color:#ffb000}.primary:hover{background:#ffc340}.hero-phone{max-width:290px;justify-self:center;transform:rotate(3deg)}.hero-phone img{display:block;width:100%;height:auto;border:7px solid #343434;border-radius:28px;box-shadow:0 24px 70px #0008}.hero-phone span{display:block;text-align:center;font-size:12px;color:#aaa;margin-top:18px}.strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;border-block:1px solid #333;padding:24px 0;color:#d9d4c9}.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.shot{background:#1b1c1e;border:1px solid #353536;border-radius:20px;padding:20px}.shot img{display:block;width:100%;height:auto;border-radius:12px}.shot h3{font-size:18px;margin:20px 0 8px}.shot p,.steps p,.panel p{color:#bdb9b1;margin:8px 0 20px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.steps article{border-top:2px solid #ffb000;padding-top:20px}.steps b{color:#7e765f;font-size:36px}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:24px}.downloads>.android-main{grid-column:1/-1}.panel{border:1px solid #42413e;border-radius:20px;padding:28px;background:#1b1c1e}.android{border-color:#9a742a}.tag{font-size:12px;padding:5px 10px;border-radius:20px;background:#3c3018;color:#ffce72}.muted-tag{background:#303033;color:#c2c2c8}.wide{display:block;max-width:100%;height:auto;margin:20px 0}details{border-bottom:1px solid #3a3a3a;padding:20px 0}summary{cursor:pointer;font-weight:600}details p{color:#bdb9b1;max-width:850px}.closing{text-align:center;border-top:1px solid #333}.closing p{color:#aaa}footer{display:flex;flex-wrap:wrap;gap:24px;padding:32px 28px 48px;border-top:1px solid #333;font-size:13px;color:#aaa}footer span{margin-right:auto}:focus-visible{outline:3px solid #ffb000;outline-offset:5px}@media(max-width:800px){.hero{gap:28px;grid-template-columns:1fr 230px}h1{font-size:40px}h1 img{width:64px;height:64px}.shots{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{gap:18px}}@media(max-width:580px){header,main,footer{padding-left:20px;padding-right:20px}header{align-items:flex-start;flex-direction:column;gap:8px;padding-top:16px;padding-bottom:16px}nav{gap:22px;font-size:14px}.hero{grid-template-columns:1fr;padding-top:32px}.hero-phone{max-width:240px;transform:none;margin-top:12px}.hero h1{font-size:42px}.shots,.steps,.downloads{grid-template-columns:1fr}.shot{padding:22px}.shot img{max-width:300px;margin:auto}section{padding:40px 0}.strip{display:grid;grid-template-columns:1fr 1fr;font-size:14px}.panel{padding:22px}.actions .button{flex:1 1 auto}.closing{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
