.gs{max-width:420px;margin:0 auto;text-align:center;overflow:hidden}
.gs input{display:none}
.gs .track{display:flex;width:300%;transition:transform .45s ease}
.gs .page{width:100%;padding:18px 14px;box-sizing:border-box}
.gs .ico{width:44px;height:44px;margin:0 auto 10px;display:block}
.gs h3{margin:8px 0 10px;letter-spacing:.08em;font-size:16px}
.gs p{margin:0 auto;max-width:38ch;color:#666;line-height:1.6}
.gs .dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.gs .dots label{width:8px;height:8px;border-radius:99px;background:#cfcfcf;cursor:pointer}
#gs1:checked~.track{transform:translateX(0)}
#gs2:checked~.track{transform:translateX(-33.333%)}
#gs3:checked~.track{transform:translateX(-66.666%)}
#gs1:checked~.dots label[for=gs1],
#gs2:checked~.dots label[for=gs2],
#gs3:checked~.dots label[for=gs3]{background:#111}