/* Blade pages — products, pricing, documentation and brand story.
   Shared brand and controls: tokens.css + styles.css. */
.footer-links { display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-md);font-size:13px }
.footer-links a, .footer-links .cookie-settings { display:inline-flex;align-items:center;min-height:44px;white-space:nowrap }
.footer .footer-description { max-width:560px;color:var(--color-muted);font-size:16px;line-height:1.7;margin-top:var(--space-md) }
.detail-page main { display:block }
.detail-page h1,.detail-page h2,.detail-page h3 { min-width:0;overflow-wrap:anywhere;font-style:normal }
.detail-page h1 { font-size:var(--text-page-title);line-height:1.09;font-weight:500;letter-spacing:-.055em }
.page-highlight { color:var(--color-ink);background:linear-gradient(transparent 55%,var(--color-accent) 55%,var(--color-accent) 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone }
/* Product hero */
.page-hero { display:grid;grid-template-columns:var(--layout-pair);gap:var(--space-xl);align-items:center;padding-block:var(--space-2xl) }
.page-intro { min-width:0 }
.eyeline { display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md);font-size:15px;font-weight:600 }
.availability { font-size:12px;font-weight:400;color:var(--color-muted) }
.availability::before { content:'';display:inline-block;vertical-align:1px;width:6px;height:6px;margin-right:var(--space-xs);border-radius:50%;background:var(--color-focus) }
.waiting::before { background:var(--color-muted) }
.page-lede { font-size:17px;line-height:1.75;color:var(--color-muted);margin-top:var(--space-md);max-width:550px }
.page-intro>.button { margin-top:var(--space-lg);white-space:nowrap }
.hero-detail { font-size:13px;line-height:1.65;margin-top:var(--space-sm);color:var(--color-muted);max-width:440px }
.hero-visual { min-width:0 }
.product-illustration { margin:0;background:var(--color-example-soft);overflow:hidden }
.product-illustration img { display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;mix-blend-mode:multiply }
.capability-links { display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-rule);padding-block:var(--space-sm);font-size:12px }
.capability-links a { display:flex;align-items:center;min-height:32px;white-space:nowrap }
.capability-links a:hover { text-decoration:underline;text-underline-offset:5px }
/* Product stories */
.page-section { padding-block:var(--space-2xl) }
/* Adjacent unboxed sections share one gap instead of stacking two paddings. */
.page-hero+.page-section,.page-section+.page-section { padding-top:0 }
.page-section-heading { display:grid;grid-template-columns:var(--layout-pair);gap:var(--space-xl);align-items:end;margin-bottom:var(--space-lg) }
.page-section-heading>p { font-size:15px;line-height:1.75;color:var(--color-muted);max-width:470px }
.split-section { display:grid;grid-template-columns:var(--layout-pair);gap:var(--space-xl);align-items:start }
.story-copy p { font-size:16px;line-height:1.75;color:var(--color-muted);margin-top:var(--space-md);max-width:520px }
.story-copy>.underlink { margin-top:var(--space-md);font-size:13px;min-height:44px }
.story-copy>h2 { margin:0 }
.studio-story,.workload-story { display:grid;grid-template-columns:var(--layout-pair);gap:var(--space-xl);align-items:center;padding:var(--space-xl);background:var(--color-dark);color:var(--color-paper) }
.studio-story p,.workload-story p { color:var(--color-dark-muted) }
.studio-story a:focus-visible,.workload-story a:focus-visible,.integration-code a:focus-visible { outline-color:var(--color-accent) }
.studio-story .underlink { color:var(--color-paper);border-color:var(--color-dark-muted) }
.answer-example { margin:0;padding:var(--space-md);background:var(--color-paper);color:var(--color-ink) }
.answer-example .example-question { font-size:21px;font-weight:500;letter-spacing:-.025em;line-height:1.4;color:var(--color-ink);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-rule) }
.answer-source { display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);font-size:13px;font-weight:500 }
.answer-source small { display:block;color:var(--color-muted);font-size:11px;font-weight:400;margin-top:2px }
.source-link { display:flex;justify-content:space-between;align-items:center;font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:4px }
.answer-example>p:not(.example-question) { font-size:14px;line-height:1.7;color:var(--color-ink);margin-top:var(--space-xs) }
.example-math { margin-top:var(--space-md);border-top:1px solid var(--color-rule);padding-top:var(--space-sm) }
.example-math>code { display:block;font-size:12px;color:var(--color-muted) }
.example-math>div { display:flex;gap:var(--space-xl);margin-top:var(--space-xs);font-size:12px }
.example-math strong { font-size:24px;font-weight:500;margin-left:var(--space-xs) }
.answer-example figcaption { font-size:10px;color:var(--color-muted);margin-top:var(--space-md) }
/* Model catalogue and controls */
.catalog-controls { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xs) }
.category-controls { display:flex;gap:4px;flex-wrap:wrap }
.category-controls button { font:500 12px var(--font-body);border:1px solid transparent;color:inherit;background:transparent;padding:10px 12px;min-height:44px;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) ease,border-color var(--dur-short) ease }
.category-controls button:hover { background:var(--color-example-soft) }
.category-controls button[aria-pressed=true] { background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink) }
.category-controls button:active { border-color:var(--color-ink) }
.model-search { flex:0 1 220px;min-width:0 }
.model-search input { width:100%;min-height:44px;padding:10px 12px;font:400 13px var(--font-body);color:var(--color-ink);background:transparent;border:1px solid var(--color-rule);border-radius:var(--radius);appearance:none }
.model-search input::placeholder { color:var(--color-muted) }
.model-search input:hover { border-color:var(--color-muted) }
.catalog-status { font-size:12px;line-height:1.6;color:var(--color-muted);min-height:20px;margin-bottom:var(--space-sm) }
.catalog-grid { display:grid;grid-template-columns:var(--layout-pair);gap:0 var(--space-lg) }
.catalog-card { display:grid;grid-template-columns:28px minmax(0,1fr) auto 12px;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;border-top:1px solid var(--color-rule);text-decoration:none }
.catalog-card:hover { background:var(--color-example-soft) }
.provider-mark img,.rate-model img { object-fit:contain;flex-shrink:0 }
.provider-initial { font:500 13px var(--font-code);display:inline-flex;width:28px;justify-content:center }
.catalog-name h3 { font:500 13px/1.5 var(--font-code);letter-spacing:-.025em;overflow-wrap:anywhere }
.catalog-name>span { display:block;font-size:12px;line-height:1.5;color:var(--color-muted);margin-top:4px }
.catalog-price { font-size:16px;text-align:right;white-space:nowrap;align-self:center }
.catalog-price small { display:block;font-size:10px;line-height:1.5;color:var(--color-muted);font-weight:400 }
.catalog-arrow { font-size:13px }
.catalog-empty { padding:var(--space-xl);border-block:1px solid var(--color-rule);text-align:center }
.catalog-empty p { font-size:16px;margin-bottom:var(--space-sm) }
.reset-filters { font:500 13px var(--font-body);background:var(--color-accent);color:var(--color-accent-ink);padding:12px 16px;min-height:44px;border:0;border-radius:var(--radius);cursor:pointer }
.data-note { font-size:12px;line-height:1.7;color:var(--color-muted);margin-top:var(--space-md) }
.data-note a { text-decoration:underline;text-underline-offset:4px }
/* Integration code */
.integration-code { padding:var(--space-lg);background:var(--color-dark);color:var(--color-paper);min-width:0 }
.integration-code pre { margin:0;max-width:100%;font-size:12px;line-height:1.8;white-space:pre;overflow:auto }
.integration-code .string { color:var(--color-accent) }
.integration-code pre:focus-visible { outline-color:var(--color-accent) }
.setup-list { list-style:none;counter-reset:setup;padding:0;margin-top:var(--space-md) }
.setup-list li { counter-increment:setup;display:flex;gap:var(--space-sm);font-size:14px;line-height:1.6;padding-block:var(--space-xs) }
.setup-list li::before { content:counter(setup,decimal-leading-zero);color:var(--color-muted);font-family:var(--font-code);font-size:12px }
.price-invitation { display:grid;grid-template-columns:var(--layout-pair);gap:var(--space-xl);align-items:center;padding:var(--space-xl);background:var(--color-example-soft);margin:0 auto }
.price-invitation p { font-size:16px;line-height:1.75;color:var(--color-muted) }
.price-invitation .underlink { margin-top:var(--space-sm);min-height:44px }
/* Serverless workflow */
.compute-showcase { padding:var(--space-lg);background:var(--color-example-soft);min-width:0 }
.compute-label { font-size:13px;color:var(--color-muted);margin-bottom:var(--space-md) }
.compute-showcase pre { margin:0;font-size:13px;line-height:1.85;white-space:pre;overflow:auto }
.deploy-command { display:flex;gap:var(--space-sm);align-items:center;border-top:1px solid var(--color-rule);padding-top:var(--space-md);margin-top:var(--space-md);font-size:13px }
.deploy-command>span { color:var(--color-muted) }
.compute-showcase .execution-flow { margin-top:var(--space-md);padding-top:var(--space-md) }
.workflow { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);list-style:none;padding:0;counter-reset:step }
.workflow li { border-top:1px solid var(--color-rule);padding-top:var(--space-md);min-width:0 }
.step-number { display:inline-block;font:500 13px var(--font-code);background:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-xs);margin-bottom:var(--space-md) }
.workflow h3 { font-size:var(--text-subheading);font-weight:500 }
.workflow p { font-size:14px;color:var(--color-muted);line-height:1.8;margin-block:var(--space-sm) var(--space-md) }
.workflow code,.workflow-result { font:400 12px/1.65 var(--font-code);overflow-wrap:anywhere }
.workload-art { min-width:0 }
.workload-art figure { margin:0;background:var(--color-paper) }
.workload-art img { display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover }
.workload-art>p,.workload-list { margin-top:var(--space-md) }
.workload-list>div { border-top:1px solid var(--color-dark-rule);padding-block:var(--space-sm) }
.workload-list dt { font-size:16px;font-weight:500 }
.workload-list dd { margin:6px 0 0;font-size:14px;line-height:1.65;color:var(--color-dark-muted) }
.idle-story .split-section { align-items:center }
.idle-proof { display:flex;gap:var(--space-lg);align-items:center;padding-left:var(--space-lg);border-left:1px solid var(--color-rule) }
.idle-proof>strong { font-size:clamp(6rem,12vw,10rem);line-height:1;font-weight:500;letter-spacing:-.08em }
.idle-proof>div>span { font-size:19px;font-weight:500;line-height:1.3 }
.idle-proof p { font-size:13px;line-height:1.7;color:var(--color-muted);margin-top:var(--space-sm) }
.cross-product { display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-md);border-block:1px solid var(--color-rule);font-size:15px }
.cross-product .underlink { font-size:13px;min-height:44px }
.billing-story+.cross-product { margin-top:var(--space-2xl) }
/* Model pricing */
.pricing-hero { grid-template-columns:minmax(0,1fr) }
.billing-promises { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);padding-block:var(--space-md);border-block:1px solid var(--color-rule);font-size:13px }
.billing-promises span { padding-left:var(--space-sm);border-left:1px solid var(--color-rule) }
.billing-promises span:first-child { border-left:0;padding-left:0 }
/* Model rate tables */
.rate-group { margin-top:var(--space-xl) }
.rate-group>h3 { font-size:var(--text-subheading);line-height:1.3;font-weight:500;margin-bottom:var(--space-md) }
.rate-table { width:100%;border-collapse:collapse;table-layout:fixed }
.rate-table th { font-weight:400;text-align:left }
.rate-table thead th { padding:var(--space-sm) 0;font-size:12px;line-height:1.5;color:var(--color-muted);border-bottom:1px solid var(--color-rule) }
.rate-table thead th:first-child { width:54% }
.rate-table thead th:not(:first-child) { text-align:right }
.rate-table tbody th,.rate-table td { padding:var(--space-md) 0;border-bottom:1px solid var(--color-rule) }
.rate-table td { text-align:right;font:500 15px var(--font-code) }
.rate-model { display:flex;align-items:center;gap:var(--space-sm) }
.rate-model code { font-size:13px;line-height:1.5;overflow-wrap:anywhere }
.rate-model small { display:block;font-size:11px;line-height:1.6;color:var(--color-muted);margin-top:4px }
.rate-table tr:target { background:var(--color-example-soft);outline:2px solid var(--color-focus);outline-offset:4px;scroll-margin-top:120px }
.rate-table tr:hover { background:var(--color-example-soft) }
.billing-story { background:var(--color-dark);color:var(--color-paper);padding:var(--space-xl);display:grid;grid-template-columns:var(--layout-pair);gap:var(--space-xl);align-items:center }
.billing-story>div>p { font-size:16px;line-height:1.75;color:var(--color-dark-muted);margin-top:var(--space-md);max-width:470px }
.billing-steps { list-style:none;padding:0;margin:0 }
.billing-steps li { display:flex;gap:var(--space-md);padding-block:var(--space-md);border-top:1px solid var(--color-dark-rule) }
.billing-steps li:first-child { border-top:0;padding-top:0 }
.billing-steps li:last-child { padding-bottom:0 }
.billing-steps li>span { font:400 12px var(--font-code);color:var(--color-accent);padding-top:4px }
.billing-steps h3 { font-size:19px;font-weight:500 }
.billing-steps p { font-size:14px;line-height:1.7;color:var(--color-dark-muted);margin-top:var(--space-xs) }
/* FAQ */
.faq-list { border-top:1px solid var(--color-rule) }
.faq-list details { border-bottom:1px solid var(--color-rule);padding-block:var(--space-sm) }
.faq-list summary { font-size:16px;line-height:1.5;font-weight:500;cursor:pointer;min-height:44px;align-content:center;padding-right:var(--space-sm) }
.faq-list details>p { font-size:14px;color:var(--color-muted);line-height:1.8;margin-block:var(--space-xs) var(--space-sm) }
.faq-list .underlink { font-size:13px;min-height:44px }
/* Responsive layouts */
@media(max-width:1100px) {
  .catalog-grid { grid-template-columns:minmax(0,1fr) }
  .model-search { flex-grow:1 }
  .page-hero { gap:var(--space-lg) }
  .workflow { gap:var(--space-md) }
  .workflow h3 { font-size:20px }
  .workflow code { font-size:11px }
}
@media(max-width:900px) {
  .studio-story,.workload-story,.split-section,.billing-story { grid-template-columns:minmax(0,1fr) }
  .page-hero { gap:var(--space-xl) }
  .page-intro { max-width:650px }
  .hero-visual { max-width:700px }
  .product-illustration img { aspect-ratio:1.9 }
  .page-section-heading { grid-template-columns:minmax(0,1fr);gap:var(--space-md) }
  .page-section-heading>p br { display:none }
  .studio-story .story-copy,.workload-story .story-copy { max-width:650px }
  .answer-example { max-width:650px;width:100% }
  .workload-art { max-width:650px }
  .workload-art img { aspect-ratio:1.9 }
  .idle-proof { padding-left:0;border-left:0;border-top:1px solid var(--color-rule);padding-top:var(--space-lg) }
  .billing-promises { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .billing-promises span:nth-child(3) { border-left:0;padding-left:0 }
  .page-section-heading>p { max-width:600px }
}
@media(max-width:767px) {
  .page-hero,.pricing-hero { grid-template-columns:minmax(0,1fr) }
  .detail-page h1 { font-size:var(--text-page-title-mobile) }
  .page-hero { padding-block:var(--space-xl);gap:var(--space-lg) }
  .eyeline { font-size:14px;margin-bottom:var(--space-sm) }
  .availability { font-size:11px }
  .page-lede { font-size:16px;line-height:1.75 }
  .page-intro>.button { margin-top:var(--space-md) }
  .page-section { padding-block:var(--space-xl) }
  .page-section-heading { margin-bottom:var(--space-md) }
  .studio-story,.workload-story,.billing-story { padding:var(--space-md);gap:var(--space-lg) }
  .answer-example { padding:var(--space-sm) }
  .answer-example .example-question { font-size:19px }
  .story-copy p { font-size:15px }
  .split-section { gap:var(--space-lg) }
  .category-controls { gap:0 }
  .category-controls button { font-size:11px;padding:10px }
  .catalog-controls { gap:var(--space-sm) }
  .model-search { flex-basis:100% }
  .catalog-card { grid-template-columns:24px minmax(0,1fr) 12px;gap:12px;padding:var(--space-sm) 0 }
  .catalog-name h3 { font-size:12px }
  .provider-mark img { width:24px;height:24px }
  .catalog-price { grid-column:2;grid-row:2;text-align:left;font-size:15px }
  .catalog-price small { display:inline;margin-left:var(--space-xs) }
  .catalog-arrow { grid-column:3;grid-row:1 }
  .catalog-name>span { font-size:11px }
  .catalog-grid { gap:0 }
  .integration-code { padding:var(--space-md) }
  .integration-code pre { font-size:11px }
  .price-invitation { grid-template-columns:minmax(0,1fr);padding:var(--space-md);gap:var(--space-md) }
  .price-invitation p { font-size:15px }
  .compute-showcase { padding:var(--space-md) }
  .compute-showcase pre { font-size:11px }
  .compute-label { font-size:12px }
  .workflow { grid-template-columns:minmax(0,1fr);gap:var(--space-md) }
  .workflow li { display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-xs) var(--space-sm) }
  .step-number { grid-row:1/4;align-self:start;text-align:center;margin:0 }
  .workflow p,.workflow code,.workflow-result { grid-column:2;margin:0 }
  .workflow h3 { font-size:21px }
  .workflow p { font-size:14px }
  .idle-proof { gap:var(--space-md);align-items:center }
  .idle-proof>strong { font-size:100px }
  .idle-proof>div>span { font-size:17px }
  .idle-proof p { font-size:12px }
  .cross-product { align-items:flex-start;flex-direction:column;gap:var(--space-xs);font-size:14px }
  .billing-story+.cross-product { margin-top:var(--space-xl) }
  .billing-promises { font-size:12px;line-height:1.6;gap:var(--space-sm) }
  .billing-promises span { padding-left:var(--space-sm) }
  .rate-group { margin-top:var(--space-lg) }
  .rate-table,.rate-table tbody { display:block }
  .rate-table thead { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap }
  .rate-table tbody tr { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);padding-block:var(--space-md);border-bottom:1px solid var(--color-rule) }
  .rate-table tbody th { grid-column:1/-1;padding:0;border:0 }
  .rate-table td { display:block;text-align:left;padding:0;border:0 }
  .rate-table td::before { content:attr(data-label);display:block;font:400 11px/1.5 var(--font-body);color:var(--color-muted);margin-bottom:4px }
  .rate-model code { font-size:12px }
  .rate-model img { width:24px;height:24px }
  .rate-table.single-rate tbody tr { grid-template-columns:minmax(0,1fr) }
  .rate-group>h3 { font-size:21px;margin-bottom:var(--space-xs) }
  .rate-table tr:target { scroll-margin-top:var(--space-md) }
  .billing-story>div>p { font-size:15px }
  .billing-steps h3 { font-size:18px }
  .billing-steps p { font-size:13px }
  .faq-list summary { font-size:15px }
  .footer-links { font-size:12px }
  .footer .footer-description { font-size:15px }
  .footer-top { gap:var(--space-md) }
}
@media(max-width:360px) {
  .compute-showcase { padding:var(--space-sm) }
  .compute-showcase pre { font-size:10.5px }
}
@media(prefers-reduced-motion:reduce) {
}
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0 }
.answer-example a:focus-visible { outline-color:var(--color-focus) }
.reset-filters:active { background:var(--color-example-soft) }
@media(max-width:400px) {
  .capability-links { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-sm) }
  .capability-links a { min-height:44px }
}
.workload-art>p { font-size:15px;line-height:1.65;letter-spacing:0;font-weight:400;color:var(--color-dark-muted) }
.detail-page main[tabindex="-1"]:focus,.detail-page .page-section[tabindex="-1"]:focus { outline:none }
.footer-links a { gap:var(--space-xs) }
@media(max-width:767px) {
  .footer-links { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:var(--space-xs) var(--space-sm) }
}

