

.pw-pr-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.pw-pr-ctrl{position:sticky;top:96px;display:grid;gap:32px;padding:32px;border-radius:var(--radius-l);background:var(--panel-2)}
.pw-pr-bill{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.pw-pr-bill__pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:9px;background:var(--ink);will-change:transform}
.pw-pr-bill button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:9px;font-size:15px;font-weight:500;color:var(--ink-2);transition:color var(--t-light) var(--ease-primary)}
.pw-pr-bill button[aria-checked="true"]{color:#fff}
.pw-pr-bill small{font:400 11px/1 var(--font-mono);opacity:.8}
.pw-pr-field{display:grid;gap:12px}
.pw-pr-field__top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.pw-pr-field__top label{font-size:15px;font-weight:500}
.pw-pr-field__top output{font:500 20px/1 var(--font-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pw-pr-field__ends{display:flex;justify-content:space-between;gap:16px;font:400 11px/1 var(--font-mono);color:var(--ink-3)}
.pw-pr-range{--fill:20%;-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer}
.pw-pr-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent) var(--fill),var(--line-2) var(--fill))}
.pw-pr-range::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent) var(--fill),var(--line-2) var(--fill))}
.pw-pr-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 1px var(--line-2),0 2px 8px rgba(11,13,18,.16);transition:transform var(--t-light) var(--ease-primary)}
.pw-pr-range::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--bg);box-shadow:0 0 0 1px var(--line-2),0 2px 8px rgba(11,13,18,.16)}
.pw-pr-range:active::-webkit-slider-thumb{transform:scale(1.15)}
.pw-pr-total{display:grid;gap:8px;padding-top:24px;border-top:1px solid var(--line-2)}
.pw-pr-total__k{font:400 12px/1.4 var(--font-mono);color:var(--ink-3)}
.pw-pr-total__v{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pw-pr-total__v b{font-size:clamp(2.6rem,4.4vw,3.6rem);font-weight:500;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.pw-pr-total__v span{color:var(--ink-2);font-size:15px}
.pw-pr-total__note{font-size:14px;color:var(--ink-2);line-height:1.5}

.pw-pr-plans{list-style:none;display:grid;gap:12px}
.pw-pr-plan{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 32px;padding:28px;border-radius:var(--radius-l);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--t-medium) var(--ease-primary),background-color var(--t-medium) var(--ease-primary)}
.pw-pr-plan__head{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.pw-pr-plan h3{font-size:24px;font-weight:600;letter-spacing:-.02em}
.pw-pr-plan__price{display:flex;align-items:baseline;gap:8px}
.pw-pr-plan__price b{font-size:28px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pw-pr-plan__price span{font-size:14px;color:var(--ink-3)}
.pw-pr-plan > p{color:var(--ink-2);font-size:15px;line-height:1.6}
.pw-pr-plan ul{list-style:none;display:grid;gap:8px;font-size:15px}
.pw-pr-plan ul li{display:flex;gap:10px;align-items:baseline}
.pw-pr-plan ul li::before{content:"";flex:none;width:10px;height:6px;border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:translateY(-3px) rotate(-45deg)}
.pw-pr-plan__fit{position:absolute;top:-12px;left:24px;padding:6px 12px;border-radius:999px;background:var(--accent);color:#fff;font:500 12px/1 var(--font-mono);font-style:normal;opacity:0;transform:translateY(6px);transition:opacity var(--t-medium) var(--ease-primary),transform var(--t-medium) var(--ease-primary)}
.pw-pr-plan.is-fit{box-shadow:inset 0 0 0 2px var(--accent);background:rgba(46,91,255,.03)}
.pw-pr-plan.is-fit .pw-pr-plan__fit{opacity:1;transform:none}

.r7.pw-pr-faq{background:#f6f7f8;padding:var(--pw-sec) 0 24vh}
.pw-pr-faq .r7-left .pw-lead{max-width:360px}
.pw-pr-faq .r7-a{background:var(--bg)}

@media (max-width:991px){
  .pw-pr-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .pw-pr-ctrl{position:relative;top:auto}
}
@media (max-width:600px){
  .pw-pr-ctrl{padding:20px;gap:24px}
  .pw-pr-plan{grid-template-columns:minmax(0,1fr);padding:24px 20px}
  .r7.pw-pr-faq{padding-bottom:16vh}
  .pw-pr-faq .r7-chat{gap:40px}
}
