.guide{padding-block:clamp(56px,7vw,112px) clamp(72px,8vw,128px)}.guide-grid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,104px);display:grid}.guide-aside{top:calc(var(--nav-h) + 32px);position:sticky}.guide-index ol{gap:2px;display:grid}.guide-index a{min-height:44px;color:var(--fg-3);border-radius:12px;align-items:center;gap:12px;padding:6px 12px 6px 6px;font-size:15px;transition:color .2s,background-color .2s;display:flex}.guide-index a:hover{color:var(--fg);background:#ffffff08}.guide-index-num{width:28px;height:28px;font:600 13px/1 var(--font-display);color:var(--fg-3);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%;flex:none;place-items:center;transition:background-color .25s,color .25s,box-shadow .25s;display:grid}.guide-index .is-done a{color:var(--fg-2)}.guide-index .is-done .guide-index-num{color:var(--fg-2);box-shadow:inset 0 0 0 1px #6e82ff73}.guide-index .is-active a{color:var(--fg);background:#ffffff0a}.guide-index .is-active .guide-index-num{color:#fff;background:var(--blue-hi);box-shadow:0 0 18px #2828ff80}.guide-steps{display:grid}.guide-step{scroll-margin-top:calc(var(--nav-h) + 32px);grid-template-columns:48px minmax(0,1fr);gap:clamp(20px,3vw,36px);padding-bottom:clamp(56px,6vw,88px);display:grid;position:relative}.guide-step:not(:last-child):before{content:"";background:linear-gradient(180deg, #505aff80, var(--line-strong) 40%);border-radius:2px;width:2px;position:absolute;top:60px;bottom:12px;left:23px}.guide-step-num{width:48px;height:48px;font:700 18px/1 var(--font-display);color:var(--fg);background:#13172a;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #505aff8c}.guide-step-body{min-width:0;padding-top:4px}.guide-step-label{color:var(--fg-3)}.guide-step-title{letter-spacing:-.035em;margin-top:10px;font-size:clamp(28px,3vw,40px);line-height:1.1}.guide-step-text{max-width:56ch;color:var(--fg-2);margin-top:14px;font-size:17px;line-height:1.6}.guide-tips{gap:10px;max-width:60ch;margin-top:20px;display:grid}.guide-tips li{color:var(--fg);padding-left:30px;font-size:16px;line-height:1.5;position:relative}.guide-tips li:before{content:"";background:#2828ff2e;border-radius:50%;width:18px;height:18px;position:absolute;top:.12em;left:0;box-shadow:inset 0 0 0 1px #6e82ff73}.guide-tips li:after{content:"";border-left:1.5px solid var(--tint);border-bottom:1.5px solid var(--tint);width:6px;height:4px;position:absolute;top:calc(.12em + 5px);left:6px;transform:rotate(-45deg)}.guide-actions{flex-wrap:wrap;gap:12px 14px;margin-top:28px;display:flex}.guide-shot{max-width:900px;margin-top:32px}.guide-shot .frame-body{box-shadow:0 30px 70px -30px #000d}.guide-help{box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(#121624,#0f121a);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin-top:clamp(8px,2vw,24px);padding:clamp(24px,3vw,36px);display:flex}.guide-help-title{letter-spacing:-.02em;font-size:clamp(22px,2vw,28px)}.guide-help-text{color:var(--fg-2);margin-top:6px;font-size:16px}.guide-faq{border-top:1px solid var(--line);scroll-margin-top:var(--nav-h)}.guide-faq-grid{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:clamp(36px,6vw,104px);display:grid}.guide-faq-lead{margin-top:16px}@media (max-width:1000px){.guide-grid{grid-template-columns:1fr}.guide-aside{display:none}.guide-faq-grid{grid-template-columns:1fr}}@media (max-width:560px){.guide-step{grid-template-columns:40px minmax(0,1fr);gap:16px}.guide-step-num{width:40px;height:40px;font-size:16px}.guide-step:not(:last-child):before{top:52px;left:19px}.guide-step-body{padding-top:0}.guide-actions .btn{flex:100%;justify-content:space-between}.guide-actions .btn-primary{padding-left:24px}.guide-shot{margin-left:-56px}.guide-help .btn{flex:100%;justify-content:space-between}}