/* Developer documentation reuses the site's typography, surfaces and spacing. */
.page-hero--wide { grid-template-columns:minmax(0,1fr) }
.page-hero--wide .page-intro { max-width:960px }
.page-hero--wide .page-lede { max-width:720px }
.guide-body { padding-bottom:0 }
.guide-body>.docs-table-scroll { max-width:800px }
.guide-body>p,.guide-body>ul,.guide-body>ol { max-width:800px;font-size:16px;line-height:1.8;color:var(--color-muted);margin-block:var(--space-md) }
.guide-body>ul,.guide-body>ol { padding-left:var(--space-md) }
.guide-body li+li { margin-top:var(--space-xs) }
.guide-body>h2 { margin-top:var(--space-xl);max-width:800px;font-size:var(--text-guide-heading);line-height:1.2;letter-spacing:-.035em }
.guide-body>h2:first-child { margin-top:0 }
.guide-body a:not(.docs-entry) { text-decoration:underline;text-underline-offset:4px }
.guide-body pre { width:100%;max-width:800px;overflow:auto;white-space:pre;overflow-wrap:normal;background:var(--color-dark);color:var(--color-paper);padding:var(--space-lg);margin-block:var(--space-md);font:400 13px/1.8 var(--font-code) }
.guide-body pre:focus-visible { outline-color:var(--color-focus) }
.guide-body :not(pre)>code,.docs-table code { overflow-wrap:anywhere;font-size:.9em }
.docs-index { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl) }
.docs-entry { display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--color-rule);padding-top:var(--space-md);text-decoration:none }
.docs-entry .eyeline { font-size:12px;margin-bottom:var(--space-sm) }
.card-title { font-size:var(--text-card-title);line-height:1.2;font-weight:500;letter-spacing:-.035em }
.docs-entry p { font-size:14px;line-height:1.8;color:var(--color-muted);margin-block:var(--space-sm) var(--space-md) }
.docs-entry .underlink { margin-top:auto;font-size:12px;min-height:44px }
.docs-entry:hover .underlink { background:var(--color-accent) }
.docs-table-scroll { overflow-x:auto;margin-block:var(--space-md) }
.docs-table { width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;line-height:1.7 }
.docs-table th,.docs-table td { padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--color-rule);vertical-align:top;overflow-wrap:anywhere }
.docs-table thead { background:var(--color-example-soft) }
.docs-table th { font-weight:500 }
.docs-table tbody td { color:var(--color-muted) }
.docs-table th:first-child { width:28% }
.compatibility { margin-top:var(--space-xl) }
.compatibility h3 { font-size:var(--text-subheading);font-weight:500;margin-bottom:var(--space-md) }
/* Brand story: reuse the product grid, dark surface and documentation links. */
.about-page .split-section>.story-copy>p:first-child,
.about-page .studio-story>.story-copy>p:first-child { margin-top:0 }
.about-products { display:grid;grid-template-columns:var(--layout-pair);gap:var(--space-xl);margin-top:var(--space-lg) }
@media(max-width:900px) {
  .about-products { grid-template-columns:minmax(0,1fr);gap:var(--space-lg) }
}
.foundation-columns a { text-decoration:underline;text-underline-offset:4px }
@media(max-width:900px) {
  .docs-index { grid-template-columns:minmax(0,1fr);gap:var(--space-lg) }
  .docs-entry p { max-width:600px }
}
@media(max-width:767px) {
  .guide-body>h2 { margin-top:var(--space-lg) }
  .guide-body>p,.guide-body>ul,.guide-body>ol { font-size:15px }
  .guide-body pre { padding:var(--space-md);font-size:12px }
  .docs-table { font-size:12px }
  .docs-table th,.docs-table td { padding:var(--space-xs) }
  .docs-table th:first-child { width:32% }
  .docs-index { margin-bottom:var(--space-xl) }
  .compatibility { margin-top:var(--space-lg) }
  .art-category { max-width:calc(100% - 32px);white-space:normal }
}

