/* Readable commercial information across the existing marketing pages. */
body[data-page]{--copy-dark:#c3d2c8;--copy-light:#435b49;--status-green:#246144}
body[data-page] .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.11em}
body[data-page] .section-intro p,body[data-page] .page-heading>p{font-size:17px;line-height:1.75}
body[data-page] .hero .hero-note{font-size:14px;line-height:1.75}
body[data-page] .crm-card>p,body[data-page] .team-feature-grid p,body[data-page] .broadcast-steps p,body[data-page] .industry-panel p,body[data-page] .faq-list p,body[data-page] .module-discovery-grid p{font-size:16px;line-height:1.75}
body[data-page] .light-section p,body[data-page] .security-section p{color:var(--copy-light)}
body[data-page] .feature-shot figcaption,body[data-page] .actual-screen figcaption,body[data-page] .slide-caption{font-size:14px;line-height:1.6}
body[data-page] .company-copy>p,body[data-page] .company-story>p{font-size:17px;line-height:1.75}
body[data-page] .partner-status,body[data-page] .partner-action{font-size:14px;line-height:1.5}
body[data-page] .footer-top p,body[data-page] .footer-requisites p,body[data-page] .footer-bank summary{font-size:14px;line-height:1.7}
body[data-page] .footer-bottom,body[data-page] .footer-pages{font-size:13px;line-height:1.6}
body[data-page] .final-section>p{font-size:17px;line-height:1.75}
/* A price, its unit and its eligibility should be readable together. */
body[data-page="pricing"] .pricing-builder{grid-template-columns:minmax(0,1fr) 330px;gap:28px}
body[data-page="pricing"] .tariff-channel-heading>p,body[data-page="pricing"] .tariff-channel-note,body[data-page="pricing"] .tariff-channel-tabs button,body[data-page="pricing"] .channel-groups>button{font-size:14px;line-height:1.5}
body[data-page="pricing"] .whatsapp-guide{font-size:15px;line-height:1.7}
body[data-page="pricing"] .pricing-builder .tariff-card{padding:24px 20px}
body[data-page="pricing"] .pricing-builder .tariff-card h3{font-size:26px;line-height:1.25}
body[data-page="pricing"] .pricing-builder .tariff-price{font-size:36px;line-height:1.3;font-variant-numeric:tabular-nums;font-weight:550}
body[data-page="pricing"] .pricing-builder .tariff-price span{font-size:15px;white-space:nowrap;color:#c3d2c8}
body[data-page="pricing"] .pricing-builder .tariff-card li{font-size:15px;line-height:1.65}
body[data-page="pricing"] .pricing-builder .tariff-card .tariff-note{font-size:14px;line-height:1.65;color:#c3d2c8}
body[data-page="pricing"] .pricing-builder .tariff-card .btn{font-size:14px;line-height:1.4}
body[data-page="pricing"] .pricing-addons p{font-size:16px;line-height:1.65;color:var(--copy-dark)}
body[data-page="pricing"] .module-price-list{display:grid;gap:10px}
body[data-page="pricing"] .module-price-list label{display:grid;grid-template-columns:22px 36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border:1px solid #405d4a;border-radius:12px;background:#19291f;cursor:pointer;margin:0;min-width:0}
body[data-page="pricing"] .module-price-list label:has(input:checked){border-color:var(--mint);background:#203e2e}
body[data-page="pricing"] .module-price-list input{width:20px;height:20px;accent-color:var(--mint);margin:0}
body[data-page="pricing"] .module-price-list label:focus-within{outline:2px solid var(--mint);outline-offset:3px}
.module-symbol{width:30px;height:30px;color:#91ddc2}
.module-copy{display:grid;gap:5px;min-width:0}
.module-copy>span{font-size:17px;font-weight:550;line-height:1.4;color:#f1f5ef}
.module-copy>small{font-size:14px;line-height:1.5;color:#c3d2c8}
body[data-page="pricing"] .module-price-list .module-amount{display:grid;gap:3px;text-align:right;white-space:nowrap}
body[data-page="pricing"] .module-amount strong{font-size:23px;line-height:1.3;color:#a1eed4;font-weight:600;font-variant-numeric:tabular-nums}
.module-amount small{font-size:14px;color:#c3d2c8;line-height:1.4}
body[data-page="pricing"] .quote-box{padding:24px;min-width:0}
body[data-page="pricing"] .quote-box #quote-state,body[data-page="pricing"] .quote-item-name,body[data-page="pricing"] .quote-totals>div{font-size:15px;line-height:1.6}
body[data-page="pricing"] .quote-item-price,body[data-page="pricing"] .quote-quantity,body[data-page="pricing"] .quote-usage,body[data-page="pricing"] .quote-box small{font-size:14px;line-height:1.65;color:#cad9cd}
body[data-page="pricing"] .quote-grand-total strong{font-size:38px;line-height:1.25}
body[data-page="pricing"] .quote-box .btn,body[data-page="pricing"] .quote-trial,body[data-page="pricing"] .quote-clear{font-size:14px;line-height:1.5}
body[data-page="pricing"] .quote-quantity{flex-wrap:wrap}
body[data-page="pricing"] .pricing-terms{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:36px}
body[data-page="pricing"] .pricing-terms article{padding:26px;border:1px solid #405d4a;border-radius:14px;background:#19291f;min-width:0}
body[data-page="pricing"] .pricing-terms h3{font-size:26px;line-height:1.35;margin:14px 0 24px}
body[data-page="pricing"] .pricing-terms h3 strong{color:#a1eed4;font-weight:600}
body[data-page="pricing"] .pricing-terms p{font-size:15px;line-height:1.7;color:#c3d2c8;margin-top:20px}
.discount-scale,.prepay-options{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
.discount-scale>div,.prepay-options>div{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:14px 8px;background:#243e2e;border:1px solid #486750;border-radius:9px;text-align:center;min-width:0}
.discount-scale span,.prepay-options span{font-size:13px;line-height:1.4;color:#d3e3d6}
.discount-scale strong{font-size:29px;line-height:1.2;color:#a1eed4;font-weight:600}
.prepay-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.prepay-options strong{font-size:30px;line-height:1.25;white-space:nowrap;font-weight:550}
.prepay-options em{color:#a1eed4;font-style:normal}
body[data-page="pricing"] .pricing-bottom{align-items:center;gap:32px}
.pricing-extra-costs{max-width:760px}
body[data-page="pricing"] .pricing-extra-costs h3{font-size:22px;margin:0 0 16px;line-height:1.4}
.pricing-extra-costs ul{padding-left:20px;display:grid;gap:10px;font-size:15px;line-height:1.7;color:#c3d2c8}
/* Light backgrounds need dark semantic colors, including live status states. */
body[data-page] .security-grid h3{font-size:24px;line-height:1.3}
body[data-page] .security-grid p{font-size:16px;line-height:1.75}
body[data-page] .security-section .security-symbol{font-size:13px;color:#356345}
body[data-page] .security-section .status-panel{padding:28px;gap:32px;background:#f6f8f2;border-color:#7f9b83}
body[data-page] .security-section .status-panel h3{font-size:27px;line-height:1.35}
body[data-page] .security-section .status-panel p{font-size:16px;line-height:1.7;color:#435b49}
body[data-page] .security-section .status-panel .status-meta{font-size:14px;line-height:1.7;color:#4d6452}
body[data-page] .security-section .status-list li{font-size:16px;line-height:1.6;padding:18px 0;align-items:start;border-color:#a8bbaa}
body[data-page] .security-section .status-list strong{font-size:15px;line-height:1.6;color:#72531d}
body[data-page] .security-section .status-list strong[data-state="up"]{color:#246144}
body[data-page] .security-section .status-list strong[data-state="down"]{color:#9b2929}
body[data-page] .security-section .legal-links strong{font-size:17px;line-height:1.5}
body[data-page] .security-section .legal-links small,body[data-page] .security-section .security-source{font-size:14px;line-height:1.7;color:#435b49}
/* The original document is available beside its preview. */
.astana-membership{display:grid;grid-template-columns:1fr 1.1fr;gap:42px;align-items:center;padding:32px;margin:48px 0;border:1px solid #597a63;border-radius:16px;background:#1b3024;scroll-margin-top:130px}
.astana-membership h2{font-size:34px;line-height:1.25;letter-spacing:-.03em;margin:14px 0}
.astana-membership p{font-size:20px;color:#d4e4d7;margin:0 0 24px}
.astana-membership dl{display:grid;gap:14px;margin:0 0 26px}
.astana-membership dl>div{display:grid;gap:5px}.astana-membership dt{font-size:14px;color:#bfd3c4}.astana-membership dd{font-size:17px;font-weight:550;margin:0}
.astana-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.astana-actions .btn{font-size:15px;padding:15px 18px}.astana-actions a{font-size:14px;line-height:1.6;color:#a1eed4;text-decoration:underline;text-underline-offset:4px}
.astana-document{width:100%;padding:0;border:1px solid #b7c9bb;border-radius:10px;background:#fff;cursor:zoom-in;overflow:hidden}
.astana-document img{display:block;width:100%;height:auto}
.astana-document:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
@media(max-width:1050px){body[data-page="pricing"] .pricing-builder{grid-template-columns:minmax(0,1fr) 310px;gap:22px}body[data-page="pricing"] .pricing-builder .tariff-price{font-size:32px}body[data-page="pricing"] .pricing-terms{gap:18px}.astana-membership{gap:28px;padding:26px}}
@media(max-width:800px){body[data-page="pricing"] .pricing-builder{grid-template-columns:1fr}.astana-membership{grid-template-columns:1fr}.astana-document{max-width:620px}.security-section .status-panel{grid-template-columns:1fr}}
@media(max-width:650px){
 body[data-page] .section-intro p,body[data-page] .page-heading>p{font-size:16px}
 body[data-page] .eyebrow{font-size:12px;letter-spacing:.08em}
 body[data-page="pricing"] .pricing-builder .tariff-card{padding:24px 20px}
 body[data-page="pricing"] .pricing-builder .tariff-price{font-size:36px}
 body[data-page="pricing"] .module-price-list label{grid-template-columns:20px 28px minmax(0,1fr);gap:10px;padding:16px 13px}
 .module-symbol{width:27px;height:27px}.module-copy>span{font-size:16px}.module-copy>small{font-size:14px}
 body[data-page="pricing"] .module-price-list .module-amount{grid-column:3;text-align:left;grid-template-columns:auto 1fr;align-items:baseline;gap:8px}
 body[data-page="pricing"] .module-amount strong{font-size:22px}.module-amount small{font-size:14px}
 body[data-page="pricing"] .pricing-terms{grid-template-columns:1fr;gap:18px}
 body[data-page="pricing"] .pricing-terms article{padding:22px 18px}
 body[data-page="pricing"] .pricing-terms h3{font-size:25px}
 .discount-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.discount-scale span,.prepay-options span{font-size:13px}.discount-scale strong{font-size:30px}
 .prepay-options{gap:7px}.prepay-options>div{padding:13px 5px}.prepay-options strong{font-size:25px}
 body[data-page="pricing"] .pricing-bottom{align-items:stretch;gap:24px}
 body[data-page] .security-section .status-panel{padding:22px 18px;gap:18px}
 body[data-page] .security-section .status-list li{flex-direction:column;gap:6px;padding:16px 0}
 body[data-page] .security-grid h3{font-size:23px}
 .astana-membership{padding:24px 18px;gap:26px;margin:34px 0}.astana-membership h2{font-size:29px}.astana-actions .btn{width:100%;font-size:14px}.astana-membership p{font-size:18px}
}
/* Match the remaining product and case descriptions to the same reading scale. */
body[data-page] .customer-case .case-body p,body[data-page] .customer-case .case-detail p,body[data-page] .case-copy p,body[data-page] .customer-case dl dd,body[data-page] .case-business{font-size:15px;line-height:1.7}
body[data-page] .customer-case .case-client-name{font-size:17px;line-height:1.4}
body[data-page] .integration-grid p,body[data-page] .integration-note,body[data-page] .benefits p,body[data-page] .channel-grid p,body[data-page] .broadcast-steps p,body[data-page] .scenario-copy p,body[data-page] .team-pricing-note{font-size:16px;line-height:1.75}
body[data-page] .integration-grid .text-button,body[data-page] .crm-card .text-button,body[data-page] .customer-case .text-button{font-size:15px;line-height:1.5}

/* Legacy metadata used an important 10px rule; keep the readable scale in both themes. */
body[data-page] .security-section .status-panel .status-meta{font-size:14px!important;line-height:1.7}
body[data-page] .customer-case-story p,body[data-page] .case-catalog-note,body[data-page] .solutions-note{font-size:15px;line-height:1.7}
body[data-page] .crm-slide-copy p,body[data-page] .crm-slide-copy ul,body[data-page] .setup-steps p,body[data-page] .module-benefits p,body[data-page] .module-highlight p{font-size:16px;line-height:1.75}
body[data-page] .crm-slide-copy .text-button,body[data-page] .module-actions .text-button{font-size:15px;line-height:1.5}
body[data-page] .module-shot figcaption,body[data-page] .module-tags span,body[data-page] .company-facts span,body[data-page] .founder-role{font-size:14px;line-height:1.65}
body[data-page="pricing"] .pricing-builder .tariff-card .tariff-constraint,body[data-page="pricing"] .pricing-fine-print,body[data-page] .phone-tariff .pricing-fine-print{font-size:14px;line-height:1.7;color:#c3d2c8}
body[data-page] .small-label,body[data-page] .case-stage h4{font-size:12px;line-height:1.6}
body[data-page] .case-stack span{font-size:13px;line-height:1.5}

body[data-page="pricing"] .quote-quantity input[aria-invalid="true"]{border-color:#efb5a6;outline:1px solid #efb5a6}

/* Make room for the partner-program navigation without compressing the header. */
@media(min-width:1051px){body[data-page] .desktop-nav{gap:17px}}