.sup-page{padding:196px 0 130px}.sup-head{text-align:center;flex-direction:column;align-items:center;margin-bottom:56px;display:flex}.sup-page h1{letter-spacing:-.045em;font-size:clamp(40px,6vw,76px)}.sup-page .lead{max-width:620px;margin-top:24px}.sup-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.sup{background:var(--surface);border:1px solid var(--border);border-radius:22px;flex-direction:column;gap:22px;padding:26px;transition:border-color .4s;display:flex}.sup:hover{border-color:var(--border-2)}.sup-top{align-items:center;gap:14px;display:flex}.sup-ico{object-fit:contain;flex:none;width:40px;height:40px}.sup-top h2{letter-spacing:-.025em;font-size:19px;line-height:1.2}.sup-net{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-top:3px;font-size:11px;display:block}.sup-addr{text-align:left;border:1px solid var(--border);background:#ffffff05;border-radius:14px;flex:1;align-items:center;gap:14px;width:100%;padding:13px 14px;transition:border-color .3s,background .3s;display:flex}.sup-addr:hover,.sup-addr.done{border-color:var(--border-2);background:#ffffff0b}.sup-addr:focus-visible{outline-offset:2px;outline:2px solid #fff}.sup-addr code{color:#cfcfcf;overflow-wrap:anywhere;flex:1;min-width:0;font-size:12px;line-height:1.55}.sup-copy{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);flex:none;font-size:10.5px;transition:color .3s}.sup-addr:hover .sup-copy,.sup-addr.done .sup-copy{color:#fff}.sup-note{color:var(--dim);margin-top:22px;font-size:12.5px}@media (width<=1024px){.sup-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.sup-page{padding:160px 0 100px}.sup-head{margin-bottom:40px}.sup-grid{grid-template-columns:1fr}}