/* Developer guides: reading column, in-page navigation and real code examples. */
.quickstart-page .page-hero { padding-bottom:var(--space-xl) }
.quickstart-page .eyeline a { text-decoration:underline;text-underline-offset:4px }
.docs-layout { display:grid;grid-template-columns:200px minmax(0,800px);gap:var(--space-2xl);align-items:start }
.docs-sidebar { position:sticky;top:var(--space-lg);padding-block:var(--space-sm);font-size:13px }
.docs-sidebar .eyeline { margin-bottom:var(--space-sm) }
.docs-sidebar ol { margin:0;padding:0;list-style:none;counter-reset:guide }
.docs-sidebar li { counter-increment:guide }
.docs-sidebar li a { display:flex;align-items:center;gap:12px;min-height:44px;color:var(--color-muted);text-decoration:none }
.docs-sidebar li a::before { content:counter(guide,decimal-leading-zero);font:12px var(--font-code);color:var(--color-muted) }
.docs-sidebar li a:hover { color:var(--color-ink);text-decoration:underline;text-underline-offset:4px }
.docs-sidebar .docs-reference-link { display:block;border-top:1px solid var(--color-rule);padding-top:var(--space-md);margin-top:var(--space-sm);font-weight:500 }
.docs-article { min-width:0;overflow-anchor:none }
.docs-language-picker { position:sticky;top:0;z-index:2;background:var(--color-paper);padding-top:var(--space-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-md);margin-bottom:var(--space-lg) }
.docs-language-picker>span:first-child { font-size:13px;color:var(--color-muted) }
.docs-language-picker .category-controls { border:1px solid var(--color-rule);padding:3px }
.docs-language-picker .category-controls button { font-size:13px }
.docs-language-picker[hidden],.docs-article [hidden] { display:none!important }
.docs-enhanced .docs-language-name { display:none }
.docs-section { scroll-margin-top:104px }
.docs-section+.docs-section { margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-rule) }
.docs-section h2 { font-size:var(--text-guide-heading);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0 0 var(--space-md) }
.docs-section h3 { font-size:var(--text-subheading);font-weight:500;line-height:1.4;letter-spacing:-.025em;margin:var(--space-lg) 0 var(--space-sm) }
.docs-section p,.docs-section li { font-size:16px;line-height:1.8;color:var(--color-muted) }
.docs-section p { margin-block:var(--space-sm) }
.docs-section strong { color:var(--color-ink);font-weight:500 }
.docs-section ol,.docs-section ul { padding-left:var(--space-md);margin-block:var(--space-md) }
.docs-section li+li { margin-top:var(--space-sm) }
.docs-article a { text-decoration:underline;text-underline-offset:4px }
.docs-article :not(pre)>code { font:400 .9em/1.6 var(--font-code);color:var(--color-ink);overflow-wrap:anywhere }
.docs-connection { margin-block:var(--space-lg);border:1px solid var(--color-rule);border-left:3px solid var(--color-focus);padding:var(--space-sm) var(--space-md);background:var(--color-example-soft) }
.docs-connection>div { display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-xs);font-size:13px;line-height:1.7 }
.docs-connection dt { color:var(--color-muted) }
.docs-connection dd,.docs-result dd { margin:0 }
.docs-note { padding-left:var(--space-md);border-left:3px solid var(--color-rule) }
.docs-note p { font-size:14px }
.docs-code { position:relative;min-width:0;overflow:hidden;background:var(--color-dark);color:var(--color-paper);margin-block:var(--space-md);border:1px solid var(--color-dark-rule);border-radius:var(--radius) }
.docs-code-bar { display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:53px;padding:4px var(--space-sm) 4px var(--space-md);border-bottom:1px solid var(--color-dark-rule);font:12px/1.5 var(--font-code);color:var(--color-dark-muted) }
.docs-code-bar>span { overflow-wrap:anywhere }
.docs-code-bar button { font:500 12px var(--font-body);color:var(--color-paper);background:transparent;border:1px solid var(--color-dark-rule);border-radius:3px;min-height:44px;min-width:66px;padding:8px 12px;cursor:pointer }
.docs-code-bar button:hover { background:var(--color-dark-rule) }
.docs-code-bar button:focus-visible { outline-color:var(--color-accent);outline-offset:2px }
.docs-code pre { margin:0;padding:var(--space-md);width:100%;max-width:100%;overflow:auto;white-space:pre;font:400 13px/1.85 var(--font-code);tab-size:2 }
.docs-code pre:focus-visible { outline:2px solid var(--color-accent);outline-offset:-4px }
.docs-code code { font:inherit;color:inherit }
.docs-code .docs-string { color:var(--color-accent) }
.docs-code .docs-copy-status { font:12px/1.6 var(--font-body);color:var(--color-dark-muted);margin:0;padding:0 var(--space-md) var(--space-sm) }
.docs-code .docs-copy-status:empty { display:none }
.docs-code .docs-copy-status.sr-only { padding:0 }
.docs-details { margin-block:var(--space-md);border-block:1px solid var(--color-rule);padding-block:4px }
.docs-details summary { cursor:pointer;min-height:48px;padding-block:12px;font-size:14px;font-weight:500;line-height:1.6 }
.docs-details summary:hover { text-decoration:underline;text-underline-offset:4px }
.docs-details>p { font-size:14px }
.docs-result { margin:var(--space-md) 0 }
.docs-result>div { padding-block:var(--space-sm);border-bottom:1px solid var(--color-rule) }
.docs-result dt { font-size:14px;margin-bottom:4px }
.docs-result dd { font-size:14px;line-height:1.8;color:var(--color-muted) }
.docs-article .docs-table-scroll { position:relative }
.docs-next { display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-block:var(--space-lg) }
.docs-next>a { display:flex;flex-direction:column;gap:var(--space-xs);border-top:2px solid var(--color-ink);padding-block:var(--space-md);text-decoration:none;font-size:16px;line-height:1.6 }
.docs-next>a:hover strong { text-decoration:underline;text-underline-offset:4px }
.docs-next span { font-size:12px;color:var(--color-muted) }
.docs-section .docs-source-note { font-size:12px;line-height:1.8;border-top:1px solid var(--color-rule);padding-top:var(--space-md) }
@media(min-width:901px) {
  .docs-language-picker { top:80px }
  .docs-sidebar { top:112px }
}
@media(max-width:1000px) {
  .docs-layout { grid-template-columns:170px minmax(0,1fr);gap:var(--space-lg) }
}
@media(max-width:760px) {
  .docs-section { scroll-margin-top:128px }
  .docs-article .docs-table { font-size:13px }
  .docs-layout { grid-template-columns:minmax(0,1fr);gap:var(--space-lg) }
  .docs-sidebar { position:static;border-block:1px solid var(--color-rule);padding-block:var(--space-sm) }
  .docs-sidebar ol { display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-sm) }
  .docs-sidebar .docs-reference-link { margin-top:var(--space-xs);padding-top:var(--space-sm);min-height:44px }
  .docs-language-picker { flex-wrap:wrap;gap:var(--space-xs) }
  .docs-section+.docs-section { margin-top:var(--space-xl);padding-top:var(--space-xl) }
  .docs-section p,.docs-section li { font-size:15px }
  .docs-connection { padding:var(--space-sm) }
  .docs-connection>div { grid-template-columns:minmax(0,1fr);gap:2px }
  .docs-code pre { padding:var(--space-sm);font-size:12px }
  .docs-code-bar { padding-left:var(--space-sm) }
  .docs-next { grid-template-columns:minmax(0,1fr);gap:var(--space-sm) }
}
@media print {
  .docs-sidebar,.docs-language-picker,.docs-code-bar button { display:none!important }
  .docs-layout { display:block }
  .docs-article [data-docs-language][hidden] { display:block!important }
  .docs-enhanced .docs-language-name { display:block }
  .docs-code { break-inside:avoid;background:white;color:black }
  .docs-code .docs-string { color:black }
}

