/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4
 * v17: contextual product stories; scoped to the twenty approved inner routes. */
.inner-page{
 --im-paper:#fff;--im-canvas:#f7f9fd;--im-ink:#17243e;--im-muted:#5d6d85;
 --im-line:#dbe3f0;--im-brand:#333bfa;--im-brand-soft:#edf0ff;
 --im-green:#138669;--im-green-soft:#e6f5ef;--im-mint:#7be4c7;
 --im-warn:#ad5738;--im-warn-soft:#fff0e7;--im-night:#111c31;--im-night-soft:#1d2a42;
 --im-night-line:#34445f;--im-white-muted:#c3cee2;--im-shadow:#27386d1a;
 --im-shadow-strong:#22366026;--im-font:var(--font);
 background:var(--im-paper);color:var(--im-ink);font-family:var(--im-font);
}
html:has(.inner-page),body.inner-page{overflow-x:clip}
.inner-page main{overflow:clip}
.inner-page .container{width:min(1240px,calc(100% - 80px));max-width:1240px}
.inner-page nav.inner-breadcrumb{position:static;inset:auto;transform:none;width:auto;max-width:none;height:auto;min-height:0;margin:0;padding:32px 0 0;font-size:13px;color:var(--im-muted);gap:8px;display:flex;flex-direction:row;flex-wrap:wrap;background:transparent;box-shadow:none;border:0;border-radius:0;z-index:auto;overflow:visible}
.inner-page nav.inner-breadcrumb a{padding:0;min-height:0;display:inline;background:transparent;border:0;border-radius:0;box-shadow:none}
.inner-page .inner-hero{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:56px;padding:36px 0 80px;align-items:center}
.inner-page .inner-copy h1{font-size:clamp(36px,3.7vw,54px);line-height:1.12;letter-spacing:-.045em;margin:0 0 24px;text-wrap:balance;overflow-wrap:anywhere}
.inner-page .inner-lead{font-size:18px;line-height:1.75;margin-bottom:26px;color:var(--im-muted)}
.inner-page .inner-copy .actions{gap:12px;flex-wrap:wrap}
.inner-page .inner-copy .button{font-size:16px;padding:15px 20px;white-space:nowrap;min-height:50px}
.inner-page .inner-jump{color:var(--im-green);text-decoration:underline;text-underline-offset:6px;font-size:15px;margin-top:24px}
.inner-page .inner-product{position:relative;background:var(--im-canvas);border:1px solid var(--im-line);border-radius:26px;padding:26px;box-shadow:0 28px 64px -25px var(--im-shadow-strong);margin:0;isolation:isolate;min-width:0}
.scene-heading{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.scene-category{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--im-brand)}
.scene-heading>strong{font-size:24px;line-height:1.25;letter-spacing:-.025em;font-weight:600}
.scene-subject,.scene-template{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--im-brand-soft);border-radius:14px;margin-bottom:18px}
.scene-subject>div,.scene-template>div{min-width:0;display:grid;gap:5px}
.scene-subject strong,.scene-template strong{font-size:16px;line-height:1.35}
.scene-subject span,.scene-template span{font-size:13px;line-height:1.5;color:var(--im-muted)}
.scene-subject-icon{width:40px;height:40px;flex-shrink:0}
.inner-page .scene-channel{width:24px;height:24px;object-fit:contain;flex:none}
.scene-conversation{background:var(--im-paper);border:1px solid var(--im-line);padding:20px;border-radius:18px;box-shadow:0 8px 18px -12px var(--im-shadow-strong)}
.scene-person{display:flex;align-items:center;gap:11px}
.inner-page .scene-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none}
.scene-person>div{display:grid;gap:4px;flex:1}
.scene-person strong{font-size:15px}
.scene-person span{font-size:12px;color:var(--im-muted)}
.scene-message{margin:14px 0 10px;padding:14px 16px;border-radius:3px 14px 14px 14px;background:var(--im-canvas);font-size:16px;line-height:1.6;color:var(--im-ink)}
.scene-assignment{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--im-green);font-size:12px;margin:14px 0}
.scene-assignment>span{font-size:17px;font-weight:700}
.scene-response>div{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-bottom:9px}
.scene-response>div .scene-avatar{width:24px;height:24px;order:3}
.scene-response strong{font-size:13px;font-weight:600}
.scene-response>div span{font-size:12px;color:var(--im-muted)}
.scene-response>p{font-size:15px;line-height:1.65;padding:14px 16px;margin:0 0 0 28px;background:var(--im-brand);color:var(--im-paper);border-radius:14px 3px 14px 14px}
.scene-record{padding:18px 4px 0}
.scene-record>strong{font-size:13px;font-weight:600;color:var(--im-muted)}
.scene-record dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.scene-record dl>div{border-right:1px solid var(--im-line);padding-right:8px;min-width:0}
.scene-record dl>div:last-child{border:0}
.scene-record dt{font-size:11px;line-height:1.5;color:var(--im-muted);margin-bottom:6px}
.scene-record dd{margin:0;font-size:13px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}
.scene-next{background:var(--im-green-soft);border-left:3px solid var(--im-green);padding:11px 14px;display:grid;gap:5px;border-radius:0 8px 8px 0}
.scene-next>span{color:var(--im-green);font-size:11px;font-weight:600}
.scene-next>strong{font-size:13px;line-height:1.5;font-weight:500}
.inner-page .inner-product figcaption{font-size:11px;margin-top:14px;color:var(--im-muted)}
.scene-accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
.account-row{display:flex;align-items:flex-start;gap:6px;padding:12px 9px;border-radius:10px;background:var(--im-paper);border:1px solid var(--im-line);position:relative}
.account-row .scene-channel{width:21px;height:21px}
.account-row>span{font-size:11px;line-height:1.4;font-weight:600}
.account-row small{display:block;color:var(--im-green);font-size:10px;margin-top:5px;font-weight:400}
.account-row i{display:none}
.scene-handover{display:flex;gap:10px;align-items:center;padding:14px;background:var(--im-brand-soft);border-radius:14px;margin-bottom:18px;flex-wrap:wrap}
.scene-handover>span{font-size:14px;font-weight:600}
.scene-handover>b{color:var(--im-brand);margin:0 4px}
.scene-handover>small{font-size:11px;margin-left:auto;color:var(--im-muted)}
.scene-template>.scene-channel{width:34px;height:34px}
.inner-page .context-editorial{padding:0 0 80px}
.context-editorial>.eyebrow{color:var(--im-muted);font-size:13px;letter-spacing:.07em;margin-bottom:22px}
.inner-page .context-editorial>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 42px}
.inner-page .context-editorial article{display:block;padding:24px 0;border-top:1px solid var(--im-line);min-width:0}
.inner-page .context-editorial .context-primary{grid-row:span 2;padding:26px;background:var(--im-canvas);border:1px solid var(--im-line);border-radius:18px}
.context-signal{display:flex;align-items:center;gap:9px;margin-bottom:20px;flex-wrap:wrap}
.context-signal>span{font-size:13px;font-weight:600}
.context-signal>b{font-size:11px;font-weight:500;color:var(--im-warn);background:var(--im-warn-soft);padding:5px 8px;border-radius:5px;margin-left:auto}
.inner-page .context-primary>p{font-size:21px;line-height:1.55;font-weight:500;color:var(--im-ink);letter-spacing:-.02em}
.context-question{margin-top:22px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--im-line);padding-top:20px}
.context-question>span{font-size:14px;line-height:1.6;color:var(--im-muted)}
.inner-page .context-secondary>p{font-size:18px;line-height:1.7;color:var(--im-muted)}
.inner-page .inner-workflow{background:var(--im-night);padding:72px 0;color:var(--im-paper)}
.inner-page .inner-heading{max-width:900px;margin-bottom:40px}
.inner-page .inner-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.2;max-width:870px;margin:12px 0 0}
.inner-page .inner-workflow .eyebrow{color:var(--im-mint);font-size:12px;letter-spacing:.08em}
.inner-page .inner-workflow-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:42px;align-items:center}
.flow-panels{min-width:0;background:var(--im-night-soft);border:1px solid var(--im-night-line);border-radius:20px;padding:20px}
.flow-panel{margin:0;min-width:0}
.flow-panel[hidden]{display:none!important}
.flow-image{height:420px;display:flex;align-items:center;justify-content:center}
.flow-image .flow-shot{max-height:100%;width:100%;height:100%;object-fit:contain}
.flow-image>.flow-shot[hidden]{display:none}
.inner-remotion{width:100%;min-width:0;border-radius:12px;overflow:clip}
.inner-page .flow-panel figcaption{display:flex;text-align:left;gap:15px;border-top:1px solid var(--im-night-line);padding:20px 0 0;margin-top:18px;min-height:74px;align-items:flex-start}
.flow-panel figcaption>span{white-space:nowrap;font-size:11px;color:var(--im-mint);padding-top:3px}
.flow-panel figcaption>strong{font-size:15px;line-height:1.6;font-weight:500;color:var(--im-white-muted)}
.inner-page .inner-steps article{display:block;border-bottom:1px solid var(--im-night-line);padding:0 0 14px;margin-bottom:14px;min-width:0}
.workflow-step>button{display:flex;gap:13px;align-items:center;width:100%;text-align:left;color:var(--im-white-muted);background:none;border:0;padding:10px 0;font-size:20px;font-weight:500;line-height:1.4}
.workflow-step .flow-number{font-size:12px;color:var(--im-white-muted);align-self:center}
.workflow-step .flow-arrow{margin-left:auto;opacity:0;color:var(--im-mint);font-size:22px}
.workflow-step.is-active>button,.workflow-step>button:hover{color:var(--im-mint)}
.workflow-step.is-active .flow-arrow,.workflow-step>button:hover .flow-arrow{opacity:1}
.inner-page .workflow-step>p{font-size:15px;color:var(--im-white-muted);line-height:1.65;padding-left:30px;max-width:500px}
.inner-page .workflow-step.is-active>p{color:var(--im-paper)}
.workflow-step>button:focus-visible{outline:2px solid var(--im-mint);outline-offset:5px;border-radius:4px}
.inner-page .inner-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 60px;padding-block:80px;align-items:center}
.inner-page .inner-details h2{font-size:36px;line-height:1.2;margin-top:0}
.inner-page .inner-details h3{font-size:21px;line-height:1.45}
.inner-page .inner-details>div>p{font-size:17px;line-height:1.7;color:var(--im-muted)}
.inner-page .inner-details figure{border:1px solid var(--im-line);background:var(--im-canvas);padding:18px;margin:0;box-shadow:none}
.inner-page .inner-details figure img{max-height:440px;width:100%;height:auto;object-fit:contain}
.inner-page .inner-details ul{align-self:start;padding-top:8px;grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.inner-page .inner-details li{padding:24px 0;border-color:var(--im-line)}
.inner-page .cap-check{background:transparent;color:var(--im-green);border:none;border-radius:0;display:block;width:20px;height:auto;font-size:23px;line-height:1.4}
.inner-page .inner-details li h3{font-size:20px}
.inner-page .inner-details li p{font-size:16px;color:var(--im-muted)}
.inner-page .inner-faq{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:64px;padding-block:48px 72px}
.inner-page .inner-faq h2{font-size:34px;margin-top:10px}
.inner-page .inner-faq summary{font-size:18px;line-height:1.6;padding-right:12px}
.inner-page .inner-closing{background:var(--im-brand-soft);border-color:var(--im-line);padding:36px 40px;border-radius:20px}
.inner-page .inner-closing h2{font-size:32px}
.inner-page .inner-closing .inner-channels{background:var(--im-paper);border:1px solid var(--im-line);box-shadow:0 8px 20px var(--im-shadow);flex-shrink:0;gap:13px;padding:20px;max-width:210px}
.inner-page .inner-related a{color:var(--im-green);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
@media(min-width:1450px){.inner-page .inner-hero{gap:72px}.inner-page .inner-copy h1{font-size:56px}}
@media(max-width:1100px){.inner-page .container{width:calc(100% - 48px)}.inner-page .inner-hero{gap:28px}.inner-page .inner-copy h1{font-size:40px}.inner-page .inner-product{padding:20px}.scene-heading>strong{font-size:21px}.scene-record dl{gap:7px}.inner-page .inner-workflow-grid{gap:28px}.flow-image{height:300px}.inner-page .inner-details{gap:40px}.scene-handover>small{flex-basis:100%;margin-left:0}}
@media(max-width:850px){.inner-page .inner-hero{grid-template-columns:minmax(0,1fr);padding-top:28px;gap:36px}.inner-page .inner-copy{max-width:700px}.inner-page .inner-copy h1{font-size:46px}.inner-page .inner-product{max-width:660px;width:100%;margin-inline:auto;padding:28px}.inner-page .inner-workflow-grid{grid-template-columns:minmax(0,1fr)}.flow-image{height:380px}.inner-page .inner-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px}.inner-page .inner-details{grid-template-columns:minmax(0,1fr);gap:20px}.inner-page .inner-details ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.inner-page .inner-faq{grid-template-columns:minmax(0,1fr);gap:0}.scene-handover>small{flex-basis:auto;margin-left:auto}}
@media(max-width:600px){.inner-page .container{width:calc(100% - 36px)}.inner-page .inner-breadcrumb{font-size:12px;padding-top:24px}.inner-page .inner-copy h1{font-size:36px;line-height:1.16}.inner-page .inner-lead{font-size:17px;line-height:1.7}.inner-page .inner-copy .button{font-size:14px;padding:14px 16px}.inner-page .inner-product{padding:18px 14px;border-radius:20px}.scene-heading{padding-inline:4px;margin-bottom:17px}.scene-heading>strong{font-size:21px}.scene-category{font-size:10px}.scene-conversation{padding:15px}.scene-message{font-size:15px;padding:12px}.scene-response>p{font-size:14px;padding:12px;margin-left:14px}.scene-subject,.scene-template{padding:13px 12px}.scene-subject strong,.scene-template strong{font-size:14px}.scene-subject span,.scene-template span{font-size:12px}.scene-record dl{grid-template-columns:minmax(0,1fr);gap:0}.scene-record dl>div{display:flex;justify-content:space-between;gap:12px;border-right:0;border-bottom:1px solid var(--im-line);padding:9px 0}.scene-record dt{margin:0;font-size:12px}.scene-record dd{text-align:right;font-size:12px;max-width:54%}.scene-record{padding-top:16px}.scene-accounts{grid-template-columns:minmax(0,1fr)}.account-row{padding:10px 12px;align-items:center;gap:10px}.account-row>span{display:flex;flex:1;justify-content:space-between;align-items:center;font-size:12px;gap:10px}.account-row small{margin:0;font-size:11px}.scene-handover{gap:8px;padding:12px}.scene-handover>small{flex-basis:100%;margin:0}.inner-page .scene-handover .scene-avatar{width:30px;height:30px}.inner-page .context-editorial>div{grid-template-columns:minmax(0,1fr);gap:0}.inner-page .context-editorial .context-primary{padding:20px;grid-row:auto;margin-bottom:10px}.inner-page .context-primary>p{font-size:20px}.context-signal>b{margin-left:0}.inner-page .context-secondary>p{font-size:17px}.inner-page .inner-hero,.inner-page .context-editorial{padding-bottom:48px}.inner-page .inner-workflow{padding:48px 0}.inner-page .inner-heading{margin-bottom:28px}.inner-page .inner-heading h2{font-size:29px}.flow-panels{padding:14px}.flow-image{height:280px}.inner-page .flow-panel figcaption{gap:12px;min-height:90px}.flow-panel figcaption>strong{font-size:14px}.inner-page .inner-steps{grid-template-columns:minmax(0,1fr);gap:0}.workflow-step>button{font-size:19px}.inner-page .inner-details{padding-block:48px}.inner-page .inner-details h2{font-size:29px}.inner-page .inner-details ul{grid-template-columns:minmax(0,1fr)}.inner-page .inner-details figure{padding:14px}.inner-page .inner-faq{padding-block:24px 48px}.inner-page .inner-faq h2{font-size:28px}.inner-page .inner-faq summary{font-size:17px}.inner-page .inner-closing{padding:24px}.inner-page .inner-closing h2{font-size:28px}.inner-page .inner-closing .button{font-size:14px;padding:14px 16px;white-space:nowrap}.inner-page .inner-closing .inner-channels{max-width:100%;width:fit-content;gap:13px;padding:15px}.inner-page .inner-closing .inner-channels img{width:27px;height:27px}.inner-page .inner-related>div{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.inner-page *, .inner-page *:before,.inner-page *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* v18 · Typography aligned with existing site pages */
:root{--font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
body,button,input,select,textarea,.pain-art{font-family:var(--font)}
h1,h2,h3{font-weight:700!important;letter-spacing:normal!important;text-wrap:balance}
.scene-heading>strong,.inner-page .context-primary>p{letter-spacing:normal}
/* v18 · Section headings on one line where they fit (desktop) */
@media(min-width:1280px){.journey .section-head,.integrations .section-head{max-width:1200px}.journey .section-head>p,.integrations .section-head>p{max-width:760px;margin-left:auto;margin-right:auto}.inner-page .inner-heading,.inner-page .inner-heading h2,.inner-heading,.inner-heading h2{max-width:none}}
/* v18 · Inner-page heading sizes aligned with existing site pages (H1 40px, H2 32px scale) */
.inner-page .inner-copy h1,.inner-copy h1{font-size:clamp(32px,3vw,44px);line-height:1.18}
.inner-page .inner-heading h2,.inner-heading h2,.inner-details h2,.inner-faq h2,.inner-closing h2{font-size:clamp(26px,2.4vw,34px);line-height:1.22}

/* v18 · Inner pages: less repeated content */
.inner-page .inner-hero .scene-record,.inner-page .inner-hero .scene-next{display:none}
.inner-page .context-primary .context-question{display:none}
@media(min-width:1024px){.inner-page .inner-details ul:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}