/* SALA — Pricing page */
.prhero{ padding:72px 0 44px; text-align:center; background:
  radial-gradient(900px 420px at 50% -10%, var(--blue-tint) 0%, rgba(233,240,255,0) 62%); }
.prhero .h1{ margin-top:18px; }
.prhero .lead{ max-width:50ch; margin:16px auto 0; }

.tiers{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; align-items:start; }
.tier{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px 26px; box-shadow:var(--shadow-sm);
  display:flex; flex-direction:column; position:relative; transition:transform .18s ease, box-shadow .2s; }
.tier:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }
.tier.pop{ border-color:var(--blue); box-shadow:0 16px 44px rgba(10,75,208,.16); }
.tier .ptag{ position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--blue); color:#fff;
  font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:5px 14px; border-radius:999px; white-space:nowrap; }
.tier .tn{ font-weight:600; font-size:19px; letter-spacing:-0.01em; }
.tier .tp{ margin-top:14px; display:flex; align-items:baseline; gap:4px; }
.tier .tp .amt{ font-size:42px; font-weight:700; letter-spacing:-0.04em; }
.tier .tp .per{ font-family:var(--mono); font-size:13px; color:var(--muted); }
.tier .td{ font-size:14px; color:var(--muted); margin:14px 0 20px; line-height:1.5; min-height:60px; }
.tier .ta{ margin-bottom:22px; }
.tier .tincl{ font-family:var(--mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-2); margin-bottom:14px; }
.tier ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.tier ul li{ position:relative; padding-left:28px; font-size:14.5px; color:var(--ink-2); line-height:1.4; }
.tier ul li::before{ content:""; position:absolute; left:0; top:2px; width:18px; height:18px; border-radius:6px;
  background:var(--blue-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' stroke='%230050D2' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; }

/* comparison */
.cmp{ width:100%; border-collapse:collapse; }
.cmp th, .cmp td{ text-align:center; padding:15px 12px; border-bottom:1px solid var(--line); font-size:14.5px; }
.cmp th{ font-weight:600; }
.cmp thead th{ font-size:15px; }
.cmp thead th.pop{ color:var(--blue); }
.cmp td:first-child, .cmp th:first-child{ text-align:left; color:var(--ink-2); font-weight:500; }
.cmp tr.grp td{ background:var(--bg-soft); font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); text-align:left; padding:10px 12px; font-weight:500; }
.cmp .yes{ color:var(--blue); font-weight:700; }
.cmp .no{ color:var(--muted-2); }
.cmp .colpop{ background:rgba(10,75,208,.04); }

/* faq */
.faq{ max-width:760px; margin:0 auto; }
.qa{ border-bottom:1px solid var(--line); }
.qa summary{ list-style:none; cursor:pointer; padding:22px 0; font-size:18px; font-weight:600; letter-spacing:-0.01em;
  display:flex; justify-content:space-between; align-items:center; gap:20px; }
.qa summary::-webkit-details-marker{ display:none; }
.qa summary .ic{ width:26px; height:26px; border-radius:8px; background:var(--blue-tint); color:var(--blue); display:flex; align-items:center; justify-content:center; flex:none; transition:transform .2s; font-size:18px; }
.qa[open] summary .ic{ transform:rotate(45deg); }
.qa .ans{ padding:0 0 22px; color:var(--muted); font-size:15.5px; line-height:1.6; max-width:64ch; }

@media(max-width:920px){ .tiers{ grid-template-columns:1fr 1fr; } .cmp-wrap{ overflow-x:auto; } .cmp{ min-width:680px; } }
@media(max-width:560px){ .tiers{ grid-template-columns:1fr; } }