/* Loaded only by Product, Platforms, Support and Partners. Home is locked.
   Taste: spacious type, muted contrast and restrained rounded surfaces. */
.site-page .publishing-workflow { margin:0; border:1px solid #d9d3c6; border-radius:18px; background:#fffdf8; overflow:hidden; color:#202b35; font-size:14px; }
.publishing-workflow-heading { display:flex; align-items:center; gap:12px; padding:20px 24px; border-bottom:1px solid #e5dfd5; background:#f1eee6; }
.publishing-workflow-heading > div { flex:1; min-width:0; }
.publishing-workflow-heading strong,.publishing-workflow-heading span:not(.workspace-avatar) { display:block; }
.publishing-workflow-heading > div > span { font-size:12px; color:#62686b; margin-top:2px; }
.publishing-workflow-post { display:flex; align-items:center; gap:18px; padding:24px; }
.publishing-workflow-post > div { min-width:0; }
.publishing-workflow-photo { display:block; width:100px; height:100px; flex:none; object-fit:cover; border-radius:10px; }
.publishing-workflow-label { display:block; font-size:11px; letter-spacing:.06em; text-transform:uppercase; font-weight:600; color:#62686b; margin-bottom:10px; }
.publishing-workflow-post strong { display:block; font-size:17px; line-height:1.35; }
.site-page .publishing-workflow-post p { font-size:13px; line-height:1.6; margin:8px 0 0; }
.publishing-workflow-destinations { padding:0 24px 20px; }
.publishing-workflow-account { display:flex; gap:10px; align-items:center; padding:16px 0; border-top:1px solid #e5dfd5; flex-wrap:wrap; }
.publishing-workflow-selected { display:grid; place-items:center; flex:none; width:24px; height:24px; border:1px solid #c5cbbb; border-radius:7px; color:#435241; background:#edf0e8; }
.site-page .publishing-workflow-selected .site-icon { width:16px; height:16px; }
.publishing-workflow-account > div:not(.publishing-workflow-time) { flex:1; min-width:130px; }
.publishing-workflow-account .platform-brand { font-size:14px; font-weight:600; }
.publishing-workflow-account > div > span:not(.platform-brand) { display:block; font-size:12px; color:#62686b; margin-top:5px; }
.publishing-workflow-time { display:flex; align-items:center; gap:7px; padding:8px 10px; border-radius:7px; background:#f2efe8; }
.site-page .publishing-workflow-time .site-icon { width:15px; height:15px; }
.publishing-workflow-account .publishing-workflow-time > span { margin:0; color:#202b35; white-space:nowrap; }
.site-page .publishing-workflow-zone { margin:0; font-size:11px; color:#62686b; }
.publishing-workflow-review { display:flex; align-items:center; gap:12px; padding:18px 24px; background:#e9e5db; }
.publishing-workflow-review strong,.publishing-workflow-review span { display:block; }
.publishing-workflow-review strong { font-size:13px; }
.publishing-workflow-review span { margin-top:4px; font-size:12px; color:#62686b; line-height:1.5; }
.site-page .faq-grid .publishing-workflow { margin-top:24px; }
@media(max-width:480px) {
 .publishing-workflow-heading,.publishing-workflow-post,.publishing-workflow-review { padding:18px 16px; }
 .publishing-workflow-destinations { padding:0 16px 18px; }
 .publishing-workflow-post { align-items:flex-start; gap:12px; }
 .publishing-workflow-photo { width:64px; height:80px; }
 .publishing-workflow-post strong { font-size:15px; }
 .publishing-workflow-time { margin-left:34px; }
}
.site-page .site-header, .site-page > .site-footer,
.site-page main > .site-hero,
.site-page main > .site-section { max-width:1440px; }
.site-page .site-hero { gap:clamp(32px,5vw,88px); padding-block:clamp(40px,5vw,88px); }
.site-page .site-hero::before { display:none; }
.site-page .site-hero h1 { max-width:19ch; font-size:clamp(38px,4.5vw,72px); line-height:1.08; letter-spacing:-.045em; }
.site-page .site-hero h1 em { color:#97472f; }
.site-page .hero-copy > p { max-width:49ch; font-size:18px; }
.site-page .section-title { align-items:start; }
.site-page .section-title > p { max-width:52ch; }
.site-page .detail-note,.site-page .hero-copy > .detail-note { font-size:14px; line-height:1.6; max-width:58ch; margin:20px 0 0; color:var(--muted); }
.site-page main > .site-section.detail-nav { padding-block:10px; border-bottom:1px solid var(--line); }
.detail-nav nav { display:flex; flex-wrap:wrap; gap:4px 22px; }
.detail-nav a { display:inline-flex; gap:9px; align-items:center; padding:10px 0; min-height:44px; font-size:14px; font-weight:600; text-decoration:none; }
.detail-nav a:hover { color:#97472f; text-decoration:underline; text-underline-offset:5px; }
.site-page .detail-nav .site-icon { width:18px; height:18px; }
.site-page main > .site-section { padding-block:clamp(32px,4vw,64px); }
.site-page main > .product-stage { gap:clamp(28px,5vw,80px); }
.site-page .product-stage h2 { max-width:22ch; }
.site-page .stage-copy { max-width:58ch; }
.site-page .stage-copy p { line-height:1.7; }
.site-page .stage-copy .detail-note { font-size:14px; margin-top:22px; }
.site-page .product-map { padding:clamp(20px,2.5vw,36px); background:#e9e5db; border:1px solid #d9d3c6; border-radius:22px; }
.site-page .stage-navigation { grid-template-columns:1fr; gap:0; }
.site-page .stage-navigation a { align-items:center; padding:20px 4px; gap:20px; border:0; border-radius:0; background:transparent; color:var(--ink); }
.site-page .stage-navigation a:first-child,.site-page .stage-navigation a:last-child { background:transparent; color:var(--ink); border-color:#ccc4b7; }
.site-page .stage-navigation a + a { border-top:1px solid #ccc4b7; }
.site-page .stage-navigation a > span { display:grid; place-items:center; width:36px; height:36px; flex-shrink:0; margin:0; border:1px solid #c5b8a7; border-radius:50%; opacity:1; color:#89402b; font-size:12px; }
.site-page .stage-navigation a:hover { color:#89402b; }
.site-page .stage-navigation a:hover > span { background:#e6c8b8; }
.site-page .stage-navigation strong { font:600 clamp(20px,2vw,26px)/1.2 Arial,Helvetica,sans-serif; letter-spacing:-.025em; }
.site-page .stage-navigation small { font-size:13px; margin-top:5px; }
.site-page.page-product .publishing-example { padding:clamp(18px,2.5vw,32px); border:1px solid #d9d3c6; border-top:3px solid #a44f35; border-radius:18px; background:#e9e5db; }
.site-page.page-product .publishing-example .review-example { box-shadow:0 12px 28px #202b3510; }
.site-page.page-product .delivery-note { align-items:flex-start; color:var(--muted); }
.site-page.page-product .delivery-note > .site-icon { flex-shrink:0; color:#89402b; }
.site-page main > .product-notifications { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(28px,5vw,80px); border-top:1px solid var(--line); }
.site-page .product-notifications h2 { margin:0 0 12px; }
.site-page .product-notifications p { margin:0; }
.site-page .product-notifications .launch-entry { width:100%; justify-self:end; }
.site-page .product-notifications .waitlist-form { border:0; padding:0; }
.site-page .product-notifications .waitlist-form > label { color:var(--ink); font-size:16px; }
.site-page .product-notifications .waitlist-form > small { font-size:12px; }
.site-page .product-notifications .waitlist-status:not(:empty) { margin-top:12px; }
.site-page .product-notifications input:focus-visible { outline:3px solid #97472f; outline-offset:3px; }
.site-page .site-faq .faq-grid { grid-template-columns:minmax(0,1fr); gap:10px; }
.site-page .site-faq .faq-grid summary { padding:20px 24px; font-size:17px; font-weight:600; line-height:1.5; text-wrap:pretty; }
.site-page .site-faq .faq-grid details > div { padding:0 24px 22px; max-width:95ch; font-size:16px; line-height:1.75; }
.site-page .site-faq .faq-grid details[open] { border-color:#a89f91; }
.site-page .site-faq .faq-grid details a { color:#89402b; text-underline-offset:3px; }
.site-page main > .detail-availability { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(30px,5vw,80px); align-items:start; }
.detail-availability > div > p { max-width:48ch; }
.detail-facts { margin:0; }
.detail-facts > div { padding:20px 0; border-top:1px solid var(--line); }
.detail-facts > div:first-child { padding-top:0; border-top:0; }
.detail-facts dt { font-size:17px; font-weight:600; margin-bottom:8px; }
.detail-facts dd { margin:0; color:var(--muted); font-size:16px; line-height:1.7; }
.detail-roadmap { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,3vw,48px); }
.detail-roadmap article { min-width:0; padding:8px 0; }
.detail-roadmap article > .site-icon { width:28px; height:28px; margin-bottom:18px; color:#97472f; }
.detail-roadmap p { font-size:16px; line-height:1.7; margin:14px 0 0; }
.detail-status { display:inline-block; font-size:12px; font-weight:600; line-height:1.5; padding:5px 10px; border-radius:6px; background:#e9e5dc; color:#514b43; }
.integration-map { padding:clamp(20px,3vw,40px); border-radius:24px; background:#e9e5db; border:1px solid #d9d3c6; }
.integration-core { display:grid; justify-items:center; gap:8px; padding:24px 12px; margin-bottom:18px; border-radius:12px; background:var(--ink); color:var(--paper); text-align:center; }
.integration-core strong { font-size:20px; font-weight:600; }
.integration-core > span { font-size:13px; color:#d9d7ce; }
.integration-destinations { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.integration-destinations > a { display:grid; gap:8px; padding:16px; border:1px solid #d9d3c6; border-radius:10px; background:var(--white); text-decoration:none; }
.integration-destinations > a:hover { border-color:#97472f; }
.integration-destinations > a > span:last-child { font-size:12px; color:var(--muted); }
.integration-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.integration-summary > div { border-left:2px solid #b8a28c; padding:4px 0 4px 22px; }
.integration-summary h3 { margin-top:16px; font-size:20px; }
.integration-summary p { margin:0; font-size:15px; }
.integration-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.integration-details article { border:1px solid var(--line); border-radius:16px; padding:clamp(22px,3vw,36px); background:var(--white); }
.integration-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; }
.integration-heading h3 { margin:0; }
.site-page .integration-heading .platform-brand { font-size:24px; letter-spacing:-.02em; }
.site-page .integration-heading .platform-mark { width:28px; height:28px; }
.site-page .integration-formats { margin:18px 0 22px; color:var(--ink); font-size:18px; }
.integration-details dl { margin:0; }
.integration-details dl > div + div { margin-top:20px; }
.integration-details dt { font-size:13px; font-weight:600; margin-bottom:5px; }
.integration-details dd { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
.site-page .connection-steps { margin:0; }
.site-page .connection-steps p { font-size:15px; line-height:1.7; }
.site-page .support-shortcuts { border:1px solid #d9d3c6; border-radius:20px; padding:10px 26px; }
.site-page .support-shortcuts > a { min-height:106px; gap:18px; }
.site-page .support-shortcuts strong { font-size:18px; }
.site-page .support-shortcuts span { font-size:14px; }
.site-page .contact-section { gap:clamp(30px,5vw,80px); }
.site-page .contact-section p { max-width:57ch; }
.site-page .contact-section .button { background:var(--paper); color:var(--ink); border-color:var(--paper); }
.detail-email { display:inline-block; overflow-wrap:anywhere; min-height:44px; padding-block:10px; color:var(--paper); text-underline-offset:4px; }
.partner-visual { padding:22px; border-radius:22px; background:#e9e5db; border:1px solid #d9d3c6; }
.partner-image { width:100%; height:auto; aspect-ratio:1.55; object-fit:cover; border-radius:12px; display:block; }
.partner-flow { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:22px 2px 2px; }
.partner-flow > span { display:flex; align-items:center; gap:9px; font-size:15px; font-weight:600; }
.site-page .partner-flow .site-icon { width:20px; height:20px; color:#97472f; }
.site-page main > .detail-closing { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.detail-closing h2 { margin-bottom:12px; }
.detail-closing p { margin:0; max-width:55ch; }
.detail-actions { display:flex; flex-wrap:wrap; gap:12px; flex-shrink:0; }
.site-page main [id] { scroll-margin-top:24px; }
.site-page main a:focus-visible,.site-page main button:focus-visible,.site-page main summary:focus-visible { outline:3px solid #97472f; outline-offset:5px; }
.site-page .contrast-section a:focus-visible,.site-page .contrast-section button:focus-visible { outline-color:#f0c7ad; }
.site-page .platform-overview { padding:clamp(22px,3vw,40px); border:1px solid #d9d3c6; border-radius:22px; background:#e9e5db; }
.platform-overview nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
.platform-overview nav a { display:grid; align-content:center; gap:12px; min-height:114px; padding:20px; background:var(--paper); border:1px solid #d9d3c6; border-radius:12px; text-decoration:none; }
.platform-overview nav a:hover { border-color:#97472f; background:#fffdf9; }
.platform-overview small { color:var(--muted); font-size:12px; }
.platform-clients { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(20px,3vw,40px); }
.platform-clients article { min-width:0; border-top:2px solid #b98a70; padding-top:22px; }
.site-page .platform-clients .site-icon { width:28px; height:28px; color:#97472f; margin-bottom:18px; }
.platform-clients h3 { margin-bottom:12px; }
.platform-clients strong { font-size:15px; font-weight:600; line-height:1.5; display:block; }
.platform-clients p,.platform-benefits p,.platform-tips p { font-size:15px; line-height:1.7; margin:12px 0 0; }
.site-page.page-integrations .integration-details article { background:transparent; }
.site-page.page-integrations .integration-details h4 { font-size:18px; line-height:1.4; margin:0 0 10px; font-weight:600; }
.site-page.page-integrations .integration-details article > p:last-child { font-size:16px; line-height:1.7; margin:0; }
.platform-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(24px,5vw,72px); padding-top:clamp(32px,4vw,56px); }
.platform-benefits article { border-left:2px solid #b98a70; padding-left:24px; }
.site-page .platform-benefits .site-icon { color:#97472f; margin-bottom:14px; }
.site-page .platform-connection { gap:clamp(32px,5vw,80px); }
.site-page .platform-connection .section-copy > p { max-width:49ch; font-size:17px; line-height:1.7; }
.site-page .platform-connection .connection-steps { padding:clamp(20px,3vw,36px); border:1px solid #d9d3c6; border-top:3px solid #a44f35; border-radius:18px; background:#e9e5db; }
.site-page .platform-connection .connection-steps li { border-color:#ccc4b7; }
.site-page .platform-connection .step-number { color:#89402b; border-color:#c5b8a7; }
.site-page .platform-connection .connection-steps .site-icon { color:#89402b; }
.platform-tips { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,4vw,48px); }
.platform-tips article > span { display:block; font-size:13px; color:#97472f; margin-bottom:18px; }
.platform-tips h3,.platform-benefits h3 { font-size:20px; margin:0; }
@media (max-width:1023px) {
 .platform-clients { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .site-page .platform-connection { grid-template-columns:1fr; }
 .site-page main > .product-notifications { grid-template-columns:1fr; }
 .site-page .product-notifications .launch-entry { max-width:600px; justify-self:start; }
 .site-page .site-hero { grid-template-columns:1fr; gap:30px; }
 .site-page .site-hero h1 { max-width:22ch; }
 .site-page .hero-copy > p { max-width:64ch; }
 .site-page .product-map,.integration-map,.partner-visual { width:100%; max-width:720px; }
 .site-page main > .detail-availability { grid-template-columns:1fr; gap:26px; }
 .detail-availability > div > p { max-width:66ch; }
 .site-page main > .detail-closing { align-items:flex-start; flex-direction:column; }
}
@media (max-width:650px) {
 .platform-clients,.platform-benefits,.platform-tips { grid-template-columns:1fr; }
 .platform-overview nav a { padding:16px 12px; min-height:100px; }
 .site-page .platform-overview .platform-brand { font-size:16px; gap:8px; }
 .site-page .platform-overview .platform-mark { width:22px; height:22px; }
 .platform-overview small { font-size:11px; }
 .platform-tips article + article { border-top:1px solid var(--line); padding-top:24px; }
 .site-page .site-hero { padding-block:32px; }
 .site-page .site-hero h1 { font-size:clamp(33px,8.3vw,48px); max-width:20ch; }
 .site-page .hero-copy > p { font-size:16px; }
 .detail-nav nav { gap:2px 18px; }
 .detail-nav a { font-size:13px; }
 .site-page .stage-navigation { grid-template-columns:1fr; }
 .site-page .stage-navigation a { padding:18px 0; gap:14px; }
 .site-page .stage-navigation small { font-size:12px; }
 .detail-roadmap,.integration-summary,.integration-details { grid-template-columns:1fr; }
 .detail-roadmap { gap:24px; }
 .detail-roadmap article + article { border-top:1px solid var(--line); padding-top:24px; }
 .detail-roadmap article > .site-icon { margin-bottom:12px; }
 .integration-destinations > a { padding:14px 10px; }
 .site-page .integration-destinations .platform-brand { font-size:13px; gap:7px; }
 .site-page .integration-destinations .platform-mark { width:20px; height:20px; }
 .integration-summary { gap:22px; }
 .site-page .section-title { display:block; }
 .site-page .section-title > p { margin-top:16px; }
 .site-page .site-faq .faq-grid summary { font-size:16px; padding:18px; }
 .site-page .site-faq .faq-grid details > div { font-size:15px; padding:0 18px 20px; }
 .site-page .support-shortcuts { padding:4px 18px; }
 .site-page .support-shortcuts > a { min-height:100px; gap:12px; }
 .site-page .support-shortcuts strong { font-size:16px; }
 .site-page .support-shortcuts span { font-size:13px; }
 .partner-visual { padding:18px; }
 .partner-flow { gap:12px; }
 .partner-flow > span { font-size:13px; gap:6px; }
 .site-page .partner-flow .site-icon { width:17px; height:17px; }
 .detail-actions { flex-shrink:1; }
 .detail-actions > * { min-height:48px; }
}

.page-integrations .integration-capabilities { margin:24px 0 0; font-size:15px; line-height:1.65; }
.page-integrations .integration-capabilities div { margin-top:16px; }
.page-integrations .integration-capabilities dt { font-weight:600; }
.page-integrations .integration-capabilities dd { margin:4px 0 0; color:#62686b; }