.hn-clone.dlc{text-align:left;isolation:isolate;padding:128px 0;position:relative}.dlc:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 100% at 70% 0,#ffffff12,#0000 70%);height:640px;position:absolute;inset:0 0 auto}.dlc__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;display:grid}.dlc__h{max-width:460px;margin-top:20px}.dlc__h .hn-mute{display:block}.dlc__steps{max-width:420px;margin:48px 0 0;padding:0;list-style:none}.dlc__step{border-top:1px solid var(--hn-line);grid-template-columns:28px minmax(0,1fr);gap:16px;padding:18px 0;display:grid;position:relative}.dlc__step:last-child{border-bottom:1px solid var(--hn-line)}.dlc__step:before{content:"";background:var(--hn-ink);transform-origin:0;height:1px;transition:transform .6s var(--hn-ease-expo);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.dlc__step[data-on]:before,.dlc__step[data-done]:before{transform:none}.dlc__n{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--hn-line-2);color:var(--hn-gray);transition:background-color var(--hn-reg) var(--hn-ease), color var(--hn-reg) var(--hn-ease);border-radius:9999px;place-items:center;font-size:13px;display:grid}.dlc__step[data-on] .dlc__n,.dlc__step[data-done] .dlc__n{background:var(--hn-ink);color:#08090a;box-shadow:none}.dlc__step p{gap:2px;margin:3px 0 0;display:grid}.dlc__step b{font-size:16px;line-height:22px;font-weight:var(--hn-w-strong);color:var(--hn-ink)}.dlc__step span{color:var(--hn-gray);text-wrap:pretty;font-size:15px;line-height:22px}.dlc__win{background:linear-gradient(#131417 0%,#0d0e10 100%);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,inset 0 1px #ffffff0f,0 40px 80px -32px #000000e6}.dlc__win:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;position:absolute;top:0;left:15%;right:15%}.dlc__bar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 20px;font-size:13px;line-height:20px;display:flex}.dlc__tab{color:var(--hn-ink);font-weight:var(--hn-w-strong);align-items:center;gap:8px;display:inline-flex}.dlc__tab svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.dlc__store{color:var(--hn-gray)}.dlc__demo{--cc-orb:320px;text-align:center;background:radial-gradient(70% 60% at 50% 30%,#ffffff0a,#0000 70%);padding:40px 32px 36px;position:relative}.hn-clone.dlc .m-cc .sgc.m-ccs{margin-top:0}@media (max-width:960px){.hn-clone.dlc{padding:96px 0}.dlc__in{grid-template-columns:minmax(0,1fr);gap:40px}.dlc__steps{max-width:none;margin-top:32px}}@media (max-width:720px){.hn-clone.dlc{padding:72px 0}.dlc__demo{--cc-orb:220px;padding:28px 16px}.dlc__bar{padding:0 16px}}@media (prefers-reduced-motion:reduce){.dlc__step:before{transition:none}}