.pricing-page{background:var(--bg)}
.pricing-hero{padding:80px 0 54px;border-bottom:1px solid var(--hair)}
.pricing-hero .eyebrow{text-align:left}
.pricing-hero h1{max-width:820px;margin:0 0 22px;text-align:left;font-size:clamp(42px,5.4vw,72px);line-height:1.2}
.pricing-lead{max-width:720px;color:var(--ink-2);font-size:17px;line-height:1.9}
.pricing-laws{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.pricing-law{padding:9px 14px;border:1px solid var(--hair);border-radius:999px;color:var(--ink-2);font-size:12px;background:var(--panel)}
.pricing-law strong{color:var(--ink);margin-right:5px}
.pricing-wrap{padding-block:76px}
.pricing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.pricing-toolbar h2{margin:0;text-align:left;font-size:clamp(30px,3.5vw,44px)}
.pricing-toolbar p{margin:8px 0 0;color:var(--ink-2);font-size:14px}
.pricing-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;transition:gap .28s ease}
.segmented{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--hair);border-radius:999px;background:var(--panel)}
.segment{min-height:40px;padding:8px 15px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font-size:12px;font-weight:600}
.segment[aria-pressed="true"]{background:var(--accent);color:var(--on-accent)}
.account-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--hair);border-radius:999px;color:var(--ink-2);font-size:13px;background:var(--panel);white-space:nowrap;transition:transform .28s ease}
.account-chip strong{color:var(--ink);font-weight:600}
.account-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-mid)}
.account-chip button{border:0;background:transparent;color:var(--ink-3);font-size:11px;padding:0 0 0 4px}
.account-chip button:hover{color:var(--ink)}
.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.plan-card{display:flex;flex-direction:column;min-width:0;padding:26px 24px 22px;border:1px solid var(--hair);border-radius:16px;background:var(--panel);transition:transform .2s,border-color .2s,background .2s}
.plan-card:hover{transform:translateY(-3px);border-color:var(--ink-3)}
.plan-card.is-recommended{border-color:var(--ink);box-shadow:0 14px 36px rgba(39,38,33,.08)}
.plan-card.is-disabled{background:var(--bg-alt)}
.plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.plan-name{font-family:var(--font);font-size:23px;font-weight:650;letter-spacing:-.02em}
.plan-badge{padding:5px 9px;border-radius:999px;background:var(--accent-tint);color:var(--ink-2);font-size:10px;white-space:nowrap}
.plan-description{min-height:48px;margin:10px 0 20px;color:var(--ink-2);font-size:13px;line-height:1.75}
.plan-price{display:flex;align-items:baseline;gap:6px;min-height:56px}
.plan-price .currency{font-size:14px;color:var(--ink-2)}
.plan-price strong{font-size:42px;line-height:1;font-weight:650;letter-spacing:-.04em;color:var(--ink)}
.plan-price small{font-size:12px;color:var(--ink-3)}
.plan-total{min-height:24px;margin-top:7px;color:var(--ink-3);font-size:11px;line-height:1.7}
.plan-points{display:flex;justify-content:space-between;gap:10px;margin:20px 0 12px;padding:12px 14px;border-radius:10px;background:var(--bg-alt);font-size:12px;color:var(--ink-2)}
.plan-points strong{color:var(--ink);font-size:15px}
.plan-output{display:grid;gap:8px;margin:0 0 20px;list-style:none}
.plan-output li{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--hair);font-size:11px;color:var(--ink-3)}
.plan-output b{color:var(--ink-2);font-weight:600;text-align:right}
.plan-features{display:grid;gap:8px;margin:0 0 24px;padding:0;list-style:none;flex:1}
.plan-features li{position:relative;padding-left:16px;color:var(--ink-2);font-size:12px;line-height:1.65}
.plan-features li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1px;background:var(--ink-3)}
.plan-card .btn-primary,.plan-card .btn-outline{width:100%;min-height:46px}
.plan-card .btn-outline[disabled]{cursor:default;opacity:.65}
.pricing-note{max-width:820px;margin:30px auto 0;text-align:center;color:var(--ink-3);font-size:12px;line-height:1.9}
.credit-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:62px;padding:28px 30px;border:1px solid var(--hair);border-radius:16px;background:var(--bg-alt)}
.credit-band h3{font-family:var(--heading-font);font-size:29px;font-weight:500;margin-bottom:8px}
.credit-band p{max-width:700px;color:var(--ink-2);font-size:14px;line-height:1.85}
.credit-band .btn-primary{white-space:nowrap}
.pricing-faq{padding-block:76px;background:var(--bg-alt);border-block:1px solid var(--hair)}
.pricing-faq h2{text-align:left;margin:0 0 26px}
.pricing-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pricing-faq-item{padding-top:18px;border-top:1px solid var(--hair)}
.pricing-faq-item h3{font-family:var(--font);font-size:15px;font-weight:650;margin-bottom:8px}
.pricing-faq-item p{color:var(--ink-2);font-size:13px;line-height:1.85}
.pricing-modal[hidden]{display:none}
.pricing-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:rgba(20,20,18,.62);backdrop-filter:blur(12px)}
.pricing-dialog{width:min(100%,680px);max-height:min(90vh,760px);overflow:auto;padding:30px;border:1px solid var(--hair);border-radius:18px;background:var(--panel);box-shadow:0 28px 90px rgba(0,0,0,.22)}
.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--hair)}
.dialog-head h2{margin:0;text-align:left;font-size:30px}
.dialog-head p{margin-top:7px;color:var(--ink-2);font-size:13px}
.dialog-close{width:40px;height:40px;border:1px solid var(--hair);border-radius:50%;background:transparent;color:var(--ink-2);font-size:24px;line-height:1}
.dialog-close:hover{border-color:var(--ink);color:var(--ink)}
.credit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.credit-stat{padding:16px;border:1px solid var(--hair);border-radius:12px;background:var(--bg-alt)}
.credit-stat span{display:block;color:var(--ink-3);font-size:11px;margin-bottom:7px}
.credit-stat strong{font-size:25px;letter-spacing:-.03em}
.credit-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.credit-package{padding:18px;border:1px solid var(--hair);border-radius:12px;background:var(--panel);text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.credit-package:hover,.credit-package.is-selected{border-color:var(--ink);background:var(--accent-tint)}
.credit-package strong{display:block;font-size:20px}.credit-package span{display:block;color:var(--ink-2);font-size:12px;margin-top:5px}.credit-package em{display:block;margin-top:16px;color:var(--ink);font-size:19px;font-style:normal;font-weight:650}
.dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--hair)}
.dialog-foot p{color:var(--ink-3);font-size:11px;line-height:1.7}
.dialog-foot .btn-primary{white-space:nowrap}
.toast{position:fixed;left:50%;bottom:26px;z-index:400;transform:translate(-50%,16px);padding:12px 18px;border-radius:999px;background:var(--ink);color:var(--on-accent);font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.pricing-title-line{display:block}.product-switch{margin-right:2px}.pricing-actions.api-active{gap:8px}.pricing-actions.api-active .product-switch{transform:translateX(2px)}.api-panel{padding-top:12px}.api-panel-intro{max-width:700px;margin-bottom:30px}.api-panel-intro .eyebrow{text-align:left}.api-panel-intro h3{font-family:var(--heading-font);font-size:clamp(30px,3.5vw,46px);font-weight:500;margin:0 0 12px}.api-panel-intro p{max-width:640px;color:var(--ink-2);font-size:15px;line-height:1.85}.api-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:840px}.api-plan-card{display:flex;flex-direction:column;min-height:300px;padding:26px 24px;border:1px solid var(--hair);border-radius:16px;background:var(--panel)}.api-plan-card.is-featured{border-color:var(--ink);box-shadow:0 14px 36px rgba(39,38,33,.08)}.api-plan-card .plan-badge{align-self:flex-start}.api-plan-card h4{margin-top:20px;font-size:23px}.api-plan-card p{min-height:46px;margin-top:10px;color:var(--ink-2);font-size:13px;line-height:1.75}.api-plan-card ul{display:grid;gap:9px;flex:1;margin:20px 0 24px;padding:0;list-style:none}.api-plan-card li{position:relative;padding-left:16px;color:var(--ink-2);font-size:12px;line-height:1.65}.api-plan-card li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1px;background:var(--ink-3)}.api-plan-card .btn-primary,.api-plan-card .btn-outline{width:100%}.plan-price del{margin-left:auto;color:var(--ink-3);font-size:13px;text-decoration-thickness:1px}
.pricing-actions.api-active #billing-switch{display:none!important}
@media(max-width:1050px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-toolbar{align-items:flex-start;flex-direction:column}.pricing-actions{justify-content:flex-start}}
@media(max-width:640px){.pricing-hero{padding:52px 0 42px}.pricing-hero h1{font-size:40px}.pricing-lead{font-size:15px}.pricing-laws{gap:8px}.pricing-law{font-size:11px}.pricing-wrap{padding-block:58px}.plan-grid{grid-template-columns:minmax(0,1fr);gap:14px}.plan-card{padding:24px 21px}.plan-description{min-height:0}.credit-band{grid-template-columns:minmax(0,1fr);padding:24px 20px}.credit-band .btn-primary{width:100%}.pricing-faq{padding-block:58px}.pricing-faq-grid{grid-template-columns:minmax(0,1fr);gap:24px}.pricing-dialog{padding:22px;border-radius:14px}.credit-summary,.credit-packages{grid-template-columns:minmax(0,1fr)}.dialog-foot{align-items:stretch;flex-direction:column}.dialog-foot .btn-primary{width:100%}.api-plan-grid{grid-template-columns:minmax(0,1fr);gap:14px}.api-plan-card{min-height:0}.pricing-actions{width:100%;overflow:auto;justify-content:flex-start}.pricing-actions .segmented{flex-shrink:0}}
