.pricing-page{min-height:100vh;background:var(--canvas);color:var(--ink);font-family:var(--body);font-size:var(--text-base)}
.pricing-header{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:18px clamp(18px,4vw,56px);border-bottom:1px solid var(--line);background:var(--surface)}
.pricing-header .brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.pricing-header .brand-name{font-weight:800;text-transform:lowercase}.pricing-header .brand-name span{display:block;font-size:9px;letter-spacing:.23em;color:var(--muted);text-transform:uppercase}
.pricing-main{max-width:1280px;margin:auto;padding:clamp(28px,5vw,64px) clamp(18px,4vw,40px)}
.pricing-hero{max-width:760px;margin:0 auto 30px;text-align:center}.pricing-hero h1{margin:8px 0;color:var(--ink);font-family:var(--display);font-size:clamp(32px,5vw,54px);letter-spacing:-.04em}.pricing-hero>p:not(.eyebrow){max-width:620px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.65}
.billing-switch,.billing-cycle-switch{display:inline-flex;align-items:center;gap:4px;margin:22px 4px 0;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.billing-switch button,.billing-cycle-switch button{min-height:40px;padding:0 18px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.billing-switch button.active,.billing-cycle-switch button.active{background:var(--brand);color:var(--brand-ink)}.billing-cycle-switch button span{display:inline-block;margin-left:4px;color:inherit;font-size:10px;opacity:.8}
.billing-plan-grid{display:grid;width:100%;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.billing-plan-picker .billing-plan-grid{width:100%;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.billing-plan-card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.billing-plan-card.is-current{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 16%,transparent),var(--shadow-sm)}.billing-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.billing-plan-top .eyebrow{margin:0 0 5px;color:var(--brand);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.billing-plan-top h3{margin:0;font-family:var(--display);font-size:20px}.billing-price{margin:20px 0 8px;color:var(--ink);font-size:29px;font-weight:800;letter-spacing:-.03em}.billing-price small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:0;line-height:1.5}.billing-plan-limits{min-height:36px;margin:4px 0 14px;color:var(--muted);font-size:12px}.billing-plan-card ul{display:grid;gap:8px;margin:0 0 18px;padding:14px 0 14px 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);font-size:12px;line-height:1.4}.billing-plan-card li::marker{color:var(--brand)}.billing-plan-card>button{width:100%;margin-top:auto}.billing-verification-hint{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.pricing-loading{grid-column:1/-1;padding:30px;text-align:center;color:var(--muted)}.pricing-footnote{max-width:850px;margin:18px auto 34px;color:var(--muted);font-size:11px;line-height:1.6;text-align:center}.pricing-help{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}.pricing-help h2{margin:0 0 5px;font-family:var(--display);font-size:16px}.pricing-help p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.billing-cycle-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 14px}.billing-cycle-row button{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.billing-cycle-row button.active{border-color:var(--brand);background:var(--brand-tint);color:var(--brand);font-weight:700}.billing-overview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:16px;margin-bottom:16px}.billing-usage-row{padding:10px 0;border-bottom:1px solid var(--line)}.billing-usage-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:11px}.billing-usage-row span{color:var(--muted);text-align:right}.billing-meter{height:7px;overflow:hidden;border-radius:99px;background:var(--canvas)}.billing-meter i{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .18s ease}.billing-events{display:grid;gap:8px;margin-top:12px}.billing-event{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.billing-event span{color:var(--muted);text-align:right}.billing-owner-note{margin:10px 0;color:var(--muted);font-size:11px;line-height:1.55}.billing-quantity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.billing-quantity-grid label{display:grid;gap:5px;color:var(--muted);font-size:11px}.billing-quantity-grid input{min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.billing-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.billing-actions button{min-height:38px}.billing-form-message{min-height:18px;color:var(--muted);font-size:11px}.billing-verification-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.billing-event-status{text-transform:capitalize}
@media(max-width:900px){.billing-plan-grid,.billing-plan-picker .billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-overview-grid{grid-template-columns:1fr}.billing-verification-form{grid-template-columns:1fr}.pricing-help{align-items:flex-start;flex-direction:column}.pricing-help .primary-button{width:100%;text-align:center}}
@media(max-width:560px){.billing-plan-grid,.billing-plan-picker .billing-plan-grid{grid-template-columns:minmax(0,1fr)}.billing-switch,.billing-cycle-switch{margin-top:14px}.billing-cycle-switch button{padding:0 11px}.billing-plan-card{padding:17px}.billing-quantity-grid{grid-template-columns:1fr}.billing-actions{align-items:stretch;flex-direction:column}.billing-actions button{width:100%}.billing-event{align-items:flex-start;flex-direction:column}.billing-event span{text-align:left}}

.pricing-comparison{margin:14px 0;padding:20px}.pricing-comparison .settings-section-title{margin:0 0 14px}.pricing-comparison-table{width:100%;border-collapse:collapse;font-size:12px}.pricing-comparison-table th,.pricing-comparison-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.45}.pricing-comparison-table thead th{color:var(--ink);background:var(--canvas);font-size:12px}.pricing-comparison-table tbody th{min-width:150px;color:var(--ink);font-weight:700}.pricing-comparison-table td{min-width:150px;color:var(--muted)}
