/* Marketing-only proof modules: actual Studio capture and actual Analytics UI. */
body[data-page="integrations"] .canonical-content,body[data-page="workflow"] .canonical-content{max-width:1280px}
body[data-page="integrations"] .canonical-content>h2,body[data-page="workflow"] .canonical-content>h2,
body[data-page="integrations"] .canonical-content>p,body[data-page="workflow"] .canonical-content>p{max-width:800px;margin-left:auto;margin-right:auto}
.product-proof{margin:24px 0 72px;min-width:0}
.product-proof .proof-eyebrow{font-size:11px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:#b45a32;line-height:1.4;margin:0 0 14px}
.product-proof h2{margin:0 0 24px;line-height:1.15;font-size:clamp(30px,3.2vw,44px);letter-spacing:-.035em}
.integration-proof{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:54px;align-items:center}
.integration-proof-copy{min-width:0}.integration-proof-copy>p:not(.proof-eyebrow){font-size:16px;line-height:1.8;margin-bottom:28px}
.embed-code-panel{background:#173044;color:#f7f6f2;border:1px solid #274258;border-radius:12px;overflow:hidden;box-shadow:0 10px 34px #132c4210}
.embed-code-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #ffffff18;font-size:11px;color:#d4dee5}
.embed-code-heading>span{letter-spacing:.05em}.embed-code-heading button{display:flex;align-items:center;gap:7px;color:#edf1f4;background:transparent;border:0;padding:5px 0;font:inherit;cursor:pointer;min-width:0;white-space:nowrap}
.embed-code-heading svg{width:16px;height:16px;flex:none}.embed-code-heading button:hover{color:#f4bc94}.embed-code-heading button:focus-visible{outline:2px solid #f4bc94;outline-offset:5px;border-radius:3px}
.embed-code-panel pre{margin:0;padding:22px 18px 10px;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.embed-code-panel code{color:inherit}.proof-copy-status{display:block;min-height:22px;padding:0 18px 7px;color:#f3bd97;font-size:11px;line-height:1.4}
.proof-labels{display:flex;flex-wrap:wrap;gap:10px 16px;list-style:none!important;padding:0!important;margin:20px 0 0!important}
.proof-labels li{position:relative;padding-left:11px;font-size:11px;color:#61717c;line-height:1.6;margin:0!important}.proof-labels li:before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#c5845e}
.product-proof figure{margin:0;min-width:0}.product-proof picture,.product-proof img{display:block;width:100%;height:auto}
.studio-proof-frame{position:relative;border:1px solid #d9dfdf;border-radius:13px;overflow:hidden;background:#f3f3ed;box-shadow:0 20px 54px #15304716}
.studio-host-soften{position:absolute;inset:0 auto 0 0;width:40.54%;background:#132c420a;backdrop-filter:blur(.85px);pointer-events:none;border-right:1px solid #f5f3ef20}
.product-proof figcaption{color:#657681;font-size:11px;line-height:1.6;margin-top:15px;text-align:center}
.analytics-proof{margin-top:56px}.analytics-proof-copy{max-width:800px;margin:0 auto 32px}.analytics-proof-copy p{font-size:16px;line-height:1.85}.analytics-proof-copy>p:last-child{font-weight:500;color:#18364c}
.analytics-proof-visual{max-width:1100px;margin:0 auto!important}.analytics-proof-frame{padding:18px;border-radius:20px;border:1px solid #e6dfd6;background:linear-gradient(145deg,#faf8f3,#f0e6d8);box-shadow:0 22px 60px #17304410}
.analytics-proof-frame img{border-radius:10px}.analytics-proof-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:0 6px}.proof-demo-label{font-size:10px;color:#7d807d;white-space:nowrap}
@media(max-width:1000px){.integration-proof{grid-template-columns:1fr;gap:32px;max-width:760px;margin-inline:auto}.integration-proof-copy{max-width:640px}.studio-proof-visual{max-width:650px!important;margin:0 auto!important;width:100%}.integration-proof-copy>p:not(.proof-eyebrow){max-width:610px}.product-proof{margin-bottom:54px}}
@media(max-width:600px){.product-proof{margin-top:12px;margin-bottom:42px}.product-proof h2{font-size:32px;margin-bottom:20px}.integration-proof{gap:28px}.integration-proof-copy>p:not(.proof-eyebrow),.analytics-proof-copy p{font-size:15px}.embed-code-panel pre{font-size:11px;padding:18px 14px 8px}.embed-code-heading{padding:12px 14px}.proof-copy-status{padding-inline:14px}.proof-labels{gap:8px 14px}.studio-host-soften{display:none}.studio-proof-frame{border-radius:10px}.analytics-proof{margin-top:44px}.analytics-proof-copy{margin-bottom:24px}.analytics-proof-frame{padding:8px;border-radius:14px}.analytics-proof-visual figcaption{display:block;text-align:left;line-height:1.7}.proof-demo-label{display:block;white-space:normal;margin-top:5px}.product-proof figcaption{font-size:11px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.product-proof *{transition:none}}

/* Three concise workflow proofs; the existing Analytics presentation stays full width. */
.workflow-proof{display:grid;grid-template-columns:minmax(0,.58fr) minmax(0,.42fr);gap:44px;align-items:center;margin:64px 0}
.workflow-proof-copy{min-width:0}.workflow-proof .workflow-proof-copy h2{font-size:clamp(28px,2.8vw,38px);margin:0 0 16px;line-height:1.2;letter-spacing:-.025em}
.workflow-proof-copy p:last-child{margin-bottom:0}.workflow-proof-frame{border-radius:12px;box-shadow:0 14px 38px #15304710}
.workflow-proof figure{width:100%;max-width:470px;justify-self:end}
.workflow-proof[data-workflow-proof="pages"] figure{max-width:393px}
@media(max-width:1000px){.workflow-proof{grid-template-columns:1fr;gap:26px;margin:48px 0}.workflow-proof figure{max-width:640px;justify-self:center}}
@media(max-width:600px){.workflow-proof{gap:22px;margin:38px 0}.workflow-proof figure{max-width:none}.workflow-proof-frame{border-radius:10px}}