@media(prefers-reduced-motion:reduce) { .category-controls button { transition:none } }
.category-controls button:disabled,.reset-filters:disabled,.model-search input:disabled { opacity:.55;cursor:not-allowed }

/* Legal centre: shared type and tokens, quiet directory and readable clauses. */
.legal-hero .eyeline { font-size:13px;color:var(--color-muted) }
.legal-hero .eyeline a { color:var(--color-ink);text-decoration:underline;text-underline-offset:4px }
.legal-language-switch { display:inline-flex;gap:var(--space-md);border-bottom:1px solid var(--color-rule) }
.legal-hero .page-intro>.legal-language-switch { margin-top:var(--space-md) }
.legal-language-switch a { display:inline-flex;align-items:center;min-height:44px;padding:var(--space-xs) 2px;margin-bottom:-1px;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:var(--color-muted) }
.legal-language-switch a[aria-current="page"] { border-color:var(--color-accent);font-weight:600;color:var(--color-ink) }
.legal-language-switch a:hover { color:var(--color-ink);border-color:var(--color-ink) }
.legal-directory { display:grid;gap:var(--space-2xl) }
.legal-group { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule);scroll-margin-top:var(--space-lg) }
.legal-group h2 { font-size:var(--text-guide-heading);line-height:1.2;letter-spacing:-.035em;max-width:390px }
.legal-group-intro p { max-width:360px;margin-top:var(--space-sm);font-size:15px;line-height:1.75;color:var(--color-muted) }
.legal-document-list { margin:0;padding:0;list-style:none }
.legal-document-list li+li { border-top:1px solid var(--color-rule) }
.legal-entry { display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-sm);margin-inline:calc(-1 * var(--space-sm));border-radius:var(--radius);transition:background var(--dur-short) }
.legal-document-list li:first-child .legal-entry { padding-top:var(--space-xs) }
.legal-entry strong { display:block;font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.02em }
.legal-entry-description { display:block;max-width:550px;margin-top:var(--space-xs);font-size:14px;line-height:1.7;color:var(--color-muted) }
.legal-entry-arrow { flex:none;display:grid;place-items:center;width:36px;height:36px;font-size:20px;background:var(--color-example-soft);border-radius:var(--radius) }
.legal-entry:hover { background:var(--color-example-soft) }
.legal-entry:hover .legal-entry-arrow { background:var(--color-accent) }
.legal-document-meta { display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-top:var(--space-md);font-size:13px;color:var(--color-muted) }
.legal-print { border:0;background:transparent;font:500 13px var(--font-body);color:var(--color-ink);text-decoration:underline;text-underline-offset:4px;min-height:44px;cursor:pointer }
.legal-reading-layout { display:grid;grid-template-columns:230px minmax(0,800px);gap:var(--space-2xl);align-items:start }
.legal-sidebar { position:sticky;top:var(--space-lg);max-height:calc(100dvh - var(--space-2xl));overflow:auto;padding-right:var(--space-xs);font-size:13px }
.legal-contents summary { font-weight:600;cursor:pointer;padding-block:var(--space-xs) }
.legal-contents ol { list-style:none;margin:var(--space-sm) 0 0;padding:0 }
.legal-contents li a { display:block;padding-block:var(--space-xs);color:var(--color-muted);line-height:1.55 }
.legal-contents a:hover { color:var(--color-ink);text-decoration:underline;text-underline-offset:4px }
.legal-back { display:block;border-top:1px solid var(--color-rule);padding-top:var(--space-md);margin-top:var(--space-md);font-weight:500 }
.legal-document { min-width:0;font-size:16px;line-height:1.8 }
.legal-document p { margin-block:var(--space-md) }
.legal-document>p:first-child { margin-top:0 }
.legal-document h2 { margin-block:var(--space-xl) var(--space-md);font-size:var(--text-guide-heading);line-height:1.3;letter-spacing:-.035em;scroll-margin-top:var(--space-lg) }
.legal-document h2:first-child { margin-top:0 }
.legal-document h3 { margin-block:var(--space-lg) var(--space-sm);font-size:var(--text-subheading);line-height:1.4;letter-spacing:-.02em;font-weight:500 }
.legal-document h4 { margin-block:var(--space-md) var(--space-xs);font-size:16px;line-height:1.5;font-weight:600 }
.legal-document h2 strong,.legal-document h3 strong,.legal-document h4 strong { font-weight:inherit }
.legal-document ul { padding-left:var(--space-md);margin-block:var(--space-md) }
.legal-document li p { margin-block:var(--space-xs) }
.legal-document a { text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere }
.legal-number { color:var(--color-muted) }
.legal-table-scroll { overflow:auto;margin-block:var(--space-lg);scroll-margin-top:var(--space-lg) }
.legal-table { min-width:660px;font-size:14px;line-height:1.65 }
.legal-table p { margin-block:0 var(--space-sm) }
.legal-table p:last-child { margin-bottom:0 }
.legal-table th:first-child { width:auto }
.legal-table td { color:var(--color-ink) }
.legal-table strong { font-weight:500 }
.legal-related { display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-rule);font-size:13px }
.legal-top { margin-top:var(--space-lg);font-size:13px }
@media(max-width:1000px) {
  .legal-reading-layout { grid-template-columns:190px minmax(0,1fr);gap:var(--space-lg) }
  .legal-group { gap:var(--space-lg) }
}
@media(max-width:760px) {
  .legal-reading-layout,.legal-group { grid-template-columns:minmax(0,1fr);gap:var(--space-lg) }
  .legal-directory { gap:var(--space-xl) }
  .legal-sidebar { position:static;max-height:none;overflow:visible;padding:0;border-block:1px solid var(--color-rule) }
  .legal-contents { padding-block:var(--space-xs) }
  .legal-contents nav { max-height:240px;overflow:auto;margin-bottom:var(--space-sm) }
  .legal-back { margin:0;padding-block:var(--space-sm) }
  .legal-document { font-size:15px }
  .legal-entry { gap:var(--space-sm) }
}
@media print {
  .legal-page .header,.legal-page .footer,.legal-sidebar,.legal-document-meta,.legal-related,.legal-top,.legal-page .skip,.legal-page .contact-dialog { display:none!important }
  .legal-page .wrap { width:auto;max-width:none;margin:0 }
  .legal-page .page-hero { padding-block:0 var(--space-lg) }
  .legal-page h1 { font-size:28pt }
  .legal-reading-layout { display:block }
  .legal-document { font-size:10pt;line-height:1.6 }
  .legal-document h2 { font-size:16pt;break-after:avoid }
  .legal-document h3,.legal-document h4 { break-after:avoid }
  .legal-table-scroll { overflow:visible }
  .legal-table { min-width:0;font-size:8pt }
  .legal-table tr { break-inside:avoid }
}
@media(prefers-reduced-motion:reduce) { .legal-entry { transition:none } }

