.pricing-page{min-height:100dvh}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.design-tools{max-width:1128px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font:10.5px/1.5 'IBM Plex Mono',monospace;letter-spacing:.02em}
.preview-dot{display:inline-block;width:6px;height:6px;margin-right:7px;background:var(--green);border-radius:50%}.preview-explanation{color:var(--muted)}
.design-tools label{display:flex;align-items:center;gap:10px;white-space:nowrap}.design-tools select{font:11px var(--sans);color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:8px;min-height:36px}
.pricing-main{max-width:1128px;padding:0 24px;margin:0 auto;width:100%}
.pricing-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin:28px 0 28px}.pricing-heading .eyebrow{font:10.5px 'IBM Plex Mono',monospace;letter-spacing:.16em;margin-bottom:12px}.pricing-heading h1{font:500 clamp(32px,4vw,44px)/1.08 var(--serif);letter-spacing:-.01em;margin:0 0 12px;text-wrap:balance}.pricing-lead{margin:0;color:var(--muted);font-size:16px;line-height:1.55;max-width:48ch}
.billing-choice{display:flex;flex:none;gap:3px;border:1px solid var(--line);border-radius:3px;padding:4px;margin:0 0 3px;background:var(--surface)}.billing-choice label{position:relative}.billing-choice input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.billing-choice label>span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:0 14px;border-radius:4px;color:var(--muted);font-size:13px;transition:background-color 120ms,color 120ms}.billing-choice input:checked+span{background:var(--fg);color:var(--bg)}.billing-choice input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}.billing-choice small{font:10.5px 'IBM Plex Mono',monospace;white-space:nowrap}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.plan{padding:24px 28px 26px;border:1px solid var(--line);border-radius:3px;background:var(--surface);min-width:0}.plan-pro{border-color:var(--muted);border-top:2px solid var(--fg);background:var(--tile2)}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.plan-index{font:10.5px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:var(--muted)}.plan-tag{font-size:10.5px;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.plan-pro .plan-tag{color:var(--accent)}.plan h2{margin:0 0 7px;font:500 25px var(--serif);letter-spacing:-.01em}.plan-purpose{font-size:14px;line-height:1.5;color:var(--muted);margin:0;min-height:42px}.plan-price{display:flex;align-items:baseline;gap:9px;height:70px;padding-top:10px;font-variant-numeric:tabular-nums}.plan-price strong{font-size:48px;line-height:1.1;letter-spacing:-.055em;font-weight:500}.plan-price>span{font-size:13px;color:var(--muted)}.billing-detail{min-height:38px;font-size:12px;line-height:1.6;color:var(--muted);margin:2px 0 14px}.plan-action{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 13px var(--mono);padding:12px 16px;border-radius:3px}.plan-free .plan-action{border:1px solid var(--muted);background:transparent;color:var(--fg)}.plan-action:disabled{opacity:.7;cursor:not-allowed}.plan-includes{margin-top:23px;border-top:1px solid var(--line);padding-top:20px}.plan-includes .eyebrow{font-size:10.5px;letter-spacing:.12em;margin:0 0 12px}.plan-includes ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.plan-includes li{position:relative;padding-left:22px;font-size:13px;line-height:1.5}.plan-includes li::before{content:'✓';position:absolute;left:0;color:var(--muted)}.plan-pro .plan-includes li::before{color:var(--accent)}
.plan-status{min-height:42px;margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--muted);text-align:center}.shared-benefits{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 22px;border-bottom:1px solid var(--line)}.shared-benefits>.eyebrow{margin:0;font:10.5px 'IBM Plex Mono',monospace;white-space:nowrap}.shared-benefits>div{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:12px;color:var(--muted)}
.pricing-details{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:34px 0 28px}.principle-mark{display:block;font:16px 'IBM Plex Mono',monospace;color:var(--accent);margin-bottom:14px}.pricing-principle h2{font:500 26px/1.18 var(--serif);letter-spacing:-.01em;margin:0 0 15px}.pricing-principle p{max-width:45ch;font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 14px}.pricing-principle .capacity-note{font-size:11px;color:var(--muted)}.pricing-faq h2{font:500 19px var(--serif);margin:0 0 13px}.pricing-faq details{border-bottom:1px solid var(--line)}.pricing-faq summary{list-style:none;position:relative;padding:16px 25px 16px 0;cursor:pointer;font-size:13px;line-height:1.5;min-height:48px}.pricing-faq summary::-webkit-details-marker{display:none}.pricing-faq summary::after{content:'+';position:absolute;right:2px;color:var(--muted)}.pricing-faq details[open] summary::after{content:'−'}.pricing-faq details p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 18px}.pricing-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:10px 0 20px;color:var(--muted);font-size:11px}.pricing-footer>div{display:flex;gap:24px}.pricing-footer a{display:inline-flex;align-items:center;min-height:44px}
#checkout-preview{max-width:440px;width:calc(100vw - 32px);padding:28px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--fg)}#checkout-preview::backdrop{background:var(--backdrop)}#checkout-preview h2{font:500 27px var(--serif);letter-spacing:-.01em;margin:12px 0}#checkout-preview p{font-size:14px;line-height:1.6}#checkout-total{color:var(--accent);font-variant-numeric:tabular-nums}.dialog-close{display:block;margin-left:auto;width:40px;height:40px;background:transparent;color:var(--fg);border:1px solid var(--line);border-radius:3px;font-size:20px}
@media(max-width:760px){.pricing-heading{display:block;margin-top:18px}.billing-choice{width:max-content;margin-top:20px}.plan{padding:22px}.plan-grid{gap:14px}.plan-top{align-items:flex-start;flex-direction:column;gap:7px}.pricing-details{gap:30px}.shared-benefits{align-items:flex-start;flex-direction:column;gap:12px}.shared-benefits>div{gap:12px 22px}.preview-explanation{display:none}}
@media(max-width:600px){.pricing-main{padding:0 16px}.design-tools{padding:12px 16px;font-size:10.5px;gap:8px}.design-tools label{font-size:10.5px;gap:5px}.design-tools select{max-width:133px;font-size:10.5px}.pricing-heading h1{font-size:34px}.pricing-lead{font-size:15px}.plan-grid{grid-template-columns:1fr}.plan-top{flex-direction:row;align-items:center}.plan-purpose{min-height:0}.plan-price{height:67px}.plan{padding:22px}.plan-includes{margin-top:20px;padding-top:18px}.plan-includes ul{gap:10px}.billing-detail{min-height:36px}.plan-status{text-align:left;min-height:52px}.shared-benefits>div{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px}.pricing-details{grid-template-columns:1fr;gap:26px;padding-top:25px}.pricing-principle h2{font-size:24px}.pricing-principle h2 br{display:none}.pricing-footer{align-items:flex-start;flex-direction:column;gap:4px}.pricing-footer>span{padding-top:12px}}
.pricing-lead{max-width:62ch}.plan-purpose{min-height:21px}.plan-price{height:64px}.billing-detail{min-height:40px;margin-bottom:10px}.plan-includes{margin-top:18px;padding-top:16px}.plan-includes ul{gap:10px}.pricing-principle h2 br{display:initial}
@media(prefers-reduced-motion:reduce){.billing-choice label>span{transition:none}}