/* ---------- hero ---------- */
.p-precos .pc-hero { position: relative; padding-block: 112px 0; overflow: hidden; }
.p-precos .pc-hero::before { content: ""; position: absolute; left: 50%; bottom: 120px; width: 1400px; height: 700px; transform: translateX(-50%); background: radial-gradient(50% 50% at 50% 100%, rgba(255,190,26,.22), rgba(255,190,26,.08) 45%, transparent 72%); pointer-events: none; }
.p-precos .pc-hero .wrap { position: relative; }
.p-precos .pc-hero-in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px 64px; align-items: end; }
.p-precos .pc-hero-txt { display: grid; gap: 20px; }
.p-precos .pc-hero .t-display { font-size: 56px; line-height: 62px; }
@container site (max-width: 719px) { .p-precos .pc-hero .t-display { font-size: 40px; line-height: 44px; } }
.p-precos .pc-hero-side { display: grid; gap: 28px; padding-bottom: 6px; }
.p-precos .pc-act { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }

/* ---------- plans card ---------- */
.p-precos .pc-card { position: relative; margin-top: 72px; background: var(--site-bg); border: 1px solid var(--site-line); border-radius: var(--r-xl); box-shadow: 0 1px 2px rgba(14,26,58,.04), 0 24px 64px -32px rgba(14,26,58,.22); overflow: hidden; }
.p-precos .pc-cols { display: grid; grid-template-columns: 1fr 1fr; }
.p-precos .pc-plan { padding: 44px 44px 40px; display: grid; grid-template-rows: auto auto auto 1fr; gap: 0; min-width: 0; }
.p-precos .pc-plan + .pc-plan { border-left: 1px solid var(--site-line); }
.p-precos .pc-plan-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.p-precos .pc-tag { font: 500 12px/16px var(--f-sans); padding: 4px 10px; border-radius: 999px; background: var(--site-panel); color: var(--site-ink-2); border: 1px solid var(--site-line); white-space: nowrap; }
.p-precos .pc-price { font: 600 44px/50px var(--f-display); letter-spacing: -.025em; margin: 22px 0 0; }
.p-precos .pc-price-sub { font: 400 16px/24px var(--f-sans); color: var(--site-ink-2); margin: 8px 0 0; max-width: 380px; }
.p-precos .pc-plan .btn { justify-self: start; margin-top: 28px; }
.p-precos .pc-plan .btn-outline { color: var(--site-ink); border-color: var(--site-line-strong); }
.p-precos .pc-plan .btn-outline:hover { border-color: var(--site-ink); }
.p-precos .pc-inc { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--site-line); }
.p-precos .pc-inc .t-eyebrow { display: block; margin-bottom: 16px; }
.p-precos .pc-inc ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.p-precos .pc-inc li { display: flex; gap: 12px; font: 400 15px/22px var(--f-sans); color: var(--site-ink-2); }
.p-precos .pc-inc li b { color: var(--site-ink); font-weight: 500; }
.p-precos .pc-chk { width: 18px; height: 18px; flex: none; margin-top: 2px; fill: none; stroke: var(--site-ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* large events strip, a navy band at the foot of the card with the rising sun */
.p-precos .pc-big { position: relative; background: var(--stage); color: var(--stage-ink); padding: 32px 44px; display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 28px; align-items: center; overflow: hidden; --focus: var(--sol); }
.p-precos .pc-big::before { content: ""; position: absolute; left: -120px; bottom: -220px; width: 440px; height: 360px; background: radial-gradient(50% 50% at 50% 50%, rgba(255,190,26,.22), transparent 70%); pointer-events: none; }
.p-precos .pc-sun { position: relative; width: 72px; height: 48px; display: block; }
.p-precos .pc-big-t { position: relative; display: grid; gap: 4px; }
.p-precos .pc-big-t .t-eyebrow { color: var(--stage-ink-3); }
.p-precos .pc-big-t b { font: 600 20px/28px var(--f-sans); letter-spacing: -.005em; }
.p-precos .pc-big-t span { font: 400 15px/22px var(--f-sans); color: var(--stage-ink-2); }
.p-precos .pc-big-r { position: relative; display: flex; align-items: center; gap: 24px; }
.p-precos .pc-big-r .pc-cons { font: 400 12px/16px var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--stage-ink-2); border: 1px solid var(--stage-line); border-radius: 999px; padding: 6px 12px; white-space: nowrap; }
.p-precos .pc-big-r .btn { color: #fff; border-color: rgba(255,255,255,.5); }
.p-precos .pc-big-r .btn:hover { border-color: #fff; background: rgba(255,255,255,.06); }
.p-precos .pc-note { margin-top: 20px; font: 400 14px/20px var(--f-sans); color: var(--site-ink-3); }

/* ---------- comparison table ---------- */
.p-precos .pc-cmp-sec { padding-block: var(--section-space); }
.p-precos .pc-cmp-head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px 64px; align-items: end; margin-bottom: 56px; }
.p-precos .pc-cmp-head > div { display: grid; gap: 16px; }
.p-precos .pc-table { width: 100%; border-collapse: separate; border-spacing: 0; font: 400 15px/22px var(--f-sans); }
.p-precos .pc-table thead th { position: sticky; top: 72px; z-index: 1; background: var(--site-bg); text-align: left; vertical-align: bottom; padding: 18px 0 16px; border-bottom: 1px solid var(--site-ink); font: 600 16px/24px var(--f-sans); }
.p-precos .pc-table thead th small { display: block; font: 400 14px/20px var(--f-sans); color: var(--site-ink-3); }
.p-precos .pc-table thead th.pc-c, .p-precos .pc-table td.pc-c { width: 22%; text-align: center; }
.p-precos .pc-table thead th:first-child { font: 400 12px/16px var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--site-ink-3); }
.p-precos .pc-table tbody th[scope="rowgroup"] { text-align: left; padding: 40px 0 12px; font: 600 20px/28px var(--f-display); letter-spacing: -.01em; border-bottom: 1px solid var(--site-line-strong); }
.p-precos .pc-table tbody tr:first-child th[scope="rowgroup"] { padding-top: 32px; }
.p-precos .pc-table tbody th[scope="row"] { text-align: left; font-weight: 400; color: var(--site-ink); padding: 15px 24px 15px 0; border-bottom: 1px solid var(--site-line); }
.p-precos .pc-table tbody th[scope="row"] small { display: block; font: 400 13px/18px var(--f-sans); color: var(--site-ink-3); margin-top: 2px; }
.p-precos .pc-table td { padding: 15px 8px; border-bottom: 1px solid var(--site-line); vertical-align: middle; }
.p-precos .pc-yes { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--site-ink); vertical-align: middle; }
.p-precos .pc-yes svg { width: 14px; height: 14px; fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.p-precos .pc-no { display: inline-block; width: 14px; height: 1.5px; background: var(--site-control); vertical-align: middle; }
.p-precos .pc-txt { font: 400 12px/16px var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--site-ink-2); }
.p-precos .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- questions ---------- */
.p-precos .pc-faq { background: var(--site-panel); padding-block: var(--section-space); }
.p-precos .pc-faq-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 64px; }
.p-precos .pc-faq-grid > div:first-child { display: grid; gap: 16px; align-content: start; }