/* API reference (/docs/api-reference/): the description column gets the room. */
.docs-table--params { table-layout: fixed; }
.docs-table--params th:nth-child(1) { width: 26%; }
.docs-table--params th:nth-child(2), .docs-table--params td:nth-child(2) { width: 22%; }
.docs-table--statuses th:first-child { width: 14%; }
.docs-endpoint code { font-weight: 600; }
@media (max-width: 720px) { .docs-table--params { table-layout: auto; } }

/* Solution landings — uses the shared type, spacing and colour tokens. */
.solution-page .solution-section { padding-block:var(--space-2xl);border-top:1px solid var(--color-rule) }
.solution-page .solution-hero { padding-block:var(--space-2xl);align-items:center }
.solution-page .solution-caption { font-size:12px;line-height:1.7;color:var(--color-muted);margin-top:var(--space-md) }
.solution-mono { font-family:var(--font-code);font-size:12px }
.solution-demo { border:1px solid var(--color-rule);padding:var(--space-lg);background:var(--color-example-soft) }
.solution-demo-top { display:flex;justify-content:space-between;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm) }
.solution-demo-label { font-size:11px;color:var(--color-muted) }
.solution-request,.solution-answer { background:var(--color-paper);border:1px solid var(--color-rule);padding:var(--space-sm) var(--space-md) }
.solution-request { max-width:90%;border-radius:var(--radius) var(--radius) var(--radius) 0 }
.solution-request>span,.solution-answer>span { display:block;font-size:11px;color:var(--color-muted);margin-bottom:var(--space-xs) }
.solution-request p,.solution-answer p { font-size:18px;line-height:1.5;letter-spacing:-.025em;font-weight:500 }
.solution-connector { text-align:center;font-family:var(--font-code);color:var(--color-focus);line-height:1.5;font-size:22px }
.solution-tool { padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-sm);background:var(--color-dark);color:var(--color-paper);border-radius:var(--radius);margin-inline:var(--space-lg) }
.solution-tool strong { display:block;font-size:15px;font-weight:500 }
.solution-tool code { font-size:12px;color:var(--color-accent) }
.solution-tool-signal { margin-left:auto;color:var(--color-accent);font-size:24px }
.solution-answer { margin-left:10%;border-radius:var(--radius) var(--radius) 0 var(--radius) }
.solution-source { font-size:11px;margin-top:var(--space-sm);color:var(--color-muted);display:flex;gap:var(--space-xs);align-items:center }
.solution-source>span { color:var(--color-focus);font-size:15px }
.solution-demo figcaption { margin-top:var(--space-md);font-size:11px;line-height:1.65;color:var(--color-muted) }
.solution-paths { display:grid;grid-template-columns:var(--layout-pair);border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule) }
.solution-paths>a { padding:var(--space-md) var(--space-lg);transition:background var(--dur-short) }
.solution-paths>a:first-child { padding-left:0;border-right:1px solid var(--color-rule) }
.solution-paths>a:hover { background:var(--color-example-soft) }
.solution-paths>a>span { color:var(--color-muted);font-size:12px }
.solution-paths strong { display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:500;gap:var(--space-sm) }
.solution-paths+.solution-section { border-top:0 }
.solution-uses { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg) }
.solution-uses h3 { margin-block:var(--space-md) var(--space-sm);font-size:var(--text-subheading);font-weight:500 }
.solution-uses article>p { font-size:14px;line-height:1.8;color:var(--color-muted) }
.solution-use-tag { display:block;margin-top:var(--space-md);font-size:11px;color:var(--color-muted) }
.solution-use-art { min-height:150px;padding:var(--space-md);background:var(--color-example-soft);display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm);font-size:12px }
.solution-mini-question { align-self:flex-start;border:1px solid var(--color-rule);padding:var(--space-xs) var(--space-sm);background:var(--color-paper) }
.solution-mini-answer { align-self:flex-end;background:var(--color-accent);padding:var(--space-xs) var(--space-sm) }
.solution-mini-answer b { margin-left:var(--space-sm) }
.solution-code-art { background:var(--color-dark);color:var(--color-paper) }
.solution-code-art code { font-size:11px;line-height:1.8 }
.solution-code-art code span { color:var(--color-accent) }
.solution-mini-review { color:var(--color-dark-muted);font-size:11px }
.solution-reason-art { align-items:center;text-align:center;gap:0;line-height:1.3 }
.solution-reason-art strong { background:var(--color-accent);padding:var(--space-xs);font-weight:500 }
.solution-reason-art i { color:var(--color-focus);font-style:normal }
.solution-production .story-copy h2 { margin-bottom:var(--space-md) }
.solution-production .story-copy>p:not(.eyeline) { font-size:15px;line-height:1.8;color:var(--color-muted) }
.solution-production .setup-list li { display:block;padding-left:var(--space-lg);position:relative }
.solution-production .setup-list li:before { position:absolute;left:0 }
.solution-production .underlink { margin-top:var(--space-md) }
.solution-code-heading { display:flex;justify-content:space-between;gap:var(--space-sm);font-family:var(--font-code);font-size:11px;color:var(--color-dark-muted);padding-bottom:var(--space-sm);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-dark-rule) }
.solution-production-notes { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule) }
.solution-production-notes p { font-size:13px;color:var(--color-muted);line-height:1.8 }
.solution-production-notes strong { display:block;color:var(--color-ink);font-weight:500;font-size:15px;margin-bottom:var(--space-xs) }
.solution-search { display:grid;grid-template-columns:var(--layout-pair);gap:var(--space-xl);padding:var(--space-xl);background:var(--color-dark);color:var(--color-paper) }
.solution-search-copy>p:not(.eyeline) { margin-top:var(--space-md);font-size:15px;color:var(--color-dark-muted);line-height:1.8 }
.solution-search-copy .underlink { margin-top:var(--space-md);white-space:normal }
.solution-search .solution-search-note { font-size:12px;line-height:1.7;color:var(--color-dark-muted) }
.solution-search :is(a,pre):focus-visible { outline-color:var(--color-accent) }
.solution-search pre { margin:0 0 var(--space-md);font-size:12px;white-space:pre;overflow:auto;max-width:100% }
.solution-search .string { color:var(--color-accent) }
.solution-search-code { min-width:0 }
.solution-tool-distinction { grid-column:1/-1;display:grid;grid-template-columns:1fr 30px 1fr;gap:var(--space-lg);border-top:1px solid var(--color-dark-rule);padding-top:var(--space-lg) }
.solution-tool-distinction>span { font-family:var(--font-code);font-size:36px;color:var(--color-accent);align-self:center;justify-self:center }
.solution-tool-distinction p { font-size:12px;line-height:1.7;color:var(--color-dark-muted) }
.solution-tool-distinction strong { display:block;color:var(--color-paper);font-size:14px;font-weight:500;margin-bottom:var(--space-xs) }
.solution-search+.solution-section { border-top:0 }
.solution-delegation-flow { display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl) }
.solution-delegation-flow>div { padding:var(--space-lg);border:1px solid var(--color-rule) }
.solution-delegation-flow>span { text-align:center;font-size:24px;color:var(--color-muted) }
.solution-delegation-flow div>span { display:block;font-family:var(--font-code);font-size:11px;margin-bottom:var(--space-sm);color:var(--color-muted) }
.solution-delegation-flow strong { display:block;font-size:20px;font-weight:500 }
.solution-delegation-flow p { color:var(--color-muted);font-size:12px;margin-top:var(--space-xs) }
.solution-delegation-flow .solution-delegate-node { background:var(--color-accent);border-color:var(--color-accent) }
.solution-delegation-flow .solution-delegate-node :is(span,p) { color:var(--color-ink) }
.solution-delegation-layout { display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-xl);align-items:start }
.solution-integrations { border-top:1px solid var(--color-rule) }
.solution-integrations details { border-bottom:1px solid var(--color-rule) }
.solution-integrations summary { padding-block:var(--space-md);cursor:pointer;font-size:18px;font-weight:500 }
.solution-integrations summary span { float:right;color:var(--color-muted);font-size:12px;font-weight:400;line-height:2.5 }
.solution-integrations details>div { padding-bottom:var(--space-md) }
.solution-integrations p { font-size:14px;line-height:1.8;color:var(--color-muted);margin-bottom:var(--space-sm) }
.solution-integrations code { overflow-wrap:anywhere;font-size:12px }
.solution-integrations .underlink { font-size:12px }
.solution-brief { background:var(--color-example-soft);padding:var(--space-lg) }
.solution-brief h3 { margin-top:var(--space-sm);font-size:var(--text-card-title);font-weight:500 }
.solution-brief blockquote { margin:var(--space-lg) 0;font-size:16px;line-height:1.8 }
.solution-brief>p:last-child { font-size:12px;color:var(--color-muted);line-height:1.8 }
.solution-faq .page-section-heading>.underlink { justify-self:end }
.solution-faq .faq-list a { text-decoration:underline }
@media(max-width:1000px) {
 .solution-demo { padding:var(--space-md) }
 .solution-demo-top { flex-wrap:wrap }
 .solution-tool { margin-inline:var(--space-sm) }
 .solution-uses { gap:var(--space-md) }
 .solution-use-art { padding:var(--space-sm) }
 .solution-search { padding:var(--space-lg);gap:var(--space-lg) }
 .solution-delegation-flow>div { padding:var(--space-md) }
}
@media(max-width:767px) {
 .solution-page .solution-hero { padding-block:var(--space-xl) }
 .solution-page .solution-section { padding-block:var(--space-xl) }
 .solution-hero .page-intro { max-width:570px }
 .solution-demo { max-width:570px;width:100% }
 .solution-paths { grid-template-columns:1fr }
 .solution-paths>a,.solution-paths>a:first-child { padding:var(--space-sm) 0;border-right:0 }
 .solution-paths>a+a { border-top:1px solid var(--color-rule) }
 .solution-uses,.solution-production-notes,.solution-search,.solution-delegation-layout { grid-template-columns:1fr }
 .solution-uses { gap:var(--space-xl) }
 .solution-use-art { min-height:140px;padding:var(--space-md) }
 .solution-production-notes { gap:var(--space-md) }
 .solution-search { padding:var(--space-md) }
 .solution-tool-distinction { grid-template-columns:1fr;gap:var(--space-sm) }
 .solution-tool-distinction>span { display:none }
 .solution-delegation-flow { grid-template-columns:1fr;gap:var(--space-xs) }
 .solution-delegation-flow>span { transform:rotate(90deg) }
 .solution-faq .page-section-heading>.underlink { justify-self:start }
 .solution-integrations summary { font-size:16px }
 .solution-integrations summary span { font-size:10px }
}

