/* ============================================================
   Cloudeli — Pricing page (loads after cloudeli-brand / cyber)
   Reuses brand tokens (--brand, --ink, --body, --soft, --line)
   and the existing .ce-plan / .funding-table / .faq patterns.
   ============================================================ */

/* ---------- Plan cards ---------- */
.price-plans{
	display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
	margin:44px 0 26px;align-items:stretch;
}
.price-plans .ce-plan{
	display:flex;flex-direction:column;padding:30px 26px;
}
.price-plans .ce-plan.premium{
	background:var(--noc-bg,#0d1b34);border-color:transparent;color:#fff;
	box-shadow:var(--shadow-lg);
}
.price-plans .ce-plan.premium h3,
.price-plans .ce-plan.premium .plan-amount{color:#fff;}
.price-plans .ce-plan.premium .who{color:#A9B4C9;}
.price-plans .ce-plan.premium .plan-term,
.price-plans .ce-plan.premium .plan-was{color:#9AA4B8;}
.price-plans .ce-plan.premium .plan-alt{border-top-color:rgba(255,255,255,.18);color:#C9D3E4;}
.price-plans .ce-plan.premium .plan-alt b{color:#fff;}
.price-plans .ce-plan.premium ul{border-top-color:rgba(255,255,255,.15);}
.price-plans .ce-plan.premium li{color:#DCE4F0;}
.price-plans .ce-plan.premium li i{color:#7bbef7;}
.price-plans .ce-plan.premium .tagpill{background:#fff;color:var(--ink);}

.plan-lic{
	display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
	color:var(--brand);background:var(--soft);border-radius:6px;padding:4px 10px;margin:2px 0 16px;
}
.price-plans .ce-plan.premium .plan-lic{background:rgba(255,255,255,.12);color:#8FC0F2;}

.plan-was-row{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:var(--muted);}
.plan-was{text-decoration:line-through;}
.save-pill{
	font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-dark);
	background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:2px 7px;
}
.price-plans .ce-plan.premium .save-pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#cfe0f7;}

.plan-amount{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin-top:4px;color:var(--ink);}
.plan-amount small{font-size:13px;font-weight:500;color:var(--muted);}
.plan-term{font-size:11.5px;color:var(--muted);margin-top:5px;}
.plan-alt{
	margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);
	font-size:11.8px;color:var(--muted);line-height:1.5;
}
.plan-alt b{color:var(--ink);font-weight:700;font-size:13.5px;}

.plan-tagline{font-size:12.8px;color:var(--body);margin:16px 0;min-height:38px;}
.price-plans .ce-plan.premium .plan-tagline{color:#C9D3E4;}

.price-plans .ce-plan ul{
	list-style:none;padding:16px 0 0;margin:0;flex:1;border-top:1px solid var(--line);
}
.price-plans .ce-plan li{padding:6px 0;font-size:12.8px;}
.price-plans .ce-plan li.carry{font-weight:700;color:var(--ink);}
.price-plans .ce-plan.premium li.carry{color:#fff;}

.plan-cta{
	margin-top:20px;text-align:center;text-decoration:none;font-weight:600;font-size:13.5px;
	padding:12px;border-radius:50px;border:1.5px solid var(--brand);color:var(--brand);transition:all .25s ease;
}
.plan-cta:hover{background:var(--soft);color:var(--brand-dark);}
.price-plans .ce-plan.featured .plan-cta,
.price-plans .ce-plan.premium .plan-cta{background:var(--grad);color:#fff;border-color:transparent;}
.price-plans .ce-plan.featured .plan-cta:hover,
.price-plans .ce-plan.premium .plan-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow);}

.plans-note{max-width:900px;margin:0 auto;text-align:center;font-size:12.5px;color:var(--muted);line-height:1.7;}

@media (max-width:1100px){.price-plans{grid-template-columns:repeat(2,1fr);}}
@media (max-width:575px){.price-plans{grid-template-columns:1fr;}}

/* ---------- Price-hold note strip ---------- */
.price-hold{
	max-width:900px;margin:26px auto 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
	background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:20px 26px;
}
.price-hold i{font-size:22px;color:var(--brand);flex:none;}
.price-hold .txt{flex:1;min-width:220px;font-size:13.5px;color:var(--body);}
.price-hold .txt b{color:var(--ink);}
.price-hold a{white-space:nowrap;}
@media (max-width:575px){.price-hold{justify-content:center;text-align:center;}}

/* ---------- Comparison tables ---------- */
.cmp-card{max-width:1100px;margin:0 auto;}
.cmp-card + .cmp-card{margin-top:60px;}
.funding-table.cmp-table{min-width:760px;}
.funding-table.cmp-table th:first-child,
.funding-table.cmp-table td:first-child{text-align:left;}
.funding-table.cmp-table th,
.funding-table.cmp-table td{text-align:center;}
.funding-table.cmp-table thead th.hl{background:var(--brand-dark);}
.funding-table.cmp-table .grp td{
	background:var(--soft);font-weight:700;font-size:11px;letter-spacing:.07em;text-transform:uppercase;
	color:var(--brand);border-bottom:1px solid var(--line);
}
.funding-table.cmp-table .yes{color:var(--brand);font-weight:800;}
.funding-table.cmp-table .no{color:#C6CDD9;}
.funding-table.cmp-table .price-row td{font-weight:700;background:var(--soft);}
.funding-table.cmp-table .price-row.strike td:not(:first-child){font-weight:400;color:var(--muted);text-decoration:line-through;background:#fff;}
.funding-table.cmp-table .price-row.best td:not(:first-child){color:var(--brand);}