.pricing-page{max-width:1200px;padding-block:32px 88px}.pricing-intro{grid-template-columns:1.3fr .8fr;align-items:center;gap:64px;margin-bottom:36px;display:grid}.pricing-intro h1{font-size:clamp(32px,3.4vw,46px);font-weight:var(--weight-medium);letter-spacing:-.035em;text-wrap:balance;margin:0 0 16px;line-height:1.12}.pricing-intro p{color:var(--color-text-muted);max-width:48ch;margin:0 0 12px}.pricing-inline-link{text-underline-offset:5px;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--color-control-border-hover);text-decoration-color:var(--color-control-border-hover);align-items:center;font-size:14px;display:inline-flex}.pricing-inline-link:hover{text-decoration-color:currentColor}.pricing-example{min-width:0}.pricing-example .preview-window{border:1px solid var(--color-divider);border-radius:var(--radius-card);aspect-ratio:1.8;overflow:hidden}.pricing-example>a{justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding-top:12px;font-size:13px;display:flex}.pricing-example small{color:var(--color-text-muted);font-size:12px;display:block}.pricing-example>a>span:last-child{color:var(--color-text-muted)}.pricing-page h2{font-size:clamp(23px,2.4vw,30px);font-weight:var(--weight-medium);letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.3}.pricing-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.pricing-plan-section{scroll-margin-top:92px}.pricing-section-head p{color:var(--color-text-muted);margin:8px 0 0;font-size:14px}.pricing-period{border:1px solid var(--color-divider);border-radius:var(--radius-control);min-width:0;margin:0;padding:4px;display:flex}.pricing-period label{cursor:pointer;position:relative}.pricing-period input{opacity:0;width:1px;height:1px;position:absolute}.pricing-period label>span{border-radius:var(--radius-small);min-height:40px;color:var(--color-text-muted);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.pricing-period input:checked+span{background:var(--button-bg);color:var(--button-fg)}.pricing-period input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:3px}.pricing-period small{font-size:11px;font-weight:var(--weight-semibold)}.pricing-period:disabled{opacity:.6}.pricing-plan-grid{grid-template-columns:1fr 1.2fr;gap:20px;display:grid}.pricing-plan{border:1px solid var(--color-divider);border-radius:12px;flex-direction:column;min-width:0;padding:24px;display:flex}.pricing-pro{background:var(--color-surface);border-color:var(--color-text-muted)}.pricing-plan h3{font-size:23px;font-weight:var(--weight-medium);margin:0}.pricing-plan>p:first-of-type{color:var(--color-text-muted);margin:5px 0 20px;font-size:14px}.pricing-plan-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pricing-plan-heading>span{color:var(--color-text-muted);font-size:12px}.pricing-price{font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;display:flex}.pricing-price strong{font-size:52px;line-height:1.15;font-weight:var(--weight-medium);letter-spacing:-.035em}.pricing-price>span{color:var(--color-text-muted);font-size:14px}.pricing-charge{color:var(--color-text-muted);margin:8px 0 20px;font-size:13px}.pricing-charge>span{color:var(--color-success);white-space:nowrap}.pricing-includes{border-top:1px solid var(--color-divider);flex:1;gap:12px;margin:0 0 16px;padding:20px 0;list-style:none;display:grid}.pricing-includes li{align-items:flex-start;gap:10px;font-size:14px;display:flex}.pricing-includes svg{flex:none;margin-top:3px}.pricing-plan>.button{width:100%}.pricing-footnote{color:var(--color-text-muted);margin:12px 0 0;font-size:12px}.pricing-footnote a{text-underline-offset:3px;text-decoration:underline}.pricing-plan-note{color:var(--color-text-muted);margin:16px 0 0;font-size:13px}.pricing-comparison,.pricing-package,.pricing-library,.pricing-faq{margin-top:80px}.pricing-table-wrap{scrollbar-color:var(--color-control-border-hover) transparent;overflow-x:auto}.pricing-comparison table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.pricing-comparison th,.pricing-comparison td{border-bottom:1px solid var(--color-divider);vertical-align:top;padding:16px 20px}.pricing-comparison th{font-weight:var(--weight-medium)}.pricing-comparison th:first-child{width:40%;padding-left:0}.pricing-comparison td{color:var(--color-text-muted);width:30%}.pricing-comparison td:last-child,.pricing-comparison thead th:last-child{background:var(--color-surface);color:var(--color-text)}.pricing-package{border-block:1px solid var(--color-divider);grid-template-columns:.9fr 1.2fr;gap:80px;padding-block:40px;display:grid}.pricing-package>div>p{color:var(--color-text-muted);max-width:32ch;margin:16px 0}.pricing-package dl{gap:24px;margin:0;display:grid}.pricing-package dt{font-weight:var(--weight-medium);margin-bottom:5px}.pricing-package dd{color:var(--color-text-muted);max-width:65ch;margin:0;font-size:14px}.pricing-package dd a,.pricing-questions a{color:var(--color-text);text-underline-offset:3px;text-decoration:underline}.pricing-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pricing-reference-grid img{aspect-ratio:640/450;object-fit:cover;border-radius:var(--radius-control);border:1px solid var(--color-divider);width:100%}.pricing-reference-grid a>div{justify-content:space-between;gap:12px;padding-block:12px;font-size:14px;display:flex}.pricing-reference-grid small{color:var(--color-text-muted);font-size:12px;display:block}.pricing-reference-grid a:hover img{border-color:var(--color-control-border-hover)}.pricing-faq{grid-template-columns:.9fr 1.2fr;gap:80px;display:grid}.pricing-faq>div>p{color:var(--color-text-muted);margin-top:12px;font-size:14px}.pricing-questions details{border-bottom:1px solid var(--color-divider)}.pricing-questions details:first-child{border-top:1px solid var(--color-divider)}.pricing-questions summary{cursor:pointer;min-height:52px;padding:18px 24px 18px 0;font-size:14px}.pricing-questions summary::marker{color:var(--color-text-muted)}.pricing-questions p{color:var(--color-text-muted);max-width:65ch;margin:0 0 20px;font-size:14px}.pricing-closing{border-top:1px solid var(--color-divider);flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:72px;padding-top:32px;display:flex}.pricing-closing p{margin:0 auto 0 0;font-size:20px}@media (max-width:850px){.pricing-intro{gap:28px}.pricing-plan{padding:24px}.pricing-package,.pricing-faq{gap:36px}.pricing-plan-heading>span{display:none}}@media (max-width:640px){.pricing-page{padding-block:32px 56px}.pricing-intro{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.pricing-intro h1{font-size:32px}.pricing-example{grid-template-columns:100px 1fr;align-items:center;gap:12px;display:grid}.pricing-example .preview-window{aspect-ratio:1.4}.pricing-example>a{flex-wrap:wrap;gap:4px;padding:0}.pricing-plan-grid,.pricing-package,.pricing-faq{grid-template-columns:1fr}.pricing-plan-grid{gap:16px}.pricing-pro{order:-1}.pricing-plan{padding:24px}.pricing-section-head{align-items:flex-start}.pricing-comparison,.pricing-package,.pricing-library,.pricing-faq{margin-top:48px}.pricing-comparison th,.pricing-comparison td{padding:14px 10px;font-size:12px}.pricing-comparison th:first-child{width:36%}.pricing-reference-grid{grid-template-columns:1fr;gap:20px}.pricing-package{gap:24px;padding-block:28px}.pricing-faq{gap:20px}.pricing-closing{margin-top:48px}.pricing-closing p{flex-basis:100%}}
