/* features: tier panels, service cards, constellation frame */
.tiers { padding-bottom: 0; }
.tiers .chip-tabs { margin-bottom: 0; }
.service-tier { display: none; padding-top: clamp(28px, 3vw, 44px); padding-bottom: var(--sec); }
.service-tier.active { display: block; animation: rise .5s var(--ease); }
.tier-header { max-width: 46rem; margin-bottom: clamp(28px, 3.5vw, 52px); }
.tier-header .lede { margin-bottom: 0; }
.services-grid { align-items: start; }
.service-card { padding: 26px 24px 24px; gap: 12px; }
.service-card:hover { box-shadow: var(--card-hover-sh), inset 0 1px 0 var(--card-hover-hi); border-color: var(--card-hover-b); }
.sc-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
.sc-top i { width: auto; font-size: 17px; color: var(--ink-2); }
.sc-top .tag { padding: 4px 9px; }
.service-card p { flex: none; }
.service-card .card-list { margin-top: 6px; font-size: 14px; }
/* constellation inside the dark band */
.constellation-frame { position: relative; height: clamp(380px, 46vw, 620px); border: 1px solid var(--hair); border-radius: 22px; overflow: hidden; background: radial-gradient(ellipse at 50% 50%, rgba(47,107,255,.10), transparent 70%); }
.constellation-frame canvas { width: 100%; height: 100%; display: block; cursor: grab; touch-action: pan-y; }
.constellation-hint { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); font: 400 12px/1 var(--mono); letter-spacing: .08em; color: var(--ink-2); pointer-events: none; transition: opacity .6s ease; }
.constellation-hint.hide { opacity: 0; }
.constellation-section .sec-head { margin-inline: auto; }
.constellation-section .lede { margin-inline: auto; }
/* comparison */
.comparison-section table.data th:not(:first-child), .comparison-section table.data td:not(:first-child) { text-align: center; padding-inline: 12px; }
.comparison-section table.data td:first-child { min-width: 14rem; }
.comparison-section table.data .cell-limit { display: block; margin-top: 4px; color: var(--ink-2); font-size: 12px; white-space: nowrap; }
@media (max-width: 720px) { .comparison-section table.data { min-width: 520px; } }
.hero-grid .cta-row { gap: 12px; } .hero-grid .cta-row .btn { padding: 0 24px; letter-spacing: .16em; }