/* Common pricing table — the /pricing plans block, shared by every page that shows pricing.
   Built by /assets/js/pricing-table.js (<cloudairy-pricing> element); keep in step with pricing.html. */
cloudairy-pricing{display:block}
.cp-pricing{--primary:#6762FE;--hover:#524DE8;--soft:#E9E8FF;--brd:#CFCEFE;
  --ink:#101014;--ink-2:#3F3F46;--ink-3:#71717A;--ink-4:#A1A1AA;
  --line:#E4E4E7;--card:#fff;--or-bg:#FFEDD5;--or-brd:#FDBA74;--or-ink:#C2410C;--green:#22A06B;
  color:var(--ink);line-height:1.6;text-align:left}
.cp-pricing *{box-sizing:border-box}
.cp-pricing .cp-page{max-width:1180px;margin:0 auto;padding:0 22px}
.cp-pricing .cp-hero{text-align:center;padding:0 0 8px}
.cp-pricing .cp-strip{display:inline-flex;align-items:center;gap:10px;background:var(--or-bg);border:1px solid var(--or-brd);color:var(--or-ink);border-radius:999px;padding:6px 16px;font-size:12.8px;font-weight:640;margin-bottom:20px;line-height:1.6}
.cp-pricing .cp-hero h2{margin:0 0 12px;font-size:44px;line-height:1.12;letter-spacing:-.032em;font-weight:750;color:var(--ink);text-align:center}
.cp-pricing .cp-hero p{margin:0 auto;max-width:64ch;font-size:16.2px;line-height:1.6;color:var(--ink-3);text-align:center}
.cp-pricing .cp-toggle{display:inline-flex;align-items:center;gap:4px;background:#F4F4F6;border:1px solid var(--line);border-radius:999px;padding:4px;margin:26px 0 34px}
.cp-pricing .cp-toggle button{border:0;background:transparent;font:inherit;font-size:13.2px;font-weight:590;color:var(--ink-3);padding:8px 18px;border-radius:999px;cursor:pointer;line-height:1.6}
.cp-pricing .cp-toggle button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.cp-pricing .cp-toggle .cp-save{font-size:11.4px;color:var(--green);font-weight:700}
.cp-pricing .cp-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start;margin-top:6px}
.cp-pricing .cp-plan{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 22px;position:relative;display:flex;flex-direction:column;height:100%}
.cp-pricing .cp-plan.cp-pop{border:1.8px solid var(--primary);box-shadow:0 8px 22px -16px rgba(103,98,254,.42)}
.cp-pricing .cp-off{position:absolute;top:24px;right:14px;z-index:2;background:#ECFDF5;border:1px solid #A7F3D0;color:#047857;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap;line-height:1.6}
.cp-pricing .cp-ribbon{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 13px;border-radius:999px;white-space:nowrap;line-height:1.6}
.cp-pricing .cp-plan h3{margin:0 0 4px;font-size:17.5px;font-weight:710;letter-spacing:-.015em;color:var(--ink);text-align:left;line-height:1.2}
.cp-pricing .cp-plan .cp-tag{margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--ink-3);min-height:56px;text-align:left}
.cp-pricing .cp-pill{display:block;width:100%;text-align:left;background:#F1F2F4;border:0;color:#4B5563;border-radius:999px;padding:7px 16px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;line-height:1.6}
.cp-pricing .cp-pill--free{background:#E6F6EE;color:#0F7A4F}
.cp-pricing .cp-pill--starter{background:#EDEBFF;color:#6762FE}
.cp-pricing .cp-pill--business{background:#FDF0DA;color:#B45309}
.cp-pricing .cp-pill--enterprise{background:#F1F2F4;color:#4B5563}
.cp-pricing .cp-price{font-size:38px;font-weight:770;letter-spacing:-.032em;line-height:1.02;color:var(--ink)}
.cp-pricing .cp-price .cp-unit{font-size:13px;font-weight:560;color:var(--ink-3);letter-spacing:0;margin-left:5px}
.cp-pricing .cp-price s{font-size:16px;font-weight:500;color:var(--ink-4);margin-left:9px;letter-spacing:0}
.cp-pricing .cp-per{font-size:13px;line-height:1.6;color:var(--ink-2);margin:7px 0 4px;height:42px;font-weight:530;overflow:visible}
.cp-pricing .cp-per b{color:var(--ink);font-weight:680}
.cp-pricing .cp-per s{color:var(--ink-4);font-weight:450}
.cp-pricing .cp-per .cp-save{color:var(--green);font-weight:640}
.cp-pricing .cp-alt{font-size:12.2px;color:var(--ink-4);margin-bottom:17px;min-height:18px;line-height:1.45}
.cp-pricing .cp-cta{width:100%;border:0;border-radius:11px;padding:12px 14px;font:inherit;font-size:13.8px;font-weight:640;line-height:1.6;cursor:pointer;background:var(--primary);color:#fff;margin-bottom:9px}
.cp-pricing .cp-cta:hover{background:var(--hover);color:#fff}
.cp-pricing .cp-cta.cp-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.cp-pricing .cp-cta.cp-ghost:hover{background:#FAFAFB;border-color:var(--brd);color:var(--ink)}
.cp-pricing a.cp-cta{display:block;text-align:center;text-decoration:none}
.cp-pricing .cp-mbg{font-size:11.8px;line-height:1.6;color:var(--green);font-weight:600;text-align:center;margin-bottom:16px;min-height:17px}
.cp-pricing .cp-inc{font-size:11.6px;line-height:1.6;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);font-weight:700;margin-bottom:9px}
.cp-pricing ul.cp-feat{list-style:none;margin:0;padding:0;flex:1}
.cp-pricing ul.cp-feat li{position:relative;list-style:none;margin:0;padding:5px 0 5px 24px;font-size:13.2px;color:var(--ink-2);line-height:1.5;text-align:left}
.cp-pricing ul.cp-feat li:before{content:'';position:absolute;left:3px;top:12px;width:10px;height:5.5px;border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(-45deg)}
.cp-pricing ul.cp-feat li b{color:var(--ink);font-weight:640}
.cp-pricing .cp-trust{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin:30px 0 0;font-size:13.2px;color:var(--ink-3)}
.cp-pricing .cp-trust b{color:var(--green);font-weight:620}
.cp-pricing .cp-trust .cp-d{width:3px;height:3px;border-radius:50%;background:var(--ink-4)}
.cp-pricing .cp-trust .cp-stars{color:#F5A623;font-size:13.5px;letter-spacing:.5px;margin-right:2px}
@supports((-webkit-background-clip:text) or (background-clip:text)){.cp-pricing .cp-trust .cp-stars{background:linear-gradient(90deg,#F5A623 96%,#D8DADF 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}
@supports(grid-template-rows:subgrid){
  .cp-pricing .cp-plans{row-gap:0}
  .cp-pricing .cp-plan{display:grid;grid-template-rows:subgrid;grid-row:span 10;align-content:start;height:auto}
  @media(max-width:1080px){.cp-pricing .cp-plan:nth-child(n+3){margin-top:16px}}
  @media(max-width:660px){.cp-pricing .cp-plan:nth-child(n+2){margin-top:16px}}
}
@media(max-width:1080px){.cp-pricing .cp-plans{grid-template-columns:repeat(2,1fr)}}
@media(min-width:661px) and (max-width:1100px){.cp-pricing .cp-trust .cp-d{display:none}.cp-pricing .cp-trust{gap:8px 22px}}
@media(max-width:660px){
  .cp-pricing .cp-plans{grid-template-columns:1fr}
  .cp-pricing .cp-hero h2{font-size:32px}
  .cp-pricing .cp-trust{flex-direction:column;gap:6px}
  .cp-pricing .cp-trust .cp-d{display:none}
  .cp-pricing .cp-plan .cp-tag{min-height:0}
  .cp-pricing .cp-strip .cp-cd-sep{display:none}
  .cp-pricing .cp-strip{flex-direction:column;gap:0;border-radius:16px;text-align:center;line-height:1.45}
}
