.su-wrap{max-width:760px;margin:0 auto;padding:22px 18px 80px}.su-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.su-top img{height:30px}.steps{gap:6px;margin:0 0 22px;display:flex}.steps i{background:var(--ln);height:4px;transition:background-color .22s var(--ease-out);border-radius:2px;flex:1}.steps i.on{background:var(--gold)}.pane{display:none}.pane.on{animation:pane-in .22s var(--ease-out) both;display:block}@keyframes pane-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pick{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pk{background:var(--card);border:1px solid var(--ln);text-align:left;cursor:pointer;width:100%;transition:border-color .16s var(--ease-out),transform .16s var(--ease-out);border-radius:16px;padding:18px;display:block}.pk:active,.plan:active,.prog button:active,.eq label:active{transform:scale(.98)}.pk.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.pk b{margin-bottom:4px;font-size:16px;display:block}.pk span{color:var(--mu);font-size:13px;line-height:1.45}.cat{justify-content:space-between;align-items:center;margin:16px 0 6px;display:flex}.cat b{font-size:14px}.cat button{color:var(--gold);font-size:12px}.eq{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;display:grid}.eq label{background:var(--card);border:1px solid var(--ln);cursor:pointer;transition:border-color .16s var(--ease-out),transform .16s var(--ease-out);border-radius:10px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;display:flex}.eq label.on{border-color:var(--gold)}.eq input{accent-color:var(--gold)}.prog{flex-wrap:wrap;gap:8px;display:flex}.prog button{background:var(--card);border:1px solid var(--ln);color:var(--tx);transition:border-color .16s var(--ease-out),background-color .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out);border-radius:999px;padding:9px 14px;font-size:13px}.prog button.on{border-color:var(--gold);color:var(--gold);background:#e4541f24}.pkg{grid-template-columns:2fr 1fr 1fr 1fr 32px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.pkg .inp{height:40px;font-size:14px}.pkg .hd{letter-spacing:.14em;text-transform:uppercase;color:var(--mu);font-size:10.5px;font-weight:700}.plans{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.plan{background:var(--card);border:1px solid var(--ln);cursor:pointer;text-align:left;width:100%;transition:border-color .16s var(--ease-out),transform .16s var(--ease-out);border-radius:16px;padding:16px;display:block}.plan.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.plan .nm{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:700}.plan .pr{margin:6px 0;font-size:28px;font-weight:300}.plan small{color:var(--mu);font-size:12px;line-height:1.4;display:block}.su-nav{gap:10px;margin-top:22px;display:flex}.su-nav .btn{width:auto;padding:0 22px}.su-wrap .inp{font-size:16px}@media (hover:hover) and (pointer:fine){.pk:hover,.plan:hover,.eq label:hover,.prog button:hover{border-color:#e4541f80}}@media (max-width:600px){.pick{grid-template-columns:1fr}.pkg{grid-template-columns:1.5fr 1fr 1fr 1fr 28px}}@media (prefers-reduced-motion:reduce){.pane.on{animation:none}.pk:active,.plan:active,.prog button:active,.eq label:active{transform:none}}.su-have{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:22px;font-size:14px;display:flex}.su-have a{min-height:44px;color:var(--gold);align-items:center;padding:0 6px;font-weight:700;text-decoration:none;display:inline-flex}.su-have .t-m{font-size:12.5px}.su-bill{grid-template-columns:1fr;gap:0 12px;display:grid}@media (min-width:560px){.su-bill{grid-template-columns:1fr 1fr}}.su-pay{border:1px solid var(--ln);border-radius:14px;padding:14px}.su-pay label span{min-width:0;line-height:1.45}