.pay-page{background:var(--white);min-height:100vh;padding-bottom:64px}.pay-layout{max-width:1180px;margin:0 auto;padding:32px 20px 0}.pay-header{max-width:720px;margin-bottom:32px}.pay-header h1{font-size:calc(var(--fs-title) * (clamp(1.75rem, 3vw + 1rem, 2.5rem)));font-weight:200;font-family:var(--serif);color:var(--gray-90);margin:0 0 12px}.pay-sub{font-size:calc(var(--fs-content) * (15px));color:var(--gray-60);margin:0;line-height:1.65}.pay-grid{gap:24px;display:grid}@media (min-width:1024px){.pay-grid{grid-template-columns:1fr 1.2fr 340px;align-items:start}}.pay-panel{border:1px solid var(--gray-20);background:var(--gray-10);padding:22px 20px}.pay-panel h2{font-size:calc(var(--fs-title) * (18px));font-weight:400;font-family:var(--serif);color:var(--gray-100);margin:0 0 16px}.pay-panel h3.pay-features-title{font-size:calc(var(--fs-title) * (15px));color:var(--gray-80);margin:28px 0 12px;font-weight:500}.pay-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.pay-field--tight{margin-bottom:12px}.pay-label{font-size:calc(var(--fs-content) * (12px));color:var(--gray-70);letter-spacing:.02em;font-weight:500}.pay-select,.pay-input{font-family:var(--font);font-size:calc(var(--fs-content) * (14px));border:1px solid var(--gray-30);color:var(--gray-100);background:#fff;border-radius:2px;padding:10px 12px}.pay-select:focus,.pay-input:focus{outline-offset:1px;outline:2px solid #0f62fe59}.pay-plan-list{flex-direction:column;gap:10px;display:flex}.pay-plan-card{border:1px solid var(--gray-20);cursor:pointer;background:#fff;border-radius:4px;flex-direction:column;gap:4px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.pay-plan-card--on{border-color:var(--blue);box-shadow:0 0 0 1px #0f62fe26}.pay-plan-radio{opacity:0;pointer-events:none;position:absolute}.pay-plan-name{font-weight:500;font-size:calc(var(--fs-content) * (15px));color:var(--gray-100)}.pay-plan-desc{font-size:calc(var(--fs-content) * (12px));color:var(--gray-60);line-height:1.45}.pay-feature-list{max-height:420px;margin:0;padding:0;list-style:none;overflow-y:auto}.pay-feature-row{border-bottom:1px solid var(--gray-20);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.pay-cb{accent-color:var(--blue);margin-top:4px}.pay-feature-text{font-size:calc(var(--fs-content) * (13px));color:var(--gray-70);flex-direction:column;gap:4px;display:flex}.pay-feature-text strong{color:var(--gray-100);font-weight:500}.pay-feature-meta{font-size:calc(var(--fs-content) * (11px));color:var(--gray-50)}.pay-summary{border:1px solid var(--gray-20);background:#fff;padding:22px 20px;position:sticky;top:100px}.pay-summary h2{font-size:calc(var(--fs-title) * (18px));font-family:var(--serif);margin:0 0 16px}.pay-cycle-toggle{gap:8px;margin-bottom:16px;display:flex}.pay-cycle{font-size:calc(var(--fs-content) * (12px));border:1px solid var(--gray-30);background:var(--gray-10);cursor:pointer;font-family:var(--font);color:var(--gray-70);border-radius:4px;flex:1;padding:8px 10px}.pay-cycle--on{background:var(--blue);color:#fff;border-color:var(--blue)}.pay-total-label{font-size:calc(var(--fs-content) * (12px));color:var(--gray-60);margin:0 0 4px}.pay-total-value{font-size:calc(var(--fs-title) * (32px));font-weight:200;font-family:var(--serif);color:var(--gray-100);letter-spacing:-.02em;margin:0 0 12px}.pay-note{font-size:calc(var(--fs-content) * (11px));color:var(--gray-50);margin:0 0 12px;line-height:1.45}.pay-note--pos{color:#198038}.pay-submit{background:var(--blue);color:#fff;width:100%;font-size:calc(var(--fs-content) * (15px));cursor:pointer;font-weight:500;font-family:var(--font);border:none;border-radius:2px;margin-top:8px;padding:14px 16px;transition:filter .15s}.pay-submit:hover{filter:brightness(1.06)}.pay-disclaimer{font-size:calc(var(--fs-content) * (11px));color:var(--gray-50);margin:14px 0 0;line-height:1.5}.pay-disclaimer a{color:var(--blue)}.pay-back{font-size:calc(var(--fs-content) * (13px));color:var(--blue);margin-top:16px;text-decoration:none;display:inline-block}.pay-back:hover{text-decoration:underline}