.pg-page{width:min(1120px,calc(100% - 80px));margin:auto;font-family:-apple-system,"SF Pro Text","PingFang SC",sans-serif}.pg-intro{padding:90px 0 42px}.pg-intro>p:first-child,.pg-study small{font-size:11px;letter-spacing:.1em;color:#68747d}.pg-intro h1{font-size:clamp(48px,6.5vw,90px);line-height:1.02;letter-spacing:-.055em;font-weight:580;margin:26px 0}.pg-intro>p:last-child{font-size:19px;color:#707782}.pg-tabs{display:flex;gap:28px;border-block:1px solid #d9dcde;padding:8px 0}.pg-tabs a{display:flex;align-items:center;min-height:44px;font-size:13px}.pg-study{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:64px;align-items:center;padding:72px 0;border-bottom:1px solid #d9dcde;scroll-margin-top:35px}.pg-study h2{font-size:36px;font-weight:550;line-height:1.1;letter-spacing:-.035em;margin:22px 0}.pg-study p{font-size:16px;line-height:1.7;color:#707782}.pg-stage{min-height:470px;position:relative;display:grid;place-items:center;border-radius:20px;overflow:hidden}.pg-shape{background:#ebece8}.pg-ribbon{width:240px;height:250px;overflow:visible}.pg-ribbon path{transform-box:fill-box;transform-origin:center}.pg-note{position:absolute;bottom:22px;left:24px}.pg-study label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#505b63;margin:16px 0 5px}.pg-page input[type=range]{width:100%;height:32px;accent-color:#353b43;cursor:ew-resize}.pg-reset{display:block;border:0;background:none;padding:10px 0;margin-top:12px;min-height:44px;font-size:12px;color:#525e67;cursor:pointer}.pg-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:26px}.pg-presets button{border:1px solid #cfd4d7;border-radius:99px;padding:10px 12px;min-height:44px;background:none;color:#626b73;font-size:12px;cursor:pointer}.pg-presets button[aria-pressed=true]{background:#252a30;color:#fff;border-color:#252a30}.pg-colors{display:flex;gap:20px}.pg-colors label{gap:10px}.pg-colors input{width:40px;height:40px;padding:2px;border:1px solid #d1d5d8;border-radius:9px;background:none;cursor:pointer}.pg-color{background:linear-gradient(135deg,#a8d5ff,#8c80ee)}.pg-sample{width:72%;background:#fafaf8;border-radius:22px;padding:34px;box-shadow:0 24px 45px #25335024}.pg-sample p{font-size:12px}.pg-sample strong{font-size:32px;line-height:1.15;font-weight:550;letter-spacing:-.03em}.pg-lines{display:grid;gap:9px;margin-top:25px}.pg-lines i{height:6px;border-radius:9px;background:#e5e8e7}.pg-lines i:last-child{width:65%}.pg-response{background:#e9edf1}.pg-demo{text-align:center;padding:28px;width:100%}.pg-demo>small{display:block}.pg-demo>button{min-width:215px;height:60px;background:#252a30;color:#fff;border:0;border-radius:99px;font-size:17px;cursor:pointer;padding:0 28px;margin-top:26px;transition:transform .15s,background .2s}.pg-demo>button:active{transform:scale(.96)}.pg-demo>button:disabled{cursor:wait;opacity:.7}.pg-demo>button[data-state=success]{background:#356151}.pg-demo>button[data-state=error]{background:#713f42}.pg-demo p{font-size:14px;color:#505e69;min-height:44px;max-width:310px;margin:22px auto 8px}.pg-demo>small:last-child{font-size:10px;letter-spacing:0}.pg-study fieldset{border:0;padding:0;margin-top:24px}.pg-study legend{font-size:12px;color:#65717b}.pg-study fieldset label{justify-content:flex-start;gap:10px;min-height:40px;margin:0}.pg-study input[type=radio]{accent-color:#252a30;width:16px;height:16px}.pg-end{display:flex;justify-content:space-between;align-items:center;padding:50px 0;gap:20px}.pg-end p{font-size:19px;color:#788089}.pg-end a{font-size:13px}.pg-page :focus-visible{outline:2px solid #466986;outline-offset:5px}@media(max-width:1000px){.pg-study{gap:32px}.pg-stage{min-height:410px}.pg-sample{padding:24px;width:82%}.pg-colors{flex-wrap:wrap;gap:12px}}@media(max-width:700px){.pg-page{width:calc(100% - 40px)}.pg-intro{padding-top:95px}.pg-study{grid-template-columns:1fr;padding:48px 0;scroll-margin-top:80px}.pg-stage{min-height:360px}.pg-ribbon{width:195px;height:205px}.pg-study h2{font-size:32px}.pg-tabs{gap:24px}.pg-end{align-items:flex-start;flex-direction:column}.pg-sample{max-width:320px}.pg-note{font-size:9px!important}.pg-colors{flex-wrap:nowrap}}@media(prefers-reduced-motion:reduce){.pg-demo>button{transition:none}}