/* Pricing page — builds on landing.css (emerald / Space Grotesk / white). */

/* Hero */
.ph{max-width:820px;margin:0 auto;padding:64px 24px 36px;text-align:center}
.ph .eye{display:block;margin-bottom:16px}
.ph h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.03em;margin-bottom:16px}
.ph__sub{color:var(--mut);font-size:17px;line-height:1.6;max-width:660px;margin:0 auto}
.ph__badges{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:26px;font-size:13px;font-weight:500}
.ph__badges span{color:#0a6b4f}

/* Cards */
.plans2{max-width:1120px;margin:0 auto;padding:24px 24px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.p2{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}
.p2--hl{border:2px solid var(--emerald);box-shadow:0 24px 50px -24px rgba(16,185,129,.4)}
.p2__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--emerald);color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px;white-space:nowrap}
.p2__name{font-family:var(--fdisp);font-size:22px;font-weight:700}
.p2__seats{color:var(--mut);font-size:13px;margin:6px 0 16px}
.p2__price{font-family:var(--fdisp);font-size:42px;font-weight:700;letter-spacing:-.03em;line-height:1}
.p2__price span{font-family:var(--fbody);font-size:15px;font-weight:500;color:var(--mut)}
.p2__mo{color:var(--mut2);font-size:12px;margin-top:6px}
.p2__tag{color:var(--mut);font-size:14px;margin:14px 0 20px;min-height:40px}
.p2__feats{list-style:none;padding:22px 0 0;margin:22px 0 0;border-top:1px solid var(--line);display:grid;gap:12px}
.p2__feats li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--txt)}
.tk{width:18px;height:18px;flex:none;margin-top:1px;fill:none;stroke:var(--emerald);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lbtn--sm{padding:8px 16px;font-size:13px}

/* Enterprise strip */
.ent{max-width:1120px;margin:28px auto 0;padding:0 24px}
.ent__in{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.ent__t{font-family:var(--fdisp);font-weight:700;font-size:18px}
.ent__s{color:var(--mut);font-size:14px;margin-top:2px}

/* Comparison table */
.cmp{max-width:1000px;margin:0 auto;padding:96px 24px 10px}
.cmp__head{text-align:center;margin-bottom:40px}
.cmp__head .eye{display:block;margin-bottom:14px}
.cmp__head h2{font-size:clamp(28px,4vw,42px)}
.cmp__wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff}
.cmp__t{width:100%;border-collapse:collapse;min-width:660px}
.cmp__t th,.cmp__t td{padding:15px 18px;text-align:center;border-bottom:1px solid var(--line);font-size:14px}
.cmp__t tbody tr:last-child td{border-bottom:none}
.cmp__t thead th{font-family:var(--fdisp);font-size:16px;font-weight:700}
.cmp__t thead th span{display:block;font-family:var(--fbody);font-size:12px;font-weight:500;color:var(--mut);margin-top:2px}
.cmp__t th.is-hl,.cmp__t td.is-hl{background:rgba(16,185,129,.05)}
.cmp__lbl{text-align:left!important;color:var(--txt);font-weight:500}
.cmp__t .tk{margin:0 auto}
.cmp__t .dash{color:var(--mut2)}
.cmp__t .txt{color:var(--txt);font-weight:600}
.cmp__cta td{padding-top:20px;padding-bottom:22px}
.cmp__cur{color:var(--emerald);font-weight:700;font-size:13px}

/* Pricing FAQ reuses .faq from landing.css */
.pfaq{max-width:820px;margin:0 auto;padding:70px 24px 100px}

@media(max-width:860px){
  .plans2{grid-template-columns:1fr;max-width:420px}
  .ent__in{flex-direction:column;align-items:flex-start}
}