:root {
  --ink: #071426;
  --muted: #627086;
  --blue: #075ee8;
  --blue-dark: #0648b3;
  --blue-soft: #edf4ff;
  --cyan: #079cf5;
  --green: #087f5b;
  --green-soft: #eaf8f2;
  --red: #c0344e;
  --amber: #9b6209;
  --surface: #ffffff;
  --surface-2: #f6f8fc;
  --line: #dce3ee;
  --line-strong: #c4d1e4;
  --shadow-soft: 0 18px 55px rgba(28, 55, 96, .09);
  --shell: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background: var(--surface);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body::before { display: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
.shell { width: min(var(--shell), calc(100% - 40px)); margin-inline: auto; }
.green { color: var(--green) !important; }
.red { color: var(--red) !important; }
.muted-copy { color: var(--muted); line-height: 1.65; }
.glyph { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; font-size: 14px; }

.topnav { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(220, 227, 238, .9); background: rgba(255, 255, 255, .92); backdrop-filter: blur(16px); }
.nav-row { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand-link { display: inline-flex; align-items: center; }
.brand-logo { width: 88px; height: 38px; object-fit: contain; object-position: left center; }
.public-links { display: flex; align-items: center; gap: 4px; }
.public-links a { padding: 9px 12px; border-radius: 10px; color: #3f4d62; font-size: 13px; font-weight: 650; }
.public-links a:hover, .public-links a.active { color: var(--blue); background: var(--blue-soft); }
.nav-tools { display: flex; align-items: center; gap: 9px; }
.language-switch { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 999px; background: #fff; }
.language-switch button { min-width: 34px; height: 28px; padding: 0 8px; border: 0; border-radius: 999px; background: transparent; color: #66748a; font-size: 10px; font-weight: 750; }
.language-switch button.active { color: #fff; background: var(--blue); }
.button { min-height: 40px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: 11px; font-size: 13px; font-weight: 750; transition: .18s ease; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: #fff; background: var(--blue); box-shadow: 0 10px 25px rgba(7, 94, 232, .18); }
.button.primary:hover { background: var(--blue-dark); }
.button.secondary { color: #26364d; border-color: var(--line); background: #fff; }
.button.secondary:hover { color: var(--blue); border-color: #aac6f6; background: #f8fbff; }
.button.large { min-height: 50px; padding: 0 22px; border-radius: 13px; font-size: 14px; }
.button.small { min-height: 33px; padding: 0 11px; border-radius: 8px; font-size: 11px; }
.button.full { width: 100%; }
.button:disabled { opacity: .45; cursor: not-allowed; transform: none; }

.hero-v2 { position: relative; overflow: hidden; padding: clamp(70px, 8vw, 108px) 0 80px; background: radial-gradient(circle at 72% 0%, rgba(7, 156, 245, .13), transparent 31rem), linear-gradient(180deg, #fff, #fbfdff); }
.hero-v2::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .35; background-image: radial-gradient(circle, rgba(7, 94, 232, .16) 1px, transparent 1.2px); background-size: 26px 26px; mask-image: linear-gradient(90deg, #000, transparent 48%); }
.hero-layout { position: relative; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr); gap: clamp(42px, 7vw, 84px); align-items: center; }
.kicker { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.kicker::before { content: ""; width: 18px; height: 1px; background: currentColor; }
.hero-copy-v2 h1 { margin: 16px 0 22px; max-width: 720px; font-size: clamp(46px, 5.4vw, 68px); line-height: .98; letter-spacing: -.058em; font-weight: 650; }
.hero-copy-v2 h1 span { color: var(--blue); }
.hero-copy-v2 > p { max-width: 650px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.7; }
.hero-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.hero-value-line { margin-top: 22px; padding-left: 14px; display: grid; gap: 4px; border-left: 3px solid var(--green); }
.hero-value-line strong { color: var(--green); font-size: 21px; letter-spacing: -.025em; }
.hero-value-line span { color: #506078; font-size: 11px; line-height: 1.5; }
.hero-pricing-panel { position: relative; border: 1px solid #cfdbea; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: var(--shadow-soft); }
.hero-panel-head, .hero-panel-foot { padding: 15px 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #56657a; background: #f8faff; font-size: 11px; font-weight: 750; }
.catalogue-pill { padding: 5px 8px; color: var(--blue); border: 1px solid #cbdfff; border-radius: 999px; background: #fff; }
.hero-rate-row { min-height: 98px; padding: 16px 18px; display: grid; grid-template-columns: minmax(120px, 1fr) minmax(150px, 1fr) auto; gap: 16px; align-items: center; border-top: 1px solid var(--line); }
.hero-rate-row strong, .hero-rate-row small { display: block; }
.hero-rate-row small { margin-top: 5px; color: var(--muted); font-size: 10px; }
.hero-panel-foot { border-top: 1px solid var(--line); background: #f3f7ff; }
.hero-panel-foot a { color: var(--blue); font-weight: 800; }

.model-ticker { width: 100%; overflow: hidden; border-block: 1px solid var(--line); background: #fff; }
.ticker-track { width: max-content; min-height: 76px; display: flex; align-items: center; animation: modelTicker 90s linear infinite; }
.ticker-track span { min-width: 176px; padding: 0 20px; border-right: 1px solid var(--line); }
.ticker-track b, .ticker-track small { display: block; }
.ticker-track b { font-size: 11px; }
.ticker-track small { margin-top: 4px; color: var(--muted); font-size: 8px; }
.model-ticker:hover .ticker-track { animation-play-state: paused; }
@keyframes modelTicker { to { transform: translateX(-50%); } }

.page-section { padding: clamp(68px, 8vw, 104px) 0; }
.page-section.compact { padding: 48px 0 76px; }
.page-section.soft { background: var(--surface-2); }
.section-heading { max-width: 780px; margin-bottom: 32px; }
.section-heading.pricing-heading { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.section-heading.pricing-heading > div { max-width: 780px; }
.section-heading h2, .discount-callout h2, .final-cta h2 { margin: 12px 0 12px; font-size: clamp(32px, 4.2vw, 52px); line-height: 1.03; letter-spacing: -.045em; font-weight: 650; }
.section-heading p, .discount-callout p, .final-cta p { margin: 0; color: var(--muted); line-height: 1.7; font-size: 15px; }
.comparison-wrap { width: 100%; overflow: auto; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 13px 14px; text-align: left; vertical-align: middle; border-bottom: 1px solid var(--line); font-size: 12px; }
th { color: #718095; background: #f7f9fc; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
th small { display: block; margin-top: 4px; color: #98a4b5; font-size: 8px; letter-spacing: 0; text-transform: none; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: #f9fbff; }
td small { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; }
.comparison-table { min-width: 900px; }
.comparison-table col.model-col { width: 18%; }
.comparison-table col.purpose-col { width: 16%; }
.comparison-table col.price-col { width: 18%; }
.comparison-table col.saving-col { width: 12%; }
.comparison-table col.action-col { width: 7%; }
.price-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; min-width: 132px; }
.price-pair.compact { min-width: 118px; }
.price-pair span { min-width: 0; }
.price-pair small { display: block; margin: 0 0 3px; color: #8995a6; font-size: 7px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.direct-price s { color: #8995a6; text-decoration-color: #a9b4c3; white-space: normal; overflow-wrap: anywhere; line-height: 1.35; }
.retail-price strong { color: var(--green); white-space: normal; overflow-wrap: anywhere; line-height: 1.35; }
.model-cell { display: flex; align-items: center; gap: 9px; min-width: 160px; }
.model-cell > a { min-width: 0; }
.price-empty { color: #9aa5b4; }
.save-badge { display: inline-flex; padding: 6px 8px; color: var(--green); border: 1px solid #c9eadc; border-radius: 999px; background: var(--green-soft); font-size: 10px; font-weight: 800; white-space: nowrap; }
.workload-pill { padding: 6px 8px; color: #3e536d; border: 1px solid var(--line); border-radius: 8px; background: #f7f9fc; font-size: 10px; font-weight: 700; }
.purpose-tags { min-width: 170px; display: flex; flex-wrap: wrap; gap: 5px; }
.purpose-tag { padding: 5px 7px; display: inline-flex; align-items: center; gap: 5px; color: #41566f; border: 1px solid #dbe4ef; border-radius: 8px; background: #f7f9fc; font-size: 9px; font-weight: 700; white-space: nowrap; }
.purpose-tag b { min-width: 13px; color: var(--blue); font-size: 9px; text-align: center; }
.full-model-pricing { margin-top: 14px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.full-model-pricing summary { padding: 14px 16px; color: var(--blue); cursor: pointer; font-size: 12px; font-weight: 800; }
.full-model-pricing[open] summary { border-bottom: 1px solid var(--line); }
.full-model-pricing .comparison-wrap { border: 0; border-radius: 0 0 14px 14px; }
.method-note, .pricing-note, .info-box { margin-top: 14px; padding: 13px 15px; color: #52647a; border: 1px solid #d8e5f7; border-radius: 12px; background: #f4f8ff; font-size: 11px; line-height: 1.6; }
.method-note strong, .pricing-note strong, .info-box strong { color: var(--ink); }

.usp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.usp-grid article { min-height: 280px; padding: 27px; border: 1px solid var(--line); border-radius: 19px; background: #fff; box-shadow: 0 1px 2px rgba(20, 40, 72, .03); }
.usp-number { display: grid; width: 38px; height: 38px; place-items: center; color: var(--blue); border-radius: 11px; background: var(--blue-soft); font-size: 11px; font-weight: 850; }
.usp-grid h3 { margin: 24px 0 10px; font-size: 21px; letter-spacing: -.02em; }
.usp-grid p { color: var(--muted); font-size: 13px; line-height: 1.65; }
.usp-grid ul { margin: 18px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.usp-grid li { color: #3f4f65; font-size: 12px; }
.usp-grid li::before { content: "✓"; margin-right: 8px; color: var(--green); font-weight: 850; }
.discount-callout, .final-cta { padding: clamp(30px, 5vw, 48px); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; border: 1px solid #cbdcf6; border-radius: 24px; background: radial-gradient(circle at 90% 0%, rgba(7, 156, 245, .13), transparent 20rem), #f3f7ff; }
.discount-callout h2, .final-cta h2 { max-width: 820px; font-size: clamp(30px, 4vw, 47px); }
.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.steps-grid article { padding: 24px; border-top: 2px solid var(--blue); background: #f8faff; }
.steps-grid article > strong { color: var(--blue); font-size: 11px; }
.steps-grid h3 { margin: 24px 0 8px; font-size: 17px; }
.steps-grid p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }

.page-hero-v2 { padding: 72px 0 58px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 72% -20%, rgba(7, 156, 245, .16), transparent 26rem), #fff; }
.page-hero-v2 h1 { max-width: 850px; margin: 14px 0 16px; font-size: clamp(42px, 6vw, 70px); line-height: .98; letter-spacing: -.06em; font-weight: 650; }
.page-hero-v2 p { max-width: 760px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.page-hero-v2 .button { margin-top: 24px; }
.headline-facts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.headline-facts span { padding: 10px 12px; border: 1px solid #d4e1f4; border-radius: 10px; background: #fff; color: #57677c; font-size: 11px; }
.headline-facts strong { color: var(--blue); margin-right: 4px; }

.marketplace-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px; align-items: start; }
.filter-panel { position: sticky; top: 88px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.filter-panel h3 { margin: 0 0 12px; font-size: 14px; }
.filter-panel > button { width: 100%; min-height: 37px; padding: 0 9px; display: flex; align-items: center; justify-content: space-between; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #526177; font-size: 11px; }
.filter-panel > button:hover, .filter-panel > button.active { color: var(--blue); border-color: #cfe0fa; background: var(--blue-soft); }
.filter-panel button b { min-width: 24px; padding: 3px 5px; border-radius: 999px; background: #edf1f7; color: #748196; font-size: 9px; }
.filter-note { margin-top: 15px; padding: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; line-height: 1.55; }
.filter-note strong { color: var(--ink); }
.filter-note p { margin-bottom: 0; }
.market-toolbar { margin-bottom: 15px; display: grid; grid-template-columns: 1fr minmax(240px, 330px) minmax(180px, 230px); gap: 10px; align-items: center; }
.market-toolbar strong, .market-toolbar span { display: block; }
.market-toolbar span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.market-toolbar input, .market-toolbar select, .search-input, .field { width: 100%; min-height: 41px; padding: 0 12px; color: var(--ink); border: 1px solid var(--line); border-radius: 10px; outline: none; background: #fff; font-size: 12px; }
.market-toolbar input:focus, .market-toolbar select:focus, .search-input:focus, .field:focus { border-color: #9fc0f5; box-shadow: 0 0 0 4px rgba(7, 94, 232, .08); }
.model-grid-v2 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.model-card-v2 { min-height: 390px; padding: 18px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 17px; background: #fff; transition: .2s ease; }
.model-card-v2:hover { border-color: #aac6f4; box-shadow: var(--shadow-soft); transform: translateY(-3px); }
.card-top { display: flex; align-items: center; justify-content: space-between; }
.provider-mark { display: grid; width: 37px; height: 37px; place-items: center; color: var(--blue); border: 1px solid #cfe0fb; border-radius: 11px; background: var(--blue-soft); font-size: 11px; font-weight: 850; }
.provider-mark.small { width: 30px; height: 30px; flex: 0 0 auto; border-radius: 9px; font-size: 8px; }
.provider-openai { color: #0b6b5b; border-color: #b9ddd4; background: #edf9f6; }
.provider-anthropic { color: #8a4f2d; border-color: #ead0bf; background: #fff6ef; }
.provider-google { color: #7250c8; border-color: #d9cdf7; background: #f6f2ff; }
.provider-qwen { color: #1855b4; border-color: #c4d8f5; background: #eff6ff; }
.provider-deepseek { color: #2453d8; border-color: #c7d6ff; background: #eff3ff; }
.availability { display: inline-flex; padding: 5px 7px; color: var(--green); border: 1px solid #c8eadc; border-radius: 999px; background: var(--green-soft); font-size: 9px; font-weight: 800; white-space: nowrap; }
.availability.pending { color: var(--amber); border-color: #f1ddb0; background: #fff8e7; }
.model-card-v2 h3 { margin: 15px 0 5px; font-size: 17px; letter-spacing: -.02em; }
.model-meta { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
code { color: #0756c8; border: 1px solid #d7e4f8; border-radius: 6px; background: #f1f6ff; padding: 2px 5px; font: 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.tag-row, .large-tag-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 13px 0; }
.tag-row span, .large-tag-row span { padding: 5px 7px; color: #506078; border: 1px solid var(--line); border-radius: 7px; background: #f8f9fc; font-size: 9px; font-weight: 650; }
.triple-price { margin-top: auto; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 11px; overflow: hidden; }
.triple-price > div { min-width: 0; padding: 9px; background: #fbfcfe; }
.triple-price > div + div { border-left: 1px solid var(--line); }
.triple-price label { display: block; margin-bottom: 6px; color: #7c899c; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.triple-price .price-pair { grid-template-columns: 1fr; min-width: 0; gap: 4px; }
.triple-price .price-pair small { display: none; }
.triple-price .direct-price, .triple-price .retail-price { font-size: 10px; overflow: hidden; }
.saving-row { margin-top: 10px; padding: 9px 10px; display: flex; align-items: center; justify-content: space-between; color: #536278; border-radius: 9px; background: #f2f8f5; font-size: 10px; }
.saving-row strong { color: var(--green); font-size: 13px; }
.card-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 10px; }
.empty-state { grid-column: 1 / -1; padding: 50px; text-align: center; border: 1px dashed var(--line-strong); border-radius: 16px; }
.empty-state h3 { margin-top: 0; }
.empty-state p { color: var(--muted); }

.model-detail-hero { padding-bottom: 40px; }
.back-link { display: inline-flex; margin-bottom: 18px; color: var(--blue); font-size: 12px; font-weight: 750; }
.detail-heading { display: flex; justify-content: space-between; gap: 30px; align-items: center; }
.detail-heading h1 { margin-bottom: 10px; }
.save-orb { width: 112px; height: 112px; padding: 16px; flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; text-align: center; color: #fff; border-radius: 50%; background: linear-gradient(145deg, var(--cyan), var(--blue)); box-shadow: 0 18px 40px rgba(7, 94, 232, .22); }
.save-orb small { font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.save-orb strong { display: block; font-size: 29px; line-height: 1; letter-spacing: -.04em; }
.save-orb em { opacity: .85; font-size: 8px; font-style: normal; }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.panel-v2 { margin-bottom: 14px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(21, 42, 74, .03); }
.panel-v2 h2, .panel-v2 h3 { margin: 0; letter-spacing: -.02em; }
.panel-v2 h2 { font-size: 18px; }
.panel-v2 h3 { font-size: 16px; }
.panel-title-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 15px; }
.panel-title-row p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.panel-title-row a { color: var(--blue); font-size: 11px; font-weight: 750; }
.tier-table { min-width: 650px; }
.capability-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0; list-style: none; color: #4f6076; font-size: 12px; }
.sticky-card { position: sticky; top: 90px; }
.sticky-card dl { margin: 18px 0; }
.sticky-card dl div { padding: 11px 0; border-bottom: 1px solid var(--line); }
.sticky-card dt { color: #8290a3; font-size: 9px; text-transform: uppercase; }
.sticky-card dd { margin: 5px 0 0; font-size: 12px; }
.sticky-card .button { width: 100%; margin-top: 8px; }
.constraint-note { margin: 14px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.all-pricing .comparison-table { min-width: 1160px; }
.table-footnote { color: var(--muted); font-size: 10px; line-height: 1.6; }

.docs-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 28px; align-items: start; }
.docs-sidebar { position: sticky; top: 92px; display: grid; gap: 4px; }
.docs-sidebar strong { margin: 12px 0 4px; color: #8996a8; font-size: 9px; letter-spacing: .12em; }
.docs-sidebar a, .docs-sidebar button { padding: 8px 9px; color: #536278; border: 0; border-radius: 8px; background: transparent; text-align: left; font-size: 11px; }
.docs-sidebar a:hover, .docs-sidebar button:hover { color: var(--blue); background: var(--blue-soft); }
.docs-content { min-width: 0; }
.docs-content > section { padding: 0 0 50px; scroll-margin-top: 90px; }
.docs-content h2 { margin: 11px 0 12px; font-size: 29px; letter-spacing: -.035em; }
.docs-content > section > p { max-width: 780px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.numbered { max-width: 820px; margin: 20px 0; padding-left: 22px; }
.numbered li { padding: 6px 0 6px 7px; color: #415169; font-size: 12px; line-height: 1.6; }
.code-panel { margin: 14px 0; overflow: hidden; border: 1px solid #172740; border-radius: 13px; background: #081221; }
.code-panel > div { height: 40px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; color: #93a9be; border-bottom: 1px solid #172740; font-size: 10px; }
.code-panel button { border: 0; color: #9ccfff; background: transparent; font-size: 10px; }
.code-panel pre { max-height: 390px; margin: 0; padding: 16px; overflow: auto; color: #b9dafa; font: 11px/1.7 ui-monospace, SFMono-Regular, Menlo, monospace; }
.code-panel code { padding: 0; color: inherit; border: 0; background: transparent; font-size: inherit; }
.sample-tabs { display: grid; gap: 10px; }
.docs-model-table { max-height: 610px; }
.docs-model-table table { min-width: 880px; }
.external-link { color: var(--blue); font-size: 10px; font-weight: 750; white-space: nowrap; }
.docs-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.docs-cards article { padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.docs-cards h3 { margin: 0 0 8px; font-size: 15px; }
.docs-cards p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.flow-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; }
.flow-row span { padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; background: #f8faff; font-size: 11px; }
.legal-copy { max-width: 820px; }
.legal-copy p { color: var(--muted); line-height: 1.7; }

.site-footer { padding: 48px 0 22px; color: #c6d0dd; background: #07101d; }
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 40px; }
.footer-grid > div { display: grid; align-content: start; gap: 9px; }
.footer-grid .brand-logo { filter: brightness(0) invert(1); }
.footer-grid p { max-width: 360px; color: #8e9aab; font-size: 12px; line-height: 1.65; }
.footer-grid strong { color: #fff; font-size: 11px; }
.footer-grid a { color: #a3afbf; font-size: 11px; }
.footer-grid a:hover { color: #fff; }
.footer-bottom { margin-top: 32px; padding-top: 18px; color: #727f90; border-top: 1px solid #1c2737; font-size: 10px; }

/* Console */
.console-shell-v2 { min-height: 100vh; display: grid; grid-template-columns: 230px minmax(0, 1fr); color: var(--ink); background: #f3f6fa; }
.console-sidebar-v2 { position: sticky; top: 0; height: 100vh; padding: 18px 13px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: #fff; z-index: 40; }
.console-logo { padding: 0 8px 18px; border-bottom: 1px solid var(--line); }
.console-sidebar-v2 nav { padding-top: 14px; display: grid; gap: 3px; }
.console-sidebar-v2 nav a { min-height: 40px; padding: 0 10px; display: flex; align-items: center; gap: 10px; color: #56657a; border-radius: 9px; font-size: 12px; font-weight: 650; }
.console-sidebar-v2 nav a:hover, .console-sidebar-v2 nav a.active { color: var(--blue); background: var(--blue-soft); }
.console-sidebar-v2 nav a.active .glyph { color: #fff; background: var(--blue); }
.wallet-mini { margin-top: auto; padding: 14px; border: 1px solid #cfdef5; border-radius: 13px; background: #f2f7ff; }
.wallet-mini span, .wallet-mini strong, .wallet-mini small, .wallet-mini a { display: block; }
.wallet-mini span { color: #6f7f95; font-size: 9px; text-transform: uppercase; }
.wallet-mini strong { margin-top: 5px; font-size: 24px; letter-spacing: -.04em; }
.wallet-mini small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.wallet-mini a { margin-top: 12px; color: var(--blue); font-size: 10px; font-weight: 800; }
.console-main-v2 { min-width: 0; }
.console-topbar-v2 { position: sticky; top: 0; z-index: 30; min-height: 62px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, .92); backdrop-filter: blur(14px); }
.console-topbar-v2 > div { display: flex; align-items: center; gap: 10px; color: #617087; font-size: 11px; }
.api-state { padding: 7px 9px; color: var(--green); border: 1px solid #c8eadc; border-radius: 999px; background: var(--green-soft); font-size: 9px; font-weight: 800; }
.api-state.paused { color: var(--red); border-color: #f0c9d1; background: #fff1f3; }
.user-avatar { display: grid; width: 32px; height: 32px; place-items: center; color: #fff; border-radius: 9px; background: var(--blue); font-size: 10px; font-weight: 850; }
.mobile-console-menu { display: none; border: 0; background: transparent; }
.console-content-v2 { padding: 22px; }
.console-page-head { min-height: 66px; margin-bottom: 16px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.console-page-head h1 { margin: 0; font-size: 26px; letter-spacing: -.035em; }
.console-page-head p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.page-actions { display: flex; align-items: center; gap: 8px; }
.search-input { max-width: 340px; }
.kpi-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 14px; }
.kpi-row article { min-height: 112px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.kpi-row span, .kpi-row strong, .kpi-row small { display: block; }
.kpi-row span { color: #718095; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.kpi-row strong { margin-top: 12px; font-size: 24px; letter-spacing: -.035em; }
.kpi-row small { margin-top: 5px; color: var(--muted); font-size: 9px; }
.compact-kpis article { min-height: 96px; }
.usage-date-controls { display: flex; align-items: end; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.usage-date-controls label { color: #718095; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.usage-date-controls label .field { width: 135px; min-height: 36px; margin-top: 4px; }
.usage-date-controls .button { min-height: 36px; }
.developer-metrics { margin-bottom: 14px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.developer-metrics article { padding: 11px 12px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.developer-metrics span, .developer-metrics strong { display: block; }
.developer-metrics span { color: #718095; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.developer-metrics strong { margin-top: 7px; font-size: 14px; letter-spacing: -.02em; }
.health-list { margin-top: 4px; }
.console-grid { display: grid; gap: 14px; }
.console-grid.two { grid-template-columns: minmax(0, 1.45fr) minmax(280px, .7fr); }
.compact-table { width: 100%; }
.compact-table th, .compact-table td { padding: 10px 8px; font-size: 10px; }
.compact-table th { font-size: 8px; }
.segmented { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: #f7f9fc; }
.segmented button { min-height: 29px; padding: 0 10px; border: 0; border-radius: 7px; background: transparent; color: #6a788c; font-size: 9px; font-weight: 750; }
.segmented button.active { color: var(--blue); background: #fff; box-shadow: 0 1px 4px rgba(30, 54, 88, .08); }
.segmented.multi { flex-wrap: wrap; }
.balance-large { margin-top: 22px; font-size: 38px; font-weight: 700; letter-spacing: -.05em; }
.balance-meter { height: 7px; margin-top: 16px; overflow: hidden; border-radius: 999px; background: #e8edf4; }
.balance-meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--cyan)); }
.balance-details { margin: 12px 0 18px; display: flex; justify-content: space-between; color: var(--muted); font-size: 9px; }
.balance-details strong { color: var(--ink); }
.check-list { margin-top: 16px; display: grid; gap: 10px; }
.check-list > div { padding: 11px; display: flex; gap: 10px; align-items: center; border: 1px solid var(--line); border-radius: 10px; }
.check-list b { display: grid; width: 25px; height: 25px; place-items: center; color: var(--blue); border-radius: 8px; background: var(--blue-soft); font-size: 10px; }
.check-list strong, .check-list small { display: block; }
.check-list strong { font-size: 11px; }
.check-list small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.console-models { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.console-models .model-card-v2 { min-height: 370px; }
.console-marketplace-layout { display: grid; grid-template-columns: 205px minmax(0, 1fr); gap: 15px; align-items: start; }
.console-filters { top: 78px; }
.console-market-toolbar { grid-template-columns: 1fr minmax(220px, 300px) minmax(170px, 220px); }

.playground-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.panel-v2 label { display: block; margin: 13px 0 6px; color: #65748a; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.textarea { min-height: 84px; padding: 11px; resize: vertical; line-height: 1.55; }
.textarea.tall { min-height: 150px; }
.play-controls { margin-top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.play-controls > span { display: flex; flex-wrap: wrap; gap: 5px; }
.play-controls b { padding: 5px 7px; color: #617087; border: 1px solid var(--line); border-radius: 7px; background: #f8faff; font-size: 8px; }
.response-panel { min-height: 520px; }
.empty-response { height: 390px; display: grid; place-items: center; text-align: center; color: var(--muted); border: 1px dashed var(--line-strong); border-radius: 12px; font-size: 11px; }
.response-copy { padding: 16px; color: #33445b; border: 1px solid var(--line); border-radius: 12px; background: #f8faff; font-size: 12px; line-height: 1.65; }
.response-stats { margin: 12px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
.response-stats span { padding: 9px; color: var(--muted); border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 8px; }
.response-stats strong { display: block; margin-top: 4px; color: var(--ink); font-size: 11px; }
.compact-field { max-width: 160px; min-height: 36px; }
.relationship-strip { margin-bottom: 14px; padding: 13px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #53647b; border: 1px solid #cfdff6; border-radius: 13px; background: #f1f7ff; font-size: 11px; font-weight: 750; }
.relationship-strip span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.relationship-strip b { color: var(--blue); }

.billing-grid { grid-template-columns: 1fr 1fr !important; }
.activation-banner { margin-bottom: 14px; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #31445e; border: 1px solid #c7dcf8; border-radius: 14px; background: #eef6ff; }
.activation-banner strong { color: var(--ink); }
.activation-banner p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.recharge-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 18px; }
.recharge-options button { min-height: 43px; color: var(--blue); border: 1px solid #cbdcf5; border-radius: 10px; background: #f6f9ff; font-size: 12px; font-weight: 800; }
.recharge-options button:hover { color: #fff; background: var(--blue); }
.example-math { margin-top: 15px; padding: 12px; display: flex; align-items: center; justify-content: space-between; color: var(--muted); border-radius: 10px; background: #f7f9fc; font-size: 9px; }
.example-math span strong { display: block; margin-top: 3px; color: var(--ink); font-size: 12px; }
.switch { width: 42px; height: 24px; padding: 2px; border: 0; border-radius: 999px; background: #ccd5e2; }
.switch span { display: block; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: .2s; box-shadow: 0 1px 4px rgba(0, 0, 0, .18); }
.switch.on { background: var(--blue); }
.switch.on span { transform: translateX(18px); }
.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.reserve-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; }
.reserve-flow span { padding: 8px 9px; display: flex; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 8px; font-size: 9px; }
.reserve-flow b { display: grid; width: 18px; height: 18px; place-items: center; color: #fff; border-radius: 6px; background: var(--blue); font-size: 8px; }
.reserve-flow i { color: var(--blue); font-style: normal; }
.alert-list { margin: 14px 0 0; padding: 0; list-style: none; }
.alert-list li { padding: 11px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.alert-list li:last-child { border-bottom: 0; }
.alert-list strong { color: var(--ink); }
.role-pill { display: inline-flex; padding: 5px 7px; color: #37516e; border: 1px solid #d6e0ed; border-radius: 999px; background: #f7f9fc; font-size: 9px; font-weight: 800; }
.role-owner, .role-admin { color: var(--blue); border-color: #cbdcf7; background: var(--blue-soft); }
.role-billing { color: #805b14; border-color: #efddb3; background: #fff9ea; }
.role-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.role-grid article { padding: 13px; border: 1px solid var(--line); border-radius: 11px; background: #f9fbfd; }
.role-grid strong, .role-grid span { display: block; }
.role-grid strong { color: var(--blue); font-size: 11px; }
.role-grid span { margin-top: 6px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.payment-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.payment-card { min-height: 150px; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #ccd9eb; border-radius: 15px; background: linear-gradient(145deg, #fff, #f3f7ff); }
.payment-card .card-brand { display: flex; align-items: center; justify-content: space-between; }
.payment-card .card-brand span { padding: 5px 7px; color: #fff; border-radius: 6px; background: var(--blue); font-size: 8px; font-weight: 900; }
.payment-card > strong { margin-top: 18px; letter-spacing: .09em; font-size: 14px; }
.payment-card > small { margin-top: 6px; color: var(--muted); font-size: 9px; }
.payment-card > div:last-child { margin-top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.default-badge { color: var(--blue); font-size: 9px; font-weight: 800; }
.text-button { padding: 0; color: var(--blue); border: 0; background: transparent; font-size: 9px; font-weight: 800; }

.modal-backdrop { position: fixed; inset: 0; z-index: 100; padding: 20px; display: grid; place-items: center; background: rgba(7, 20, 38, .54); backdrop-filter: blur(8px); }
.modal-v2 { position: relative; width: min(460px, 100%); max-height: calc(100vh - 40px); overflow: auto; padding: 26px; border-radius: 19px; background: #fff; box-shadow: 0 30px 90px rgba(7, 20, 38, .24); }
.modal-v2.wide-modal { width: min(720px, 100%); }
.modal-v2 h2 { margin: 11px 0 17px; font-size: 25px; letter-spacing: -.035em; }
.modal-v2 > p { color: var(--muted); line-height: 1.65; }
.modal-close { position: absolute; top: 13px; right: 13px; width: 32px; height: 32px; border: 0; border-radius: 9px; background: #f0f3f8; color: #607088; font-size: 20px; }
.modal-v2 form { display: grid; gap: 12px; }
.modal-v2 form label { color: #65748a; font-size: 10px; font-weight: 750; }
.modal-v2 form .field { margin-top: 6px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.multi-select { min-height: 150px; padding: 7px; }
.individual-model-scope > small { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; }
.permission-summary { margin: 13px 0; padding: 12px; display: grid; gap: 4px; border: 1px solid #d5e2f4; border-radius: 10px; background: #f4f8ff; }
.permission-summary strong { font-size: 10px; }
.permission-summary span { color: var(--muted); font-size: 9px; line-height: 1.5; }
.wizard-steps { margin: 17px 0 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.wizard-steps span { padding: 9px; display: flex; align-items: center; gap: 7px; color: #728096; border: 1px solid var(--line); border-radius: 9px; font-size: 9px; font-weight: 750; }
.wizard-steps b { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; background: #edf1f6; font-size: 8px; }
.wizard-steps span.active, .wizard-steps span.done { color: var(--blue); border-color: #c6d9f7; background: var(--blue-soft); }
.wizard-steps span.active b, .wizard-steps span.done b { color: #fff; background: var(--blue); }
.wizard-panel { min-height: 250px; }
.wizard-panel > label { display: block; margin: 13px 0 6px; color: #65748a; font-size: 10px; font-weight: 750; }
.wizard-actions { margin-top: 18px; display: flex; justify-content: space-between; gap: 10px; }
.selection-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.selection-grid > label { padding: 10px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 10px; background: #fafbfd; cursor: pointer; }
.selection-grid strong, .selection-grid small { display: block; }
.selection-grid strong { color: var(--ink); font-size: 10px; }
.selection-grid small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.checkbox-line { display: flex !important; align-items: center; gap: 8px; }
.revealed-key { margin: 15px 0; padding: 14px; display: block; overflow-wrap: anywhere; color: var(--blue); border-radius: 10px; background: #f0f6ff; font-size: 11px; }
.toast-root { position: fixed; right: 20px; bottom: 20px; z-index: 200; display: grid; gap: 8px; }
.toast { padding: 11px 14px; color: #fff; border-radius: 10px; background: #071426; box-shadow: 0 12px 30px rgba(7, 20, 38, .22); font-size: 11px; }

@media (max-width: 1080px) {
  .public-links { display: none; }
  .hero-layout { grid-template-columns: 1fr; }
  .hero-pricing-panel { max-width: 700px; }
  .model-grid-v2, .console-models { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kpi-row { grid-template-columns: repeat(2, 1fr); }
  .console-grid.two { grid-template-columns: 1fr; }
  .playground-grid { grid-template-columns: 1fr; }
  .response-panel { min-height: 420px; }
  .developer-metrics { grid-template-columns: repeat(3, 1fr); }
  .console-marketplace-layout { grid-template-columns: 1fr; }
  .console-filters { position: static; display: flex; flex-wrap: wrap; gap: 5px; }
  .console-filters h3 { width: 100%; }
  .console-filters > button { width: auto; }
  .role-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 820px) {
  .nav-tools .button.secondary { display: none; }
  .section-heading.pricing-heading { align-items: flex-start; flex-direction: column; }
  .usp-grid, .steps-grid { grid-template-columns: repeat(2, 1fr); }
  .discount-callout, .final-cta { grid-template-columns: 1fr; }
  .marketplace-layout { grid-template-columns: 1fr; }
  .filter-panel { position: static; display: flex; flex-wrap: wrap; gap: 6px; }
  .filter-panel h3, .filter-note { width: 100%; }
  .filter-panel > button { width: auto; }
  .market-toolbar { grid-template-columns: 1fr 1fr; }
  .market-toolbar > div { grid-column: 1 / -1; }
  .console-market-toolbar { grid-template-columns: 1fr 1fr; }
  .detail-layout { grid-template-columns: 1fr; }
  .sticky-card { position: static; }
  .docs-layout { grid-template-columns: 1fr; }
  .docs-sidebar { position: static; display: flex; overflow: auto; padding-bottom: 8px; }
  .docs-sidebar strong { display: none; }
  .docs-sidebar a, .docs-sidebar button { white-space: nowrap; }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr; }
  .footer-grid > div:last-child { display: none; }
  .console-shell-v2 { grid-template-columns: 1fr; }
  .console-sidebar-v2 { position: fixed; left: -250px; width: 230px; transition: .2s; box-shadow: 20px 0 50px rgba(7, 20, 38, .12); }
  .console-sidebar-v2.open { left: 0; }
  .mobile-console-menu { display: inline-flex; }
  .console-content-v2 { padding: 16px; }
  .payment-methods { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .shell { width: min(100% - 24px, var(--shell)); }
  .topnav .language-switch { display: none; }
  .nav-row { min-height: 62px; }
  .brand-logo { width: 78px; }
  .hero-v2 { padding: 58px 0 52px; }
  .hero-copy-v2 h1 { font-size: clamp(42px, 13vw, 58px); }
  .hero-copy-v2 > p { font-size: 15px; }
  .hero-buttons .button { width: 100%; }
  .hero-pricing-panel { overflow: visible; }
  .hero-rate-row { grid-template-columns: 1fr auto; }
  .hero-rate-row > div:nth-child(2) { grid-column: 1 / -1; }
  .page-section { padding: 58px 0; }
  .page-hero-v2 { padding: 54px 0 42px; }
  .page-hero-v2 h1 { font-size: 45px; }
  .usp-grid, .steps-grid, .model-grid-v2, .console-models, .docs-cards { grid-template-columns: 1fr; }
  .market-toolbar { grid-template-columns: 1fr; }
  .market-toolbar > div { grid-column: auto; }
  .detail-heading { align-items: flex-start; }
  .save-orb { width: 78px; height: 78px; }
  .capability-list { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .console-topbar-v2 { padding: 0 12px; }
  .console-topbar-v2 .language-switch { display: none; }
  .console-page-head { flex-direction: column; }
  .usage-date-controls { width: 100%; justify-content: flex-start; }
  .usage-date-controls label { flex: 1; }
  .usage-date-controls label .field { width: 100%; }
  .page-actions { width: 100%; flex-wrap: wrap; }
  .kpi-row { grid-template-columns: 1fr 1fr; }
  .kpi-row article { min-height: 100px; }
  .kpi-row strong { font-size: 21px; }
  .panel-v2 { padding: 15px; }
  .panel-title-row { align-items: flex-start; flex-direction: column; }
  .segmented { width: 100%; }
  .segmented button { flex: 1; }
  .relationship-strip { justify-content: flex-start; overflow: auto; }
  .relationship-strip span { white-space: nowrap; }
  .settings-grid { grid-template-columns: 1fr; }
  .form-grid, .selection-grid { grid-template-columns: 1fr; }
  .wizard-steps span { justify-content: center; font-size: 0; }
  .role-grid { grid-template-columns: 1fr; }
  .recharge-options { grid-template-columns: repeat(2, 1fr); }
  .example-math { align-items: flex-start; }
  .response-stats { grid-template-columns: repeat(2, 1fr); }
  .developer-metrics { grid-template-columns: repeat(2, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ticker-track { animation: none; }
  .button, .model-card-v2 { transition: none; }
}