/* ---------- tablet ---------- */
@container site (max-width: 1023px) {
  .p-precos .pc-hero { padding-top: 88px; }
  .p-precos .pc-hero-in, .p-precos .pc-cmp-head { grid-template-columns: minmax(0, 1fr); }
  .p-precos .pc-plan { padding: 36px 32px 32px; }
  .p-precos .pc-big { padding: 28px 32px; grid-template-columns: 64px minmax(0, 1fr); }
  .p-precos .pc-big-r { grid-column: 2; }
  .p-precos .pc-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
/* ---------- phone ---------- */
@container site (max-width: 719px) {
  .p-precos .pc-hero { padding-top: 56px; }
  .p-precos .pc-hero::before { bottom: 200px; width: 900px; height: 560px; }
  .p-precos .pc-act .btn { width: 100%; }
  .p-precos .pc-card { margin-top: 48px; border-radius: var(--r-lg); }
  .p-precos .pc-cols { grid-template-columns: minmax(0, 1fr); }
  .p-precos .pc-plan { padding: 28px 20px 28px; }
  .p-precos .pc-plan + .pc-plan { border-left: 0; border-top: 1px solid var(--site-line); }
  .p-precos .pc-price { font-size: 34px; line-height: 40px; margin-top: 16px; }
  .p-precos .pc-plan .btn { width: 100%; }
  .p-precos .pc-inc { margin-top: 28px; padding-top: 22px; }
  .p-precos .pc-big { padding: 24px 20px; grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .p-precos .pc-sun { width: 54px; height: 36px; }
  .p-precos .pc-big-r { grid-column: 1; flex-wrap: wrap; gap: 14px; }
  .p-precos .pc-big-r .btn { width: 100%; }
  .p-precos .pc-cmp-head { margin-bottom: 32px; }
  .p-precos .pc-table { font-size: 14px; line-height: 20px; }
  .p-precos .pc-table thead th { top: 60px; font-size: 13px; line-height: 18px; padding: 14px 0 12px; }
  .p-precos .pc-table thead th small { display: none; }
  .p-precos .pc-table thead th.pc-c, .p-precos .pc-table td.pc-c { width: 72px; }
  .p-precos .pc-table tbody th[scope="rowgroup"] { font-size: 18px; line-height: 24px; padding-top: 32px; }
  .p-precos .pc-table tbody th[scope="row"] { padding-right: 12px; }
  .p-precos .pc-table td { padding: 14px 4px; }
  .p-precos .pc-yes { width: 22px; height: 22px; }
  .p-precos .pc-yes svg { width: 12px; height: 12px; }
  .p-precos .pc-txt { font-size: 10px; letter-spacing: .04em; }
}