/* One optical viewport: the clear area beneath the collapsed navigation. */
:root{--scene-head:70px;--scene-room:calc(100svh - var(--scene-head))}
@media(max-width:760px){:root{--scene-head:68px}}
@media(min-width:1100px) and (min-height:720px){
 .journey-row:not(.row-3){min-height:0;display:flex;align-items:center;padding:65px 0}
 .journey-stage{position:relative;top:auto;min-height:0;width:100%}
 .journey-row.row-3{min-height:0;display:flex;flex-direction:column;justify-content:center;padding:65px 0}
 .row-3 .task-detail-crop{width:100%}
}
.agents-section:not(.agent-static) .agents-sticky{top:var(--scene-anchor,100px)}
.fd-motion .fd-sticky{padding-top:var(--scene-head);padding-bottom:0;overflow:visible}
.crm-chapter{position:relative;isolation:isolate}
.crm-chapter>.fd-section{margin:0;background:#fff;z-index:1}
.crm-chapter.is-stacked>.fd-section{position:sticky;top:var(--photo-pin,0px)}
.crm-chapter.is-stacked>#pricing{position:sticky;top:0;z-index:2}
.crm-chapter.is-stacked>#knowledge{position:sticky;top:var(--knowledge-pin,0px);z-index:3}
.crm-chapter.is-stacked>#contact{position:sticky;top:0;z-index:4}
.crm-chapter>#pricing,.crm-chapter>#knowledge,.crm-chapter>#contact{background:#fff;margin:0;max-width:none;width:100%;box-sizing:border-box;border-radius:var(--sheet-corner,0px) var(--sheet-corner,0px) 0 0;box-shadow:0 -16px 45px #11220b07}
.crm-chapter>#pricing{min-height:100svh;padding:var(--scene-head) max(5vw,24px) 0;gap:6vw;grid-template-columns:1fr 1fr;align-content:center}
.crm-chapter>#pricing>.monthly-price{justify-self:end}.crm-chapter>#pricing>.price-copy{max-width:580px;justify-self:start}
.crm-chapter>#knowledge{min-height:100svh;padding:var(--scene-head) 0 0;display:flex;align-items:center;justify-content:center}
.showcase-composition{position:relative;box-sizing:border-box;width:min(1320px,100%);padding:0 70px;margin:auto;zoom:var(--showcase-fit,1)}
#knowledge .showcase-panels{min-height:0}#knowledge .slide-lines{margin:22px auto 0}
#knowledge .showcase-arrow{top:calc(50% - 27px)}
.crm-chapter>#contact{min-height:100svh;padding:var(--scene-head) 24px 0;display:flex;justify-content:center;align-items:center;overflow:hidden}
.crm-chapter>#contact .closing-field{clip-path:none}.crm-chapter>#contact .closing-copy{width:100%;will-change:transform}
.stack-rest{height:24svh;pointer-events:none}
.crm-chapter:not(.is-stacked) .stack-rest{display:none}
@media(max-width:1099px){.showcase-composition{padding:20px 60px}.crm-chapter>#knowledge{padding-bottom:35px}.crm-chapter>#pricing{gap:40px}.crm-chapter>#pricing>.monthly-price{justify-self:center}.crm-chapter>#pricing>.price-copy{justify-self:center}}
@media(max-width:760px){
 .showcase-composition{padding:28px 38px 24px}.crm-chapter>#knowledge{padding-bottom:0}
 .crm-chapter>#pricing{padding:calc(var(--scene-head) + 45px) 24px 45px;justify-content:center;align-items:center;gap:38px}
 .crm-chapter>#pricing .price-copy{width:100%;max-width:400px}.crm-chapter>#pricing .monthly-price{align-self:center}
 .fd-motion .fd-sticky{padding-top:var(--scene-head);padding-bottom:0;gap:15px;overflow:clip}
 .stack-rest{height:18svh}
 #knowledge .showcase-arrow{top:calc(50% - 22px)}
}
@media(max-width:380px){.showcase-composition{padding-inline:33px}}
@media(prefers-reduced-motion:reduce),(max-height:620px){
 .crm-chapter>.fd-section,.crm-chapter>#pricing,.crm-chapter>#knowledge,.crm-chapter>#contact{position:relative!important;top:auto!important;border-radius:0!important;box-shadow:none}
 .stack-rest{display:none}.crm-chapter>#pricing{min-height:0;padding-block:80px}.crm-chapter>#knowledge{min-height:0;padding-block:40px}.crm-chapter>#contact{min-height:80svh;padding-block:80px}.fd-motion .fd-sticky{padding-block:80px}
}
/* The canvas includes transparent lower overscan; centre the photographed silhouette. */
@media(min-width:761px){.fd-motion .fd-stage{transform:translateY(3.9%)}}
.crm-chapter>#pricing{grid-template-columns:max-content minmax(0,510px);justify-content:center;gap:clamp(45px,6vw,100px)}
.showcase-composition{padding-bottom:54px}
#knowledge .showcase-nav{position:absolute;left:50%;top:var(--active-nav-top);transform:translateX(-50%);margin:0;width:min(420px,75%)}
@media(max-width:1099px){.showcase-composition{padding-bottom:74px}}
@media(max-width:760px){.crm-chapter>#pricing{gap:38px}.showcase-composition{padding-bottom:78px}}
html:not(.js) .crm-chapter>#knowledge{display:block;padding:80px 24px}html:not(.js) #knowledge .showcase-nav{position:static;transform:none;margin:24px auto}
.fd-motion .fd-sticky{overflow:clip}
@media(max-width:1099px){
 .is-stacked #knowledge .showcase-arrow{position:fixed;top:calc((100svh + var(--scene-head))/2 - 27px);visibility:hidden}
 .is-stacked #knowledge.is-in-view .showcase-arrow{visibility:visible}
}
@media(max-width:760px){.is-stacked #knowledge .showcase-arrow{top:calc((100svh + var(--scene-head))/2 - 22px)}}

/* Hold each complete sheet before the next surface starts entering. */
.crm-chapter.is-stacked>#pricing+.stack-rest,.crm-chapter.is-stacked>#knowledge+.stack-rest{height:90svh}
/* One transform owner: live spring angle, including hover and focus targets. */
#contact .closing-charm{--charm-angle:-7deg;transform:rotate(var(--charm-angle));transition:box-shadow .22s ease}
#contact .closing-charm:nth-child(2){--charm-angle:7deg}
#contact .closing-charm:hover,#contact .closing-charm:focus-visible{transform:rotate(var(--charm-angle));box-shadow:inset 2px 3px 3px #fff,inset -2px -3px 4px #85968b38,inset 0 0 0 4px #ffffff3d,5px 15px 25px -13px #18351b40,0 0 0 1px #73f63965,0 0 25px 3px #73f63936}
.monthly-price .flap-price{display:grid;grid-template-columns:max-content max-content;column-gap:12px;row-gap:18px;align-items:center}
.price-caption{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap;font-family:inherit;font-size:clamp(12px,1.35vw,23px);font-weight:400;line-height:1.25;letter-spacing:0}
.monthly-price .price-caption small{margin:0;color:#999;font:inherit}
.price-promotion{font:inherit;color:#fff;background:#e53535;border-radius:6px;padding:5px 8px;opacity:1;transition:opacity .22s ease}
.js .price-promotion:not(.is-visible){opacity:0}
@media(max-width:760px){.price-caption{font-size:12px;gap:6px}.price-promotion{padding:4px 5px}.monthly-price .flap-price{column-gap:8px;row-gap:14px}}

/* Reserve only the scroll distance consumed by four stationary reading intervals. */
.journey{padding-bottom:calc(45px + var(--journey-hold-space,0px))}
.journey-track{position:relative;display:flow-root}
@media(max-width:760px){.journey{padding-bottom:calc(20px + var(--journey-hold-space,0px))}}
@media(max-width:760px){
 .journey-row{padding-block:28px}
 .row-3 .chat-story-heading{width:calc(100% - 100px);max-width:none;margin-left:0;align-self:flex-start;text-align:left}
 .row-3 .chat-story-heading h2{font-size:clamp(18px,5vw,24px);line-height:1.3}
 .row-3 .chat-story-heading p{font-size:12px;line-height:1.65}
}

.row-1 .tt-column__cards{padding-bottom:calc((1 - var(--land,0)) * (var(--arrival-height,180px) + 10px))}



/* Same masked scroll-edge blur as the start page (../styles.css). */
.scroll-edge{position:fixed;left:0;right:0;pointer-events:none;z-index:20;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.scroll-edge-top{top:0;height:105px;mask-image:linear-gradient(#000,#000b 28%,transparent);-webkit-mask-image:linear-gradient(#000,#000b 28%,transparent)}
.scroll-edge-bottom{bottom:0;height:90px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);mask-image:linear-gradient(transparent,#0007);-webkit-mask-image:linear-gradient(transparent,#0007)}
@media(max-width:767px){.scroll-edge-top{height:80px}.scroll-edge-bottom{height:65px}}
@media(prefers-reduced-motion:reduce){.scroll-edge-bottom{display:none}}
@media(prefers-reduced-transparency:reduce){.scroll-edge{display:none}}

@media(max-width:480px){.price-caption{font-size:11px;gap:4px}}

/* Native text selection follows the same green as the Markdown workspace. */
::selection{background:var(--green,#73f639);color:#080a0f}

.journey-item:focus-visible{outline:2px solid var(--green,#73f639);outline-offset:3px}