.usage-pricing{color-scheme:light;--accent:var(--blue)}
.usage-pricing *{box-sizing:border-box}
.usage-pricing{scroll-behavior:smooth}
.usage-pricing{margin:0;background:#ffffff;color:var(--ink);font-family:inherit}
.usage-pricing .wrap{max-width:1120px;margin:auto;padding-left:28px;padding-right:28px}
.usage-pricing .brand{font-size:29px;font-weight:650;letter-spacing:-1.5px}
.usage-pricing .brand span{color:var(--blue)}
.usage-pricing .brand i{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-left:4px}
.usage-pricing .pricing-hero{text-align:center;padding:48px 0 45px}
.usage-pricing .eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:750;color:var(--accent)}
.usage-pricing .eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-right:7px}
.usage-pricing h1{font-size:clamp(42px,6vw,70px);line-height:1.09;letter-spacing:-3px;margin:23px 0}
.usage-pricing h1>span{color:var(--accent)}
.usage-pricing .pricing-hero>p{font-size:17px;color:var(--muted);line-height:1.7}
.usage-pricing .promises{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:25px;font-size:15px;font-weight:600;color:var(--blue)}
.usage-pricing .promises>span{display:flex;align-items:center;gap:8px;padding:10px 15px;background:var(--pale);border:1px solid #d6e4ff;border-radius:8px}
.usage-pricing .promise-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:21px;height:21px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px}
.usage-pricing .plan-package{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white;box-shadow:0 18px 50px #21325b0d}
.usage-pricing .calculator{display:grid;grid-template-columns:1.15fr 1fr;background:white;scroll-margin-top:20px}
.usage-pricing .configuration{padding:40px}
.usage-pricing .configuration h2{font-size:26px;letter-spacing:-.8px;line-height:1.3;margin:16px 0 10px}
.usage-pricing .configuration>p{font-size:14px;line-height:1.6;color:var(--muted)}
.usage-pricing label{display:block;font-size:12px;font-weight:700;margin:28px 0 10px}
.usage-pricing .quantity-control{display:flex;border:1px solid #bdc5d1;border-radius:9px;padding:7px;gap:8px}
.usage-pricing .quantity-control button{border:0;background:var(--pale);color:var(--accent);font-size:25px;border-radius:5px;width:42px;flex-shrink:0;cursor:pointer}
.usage-pricing input{line-height:1.5;font-family:inherit;font-size:25px;font-weight:650;text-align:center;min-width:0;width:100%;border:0;background:transparent;color:var(--ink);appearance:textfield}
.usage-pricing input::-webkit-inner-spin-button{appearance:none}
.usage-pricing button:focus-visible,.usage-pricing a:focus-visible,.usage-pricing summary:focus-visible,.usage-pricing input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.usage-pricing .configuration .help{font-size:11px;min-height:18px}
.usage-pricing .error{color:#a52b2b!important;font-size:12px!important}
.usage-pricing .error:empty{display:none}
.usage-pricing .presets{display:flex;gap:8px;margin-top:18px}
.usage-pricing .presets button{flex:1;padding:9px 4px;border-radius:6px;background:white;border:1px solid var(--line);color:var(--muted);font-weight:600;cursor:pointer}
.usage-pricing .presets button[aria-pressed=true]{background:var(--pale);border-color:var(--blue);color:var(--accent)}
.usage-pricing button:disabled{opacity:.35;cursor:default}
.usage-pricing .included{display:flex;gap:12px;margin-top:30px;padding-top:23px;border-top:1px solid var(--line);font-size:13px}
.usage-pricing .check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;align-self:flex-start;color:var(--accent);background:var(--pale);border-radius:50%;font-size:12px;line-height:1;padding:0}
.usage-pricing .included p{color:var(--muted);font-size:12px;margin:6px 0 0}
.usage-pricing .summary{padding:36px;background:var(--pale)}
.usage-pricing .summary-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:700;letter-spacing:1px}
.usage-pricing .package-badge{font-size:10px;background:#e5edff;color:var(--accent);padding:7px 10px;border-radius:20px;letter-spacing:0}
.usage-pricing .summary h2{font-size:24px;letter-spacing:-.6px;margin:28px 0 16px}
.usage-pricing .summary h2 small{font-size:16px;font-weight:400;letter-spacing:0}
.usage-pricing .price{font-size:clamp(32px,4.3vw,52px);font-weight:650;letter-spacing:-2px;overflow-wrap:anywhere}
.usage-pricing .price-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);margin-top:5px}
.usage-pricing .price-meta small{font-size:9px}
.usage-pricing .divider{height:1px;background:#e7eaf3;margin:27px 0}
.usage-pricing .footnote{font-size:10px;color:var(--muted);line-height:1.6;margin-bottom:0}
.usage-pricing .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:52px 0;border-bottom:1px solid var(--line)}
.usage-pricing .number{font-size:10px;letter-spacing:1px;color:var(--accent);font-weight:650}
.usage-pricing .benefits h2{font-size:19px;letter-spacing:-.5px;margin:15px 0 10px}
.usage-pricing .benefits p,.usage-pricing .faq p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
.usage-pricing .faq{max-width:720px;margin:55px auto 65px}
.usage-pricing .faq>h2{font-size:28px;letter-spacing:-1px;margin-bottom:25px}
.usage-pricing details{border-bottom:1px solid var(--line);padding:19px 0}
.usage-pricing summary{font-size:14px;font-weight:600;cursor:pointer}
.usage-pricing .faq p{padding-top:14px}
.usage-pricing footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:100px}
.usage-pricing footer>span:last-child{font-size:10px;color:var(--muted)}
@media(max-width:700px){.usage-pricing .wrap{padding-left:20px;padding-right:20px}
.usage-pricing .brand{font-size:25px}
.usage-pricing .pricing-hero{padding:32px 0}
.usage-pricing h1{letter-spacing:-2px}
.usage-pricing .pricing-hero>p{font-size:14px}
.usage-pricing .promises{font-size:13px;gap:10px}
.usage-pricing .promises>span{padding:9px 12px}
.usage-pricing .promise-check{width:19px;height:19px;font-size:12px}
.usage-pricing .calculator{grid-template-columns:1fr}
.usage-pricing .configuration,.usage-pricing .summary{padding:26px}
.usage-pricing .configuration h2{font-size:24px}
.usage-pricing .price{font-size:46px}
.usage-pricing .benefits{grid-template-columns:1fr;gap:26px;padding:35px 0}
.usage-pricing .benefits h2{margin-top:8px}
.usage-pricing .faq{margin:35px 0 45px}
.usage-pricing footer{align-items:flex-start;flex-direction:column;justify-content:center;padding-top:20px;padding-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.usage-pricing{scroll-behavior:auto}
}

.usage-pricing{padding-top:20px;}

@media(max-width:700px){.usage-pricing{padding-top:12px;}}

.usage-pricing .annual-detail strong{font-size:17px;color:var(--ink)}
.usage-pricing .annual-detail p{font-size:14px;line-height:1.8;color:var(--muted);margin:14px 0}
.usage-pricing .document-marquee{overflow:hidden;margin:0 0 34px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.usage-pricing .document-marquee-track{display:flex;width:max-content;animation:usage-documents-scroll 85s linear infinite}
.usage-pricing .document-marquee-group{display:flex;align-items:center;flex-shrink:0;gap:32px;list-style:none;margin:0;padding:0 32px 0 0}
.usage-pricing .document-marquee-group li{white-space:nowrap;font-size:14px;font-weight:600;color:var(--accent)}
@keyframes usage-documents-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.usage-pricing .document-marquee{overflow-x:auto;mask-image:none}.usage-pricing .document-marquee-track{animation:none}.usage-pricing .document-marquee-group[aria-hidden=true]{display:none}}

.usage-pricing .document-details{padding:40px 0 0}
.usage-pricing .document-details h2{font-size:28px;letter-spacing:-1px;margin:12px 0}
.usage-pricing .document-details-intro{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:26px}

.usage-pricing .plan-extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--line);background:var(--pale)}
.usage-pricing .plan-extra{padding:22px;background:transparent}
.usage-pricing .plan-extra+.plan-extra{border-left:1px solid var(--line)}
.usage-pricing .plan-extra h2{font-size:19px;line-height:1.5;margin:12px 0 8px;color:var(--ink)}
.usage-pricing .plan-extra p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.usage-pricing .plan-extra .extra-highlight{font-size:16px;font-weight:600;color:var(--ink)}
@media(max-width:700px){.usage-pricing .plan-extras{grid-template-columns:1fr}.usage-pricing .plan-extra+.plan-extra{border-left:0;border-top:1px solid var(--line)}}

