/* Billing uses the Toolbox theme tokens in both light and dark mode. */
.billing-page{max-width:1160px;margin-inline:auto;--billing-accent:var(--brand-deep);--billing-radius:22px}
.billing-page h1,.billing-page h2,.billing-page h3,.billing-gate h1{letter-spacing:-.035em}
.billing-page h2{font-size:1.5rem;line-height:1.25;margin:0 0 8px}.billing-page h3{font-size:1.1rem;margin:0}
.billing-eyebrow{font-size:.67rem!important;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 14px!important}
.billing-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:32px;padding:40px 0 35px}
.billing-hero h1{max-width:720px;font-size:clamp(2.1rem,3.6vw,3.65rem);font-weight:650;line-height:1.06;margin:0 0 20px}
.billing-hero-body{font-size:1rem;line-height:1.7;color:var(--muted);max-width:550px;margin:0 0 20px}
.billing-hero-mark{position:relative;display:grid;place-items:center;width:160px;height:160px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle,color-mix(in srgb,var(--brand) 16%,transparent),transparent 72%)}
.billing-hero-mark::before{content:'';position:absolute;inset:15px;border:1px dashed color-mix(in srgb,var(--brand) 30%,transparent);border-radius:50%}
.billing-hero-mark span{font-size:6rem;font-weight:300;color:var(--brand);transform:rotate(-12deg);line-height:1}.billing-hero-mark i,.billing-hero-mark b{position:absolute;display:grid;place-items:center;width:36px;height:36px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--text);font-style:normal;font-weight:400}.billing-hero-mark i{top:5px;left:0}.billing-hero-mark b{bottom:0;right:8px}
.billing-reassurance{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.76rem;color:var(--muted)}
.billing-current{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 28px;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:16px;background:var(--surface);margin:0 0 44px}
.billing-current .billing-eyebrow{margin-bottom:8px!important}.billing-current h2{font-size:1.15rem;letter-spacing:-.02em}.billing-current p:not(.billing-eyebrow){font-size:.8rem;line-height:1.6;color:var(--muted);margin:6px 0 0}.billing-current-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-end;flex-shrink:0}
.billing-section-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 23px}.billing-section-head p{font-size:.86rem;line-height:1.6;color:var(--muted);margin:0}
.billing-switch{display:flex;gap:3px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface);flex-shrink:0}
.billing-switch button,.billing-filters button{border:0;cursor:pointer;color:var(--muted);background:transparent;padding:10px 18px;border-radius:8px;font-size:.8rem;font-weight:650;white-space:nowrap}
.billing-switch button[aria-pressed=true]{background:var(--text);color:var(--bg);box-shadow:0 2px 6px #0001}.billing-switch button:hover,.billing-filters button:hover{color:var(--brand-deep)}
.billing-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.billing-plan{position:relative;border:1px solid var(--line);border-radius:var(--billing-radius);padding:30px;background:var(--surface);min-width:0;overflow:hidden}
.billing-plan-featured{border-color:color-mix(in srgb,var(--brand) 65%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 11%,var(--surface)),var(--surface) 65%)}
.billing-plan-tag{display:flex;align-items:center;gap:8px;font-size:.65rem;font-weight:800;letter-spacing:.13em;color:var(--brand-deep);margin:0 0 24px}.billing-plan-tag svg{width:19px;height:19px}.billing-plan-partner .billing-plan-tag{color:var(--muted)}
.billing-plan h3{font-size:2rem;line-height:1.15;margin:0 0 12px}.billing-plan-description{color:var(--muted);line-height:1.7;font-size:.87rem;min-height:4.5em;margin:0 0 24px}
.billing-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px}.billing-price strong{font-size:3.25rem;line-height:1.1;font-weight:600;letter-spacing:-.055em}.billing-price span{color:var(--muted);font-size:.9rem}.billing-saving{height:38px;display:flex;align-items:center;margin:2px 0 12px}
.billing-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 16px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:.79rem;font-weight:750;line-height:1.4;text-decoration:none;cursor:pointer;text-align:center}
.billing-button:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface))}.billing-button-primary{background:var(--brand);border-color:var(--brand);color:#092518}.billing-button-primary:hover{background:color-mix(in srgb,var(--brand) 80%,white);color:#092518}.billing-button:disabled{opacity:.5;cursor:not-allowed}.billing-plan>.billing-button{display:flex;width:100%}
.billing-plan-help{min-height:3em;color:var(--muted);font-size:.71rem;line-height:1.55;margin:12px 0 22px}.billing-plan-benefits{list-style:none;margin:0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;gap:16px}.billing-plan-benefits li{display:flex;gap:12px;align-items:center;font-size:.84rem}.billing-plan-benefits svg{width:20px;height:20px;flex:none;color:var(--brand-deep)}.billing-plan-benefits strong{font-weight:650}.billing-plan-benefits small{display:block;color:var(--muted);font-size:.73rem;margin-top:3px}.billing-plan>.billing-text-link{margin-top:22px}.billing-plan>.billing-badge{margin-top:15px}
.billing-plan-details{margin-top:24px;padding-top:17px;border-top:1px solid var(--line)}.billing-plan-details summary{font-size:.78rem;cursor:pointer;color:var(--muted)}.billing-plan-details ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}.billing-plan-details li{font-size:.8rem}.billing-plan-details p{color:var(--muted);font-size:.76rem;line-height:1.6;margin:4px 0}
.billing-small{color:var(--muted);font-size:.75rem;line-height:1.65}.billing-terms{margin:16px 0 0;text-align:center}.billing-text-link{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:0;min-height:28px;color:var(--brand-deep);font-size:.77rem;font-weight:650;cursor:pointer;text-decoration:none}.billing-text-link:hover{text-decoration:underline}
.billing-tools-section{margin-top:48px}.billing-filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:4px}.billing-filters button{font-size:.76rem;padding:9px 14px}.billing-filters button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}
.billing-tool{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:16px;align-items:center;padding:24px 3px;border-bottom:1px solid var(--line)}
.billing-tool-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--surface-2);color:var(--brand-deep);align-self:start}.billing-tool-icon svg{width:22px;height:22px}.billing-tool-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.billing-tool h3{font-size:.93rem;letter-spacing:-.015em}.billing-tool-copy>p{color:var(--muted);font-size:.79rem;line-height:1.65;margin:8px 0 0;max-width:560px}.billing-tool-action{max-width:205px}.billing-tool-action .billing-button{font-size:.74rem;padding:9px 13px;min-height:40px}.billing-tool .billing-button-primary{color:var(--brand-deep);background:color-mix(in srgb,var(--brand) 9%,var(--surface));border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.billing-badge{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:.64rem;font-weight:650;line-height:1.45}.billing-badge.positive{background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand-deep)}.billing-badge.ended{color:var(--muted);border:1px solid var(--line)}
.billing-usage{max-width:470px;margin:13px 0 0}.billing-usage>div{display:flex;flex-wrap:wrap;gap:7px;justify-content:space-between;font-size:.7rem;line-height:1.5}.billing-usage strong{font-weight:650}.billing-usage span{color:var(--muted)}.billing-usage progress{display:block;width:100%;height:5px;margin-top:8px;border:0;border-radius:4px;overflow:hidden;accent-color:var(--brand);background:var(--surface-2)}.billing-usage progress::-webkit-progress-bar{background:var(--surface-2)}.billing-usage progress::-webkit-progress-value{background:var(--brand);border-radius:4px}.billing-usage progress::-moz-progress-bar{background:var(--brand)}
.billing-faq{margin-top:48px;padding-bottom:30px}.billing-faq details{border-bottom:1px solid var(--line);padding:20px 0}.billing-faq summary{font-size:.88rem;font-weight:600;cursor:pointer}.billing-faq details p{max-width:750px;font-size:.83rem;line-height:1.8;color:var(--muted);margin:15px 0 0}
.billing-notice,.billing-empty{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:.85rem;line-height:1.7;margin-bottom:18px}
.billing-gate{display:grid;grid-template-columns:220px minmax(0,1fr);gap:42px;align-items:center;max-width:1040px;margin:32px auto;padding:55px 44px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--brand) 8%,var(--surface)),var(--surface) 65%)}
.billing-gate-art{position:relative;height:200px;display:grid;place-items:center}.billing-gate-art>span{width:96px;height:96px;display:grid;place-items:center;border-radius:25px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background:var(--surface-2);transform:rotate(-8deg);box-shadow:var(--shadow);color:var(--brand)}.billing-gate-art svg{width:48px;height:48px}.billing-gate-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid var(--line)}.billing-gate-orbit::after{content:'';position:absolute;inset:20px;border:1px dashed var(--line);border-radius:50%}.billing-gate-art i{position:absolute;right:10px;top:10px;color:var(--brand);font-style:normal;font-size:2.5rem}.billing-gate h1{font-size:clamp(1.7rem,2.8vw,2.7rem);line-height:1.12;margin:0 0 16px}.billing-gate-benefit{font-size:1rem;line-height:1.75;color:var(--muted);margin:0 0 18px}.billing-gate-content>p:not(.billing-eyebrow){line-height:1.7}.billing-gate-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 18px}.billing-gate .billing-small{margin-bottom:0}.billing-gate-compact{padding:28px;grid-template-columns:100px minmax(0,1fr);gap:28px;margin:0 0 25px}.billing-gate-compact .billing-gate-art{height:100px}.billing-gate-compact .billing-gate-art>span{height:70px;width:70px}.billing-gate-compact .billing-gate-art svg{height:34px;width:34px}.billing-gate-compact h1{font-size:1.7rem}.billing-gate-compact .billing-gate-art i{display:none}
.billing-context{padding:16px;border:1px solid var(--line);border-radius:12px;margin:12px 0;background:var(--surface)}.billing-context p{font-size:.82rem;line-height:1.6;margin:0 0 10px}.billing-context .billing-button{margin-right:12px}.sidebar a.requires-plan{opacity:1!important}.sidebar a.requires-plan::after{content:'✦';margin-left:auto;font-size:.8rem;color:var(--brand)}
@media(min-width:1200px){.billing-plans:has(>.billing-plan:only-child){grid-template-columns:minmax(0,700px)}.billing-plan:only-child .billing-plan-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.billing-tool{grid-template-columns:38px minmax(0,1fr)}.billing-tool-action{grid-column:2;max-width:none}.billing-hero{grid-template-columns:1fr 130px}.billing-hero-mark{width:130px;height:130px}.billing-gate{grid-template-columns:150px minmax(0,1fr);padding:35px;gap:28px}.billing-gate-art{height:150px}}
@media(max-width:700px){.billing-hero{padding:24px 0 30px;grid-template-columns:1fr;gap:0}.billing-hero-mark{display:none}.billing-hero h1{font-size:2.45rem;max-width:500px}.billing-current{padding:20px;align-items:start;flex-direction:column;gap:16px;margin-bottom:32px}.billing-current-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.billing-section-head{flex-direction:column;align-items:start;gap:17px}.billing-plans{grid-template-columns:1fr;gap:16px}.billing-plan{padding:25px}.billing-plan-description{min-height:0}.billing-plan-benefits{gap:14px}.billing-saving{height:auto;min-height:23px}.billing-plan-help{min-height:0}.billing-tool{gap:12px;padding-block:20px}.billing-tool-action{grid-column:2}.billing-tool-heading{gap:8px}.billing-tool-copy>p{font-size:.8rem}.billing-filters{gap:2px}.billing-filters button{font-size:.73rem;padding:9px 10px}.billing-gate,.billing-gate-compact{grid-template-columns:1fr;padding:26px;gap:24px;margin:12px 0}.billing-gate-art{height:110px;width:140px}.billing-gate-art>span{height:75px;width:75px}.billing-gate h1{font-size:2rem}.billing-gate-benefit{font-size:.9rem}.billing-gate-actions{align-items:stretch}.billing-gate-actions>.billing-button{width:100%}.billing-gate-compact .billing-gate-art{display:none}.billing-reassurance{gap:8px 14px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.billing-page *,.billing-gate *{scroll-behavior:auto!important;transition:none!important}}
:root[data-theme=light] .billing-page,:root[data-theme=light] .billing-gate,:root[data-theme=light] .billing-context{--brand-deep:#137344}

.billing-plan-period{margin:10px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}

.billing-plan[data-current-plan="true"]{border:2px solid var(--brand)}
.billing-button-current:disabled{opacity:1;background:var(--surface-2);color:var(--muted);cursor:default}