.solution-runner { display:grid;grid-template-columns:var(--layout-pair);gap:var(--space-md) var(--space-xl);padding-block:var(--space-lg);margin-bottom:var(--space-xl);border-block:1px solid var(--color-rule) }
.solution-runner h3 { font-size:var(--text-subheading);font-weight:500 }
.solution-runner p { font-size:14px;line-height:1.8;color:var(--color-muted);margin-block:var(--space-sm) }
.solution-runner pre { align-self:center;background:var(--color-dark);color:var(--color-paper);padding:var(--space-md);margin:0;font-size:12px }
.solution-runner .solution-caption { grid-column:1/-1;margin:0;font-size:12px }
@media(max-width:900px) {
 .solution-page .solution-hero,.solution-search,.solution-runner { grid-template-columns:1fr }
 .solution-hero .page-intro { max-width:650px }
 .solution-demo { max-width:650px }
}

/* Workload illustrations: HTML/CSS diagrams, not simulated live API output. */
.solution-search-code>.integration-code { padding:0 }
.solution-search-code .integration-code pre { margin:0 0 var(--space-md) }
.solution-page .solution-search-code pre { max-width:100%;overflow:auto }
.solution-page .story-copy code { overflow-wrap:anywhere;font-size:.9em }
.solution-inline-invitation { display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-rule) }
.solution-inline-invitation p { color:var(--color-muted);font-size:15px }
.solution-related { padding-block:var(--space-xl);border-block:1px solid var(--color-rule) }
.solution-related>p { font-size:var(--text-subheading);font-weight:500;margin-bottom:var(--space-md) }
.solution-related>div { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm) }
.solution-related a { padding:var(--space-sm);border:1px solid var(--color-rule);font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:56px }
.solution-related a:hover { background:var(--color-example-soft) }
.solution-related a[aria-current] { background:var(--color-accent);border-color:var(--color-accent) }
.solution-paths-three { grid-template-columns:repeat(3,minmax(0,1fr)) }
.solution-paths-three>a:nth-child(2) { border-right:1px solid var(--color-rule) }
.solution-paths-three strong { font-size:17px }
.speech-recording { background:var(--color-dark);color:var(--color-paper);padding:var(--space-md);border-radius:var(--radius) }
.speech-recording>.solution-mono { color:var(--color-dark-muted) }
.speech-recording>p { font-size:18px;letter-spacing:-.025em }
.speech-wave { display:flex;align-items:center;justify-content:center;gap:5px;height:86px;margin-block:var(--space-sm) }
.speech-wave i { display:block;flex:1;max-width:7px;height:18%;background:var(--color-accent);border-radius:2px }
.speech-wave i:nth-child(3n) { height:38% }
.speech-wave i:nth-child(4n) { height:65% }
.speech-wave i:nth-child(5n) { height:88% }
.speech-wave i:nth-child(7n) { height:48% }
.speech-transcript { padding:var(--space-md);background:var(--color-paper);border:1px solid var(--color-rule);margin-right:var(--space-lg) }
.speech-transcript>span,.speech-response div>span { display:block;font-size:11px;color:var(--color-muted);margin-bottom:var(--space-xs) }
.speech-transcript>p { font-size:18px;font-weight:500 }
.speech-response { display:flex;align-items:center;gap:var(--space-sm);background:var(--color-accent);padding:var(--space-md);margin-left:var(--space-lg) }
.speech-symbol { font-size:30px }
.speech-response div>span { color:var(--color-ink) }
.speech-response p { font-size:14px;font-weight:500 }
.solution-use-art>span:only-child { position:relative;z-index:1 }
.speech-note-art,.speech-search-art,.speech-speak-art,.vision-read-art,.vision-understand-art,.vision-create-art,.sandbox-code-art,.sandbox-data-art,.sandbox-gpu-art { position:relative;overflow:hidden;align-items:center;text-align:center;gap:var(--space-sm) }
.speech-note-art::before { content:'▂ ▄ ▆ █ ▅ ▃ ▆ ▄ ▂';font-family:var(--font-code);font-size:25px;color:var(--color-focus);letter-spacing:2px }
.speech-search-art { background:var(--color-dark);color:var(--color-paper) }
.speech-search-art::before { content:'find("the next step")';font-family:var(--font-code);color:var(--color-accent);font-size:17px }
.speech-speak-art::before { content:'Aa → )))';font-family:var(--font-code);font-size:36px;letter-spacing:-.07em }
.vision-paper { width:80%;margin:var(--space-lg) auto 0;background:var(--color-paper);border:1px solid var(--color-rule);padding:var(--space-md);transform:rotate(-3deg) }
.vision-paper-top { display:flex;justify-content:space-between;gap:var(--space-sm);font-family:var(--font-code);font-size:11px;color:var(--color-muted);padding-bottom:var(--space-sm);border-bottom:1px dashed var(--color-rule) }
.vision-scan-region { padding:var(--space-sm);border:2px solid var(--color-focus);margin:var(--space-md) calc(-1 * var(--space-xs));font-family:var(--font-code);background:var(--color-example-soft) }
.vision-scan-region>span { display:block;font-size:12px }
.vision-scan-region strong { font-size:23px;font-weight:500 }
.vision-paper-lines { display:grid;gap:var(--space-xs) }
.vision-paper-lines i { height:3px;background:var(--color-rule);width:85% }
.vision-paper-lines i:nth-child(2) { width:65% }
.vision-paper-lines i:last-child { width:35% }
.vision-scan-label { font-family:var(--font-code);font-size:11px;color:var(--color-muted);text-align:right;margin-top:var(--space-sm) }
.vision-extraction { background:var(--color-dark);color:var(--color-paper);padding:var(--space-md);margin-left:var(--space-md) }
.vision-extraction>span { color:var(--color-dark-muted);font-size:11px }
.vision-extraction pre { margin:var(--space-xs) 0 0;color:var(--color-accent);font-size:16px }
.vision-read-art::before { content:'[ Aa ] → text';font-family:var(--font-code);font-size:25px;color:var(--color-focus) }
.vision-understand-art { background:var(--color-dark);color:var(--color-paper) }
.vision-understand-art::before { content:'[ image ] + ?';font-family:var(--font-code);font-size:25px;color:var(--color-accent) }
.vision-create-art::before { content:'✳';font-size:65px;line-height:1;color:var(--color-focus) }
.vision-composition { height:240px;position:relative;overflow:hidden;background:var(--color-example-soft);border:1px solid var(--color-dark-rule) }
.vision-sun { position:absolute;top:30px;right:50px;width:92px;height:92px;background:var(--color-accent);border-radius:50% }
.vision-horizon { position:absolute;left:-20px;bottom:-120px;width:95%;height:260px;background:var(--color-focus);transform:rotate(-16deg) }
.vision-window { position:absolute;right:0;top:0;width:40%;height:100%;border-left:10px solid var(--color-ink);background:linear-gradient(0deg,transparent 49%,var(--color-ink) 49%,var(--color-ink) 53%,transparent 53%) }
.vision-prompt-art blockquote { font-size:16px;line-height:1.7;margin:var(--space-md) 0 }
.vision-prompt-art figcaption { font-size:11px;color:var(--color-dark-muted) }
.sandbox-task { padding:var(--space-md);border:1px solid var(--color-rule);background:var(--color-paper) }
.sandbox-task>.solution-mono { color:var(--color-muted) }
.sandbox-task p { font-size:18px;margin-block:var(--space-xs) var(--space-sm);font-weight:500 }
.sandbox-file { display:flex;justify-content:space-between;align-items:center;font-family:var(--font-code);font-size:12px }
.sandbox-file>span { font-size:22px;color:var(--color-focus) }
.sandbox-boundary { position:relative;border:1px dashed var(--color-focus);padding:var(--space-lg) var(--space-sm) var(--space-sm);margin-top:var(--space-lg) }
.sandbox-boundary-label { position:absolute;top:-11px;left:var(--space-sm);font-size:11px;background:var(--color-example-soft);padding-inline:var(--space-xs);color:var(--color-focus) }
.sandbox-terminal { padding:var(--space-md);background:var(--color-dark);color:var(--color-paper) }
.sandbox-terminal>span { display:block;font-size:11px;color:var(--color-dark-muted) }
.sandbox-terminal code { display:block;font-size:16px;color:var(--color-accent);margin-block:var(--space-sm) }
.sandbox-chip { display:flex;align-items:center;gap:var(--space-xs);border-top:1px solid var(--color-dark-rule);padding-top:var(--space-sm);font-size:11px;color:var(--color-dark-muted) }
.sandbox-chip>span { color:var(--color-accent);font-size:24px }
.sandbox-results { display:flex;justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-md) }
.sandbox-results>span { font-family:var(--font-code);font-size:11px;background:var(--color-paper);border:1px solid var(--color-rule);padding:var(--space-xs) }
.sandbox-code-art { background:var(--color-dark);color:var(--color-paper) }
.sandbox-code-art::before { content:'</>  →  ✓';font-family:var(--font-code);font-size:30px;color:var(--color-accent) }
.sandbox-data-art::before { content:'[ 12.5, 7.5 ] → 20';font-family:var(--font-code);font-size:18px;color:var(--color-focus) }
.sandbox-gpu-art::before { content:'▧';font-family:var(--font-code);font-size:55px;line-height:1;color:var(--color-focus) }
.sandbox-boundaries { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--color-rule) }
.sandbox-boundaries article { padding:var(--space-lg) var(--space-lg) var(--space-lg) 0;border-bottom:1px solid var(--color-rule) }
.sandbox-boundaries article:nth-child(even) { border-left:1px solid var(--color-rule);padding-left:var(--space-lg) }
.sandbox-boundaries article>span { font-family:var(--font-code);font-size:11px;color:var(--color-muted) }
.sandbox-boundaries h3 { font-size:var(--text-subheading);font-weight:500;margin-block:var(--space-sm) }
.sandbox-boundaries p { font-size:14px;line-height:1.8;color:var(--color-muted);max-width:460px }
@media(max-width:1000px) {
 .solution-related>div { grid-template-columns:repeat(2,minmax(0,1fr)) }
 .solution-paths-three strong { font-size:15px }
 .solution-paths-three>a { padding-inline:var(--space-sm) }
}
@media(max-width:767px) {
 .solution-paths-three { grid-template-columns:1fr }
 .solution-paths-three>a:nth-child(2) { border-right:0 }
 .solution-paths-three strong { font-size:19px }
 .solution-inline-invitation { align-items:start;flex-direction:column }
 .solution-related a { font-size:12px;min-height:66px }
 .speech-wave { gap:3px }
 .speech-transcript { margin-right:var(--space-sm) }
 .speech-response { margin-left:var(--space-sm) }
 .vision-paper { width:90% }
 .vision-extraction { margin-left:0 }
 .vision-composition { height:200px }
 .sandbox-results { flex-wrap:wrap }
 .sandbox-results>span { font-size:10px }
 .sandbox-boundaries { grid-template-columns:1fr }
 .sandbox-boundaries article,.sandbox-boundaries article:nth-child(even) { border-left:0;padding:var(--space-md) 0 }
}

