.dl-cards{gap:var(--s-5);display:grid}@media (min-width:834px){.dl-cards{grid-template-columns:repeat(3,1fr)}}.dl-card{gap:var(--s-4);padding:var(--s-6)}.dl-card .btn{align-self:flex-start;margin-top:auto}.dl-card .fine{margin-top:calc(-1 * var(--s-2))}.dl-name{font-size:var(--t-xl)}.dl-off{background:0 0}.dl-yours{font:500 var(--t-xs) / 1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);margin:0;display:none}html[data-os=mac] [data-os-card=mac],html[data-os=windows] [data-os-card=windows],html[data-os=other] [data-os-card=other]{border-color:#0a84ff80;order:-1}html[data-os=mac] [data-os-card=mac] .dl-yours,html[data-os=windows] [data-os-card=windows] .dl-yours,html[data-os=other] [data-os-card=other] .dl-yours{display:block}.dl-needs{border-top:1px solid var(--line);flex-direction:column;margin:0;display:flex}.dl-needs>div{gap:var(--s-1);padding-block:var(--s-4);border-bottom:1px solid var(--line);display:grid}@media (min-width:640px){.dl-needs>div{gap:var(--s-5);grid-template-columns:120px 1fr}}.dl-needs dt{color:var(--fg);font-weight:600}.dl-needs dd{color:var(--fg-2);margin:0}.dl-steps{counter-reset:step;margin:0;padding:0;list-style:none}.dl-steps li{counter-increment:step}.dl-steps li:before{content:counter(step);background:var(--surface-3);width:32px;height:32px;color:var(--accent-text);font:600 var(--t-xs) / 1 var(--mono);border-radius:50%;place-items:center;display:grid}
