/* Kyros · Pricing page (boards: PrTop, PrCompare, PrMin4; FAQ and closing are shared) */
.pr-top,.pr-cmp,.pr-min{line-height:1.21;color:#141922}
.pr-top [hidden]:not(.billed),.pr-cmp [hidden]{display:none!important}
.pr-top ul,.pr-min ul{list-style:none;margin:0;padding-left:0}
.pr-eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#4e5a6b}
.pr-eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:#4e5a6b}
.pr-eyebrow.plain{color:#657185;display:block}
.pr-eyebrow.plain::before{content:none}

/* ---------- PrTop: hero + plans ---------- */
.pr-top{position:relative;padding:0 0 108px;background:#fff}
.pr-wash{position:absolute;left:0;right:0;top:0;height:640px;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.pr-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:126px 20px 0;margin-bottom:56px}
.pr-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.306vw,62px);line-height:1.06;letter-spacing:-.035em;color:#141922}
.pr-lead{font-size:clamp(16px,1.25vw,18px);color:#4e5a6b}
.pr-switch{position:relative;margin-top:6px;display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(22,40,70,.08);font-size:13px}
.pr-switch button{position:relative;z-index:1;border:0;margin:0;padding:7px 14px;border-radius:999px;background:transparent;color:#3d4a5c;font:400 13px/1.21 var(--sans);cursor:pointer;transition:background-color .2s,color .2s}
.pr-switch button b{font-weight:500;color:#17703f;transition:color .2s}
.pr-switch button[aria-pressed="true"]{background:#141922;color:#fff}
.pr-switch button[aria-pressed="true"] b{color:#7fd3a6}
.pr-switch button[aria-pressed="false"]:hover{background:rgba(20,25,34,.05)}
/* 44px invisible hit area around the 30px pill buttons */
.pr-switch button::after{content:"";position:absolute;left:0;right:0;top:-7px;bottom:-7px}
/* sliding thumb (pricing.js adds .has-thumb and sets --x / --w from the pressed button) */
.pr-thumb{display:none}
.pr-switch.has-thumb .pr-thumb{display:block;position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:var(--w,0px);transform:translateX(var(--x,0px));border-radius:999px;background:#141922;transition:transform .24s var(--ease),width .24s var(--ease)}
.pr-switch.has-thumb button[aria-pressed]{background:transparent}
.pr-switch.no-anim .pr-thumb{transition:none}

.pr-plans{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;width:min(1200px,100% - 2*var(--gutter));margin-inline:auto}
.pr-plans>.pr-switch{grid-column:1/-1;justify-self:center;margin:0 0 18px}
.plan{position:relative;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:18px;color:#141922}
.plan.is-dark{transform:translateY(-14px);box-shadow:0 40px 70px -40px rgba(15,20,30,.7);color:#fff}
.plan-head{display:flex;justify-content:space-between;align-items:center}
.plan-head h3{font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:-.02em;line-height:normal}
.plan-head .tag{color:#141922;background:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px}
.plan-sub{font-size:14px;color:#5d6878;margin-top:-10px}
.plan-price .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.plan-price .amt{font-size:clamp(40px,3.612vw,52px);letter-spacing:-.04em;line-height:1}
.plan-price [data-monthly]{transition:opacity .14s}
.plan-price .per{font-size:14px;color:#5d6878}
.plan-price{position:relative}
.plan-price .billed{position:absolute;left:0;top:calc(100% - 2px);white-space:nowrap;font-size:12px;color:#5d6878;opacity:1;transition:opacity .2s}
.plan-price .billed[hidden]{display:block;opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}
.plan .plan-list{display:flex;flex-direction:column;gap:9px;padding-top:16px;border-top:1px solid #e6eaf0}
.plan-list li{display:flex;align-items:center;gap:9px;font-size:13.5px}
.plan-every{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid #e6eaf0}
.plan-every ul{display:flex;flex-direction:column;gap:8px}
.every-h{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#5d6878}
.plan-every li{display:flex;align-items:center;gap:9px;font-size:13px;color:#5d6878}
.plan li svg{flex:none}
.plan .btn{margin-top:4px;display:flex;width:100%}
.plan-note{font-size:11.5px;color:#5d6878;text-align:center;margin-top:-8px}
.plan.is-dark .plan-sub,.plan.is-dark .per,.plan.is-dark .billed,.plan.is-dark .every-h,.plan.is-dark .plan-every li,.plan.is-dark .plan-note{color:#aab3c0}
.plan.is-dark .plan-list,.plan.is-dark .plan-every{border-top-color:rgba(255,255,255,.12)}
.pr-foot{text-wrap:balance;position:relative;margin:30px auto 0;padding-inline:var(--gutter);text-align:center;font-size:13px;color:#5d6878}

/* ---------- PrCompare: comparison table ---------- */
.pr-cmp{padding:96px 64px 83px;background:#fff}
.cmp-head{display:flex;flex-direction:column;gap:12px;margin-bottom:14px;text-align:center}
.cmp-head h2,.min-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,3.334vw,48px);line-height:1.08;letter-spacing:-.035em;color:#141922}
.cmp-lead{text-wrap:balance;margin:0 0 44px;text-align:center;font-size:17px;color:#5d6878}
.cmp-scroll{width:min(1100px,100%);margin:0 auto}
.cmp-inner{position:relative}
.cmp-col{position:absolute;left:calc(100% * 2.6 / 4.6);width:calc(100% / 4.6);top:0;bottom:-20px;border-radius:20px;box-shadow:0 30px 50px -34px rgba(15,20,30,.6)}
.cmp-table{position:relative;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:17px}
.cmp-table col.c1{width:calc(100% * 1.6 / 4.6)}
.cmp-table th,.cmp-table td{padding:0;font-weight:400;text-align:center;vertical-align:middle}
.cmp-table thead th{vertical-align:bottom;padding:26px 0 18px}
.cmp-table thead th.what{text-align:left;font-size:13px;color:#6b7585;padding:0 0 18px}
.cmp-table .pn{display:block;font-family:var(--serif);font-size:24px;line-height:1.08;letter-spacing:-.035em;color:#141922}
.cmp-table .pp{display:block;margin-top:4px;font-size:13px;line-height:16px;color:#6b7585}
.cmp-table thead th.dk .pn{color:#fff}
.cmp-table thead th.dk .pp{color:#aab3c0}
.cmp-table tr.grp th{text-align:left;padding:34px 0 12px}
.cmp-table tr.grp h3{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.08;letter-spacing:-.035em;color:#141922}
.cmp-table tr.grp span{display:block;margin-top:4px;font-size:13.5px;line-height:16px;color:#6b7585}
.cmp-table tbody tr:not(.grp)>*{border-top:1px solid rgba(20,30,50,.09)}
.cmp-table tbody th[scope="row"]{text-align:left;padding:15px 12px 15px 0;color:#3d4a5c}
.cmp-table tbody td{padding:0 12px;color:#1a2230}
.cmp-table tbody td.dk{color:#fff}
.cmp-table td svg{display:block;margin:0 auto}

/* ---------- PrMin4: how minutes work ---------- */
.pr-min{padding:80px var(--gutter) 48px;background:#fff}
.min-head{display:flex;flex-direction:column;gap:12px;margin-bottom:36px;text-align:center}
.min-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:minmax(214px,auto) minmax(214px,auto);gap:14px;max-width:1200px;margin-inline:auto}
.mc{border-radius:24px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;color:#fff}
.mc-refresh{grid-row:span 2}
.mc-packs{grid-column:span 2}
.mt{display:flex;flex-direction:column;gap:6px}
.mt h3{text-wrap:balance;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.08;letter-spacing:-.035em;color:#fff}
.mt h3.big{font-size:26px}
.mt p{font-size:14.5px;line-height:1.5;color:#c9d5e2}
.meter{border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;font-family:var(--ui);color:#151b26}
.meter-top{display:flex;justify-content:space-between;gap:12px;font-size:12.5px}
.meter-top b{font-weight:500}
.meter-top span,.meter-foot{color:#5d6878}
.meter-foot{font-size:12px}
.bar{height:8px;border-radius:999px;background:#e9eef5;overflow:hidden}
.bar>div{width:62%;height:100%;border-radius:999px;background:linear-gradient(90deg,#3d8fe0,#6a54d6)}
.mrows{border-bottom:1px solid rgba(255,255,255,.16)}
.mrow{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-top:1px solid rgba(255,255,255,.16)}
.ml{font-size:14px;color:#c9d5e2}
.mv{white-space:nowrap;font-family:var(--ui);font-size:22px;letter-spacing:-.02em}
.mv span{font-size:12.5px;color:#c9d5e2}
.mc-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.chip{border-radius:999px;padding:8px 13px;display:inline-flex;align-items:center;gap:7px;font-family:var(--ui);font-size:12.5px;color:#151b26;white-space:nowrap}
.chip b{font-weight:500}
.packs{display:flex;margin:0 -22px}
.pk{display:flex;flex-direction:column;gap:2px;padding:0 22px}
.pk+.pk{border-left:1px solid rgba(255,255,255,.18)}
.pv{font-family:var(--ui);font-size:30px;letter-spacing:-.03em}
.pl{font-size:12.5px;color:#c9d5e2}
.min-foot{text-wrap:balance;margin-top:20px;text-align:center;font-size:14px;color:#5d6878}

/* ---------- between 1440 and 900 ---------- */
@media (max-width:1200px){
  .pr-cmp{padding-inline:var(--gutter)}
  .plan{padding:24px}
}
@media (max-width:1180px){
  .min-grid{grid-template-columns:1.35fr 1fr 1fr}
  .meter-top{flex-direction:column;gap:2px}
}
/* hero clearance under the fixed nav */
@media (max-width:1024px){
  .pr-hero{padding-top:146px}
}

/* ---------- tablets and phones ---------- */
@media (max-width:900px){
  .pr-top{padding-bottom:72px}
  .pr-hero{padding-inline:24px;margin-bottom:40px}
  .pr-hero .h1-l2{display:inline-block;text-wrap:balance}
  .pr-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .plan:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 9px)}
  .plan{padding:26px 24px}
  .plan.is-dark{transform:none}
  .plan-list li,.plan-every li,.plan-sub{font-size:15px}
  .plan-note{font-size:12px}
  .pr-foot{padding-inline:24px;font-size:14px;line-height:1.5}

  .pr-cmp{padding:72px var(--gutter) 80px}
  .cmp-lead{font-size:16px;line-height:1.5;margin-bottom:32px}
  .cmp-scroll{width:100%}
  .cmp-col{left:calc(200px + (100% - 200px) / 3);width:calc((100% - 200px) / 3)}
  .cmp-table{font-size:15px}
  .cmp-table col.c1{width:200px}
  .cmp-table .pn,.cmp-table tr.grp h3{font-size:22px}
  .cmp-table tbody th[scope="row"]{padding:14px 12px 14px 0}
  .cmp-table tbody td{padding:0 8px}

  .pr-min{padding:72px 20px}
  .min-head{margin-bottom:28px}
  .min-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;max-width:560px}
  .mc-refresh,.mc-packs{grid-row:auto;grid-column:auto}
  .mc{min-height:200px}
  .mt p{font-size:15px}
  .min-foot{font-size:14px;line-height:1.5;padding-inline:4px}
}
@media (max-width:700px){
  .pr-hero{padding-top:128px}
}
@media (max-width:600px){
  .pr-plans{grid-template-columns:minmax(0,1fr);width:min(480px,100% - 40px)}
  .plan:last-child{grid-column:auto;width:auto;justify-self:stretch}
}
/* phones: each row label on its own line above its three values */
@media (max-width:560px){
  .pr-cmp{padding-inline:20px}
  .cmp-col{display:none}
  .cmp-table,.cmp-table thead,.cmp-table tbody{display:block}
  .cmp-table colgroup{display:none}
  .cmp-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px}
  .cmp-table thead th{padding:16px 4px 14px;border-radius:14px}
  .cmp-table thead th.what{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .cmp-table thead th.dk,.cmp-table tbody td.dk{background:linear-gradient(160deg,#262d38 0%,#1b2029 60%,#171b22 100%);box-shadow:0 14px 24px -18px rgba(15,20,30,.6)}
  .cmp-table .pn{font-size:21px}
  .cmp-table tr.grp th{grid-column:1/-1;padding:30px 0 10px}
  .cmp-table tr.grp td{display:none}
  .cmp-table tbody th[scope="row"]{grid-column:1/-1;padding:14px 0 8px}
  .cmp-table tbody tr:not(.grp)>td{border-top:0;display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:14px;padding:8px 6px;border-radius:10px;line-height:1.3}
  .cmp-table tbody tr:not(.grp):last-child>td{font-size:14px}
  .mc-row{flex-direction:column}
  .packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
  .pk{padding:0 0 0 14px}
  .pk:first-child{padding-left:0}
  .pv{font-size:26px}
  .pl{font-size:12px;line-height:1.35}
}