/* ============================================================
   PRICING PAGE + CALCULATOR
   ============================================================ */
.calc-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
@media (max-width:1000px){ .calc-grid{grid-template-columns:1fr;gap:32px} }
.calc-inputs{display:grid;gap:16px}
.cblock{background:#fff;border:1px solid var(--fg-hairline);border-radius:var(--r-md);padding:28px 30px}
@media (max-width:600px){ .cblock{padding:22px 20px} }
.cblock h3{font-size:15px;font-weight:500;letter-spacing:-.01em;margin-bottom:20px;color:var(--fg-ink)}
html[dir="rtl"] .cblock h3{letter-spacing:0}
.pick--sm .pick__body{padding:20px 20px;gap:6px}
.pick--sm .pick__title{font-size:16.5px}
.pick--sm .pick__desc{font-size:13.5px}

.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--fg-hairline);
  border-radius:var(--r-sm);overflow:hidden;margin-bottom:20px}
.seg button{background:#fff;border:0;border-inline-end:1px solid var(--fg-hairline);padding:12px 8px;
  font-size:14.5px;color:var(--fg-ink-muted);cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.seg button:last-child{border-inline-end:0}
.seg button:hover{background:var(--fg-mist-100)}
.seg button.on{background:var(--fg-navy-800);color:#fff}

.stepper{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px}
.stepper > div{display:flex;align-items:center;gap:4px;border:1px solid var(--fg-hairline);border-radius:var(--r-sm);padding:4px}
.stepper button{width:34px;height:34px;border:0;background:transparent;font-size:18px;cursor:pointer;
  color:var(--fg-ink);border-radius:4px;transition:background .13s;line-height:1}
.stepper button:hover{background:var(--fg-mist-100)}
.stepper b{min-width:38px;text-align:center;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}
.stepper[hidden]{display:none}

.extras{display:grid;gap:10px}
.extra{display:flex;align-items:center;gap:12px;border:1px solid var(--fg-hairline);border-radius:var(--r-sm);
  padding:14px 16px;cursor:pointer;transition:border-color .15s}
.extra:hover{border-color:var(--fg-steel-200)}
.extra input{position:absolute;opacity:0;width:0;height:0}
.extra > span:nth-of-type(2){flex:1}
.extra b{font-weight:400;font-size:15px}

/* estimate panel */
.calc-out{position:sticky;top:100px}
@media (max-width:1000px){ .calc-out{position:static} }
.est{background:#fff;border:1px solid var(--fg-hairline);border-radius:var(--r-md);padding:26px}
.est h4,.est h3{font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:var(--fg-steel-500);
  font-weight:500;margin-bottom:20px}
html[dir="rtl"] .est h4,html[dir="rtl"] .est h3{letter-spacing:0;text-transform:none;font-size:14px}
.est-lines{display:grid;gap:11px;font-size:14.5px}
.est-lines div{display:flex;justify-content:space-between;gap:14px}
.est-lines span{color:var(--fg-ink-muted)}
.est-lines b{font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}
.est-lines .disc span,.est-lines .disc b{color:var(--fg-success)}
.est-billing{margin-top:18px;padding-top:16px;border-top:1px solid var(--fg-hairline);
  display:grid;gap:6px;font-size:14px;color:var(--fg-ink-muted)}
.est-billing div{display:flex;justify-content:space-between;gap:12px}
.est-billing .est-fee{color:var(--fg-ink);font-variant-numeric:tabular-nums}
.cblock__note{font-size:13.5px;color:var(--fg-steel-500);margin-top:14px}

.glance{margin-top:56px}
.glance .eyebrow{margin-bottom:16px}
.glance .price-facts{max-width:none}
@media (min-width:900px){ .glance .price-facts{columns:2;column-gap:56px} }
@media (min-width:900px){ .glance .price-facts > div{break-inside:avoid} }

.subplan{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--fg-hairline);
  border:1px solid var(--fg-hairline);border-radius:var(--r-md);overflow:hidden;margin-top:34px}
.subplan__i{background:#fff;padding:30px 30px 28px;display:flex;flex-direction:column}
.subplan__k{font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:var(--fg-steel-500)}
html[dir="rtl"] .subplan__k{letter-spacing:.02em}
.subplan__i b{display:block;margin-top:14px;font-size:23px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
html[dir="rtl"] .subplan__i b{letter-spacing:0;line-height:1.4}
.subplan__d{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--fg-ink-muted)}
.subnote{font-size:14px;color:var(--fg-ink-muted);line-height:1.6}
@media (max-width:900px){ .subplan{grid-template-columns:1fr} }

.est-cta{width:100%;justify-content:center;margin-top:22px}
.est-ask{margin-top:16px;display:inline-flex}