.usage-pricing .pricing-hero>.eyebrow{font-size:13px}

.usage-pricing .document-count-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px;margin:0;padding-left:20px;color:var(--ink);font-size:14px;line-height:1.6}
.usage-pricing .document-count-list li::marker{color:var(--accent)}
.usage-pricing .document-count-note{font-size:12px;color:var(--muted);margin:20px 0 0}
.usage-pricing .plan-contact{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin:26px 0 48px}
.usage-pricing .plan-contact>span{font-size:14px;color:var(--muted)}
.usage-pricing .plan-contact>span a{font-weight:600}



@media(max-width:700px){.usage-pricing .document-count-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;font-size:13px}.usage-pricing footer{padding-bottom:85px}}
@media(max-width:400px){.usage-pricing .document-count-list{grid-template-columns:1fr}}

.usage-pricing .electronic-label{display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:400;line-height:1.4;color:#fff;background:var(--blue);border-radius:3px;padding:1px 4px;vertical-align:middle;white-space:nowrap}
.usage-pricing .electronic-label i{font-size:9px}
.usage-pricing .document-count-list li{padding-right:4px}



.usage-pricing .calculator{scroll-margin-top:110px}.usage-pricing .plan-contact .button{gap:12px}.usage-pricing .electronic-label svg{flex:none}
