/* Journey-local semantic tokens; shared marketing tokens override these fallbacks. */
.demo-journey{--demo-page:var(--page-bg,var(--color-page-bg,var(--white,#fff)));--demo-surface:var(--surface,var(--color-surface,var(--white,#fff)));--demo-surface-subtle:var(--surface-muted,var(--color-surface-muted,var(--mist,#e7efee)));--demo-text:var(--text,var(--color-text,var(--ink,#0d1b2a)));--demo-muted:var(--text-muted,var(--color-text-muted,var(--slate,#52616d)));--demo-line:var(--border,var(--color-border,var(--line,#cbd8d6)));--demo-accent:var(--accent,var(--color-accent,var(--teal,#20b2aa)));--demo-accent-strong:var(--accent-text,var(--color-accent-text,var(--teal-deep,#075b56)));--demo-accent-on:var(--on-accent,var(--color-on-cta,#062522));--demo-inverse:var(--inverse-surface,var(--color-inverse-surface,#0d1b2a));--demo-inverse-surface:var(--inverse-card-surface,var(--color-inverse-card-surface,#102638));--demo-inverse-text:var(--inverse-text,var(--color-on-inverse,#fff));--demo-inverse-muted:var(--inverse-text-muted,var(--color-on-inverse-muted,#d7e5e8));--demo-inverse-kicker:var(--inverse-kicker,var(--apricot,#ffdaa9));--demo-notice:var(--notice-surface,#fff8ed);--demo-confirm-surface:var(--confirm-surface,#e2f2ee);overflow:hidden;background:var(--demo-page);color:var(--demo-text)}
html[data-marketing-theme="dark"] .demo-journey{--demo-notice:var(--surface-muted,var(--color-surface-muted,#22343d));--demo-confirm-surface:var(--surface-muted,var(--color-surface-muted,#22343d));--demo-inverse-surface:var(--inverse-card-surface,#102a36)}
.demo-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,6vw,84px);align-items:center;padding:clamp(44px,8vw,100px) 0 58px}.demo-hero h1,.demo-problem h2,.demo-section-heading h2,.demo-mockup h2,.demo-responsibility h2,.demo-exceptions h2,.demo-outcome h2{margin:10px 0 16px;font-size:clamp(2rem,4.4vw,4rem);letter-spacing:-.05em;line-height:1.08}.demo-hero>div>p:not(.eyebrow){max-width:38rem;color:var(--demo-muted);font-size:1.08rem;line-height:1.8}.demo-hero .market-primary{margin-top:24px}.demo-hero figure{margin:0}.demo-hero img{width:100%;aspect-ratio:16/10;object-fit:cover;border-left:6px solid var(--demo-accent)}.demo-hero figcaption{margin-top:9px;color:var(--demo-muted);font-size:.78rem;line-height:1.55}.demo-concept{margin-bottom:clamp(52px,8vw,90px);padding:17px 20px;border-left:5px solid var(--apricot);background:var(--demo-notice);color:var(--demo-text);line-height:1.75}.demo-problem{max-width:850px;padding-bottom:clamp(60px,8vw,104px)}.demo-problem>p:last-child,.demo-mockup>div>p:last-child,.demo-exceptions p,.demo-outcome p{color:var(--demo-muted);line-height:1.85}.demo-flow{padding:clamp(60px,8vw,110px) 0;background:var(--demo-inverse);color:var(--demo-inverse-text)}.demo-flow .section-kicker{color:var(--demo-inverse-kicker)}.demo-section-heading{max-width:650px}.demo-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:38px 0 0;padding:1px;list-style:none;background:rgb(255 255 255 / 34%)}.demo-flow-grid li{min-height:240px;padding:22px;background:var(--demo-inverse-surface)}.demo-flow-grid span,.demo-responsibility-grid span{color:var(--demo-accent-strong);font-size:.72rem;font-weight:800;letter-spacing:.1em}.demo-flow-grid span{color:var(--demo-inverse-kicker)}.demo-flow-grid h3{margin:20px 0 11px;font-size:1.08rem;line-height:1.3}.demo-flow-grid p{margin:0;color:var(--demo-inverse-muted);font-size:.9rem;line-height:1.7}.demo-mockup{display:grid;grid-template-columns:minmax(0,.86fr) minmax(300px,.74fr);gap:clamp(34px,7vw,100px);align-items:center;padding:clamp(62px,9vw,116px) 0}.demo-device{display:grid;gap:12px;width:min(100%,420px);min-height:470px;margin-inline:auto;padding:16px;border:1px solid var(--demo-line);border-radius:25px;background:var(--demo-surface-subtle);box-shadow:14px 14px 0 var(--apricot)}.demo-device-top{display:flex;gap:5px;padding:3px}.demo-device-top i{width:8px;height:8px;border-radius:50%;background:var(--demo-line)}.demo-message{max-width:85%;padding:13px 14px;border-radius:14px;font-size:.83rem;line-height:1.55}.demo-message--person{justify-self:end;background:var(--demo-accent);color:var(--demo-accent-on);border-bottom-right-radius:3px}.demo-message--ai{background:var(--demo-surface);color:var(--demo-text);border:1px solid var(--demo-line);border-bottom-left-radius:3px}.demo-message--team{background:var(--demo-inverse);color:var(--demo-inverse-text);border-bottom-left-radius:3px}.demo-confirm{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border:1px solid var(--demo-accent-strong);background:var(--demo-confirm-surface);color:var(--demo-text);font-size:.83rem;font-weight:800}.demo-confirm b{font-size:1.2rem;color:var(--demo-accent-strong)}.demo-responsibility{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(34px,7vw,94px);padding:clamp(62px,9vw,112px) 0;border-top:1px solid var(--demo-line)}.demo-responsibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--demo-line);padding:1px}.demo-responsibility-grid article{padding:26px;background:var(--demo-surface-subtle)}.demo-responsibility-grid p{margin:17px 0 0;color:var(--demo-text);line-height:1.8}.demo-exceptions{padding:clamp(62px,9vw,112px) 0;background:var(--surface,var(--color-surface-subtle,var(--cloud,#f7f8f7)))}.demo-exceptions .market-wrap{max-width:850px}.demo-outcome{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,7vw,94px);padding:clamp(64px,9vw,116px) 0}.demo-outcome h2{font-size:clamp(1.6rem,3vw,2.55rem)}
/* Portrait assets are editorial in-page content; social cards retain their landscape image. */
.demo-hero img{aspect-ratio:4/5}
/* This footer is rendered with every journey: its small slogan needs AA too. */
.market-footer-promise span{color:var(--accent-text,var(--color-accent-text,#075b56))}
@media(max-width:980px){.demo-hero,.demo-mockup,.demo-responsibility,.demo-outcome{grid-template-columns:1fr}.demo-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-flow-grid li:last-child{grid-column:1/-1;min-height:0}.demo-hero figure{max-width:760px}.demo-device{margin-inline:0}}@media(max-width:640px){.demo-hero{padding-top:42px}.demo-flow-grid,.demo-responsibility-grid{grid-template-columns:1fr}.demo-flow-grid li,.demo-flow-grid li:last-child{grid-column:auto;min-height:0}.demo-device{min-height:0;padding:12px}.demo-message{max-width:92%}.demo-hero h1{font-size:clamp(2.25rem,11vw,3.35rem)}}