/* Product pages share the approved marketing canvas, type and controls. */
.document.editorial-document { --subtle:#8a8f98; max-width:1184px; padding-top:166px; }
.editorial-document > .eyebrow { display:none; }
.document .editorial-hero { margin-bottom:64px; }
.page-kicker { display:flex; align-items:center; gap:10px; color:var(--subtle); font-size:13px; line-height:1.5; margin-bottom:22px; }
.document .editorial-hero h1 { font-size:clamp(38px,4.5vw,60px); line-height:1.08; letter-spacing:-.045em; font-weight:550; margin:0; }
.document .editorial-hero .lead { font-size:18px; line-height:1.7; color:var(--muted); max-width:620px; margin:24px 0 0; }
.editorial-hero > .button { margin-top:28px; }
.document.editorial-document h2 { font-size:24px; line-height:1.35; letter-spacing:-.025em; margin:0 0 14px; font-weight:550; }
.document.editorial-document p { font-size:15px; line-height:1.75; color:var(--muted); margin:0; }
.document.editorial-document p + p { margin-top:16px; }
.document.editorial-document a:not(.button) { text-decoration:none; color:var(--muted); }
.document.editorial-document a:not(.button):hover { color:var(--fg); }
.document.editorial-document p a { text-decoration:underline; text-underline-offset:4px; }
.editorial-section { margin-top:80px; }
.feature-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; }
.document .feature-columns h2 { font-size:20px; }
.split-section { display:grid; grid-template-columns:1fr 1.3fr; gap:72px; }
.split-section p { max-width:65ch; }
.split-section .text-link { display:inline-flex; margin-top:24px; font-size:14px; }
.editorial-bottom-links { display:flex; flex-wrap:wrap; gap:28px; margin-top:64px; font-size:14px; }
.agent-showcase { display:grid; grid-template-columns:.9fr 1.2fr; gap:72px; align-items:center; }
.document .agent-example-intro h2 { font-size:32px; max-width:12ch; line-height:1.15; }
.document .agent-example-intro p { max-width:30ch; font-size:14px; }
.example-tabs { display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin:26px 0 22px; }
.example-tabs button { background:transparent; border:0; border-radius:8px; padding:11px 16px; margin-left:-16px; color:var(--subtle); font-size:15px; text-align:left; transition:background .2s,color .2s; }
.example-tabs button:hover { color:var(--fg); }
.example-tabs button[aria-pressed="true"] { background:#ffffff08; color:var(--fg); }
.sample-label { display:inline-block; font-size:12px; color:var(--subtle); margin-top:28px; }
.agent-example-window { background:linear-gradient(135deg,#191a1b,#121314 72%); border:1px solid #ffffff17; border-radius:14px; box-shadow:0 24px 80px #0005; overflow:hidden; padding:24px; }
.agent-example-window > header { display:flex; align-items:center; gap:9px; color:var(--fg); font-size:13px; margin-bottom:28px; }
.agent-example-window > header > span:first-child { color:#aaa8df; font-size:21px; }
.example-window-dots { margin-left:auto; letter-spacing:2px; font-size:20px; color:var(--subtle); }
.agent-example-window [data-example-panel] { min-height:322px; }
.agent-example-window [data-example-panel]:not([hidden]) { animation:example-enter .24s var(--site-ease) both; }
@keyframes example-enter { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
.agent-example-window [hidden] { display:none; }
.document .example-question { max-width:90%; margin:0 0 28px auto; background:#ffffff06; color:var(--fg); border-radius:12px; padding:14px 18px; font-size:14px; }
.agent-response-label { display:block; font-size:12px; color:var(--fg); margin-bottom:12px; }
.document .example-response > p { font-size:14px; line-height:1.8; margin-bottom:18px; }
.example-response strong { font-weight:550; color:var(--fg); }
.document a.example-result { display:flex; gap:12px; align-items:center; padding:14px; border-radius:9px; background:#ffffff03; margin:7px 0; transition:background .2s; }
.document a.example-result:hover { background:#ffffff07; }
.example-result-icon { display:grid; place-items:center; width:30px; height:30px; flex:0 0 auto; color:#80b99b; background:#80b99b0c; border-radius:6px; }
.example-result strong { display:block; font-size:13px; }
.example-result small { display:block; font-size:11px; color:var(--subtle); font-weight:400; margin-top:4px; }
.example-result b { margin-left:auto; text-align:right; font-size:14px; color:#8ac4ac; font-weight:550; white-space:nowrap; }
.example-inline-link { display:inline-block; margin-top:20px; font-size:12px; }
.example-impact { display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin-top:20px; font-size:12px; color:var(--subtle); }
.example-impact strong { font-size:20px; color:#8ac4ac; }
.example-composer { display:flex; gap:24px; align-items:center; justify-content:space-between; padding:16px; margin-top:28px; border:1px solid #ffffff12; border-radius:10px; font-size:12px; color:var(--subtle); background:#ffffff02; }
.example-composer i { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; color:var(--muted); background:#ffffff07; font-style:normal; }
.resource-feature { display:flex; align-items:center; gap:28px; padding:32px; border-radius:12px; background:linear-gradient(120deg,#171819,#101112); border:1px solid #ffffff0d; }
.resource-symbol { color:#a3a2d8; font-size:36px; width:60px; text-align:center; }
.resource-feature .page-kicker { margin-bottom:9px; }
.document .resource-feature h2 { margin-bottom:9px; }
.resource-feature > .button { margin-left:auto; flex-shrink:0; }
.document .resource-group > h2 { font-size:20px; margin-bottom:26px; }
.resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.resource-grid > a { display:grid; grid-template-columns:1fr 20px; align-content:start; gap:14px 12px; border-radius:10px; padding:22px; min-height:182px; background:#ffffff02; transition:background .2s; }
.resource-grid > a:hover { background:#ffffff05; }
.resource-icon { grid-column:1/-1; color:var(--subtle); font-size:23px; }
.resource-grid strong { font-size:16px; font-weight:550; color:var(--fg); }
.document .resource-grid p { grid-column:1/-1; font-size:14px; line-height:1.6; }
.resource-arrow { grid-column:2; grid-row:2; color:var(--subtle); }
.document ol.guide-steps { list-style:none; counter-reset:steps; padding:0; display:grid; gap:44px; }
.guide-steps > li { position:relative; padding-left:60px; counter-increment:steps; }
.guide-steps > li::before { content:counter(steps); position:absolute; left:0; top:0; font-size:14px; display:grid; place-items:center; height:32px; width:32px; background:#ffffff05; color:var(--muted); border-radius:8px; }
.document .guide-steps h2 { font-size:21px; }
.guide-steps p { max-width:69ch; }
.guide-steps a { display:inline-block; font-size:14px; margin-top:14px; }
.connection-guide { display:grid; grid-template-columns:68px 1fr; gap:24px; margin:48px 0; max-width:840px; }
.connection-guide > img { margin-top:4px; }
.guide-provider-pair { display:flex; flex-direction:column; gap:14px; }
.connection-guide a { display:inline-block; margin-top:16px; font-size:14px; }
.integration-options { display:grid; grid-template-columns:1fr 1fr; gap:72px; }
.integration-options .page-kicker { margin-bottom:16px; }
.document.editorial-document pre { background:#141516; color:#b9bdc5; border-radius:10px; padding:24px; overflow:auto; font-size:13px; line-height:2; margin:24px 0 0; }
.document.editorial-document code { font-family:ui-monospace,Consolas,monospace; font-size:.87em; overflow-wrap:anywhere; }
.tool-stack { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:24px 0; }
.tool-stack span { border-radius:7px; padding:12px; background:#ffffff03; font-size:13px; color:var(--muted); }
.security-access { display:flex; align-items:center; gap:32px; padding:32px; background:linear-gradient(125deg,#151617,#101112); border:1px solid #ffffff0d; border-radius:12px; }
.security-access > div { flex:1; display:grid; grid-template-columns:36px 1fr; gap:8px 16px; align-items:center; }
.security-access > div > span { grid-row:1/3; font-size:25px; color:#aaa8df; }
.security-access strong { font-weight:500; font-size:14px; }
.security-access small { font-size:12px; color:var(--subtle); }
.security-access > i { font-size:18px; font-style:normal; color:var(--subtle); }
.security-facts { display:grid; grid-template-columns:1fr 1fr; gap:48px 80px; }
.document .security-facts h2 { font-size:20px; }
.prose-sections { max-width:740px; display:grid; gap:38px; }
.document .prose-sections h2 { font-size:21px; }
.legal-fields { display:grid; grid-template-columns:180px 1fr; gap:20px; margin:0 0 64px; font-size:15px; }
.legal-fields dt { color:var(--subtle); }
.legal-fields dd { color:var(--muted); margin:0; }
.release-list { display:grid; gap:52px; }
.release-list article { display:grid; grid-template-columns:200px 1fr; gap:40px; }
.release-list time { color:var(--subtle); font-size:13px; padding-top:5px; }
.document .release-list h2 { font-size:23px; }
.release-list p { max-width:62ch; }
.site-footer > div > a:not(.wordmark) { font-size:12px; }
.site-header nav a[aria-current="page"] { color:var(--fg); }
@media(max-width:1000px) {
  .agent-showcase { gap:32px; }
  .feature-columns { gap:28px; }
  .security-access { gap:18px; padding:24px; }
  .security-access > div { grid-template-columns:1fr; }
  .security-access > div > span { grid-row:auto; }
}
@media(max-width:700px) {
  .document.editorial-document { width:calc(100% - 48px); padding-top:126px; }
  .document .editorial-hero { margin-bottom:44px; }
  .document .editorial-hero .lead { font-size:16px; }
  .page-kicker { font-size:12px; margin-bottom:18px; }
  .editorial-section { margin-top:52px; }
  .feature-columns,.split-section,.agent-showcase,.integration-options,.security-facts { grid-template-columns:1fr; gap:32px; }
  .example-tabs { flex-direction:row; flex-wrap:wrap; margin:22px 0; gap:6px; }
  .example-tabs button { margin:0; padding:9px 12px; font-size:13px; }
  .document .agent-example-intro h2,.document .agent-example-intro p { max-width:none; }
  .sample-label { margin-top:14px; }
  .agent-example-window { padding:18px; }
  .agent-example-window [data-example-panel] { min-height:320px; }
  .resource-feature { padding:24px; flex-wrap:wrap; gap:18px; }
  .resource-symbol { display:none; }
  .resource-feature > .button { margin-left:0; }
  .resource-grid { grid-template-columns:1fr; gap:12px; }
  .resource-grid > a { min-height:auto; padding:20px; }
  .resource-icon { grid-column:1; }
  .resource-arrow { grid-row:1; align-self:center; }
  .resource-grid strong { grid-column:1/-1; }
  .guide-steps > li { padding-left:46px; }
  .document .guide-steps h2 { font-size:20px; }
  .connection-guide { grid-template-columns:32px 1fr; gap:18px; }
  .security-access { flex-direction:column; align-items:flex-start; gap:20px; }
  .security-access > div { grid-template-columns:32px 1fr; gap:5px 14px; }
  .security-access > div > span { grid-row:1/3; }
  .security-access > i { display:none; }
  .legal-fields { grid-template-columns:1fr; gap:8px; }
  .legal-fields dd { margin-bottom:16px; overflow-wrap:anywhere; }
  .release-list article { grid-template-columns:1fr; gap:12px; }
  .editorial-bottom-links { margin-top:44px; }
}
@media(prefers-reduced-motion:reduce) { .example-tabs button,.example-result,.resource-grid > a { transition:none; } }
html[data-motion="off"] .editorial-document *,html[data-motion="reduced"] .editorial-document * { animation:none!important; transition:none!important; }