/* /pricing/ and /ar/pricing/ (loaded through page.css = ["pricing"]). Tokens come from
   knowledge.css; layout is logical (RTL-safe). The cards sit in the first screen under a compact
   hero; the billing and currency controls sit between the early-access line and the cards. */
.ie-page .pricing-plans{padding-top:30px}
.pricing-ea{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;max-width:960px;margin:0 auto 22px;text-align:center}
.pricing-ea p{margin:0;max-width:66ch;color:#4c556b;font-size:15px;line-height:1.55}
.ea-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border:1px solid #bcc8d9;border-radius:999px;background:#eef2f7;color:#1d2756;font-size:12.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.ea-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#166381;box-shadow:0 0 0 3px #16638126}

/* Billing period and currency */
.pr-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:0 auto 26px}
.pr-toggle,.pr-currency,.pr-calc-plan{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}
.pr-toggle button,.pr-currency button,.pr-calc-plan button{appearance:none;border:0;background:transparent;color:var(--ink-2);font:inherit;font-size:13px;font-weight:550;padding:8px 16px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;line-height:1.2}
.pr-toggle button[aria-pressed="true"],.pr-currency button[aria-pressed="true"],.pr-calc-plan button[aria-pressed="true"]{background:var(--brand-a);color:#fff}
.pr-toggle button:focus-visible,.pr-currency button:focus-visible,.pr-calc-plan button:focus-visible{outline:2px solid var(--brand-a);outline-offset:2px}
.pr-save{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#eaeff5;color:#1d2756}
.pr-toggle button[aria-pressed="true"] .pr-save{background:#ffffff2e;color:#fff}
.pr-currency button{font-variant-numeric:tabular-nums;letter-spacing:.02em}

/* Plan cards */
.ie-page .pricing-plans .plans{align-items:stretch}
.ie-page .pricing-plans .plan{display:flex;flex-direction:column;position:relative}
.ie-page .pricing-plans .plan h3{font-size:24px}
.ie-page .pricing-plans .plan .price{font-size:44px;margin-block:14px 6px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.1}
.ie-page .pricing-plans .plan .price .pr-amount{font-variant-numeric:tabular-nums}
.ie-page .pricing-plans .plan .price small{display:block;font-size:12.5px;line-height:1.5;color:#565e72;margin-top:4px}
.ie-page .pricing-plans .plan .price small b{font-weight:600;color:#28315c}
.ie-page .pricing-plans .pr-custom{font-size:.72em;line-height:1.2}
.pr-list{margin:0 0 12px;font-size:12px;line-height:1.5;color:#5a6276}
.pr-list .pr-list-amount{font-weight:600;color:#28315c}
.ie-page .pricing-plans .plan-tag{font-size:14px;line-height:1.5;color:#3f4a64;margin:0 0 12px;min-height:3em}
.pr-allowance{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#f2f5f8;border:1px solid #d5dce7;font-size:12.5px;line-height:1.5;color:#293461}
.pr-allowance b{color:#1d2756}
.plan.featured .pr-allowance{background:#e8edf3;border-color:#bcc8d9}
.ie-page .pricing-plans .plan .checklist{font-size:13.5px;line-height:1.6;flex:1;margin:0 0 20px}
.ie-page .pricing-plans .plan .checklist li{padding-block:4px}
.ie-page .pricing-plans .plan-badge{font-size:10.5px}
.ie-page .pricing-plans .plan-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.ie-page .pricing-plans .plan .btn{width:100%;justify-content:center;font-size:13.5px;padding-block:11px}
.plan-mail{color:#1d2b6a;font-size:13px;font-weight:500;text-align:center;text-decoration:underline;text-underline-offset:3px}
.plan-mail:hover{color:#0f1a4a}
.ie-page .pricing-plans .plan-note{margin-top:14px;font-size:12px;line-height:1.5;color:#5a6276}
.ie-page .pricing-plans .plan-note img,.ie-page .pricing-plans .plan-note svg{vertical-align:middle}
.pricing-foot{max-width:800px;margin:24px auto 0;text-align:center;color:#565e72;font-size:14px;line-height:1.6}

/* Two-column sections (credits, Gulf) */
.pr-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:start}
.pr-rules{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}
.pr-rules li{position:relative;padding-inline-start:26px;font-size:14.5px;line-height:1.6;color:#3f4a64}
.pr-rules li::before{content:"";position:absolute;inset-inline-start:0;top:9px;width:12px;height:12px;border-radius:50%;background:var(--brand-a);box-shadow:0 0 0 4px #14277c18}
.pr-rules b{color:var(--ink)}
.pr-credit-cards{display:grid;gap:18px}
.pr-credit-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14px}
.pr-credit-table th,.pr-credit-table td{padding:11px 14px;text-align:start;border-bottom:1px solid var(--line-soft)}
.pr-credit-table thead th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg-raise)}
.pr-credit-table tbody tr:last-child td{border-bottom:0}
.pr-credit-table td:nth-child(2),.pr-credit-table td:nth-child(3){font-variant-numeric:tabular-nums;white-space:nowrap}
.pr-credit-table td b{color:var(--ink)}
.pr-packs{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--brand-tint)}
.pr-packs-title{margin:0 0 10px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-b);font-weight:650}
.pr-packs ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pr-packs li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline;font-size:14px;color:var(--ink-2)}
.pr-packs li b{color:var(--ink)}
.pr-packs li span{font-weight:650;color:var(--brand-b);font-variant-numeric:tabular-nums}
.pr-packs li small{grid-column:1/-1;font-size:12px;color:var(--muted)}

/* Calculator */
.pricing-calc{background:var(--bg-raise)}
.pr-calc{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:34px!important;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.pr-calc .section-title{font-size:30px}
.pr-calc .section-sub{margin-bottom:16px}
.pr-calc-plan{margin-bottom:18px}
.pr-calc label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-top:10px;color:#424e69}
.pr-calc output{font-size:22px;font-weight:600;color:var(--brand-b);font-variant-numeric:tabular-nums}
.pr-calc input[type="range"]{width:100%;accent-color:var(--brand-a);margin:12px 0;min-height:24px;cursor:pointer}
.pr-calc-range{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.pr-calc-results{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pr-calc-results>div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;gap:8px}
.pr-calc-results span{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pr-calc-results strong{font-size:34px;font-weight:450;color:var(--brand-b);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pr-calc-results small{font-size:12px;line-height:1.5;color:#4f5668}
.pr-calc-results>p{grid-column:1/-1;margin:4px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}

/* Compare table */
.pr-matrix{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--panel)}
.pr-matrix th,.pr-matrix td{padding:11px 12px;text-align:start;border-bottom:1px solid var(--line-soft);vertical-align:top}
.pr-matrix thead th{position:sticky;top:0;background:var(--bg-raise);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);z-index:1}
.pr-matrix thead th:nth-child(4){color:var(--brand-b)}
.pr-matrix tbody th{font-weight:550;color:var(--ink);width:24%}
.pr-matrix td{color:var(--ink-2)}
.pr-matrix td:nth-child(4){background:#f7f9fb}
.pr-matrix tbody tr:last-child th,.pr-matrix tbody tr:last-child td{border-bottom:0}

/* Editions and services */
.pr-editions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}
.pr-edition{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.pr-edition h3{font-size:22px;margin:0}
.pr-edition p{margin:0;font-size:14.5px;line-height:1.65;color:var(--ink-2)}
.pr-edition .btn{margin-top:auto}
.pr-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.pr-service{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;flex-direction:column;gap:8px}
.pr-service b{font-size:15.5px;color:var(--ink)}
.pr-service-price{font-size:22px;font-weight:450;color:var(--brand-b);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pr-service p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.pricing-gulf .ea-steps{margin-top:14px}

@media(max-width:1100px){
  .ie-page .pricing-plans .plan-tag{min-height:0}
  .pr-services{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .pr-split,.pr-calc,.pr-editions{grid-template-columns:1fr}
  .pr-calc{padding:24px!important;gap:26px}
}
@media(max-width:700px){
  .pricing-ea{margin-bottom:18px}
  .pricing-ea p{font-size:14px}
  .pr-controls{gap:10px}
  .pr-toggle button,.pr-currency button,.pr-calc-plan button{padding:8px 12px;font-size:12.5px}
  .ie-page .pricing-plans .plan .price{font-size:42px}
  .ie-page .pricing-plans .plan .checklist{font-size:14px}
  .pricing-foot{font-size:13px}
  .pr-calc-results{grid-template-columns:1fr}
  .pr-services{grid-template-columns:1fr}
  .pr-matrix{font-size:12.5px}
  .pr-matrix th,.pr-matrix td{padding:9px 8px}
}

/* The early-access steps sit in a half-width column on this page: stack them. */
.pricing-gulf .ea-steps{grid-template-columns:1fr;gap:12px}
.pricing-gulf .ea-steps li{margin:0}