.dl-grid{display:grid;gap:32px;align-items:center}
@media(min-width:980px){.dl-grid{grid-template-columns:1.15fr .85fr}}
.dl-card{margin-top:24px;padding:20px}
.dl-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:16px}
.dl-quick{display:flex;flex-direction:column}
.dl-quick b{font:400 1.3rem/1 var(--head);letter-spacing:.05em;color:var(--gold)}
.dl-quick span{color:var(--muted);font-size:.9rem}
.dl-kv{font-size:.92rem}
.dl-kv dd{word-break:break-all}
.sha{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sha code{font-size:.78rem;word-break:break-all;flex:1;min-width:0}
.phone{position:relative;justify-self:center;width:min(100%,560px)}
.phone-frame{border-radius:34px;padding:12px;background:linear-gradient(145deg,#2a2a37,#0b0b10);box-shadow:0 40px 80px -30px rgba(255,59,59,.45),0 0 0 2px #000,inset 0 0 0 2px #3a3a4b;transform:rotate(-4deg)}
.phone-frame img{border-radius:24px;width:100%}
.phone-sticker{position:absolute;bottom:-12px;right:10px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:16px}
@media(min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}
.step-n{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--red);color:#fff;font:400 1.6rem/1 var(--head);box-shadow:var(--glow-red);margin-bottom:14px;transform:rotate(-6deg)}
.step p{color:var(--muted);margin:0}
.h3like{font-size:clamp(1.4rem,3.4vw,1.9rem)}
.reqs{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.reqs li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px}
.reqs b{font-family:var(--head);font-weight:400;letter-spacing:.05em;color:var(--gold)}
.reqs span{color:var(--muted);text-align:right}
.cmd{background:#000;border:1px solid var(--line);padding:12px 14px;border-radius:10px;overflow:auto}