.ghero{background:linear-gradient(180deg,#0c1524,#14284d);color:#fff;padding:56px 0 48px}
.ghero h1{font-size:clamp(28px,4.4vw,42px);margin:0 0 14px;color:#fff;text-wrap:balance}
.glead{color:#c9d6f0;font-size:17px;max-width:44em;margin:0 0 22px}
.gactions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:0}
.gactions .btn.ghost{background:transparent;color:#fff!important;border-color:#4a5f86;cursor:pointer}
.glink{color:var(--sky);font-weight:700}
.gwrap{padding-top:28px;padding-bottom:56px}
.gstep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;padding:44px 0;border-bottom:1px solid var(--line)}
.gstep.noimg{grid-template-columns:minmax(0,46em)}
.gnum{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:20px;margin-bottom:14px}
.gstep h2{font-size:clamp(22px,3vw,28px);margin:0 0 14px;text-wrap:balance}
.gstep p{line-height:1.9;margin:0 0 12px}
.gstep ul{margin:0 0 12px;padding-left:1.2em;line-height:1.85}
.gstep li{margin-bottom:6px}
.gstep code{background:var(--soft);padding:2px 6px;border-radius:6px;font-size:.92em;word-break:break-all}
.tip{background:#eef3ff;border-left:4px solid var(--blue);border-radius:8px;padding:12px 16px}
.tip b{display:block;color:var(--blue-d)}
.gimgs{display:flex;gap:16px;justify-content:center;align-items:flex-start}
.shot{margin:0;background:#0c1524;border-radius:22px;padding:6px;box-shadow:0 14px 34px rgba(16,27,46,.22);overflow:hidden}
.shot img{display:block;width:100%;height:auto;border-radius:16px}
.shot.phone{width:min(46%,230px)}
.shot.pc{width:100%;border-radius:12px;padding:0;background:#fff;border:1px solid var(--line)}
.shot.pc img{border-radius:12px}
.gfaq{padding:44px 0 0;max-width:46em}
.gfaq h2{font-size:24px;margin:0 0 14px}
.gfaq details{border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}
.gfaq summary{font-weight:700;cursor:pointer}
.gfaq details p{margin:10px 0 0;line-height:1.8}
.gcontact{margin-top:20px}
.nb{display:inline-block}
@media(max-width:820px){.gstep{grid-template-columns:minmax(0,1fr);gap:22px;padding:34px 0}}
@media print{.top,.gactions,footer{display:none}.ghero{background:none;color:#000;padding:0}.ghero h1,.glead{color:#000}.gstep{break-inside:avoid;grid-template-columns:1fr 1fr;padding:18px 0}.shot{box-shadow:none}.gfaq details{border:0;padding:0}}