/* ═══════════════════════════════════════════════════════════════
   PragatiCRM — Pricing page styles (loads after css/home.css)
   ═══════════════════════════════════════════════════════════════ */

/* ─── Hero ──────────────────────────────────────────────────────── */
.price-hero{padding:10rem 0 1.5rem;position:relative;overflow:hidden;
  background:
    radial-gradient(900px 460px at 85% 0%,rgba(240,122,48,.12),transparent 60%),
    radial-gradient(700px 420px at -5% 100%,rgba(30,58,95,.06),transparent 55%),
    var(--bg)}
.price-hero::before{content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(60,38,15,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(60,38,15,.045) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(700px 480px at 78% 30%,#000 20%,transparent 75%);
  mask-image:radial-gradient(700px 480px at 78% 30%,#000 20%,transparent 75%);
  pointer-events:none}
.price-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .85fr;gap:2rem;align-items:center}
.price-hero h1{margin:1.1rem 0 1.2rem;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.14}
.price-hero-sub{font-size:1.08rem;color:var(--ink-2);max-width:560px}
.price-hero-visual{display:flex;justify-content:center;align-items:center}
.price-hero-visual dotlottie-player{width:420px;height:420px;max-width:100%;margin:-3rem 0;pointer-events:none;filter:drop-shadow(0 18px 30px rgba(60,38,15,.14))}

/* ─── Comparison table ──────────────────────────────────────────── */
.compare-section{scroll-margin-top:96px}
.pcp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:1.5rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-card);box-shadow:var(--shadow-sm)}
.pcp-table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}
.pcp-table th,.pcp-table td{padding:.8rem 1.1rem;text-align:left;font-size:.875rem;border-bottom:1px solid var(--line);color:var(--ink-2)}
.pcp-table tbody tr:last-child td{border-bottom:none}
.pcp-table th:not(:first-child),.pcp-table td:not(:first-child){text-align:center}
.pcp-table thead th{font-weight:600;color:var(--ink);background:var(--bg-card);position:sticky;top:0;z-index:5;box-shadow:0 1px 0 var(--line);padding-top:1.1rem;padding-bottom:1.1rem}
.pcp-table thead th:first-child{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);vertical-align:bottom}
.pcp-plan-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:.15rem}
.pcp-plan-price{font-size:.78rem;color:var(--muted);font-weight:500}
.pcp-table .cat-row td{background:var(--brand-softer);color:var(--brand-text);font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1.1rem;border-bottom:1px solid #F5DFC9}
/* first column pinned so plan columns scroll beneath it */
.pcp-table th:first-child,.pcp-table td:first-child{position:sticky;left:0;z-index:3;background:var(--bg-card)}
.pcp-table thead th:first-child{z-index:7}
.pcp-table .cat-row td:first-child{background:var(--brand-softer)}
.cat-label{position:sticky;left:1.1rem;display:inline-block}
.pcp-scroll-hint{display:none;text-align:center;font-size:.78rem;font-weight:600;color:var(--muted);margin:.75rem 0 .25rem}
.pcp-table .g{background:rgba(212,82,10,.045)}
.pcp-table thead .g{background:var(--brand-soft);border-bottom:2px solid var(--brand)}
.pcp-check{color:var(--green);font-size:1.05rem;font-weight:700}
.pcp-no{color:#B5A290;font-size:1.05rem}
.pcp-val{font-size:.82rem;font-weight:600;color:var(--ink)}

/* ─── Annual guarantee ──────────────────────────────────────────── */
.guarantee-section{background:var(--bg-warm);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:96px}
.guarantee-box{background:linear-gradient(170deg,#F2FBF6,#FFFFFF 65%);border:1.5px solid #A9DCC0;border-radius:var(--r-lg);padding:3rem 2.5rem;text-align:center;max-width:820px;margin:0 auto;box-shadow:var(--shadow-md)}
.guarantee-lottie{display:flex;justify-content:center;margin:-1rem 0 0}
.guarantee-lottie dotlottie-player{width:240px;height:240px;pointer-events:none}
.guarantee-box h2{margin-bottom:1rem}
.guarantee-box>p{max-width:560px;margin:0 auto;color:var(--ink-2)}
.guarantee-points{list-style:none;display:flex;flex-direction:column;gap:.875rem;margin:1.75rem auto 2.25rem;max-width:460px;text-align:left}
.guarantee-points li{display:flex;gap:.75rem;align-items:flex-start;font-size:.95rem;color:var(--ink);font-weight:500}
.guarantee-points li svg{flex-shrink:0;color:var(--green);margin-top:.15rem}

/* ─── Responsive ────────────────────────────────────────────────── */
@media(max-width:1024px){
  .price-hero{padding:9rem 0 1rem}
  .price-hero-grid{grid-template-columns:1fr;gap:1rem}
  .price-hero-visual{order:-1}
  .price-hero-visual dotlottie-player{width:320px;height:320px;margin:-2rem 0}
}
@media(max-width:768px){
  .price-hero{padding:8rem 0 .5rem}
  .price-hero-visual dotlottie-player{width:280px;height:280px;margin:-1.5rem 0}
  .pcp-table{min-width:580px}
  .pcp-table th,.pcp-table td{padding:.55rem .7rem;font-size:.8rem}
  .pcp-table th:first-child,.pcp-table td:first-child{min-width:150px;max-width:165px;box-shadow:6px 0 10px -6px rgba(60,38,15,.18)}
  .cat-label{left:.7rem}
  .pcp-scroll-hint{display:block}
  .guarantee-box{padding:2rem 1.25rem}
  .guarantee-lottie dotlottie-player{width:120px;height:120px}
}