1,600&family=DM+Sans:wght@300;400;500&display=swap");
.ct * { box-sizing: border-box; margin: 0px; padding: 0px; }
.ct { background: rgb(255, 255, 255); padding: 88px 0px 80px; font-family: "DM Sans", sans-serif; }
.ct-inner { max-width: 1280px; margin: 0px auto; padding: 0px 40px; }
.ct-top { text-align: center; margin-bottom: 56px; }
.ct-eye { font-size: 11px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: rgb(201, 162, 39); margin-bottom: 12px; }
.ct-title { font-family: "Cormorant Garamond", Georgia, serif; margin-bottom: 14px; font-size: clamp(34px, 4vw, 50px) !important; font-weight: 600 !important; color: rgb(13, 14, 16) !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; }
.ct-title em { font-style: italic; color: rgb(201, 162, 39); }
.ct-lead { font-size: 16px; line-height: 1.75; color: rgb(136, 136, 136); max-width: 520px; margin: 0px auto; }
.ct-scroll { overflow-x: auto; }
.ct-grid { display: grid; grid-template-columns: 22% repeat(7, 1fr); min-width: 820px; }
.ct-col-label { display: flex; align-items: flex-end; padding: 0px 16px 14px 0px; }
.ct-col-label span { font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(187, 187, 187); }
.ct-svc-card { background: rgb(13, 14, 16); border-radius: 10px 10px 0px 0px; padding: 16px 8px 14px; display: flex; flex-direction: column; align-items: center; gap: 5px; margin: 0px 4px; }
.ct-svc-card.hl { background: rgb(201, 162, 39); }
.ct-svc-icon { width: 30px; height: 30px; border-radius: 7px; border: 1px solid rgba(255, 255, 255, 0.15); display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.7); flex-shrink: 0; }
.ct-svc-card.hl .ct-svc-icon { border-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.55); }
.ct-svc-name { font-size: 10px; font-weight: 500; color: rgb(255, 255, 255); text-align: center; line-height: 1.35; }
.ct-svc-card.hl .ct-svc-name { color: rgb(13, 14, 16); }
.ct-svc-badge { font-size: 8px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; background: rgba(201, 162, 39, 0.2); color: rgb(201, 162, 39); border-radius: 3px; padding: 2px 6px; }
.ct-svc-card.hl .ct-svc-badge { background: rgba(0, 0, 0, 0.12); color: rgb(13, 14, 16); }
.ct-group { grid-column: 1 / -1; padding: 22px 0px 8px; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(201, 162, 39); }
.ct-row { grid-column: 1 / -1; display: grid; grid-template-columns: 22% repeat(7, 1fr); border-bottom: 1px solid rgb(240, 240, 240); }
.ct-row:hover { background: rgb(250, 250, 250); }
.ct-feat { padding: 14px 16px 14px 0px; display: flex; flex-direction: column; justify-content: center; }
.ct-feat-name { font-size: 13px; font-weight: 500; color: rgb(13, 14, 16); margin-bottom: 2px; }
.ct-feat-sub { font-size: 11px; color: rgb(187, 187, 187); line-height: 1.35; }
.ct-val { padding: 14px 5px; display: flex; align-items: center; justify-content: center; text-align: center; }
.ct-val.hl-col { background: rgba(201, 162, 39, 0.04); }
.ct-yes { color: rgb(201, 162, 39); font-size: 16px; line-height: 1; }
.ct-no { color: rgb(224, 224, 224); font-size: 16px; line-height: 1; }
.ct-txt { font-size: 11px; color: rgb(85, 85, 85); line-height: 1.35; }
.ct-txt strong { font-weight: 500; color: rgb(13, 14, 16); }
.ct-foot { grid-column: 1 / -1; display: grid; grid-template-columns: 22% repeat(7, 1fr); border-top: 2px solid rgb(239, 239, 239); padding-top: 14px; margin-top: 2px; }
.ct-foot-note { font-size: 11px; color: rgb(187, 187, 187); line-height: 1.65; padding-right: 16px; display: flex; align-items: center; }
.ct-foot-cell { padding: 0px 4px; display: flex; align-items: center; }
.ct-book { display: block; width: 100%; background: rgb(13, 14, 16); color: rgb(255, 255, 255); border-radius: 6px; padding: 8px 6px; font-family: "DM Sans", sans-serif; font-size: 11px; font-weight: 500; text-decoration: none; text-align: center; transition: background 0.2s, color 0.2s; }
.ct-book:hover { background: rgb(201, 162, 39); color: rgb(13, 14, 16); }
.ct-book.hl { background: rgb(201, 162, 39); color: rgb(13, 14, 16); }
.ct-book.hl:hover { background: rgb(212, 178, 48); }
.ct-legend { display: flex; align-items: center; gap: 20px; margin-top: 28px; flex-wrap: wrap; }
.ct-legend-item { display: flex; align-items: center; gap: 7px; font-size: 12px; color: rgb(170, 170, 170); }
@media (max-width: 768px) {
  .ct { padding: 64px 0px 60px; }
  .ct-inner { padding: 0px 20px; }
}