/* Consent preferences share the footer link appearance, with native button keys. */
.footer-links .cookie-settings { padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer }
.footer-links .cookie-settings:hover { text-decoration:underline;text-underline-offset:.2em }
.footer-links .cookie-settings:focus-visible { outline:2px solid var(--color-focus);outline-offset:4px }

/* Compact, keyboard-accessible comparison navigation shared by every footer. */
.footer-compared { position:relative }
.footer-compared>summary { display:flex;align-items:center;gap:var(--space-xs);min-height:44px;cursor:pointer;list-style:none;white-space:nowrap }
.footer-compared>summary::-webkit-details-marker { display:none }
.footer-compared>summary>span { font-size:17px;transition:transform var(--dur-short) }
.footer-compared[open]>summary>span { transform:rotate(180deg) }
.footer-compared>summary:hover { text-decoration:underline;text-underline-offset:4px }
.footer-compared>summary:focus-visible { outline:2px solid var(--color-focus);outline-offset:4px }
.footer-compared-panel { position:absolute;bottom:calc(100% + 4px);left:0;min-width:220px;padding:var(--space-xs);background:var(--color-paper);border:1px solid var(--color-rule);box-shadow:0 8px 24px color-mix(in srgb,var(--color-ink) 9%,transparent);z-index:2 }
.footer-links .footer-compared-panel>a { display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm) }
.footer-compared-panel>a:hover,.footer-compared-panel>a[aria-current=page] { background:var(--color-example-soft) }
/* Comparison pages use the same type, paper, ink and acid tokens as product pages. */
.compare-flow { padding:var(--space-lg);background:var(--color-dark);color:var(--color-paper);min-width:0 }
.compare-flow-top { display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);color:var(--color-dark-muted) }
.compare-flow-top>span:last-child { color:var(--color-accent);font-size:24px }
.compare-app,.compare-result { padding:var(--space-md);border:1px solid var(--color-dark-rule) }
.compare-app>span,.compare-result>span { display:block;color:var(--color-dark-muted);font-size:12px;margin-bottom:var(--space-xs) }
.compare-app strong,.compare-result strong { font-weight:500;font-size:20px;line-height:1.4;letter-spacing:-.025em }
.compare-flow-arrow { color:var(--color-accent);text-align:center;font-size:24px;padding-block:var(--space-xs) }
.compare-model { display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-accent);color:var(--color-ink) }
.compare-model>div { min-width:0 }
.compare-model strong { display:block;font-size:21px;font-weight:500;margin-bottom:var(--space-xs) }
.compare-model code { font-size:11px;overflow-wrap:anywhere }
.compare-flow figcaption { color:var(--color-dark-muted);font-size:12px;line-height:1.7;margin-top:var(--space-md) }
.compare-jump { display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-xl);border-block:1px solid var(--color-rule);padding-block:var(--space-xs) }
.compare-jump a { display:flex;align-items:center;gap:var(--space-lg);font-size:13px;min-height:44px }
.compare-jump a:hover { text-decoration:underline;text-underline-offset:4px }
.compare-jump+.solution-section { border-top:0 }
.compare-reasons { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg) }
.compare-reasons article { border-top:1px solid var(--color-rule);padding-top:var(--space-md) }
.compare-number { display:inline-block;font-family:var(--font-code);font-size:12px;background:var(--color-accent);padding:6px 8px;margin-bottom:var(--space-md) }
.compare-reasons h3,.compare-fit h3,.compare-cost h3 { font-size:var(--text-subheading);font-weight:500;line-height:1.35;letter-spacing:-.025em }
.compare-reasons p,.compare-fit p { font-size:14px;line-height:1.8;color:var(--color-muted);margin-top:var(--space-sm) }
.compare-reasons .underlink,.compare-fit .underlink { font-size:13px;margin-top:var(--space-md);min-height:44px }
.compare-table-hint { display:none }
.compare-table { width:100%;border-collapse:collapse;font-size:14px;line-height:1.7;text-align:left }
.compare-table caption { text-align:left;color:var(--color-muted);font-size:12px;padding-bottom:var(--space-md) }
.compare-table th,.compare-table td { border-bottom:1px solid var(--color-rule);padding:var(--space-md);vertical-align:top }
.compare-table thead th { font-size:17px;font-weight:500;border-top:1px solid var(--color-rule) }
.compare-table th:first-child { width:23%;padding-left:0 }
.compare-table td { width:38.5%;color:var(--color-muted) }
.compare-table tbody th { font-weight:500 }
.compare-table :is(th,td):nth-child(2) { background:var(--color-example-soft) }
.compare-table strong { display:block;font-weight:500;color:var(--color-ink);margin-bottom:var(--space-xs) }
.compare-table-scroll:focus-visible { outline:2px solid var(--color-focus);outline-offset:4px }
.compare-source { display:inline-block;color:var(--color-ink);font-size:12px;text-decoration:underline;text-underline-offset:3px;margin-top:var(--space-xs);margin-right:var(--space-xs) }
.compare-pricing { display:grid;grid-template-columns:var(--layout-pair);gap:var(--space-xl);padding:var(--space-xl);background:var(--color-accent);color:var(--color-ink) }
.compare-pricing mark { background:transparent;color:inherit }
.compare-pricing p { font-size:15px;line-height:1.8;margin-top:var(--space-md) }
.compare-pricing .underlink { margin-top:var(--space-md);min-height:44px;font-size:14px }
.compare-cost { border-left:1px solid color-mix(in srgb,var(--color-ink) 25%,transparent);padding-left:var(--space-xl) }
.compare-cost p { margin-top:var(--space-sm) }
.compare-cost dl { margin-block:var(--space-md) }
.compare-cost dl>div { display:grid;grid-template-columns:1fr 1.6fr;gap:var(--space-sm);padding-block:var(--space-sm);border-top:1px solid color-mix(in srgb,var(--color-ink) 25%,transparent);font-size:13px;line-height:1.7 }
.compare-cost dt { font-weight:600 }
.compare-cost dd { margin:0 }
.compare-cost>a { display:inline-flex;align-items:center;gap:var(--space-sm);min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px }
.compare-pricing+.solution-section { border-top:0 }
.compare-fit { display:grid;grid-template-columns:var(--layout-pair);gap:var(--space-xl) }
.compare-fit article { padding-top:var(--space-md);border-top:1px solid var(--color-rule) }
.compare-fit .eyeline { color:var(--color-ink);font-size:12px;margin:0 0 var(--space-sm) }
.compare-fit p a { text-decoration:underline;text-underline-offset:3px }
.comparison-page .faq-list p code { overflow-wrap:anywhere }
@media(max-width:900px) {
 .compare-flow { max-width:650px }
 .compare-pricing { padding:var(--space-lg);gap:var(--space-lg) }
 .compare-cost { padding-left:var(--space-lg) }
 .compare-reasons { grid-template-columns:1fr }
 .compare-reasons article { display:grid;grid-template-columns:40px 1fr;gap:var(--space-md) }
 .compare-number { align-self:start;text-align:center }
}
@media(max-width:767px) {
 .footer-links { align-items:start }
 .footer-compared { grid-column:span 2 }
 .compare-table-hint { display:block;font-size:12px;line-height:1.6;color:var(--color-muted);margin-bottom:var(--space-sm) }
 .footer-compared-panel { position:static;min-width:0;margin-block:var(--space-xs) }
 .compare-flow { padding:var(--space-md) }
 .compare-model { padding:var(--space-sm) }
 .compare-jump { gap:0 var(--space-lg) }
 .compare-jump a { gap:var(--space-sm) }
 .compare-table { min-width:650px }
 .compare-table th,.compare-table td { padding:var(--space-sm) }
 .compare-pricing,.compare-fit { grid-template-columns:1fr }
 .compare-cost { border-left:0;border-top:1px solid color-mix(in srgb,var(--color-ink) 25%,transparent);padding:var(--space-lg) 0 0 }
 .compare-cost dl>div { grid-template-columns:1fr 1.5fr }
}
@media(prefers-reduced-motion:reduce) { .footer-compared>summary>span { transition:none } }