.costs-page{max-width:1180px;margin:0 auto;padding:4px 0 52px}.costs-heading{text-align:center;max-width:760px;margin:18px auto 28px}.costs-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#315cf4;margin-bottom:10px}.costs-kicker svg{width:17px;height:17px}.costs-heading h1{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.035em;margin:0;color:var(--text)}.costs-heading p{font-size:17px;line-height:1.6;color:var(--muted);margin:10px 0 0}.costs-shell{background:#fff;border:1px solid rgba(148,163,184,.24);border-radius:24px;box-shadow:0 20px 55px rgba(15,23,42,.07);padding:22px}.costs-toolbar{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.costs-search{height:58px;display:flex;align-items:center;gap:12px;border:1px solid #d9e2f0;border-radius:18px;padding:0 14px 0 18px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.costs-search:focus-within{border-color:#7ea2ff;box-shadow:0 0 0 4px rgba(49,92,244,.09)}.costs-search>svg{width:21px;height:21px;color:#4169ec;flex:0 0 auto}.costs-search input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:16px;color:#172033}.costs-search button{width:38px;height:38px;border:0;border-radius:11px;background:#eff4ff;color:#4668d9;display:grid;place-items:center;cursor:pointer}.costs-search button svg{width:17px}.costs-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin}.cost-filter{display:inline-flex;align-items:center;justify-content:center;min-height:40px;white-space:nowrap;padding:0 15px;border:1px solid #dfe6f0;border-radius:999px;text-decoration:none;color:#536176;background:#fff;font-size:14px;font-weight:700;transition:.18s ease}.cost-filter:hover,.cost-filter.is-active{color:#234ee8;border-color:#9db5ff;background:#f0f4ff}.costs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cost-card{--cost-accent:#3765f4;--cost-soft:#eff4ff;min-width:0;display:grid;grid-template-columns:50px minmax(0,1fr) 38px;align-items:center;gap:14px;padding:17px;border:1px solid #e1e7f0;border-left:4px solid var(--cost-accent);border-radius:17px;background:#fff;color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.cost-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cost-accent) 35%,#dce4f0);box-shadow:0 12px 30px rgba(15,23,42,.08)}.cost-card:focus-visible{outline:3px solid rgba(49,92,244,.25);outline-offset:2px}.cost-card[hidden]{display:none!important}.cost-card.is-featured{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cost-accent) 18%,transparent)}.cost-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--cost-soft);color:var(--cost-accent);font-size:21px}.cost-icon svg{width:22px;height:22px}.cost-content{min-width:0;display:flex;flex-direction:column;gap:5px}.cost-content strong{font-size:16px;line-height:1.35;color:#101827;overflow-wrap:anywhere}.cost-content small{font-size:13px;line-height:1.45;color:#6b778b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cost-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cost-meta>span{font-size:11px;line-height:1;padding:5px 8px;border-radius:999px;background:#f3f6fa;color:#68758a;font-weight:800}.cost-meta .cost-featured{display:inline-flex;align-items:center;gap:4px;background:var(--cost-soft);color:var(--cost-accent)}.cost-featured svg{width:12px;height:12px}.cost-arrow{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--cost-accent);background:var(--cost-soft)}.cost-arrow svg{width:18px;height:18px}.cost-accent-violet{--cost-accent:#8b46ec;--cost-soft:#f5efff}.cost-accent-emerald{--cost-accent:#159f74;--cost-soft:#edf9f5}.cost-accent-amber{--cost-accent:#cf8316;--cost-soft:#fff7e9}.cost-accent-rose{--cost-accent:#d84c68;--cost-soft:#fff0f3}.cost-accent-cyan{--cost-accent:#148ca8;--cost-soft:#ebf9fc}.costs-empty{text-align:center;padding:50px 20px;color:#69778b}.costs-empty>svg{width:36px;height:36px;color:#5272df;margin-bottom:10px}.costs-empty h2{font-size:19px;margin:0 0 6px;color:#172033}.costs-empty p{margin:0;font-size:14px}.costs-notice{max-width:none;margin:0 0 18px}.is-search-empty{grid-column:1/-1}
body.theme-dark .costs-shell{background:#111a2b;border-color:#24324a}.theme-dark .costs-search,.theme-dark .cost-filter,.theme-dark .cost-card{background:#121c2f;border-color:#2b3953}.theme-dark .costs-search input,.theme-dark .cost-content strong{color:#f5f7fb}.theme-dark .cost-content small,.theme-dark .costs-heading p{color:#a6b2c7}.theme-dark .cost-meta>span{background:#1a263b;color:#aab8cf}
@media(max-width:820px){.costs-grid{grid-template-columns:1fr}.costs-shell{padding:16px;border-radius:20px}.costs-heading{text-align:left;margin-top:8px}.costs-heading p{font-size:16px}}@media(max-width:520px){.costs-page{padding-bottom:28px}.costs-shell{padding:12px}.costs-search{height:54px;border-radius:15px}.cost-card{grid-template-columns:44px minmax(0,1fr) 34px;gap:11px;padding:14px 12px}.cost-icon{width:44px;height:44px;border-radius:12px}.cost-arrow{width:34px;height:34px}.cost-content strong{font-size:15px}}