/* Brief 19: three linear prices and the sheet-on-the-door comparison. */
.price-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 32px 0 0; text-align: left; }
.price-card { padding: 28px 24px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.price-card-building { border: 2px solid #5581a4; padding: 27px 23px; }
.price-card h3 { font-size: 20px; min-height: 2.6em; line-height: 1.3; margin: 0 0 10px; }
.price-card .price { margin: 0 0 22px; color: var(--ink); font-size: clamp(38px, 4vw, 48px); line-height: 1.2; letter-spacing: -.04em; }
.price-card .price small { display: block; margin-top: 5px; font-size: 14px; letter-spacing: 0; color: var(--ink-3); }
.price-card p { font-size: 15px; line-height: 1.65; color: var(--ink-3); margin: 0 0 14px; }
.price-card p:last-child { margin-bottom: 0; }
.price-card .invoice-note { color: var(--ink-2); padding-top: 14px; border-top: 1px solid var(--line); }
.price-card .invoice-note strong { font-weight: 600; }
.price-terms { max-width: 650px; margin: 24px auto 0; font-size: 15px; line-height: 1.65; color: var(--ink-3); }
#try .pilot { display: block; width: fit-content; max-width: 100%; margin: 24px auto 0; font-size: 14px; }
.door-comparison { background: #f4f6f4; }
.comparison-cards { display: grid; grid-template-columns: 1fr 1fr; margin: 30px auto 22px; text-align: left; border: 1px solid #dce2df; border-radius: 20px; overflow: hidden; }
.comparison-cards article { padding: 26px 30px; }
.comparison-cards article + article { background: #fff; border-left: 1px solid #dce2df; }
.comparison-cards h3 { display: flex; gap: 12px; align-items: center; font-size: 20px; margin-bottom: 15px; }
.comparison-cards svg, .comparison-cards img { flex: none; width: 28px; height: 28px; }
.comparison-cards p { margin: 0; font-size: 16px; line-height: 1.65; color: var(--ink-3); }
.comparison-cards article + article p { color: var(--ink-2); }
.comparison-close { max-width: 43rem; margin: 0 auto; font-size: 16px; line-height: 1.7; color: var(--ink-3); }
@media (max-width: 819px) {
  .price-cards { grid-template-columns: 1fr; gap: 14px; max-width: 520px; margin-inline: auto; }
  .price-card { padding: 24px; }
  .price-card-building { padding: 23px; }
  .price-card h3 { min-height: 0; margin-bottom: 14px; }
  .price-card .price { font-size: 44px; margin-bottom: 15px; }
  .price-card .price small { display: inline; margin-left: 5px; }
  .comparison-cards { grid-template-columns: 1fr; max-width: 520px; }
  .comparison-cards article { padding: 22px; }
  .comparison-cards article + article { border-left: 0; border-top: 1px solid #dce2df; }
  .comparison-cards h3 { font-size: 18px; }
  .comparison-cards p, .comparison-close { font-size: 15px; }
}