/* Shared feature chapters retain the captured, independent component scenes. */
.lp-flow-section.caen-feature-group{display:block;padding-top:72px;padding-bottom:72px;}
.caen-feature-inner{position:relative;z-index:1;width:100%;max-width:var(--caen-content-max);margin-inline:auto;}
.caen-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px;}
.caen-feature-block{position:relative;min-width:0;display:flex;flex-direction:column;gap:0;padding-top:24px;border-top:1px solid var(--caen-border);}
.caen-feature-group .lp-flow-copy{display:flex!important;flex-direction:column!important;max-width:none!important;width:100%;min-width:0;padding:0;}
.caen-feature-group .caen-audio-heading,.caen-feature-group .caen-audio-details{display:contents;}
.caen-feature-group .lp-flow-copy h3{font-family:var(--font-sans)!important;font-size:clamp(22px,2vw,26px)!important;font-weight:800!important;line-height:1.18!important;letter-spacing:-.035em!important;margin:0!important;color:var(--caen-text)!important;text-wrap:balance;}
.caen-feature-group .lp-flow-copy h3 span{color:var(--caen-accent-ink)!important;}
.caen-feature-group .lp-flow-copy p{font-size:14px!important;line-height:1.65!important;margin:14px 0 0!important;color:var(--caen-muted)!important;text-wrap:pretty;}
.caen-feature-group .lp-flow-visual{max-width:500px;width:100%;margin:12px auto 0;}
.caen-feature-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;margin-top:4px;}
.caen-feature-wide .lp-flow-visual{margin-top:0;}
.caen-feature-wide [data-k="444:1"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin-top:20px!important;}
.caen-feature-wide [data-k="444:1"]>div{padding:0!important;border:0!important;gap:10px!important;}
.caen-feature-wide [data-k="444:1"]>div>span{width:32px!important;height:32px!important;border-radius:9px!important;box-shadow:none!important;}
.caen-feature-wide [data-k="444:1"] svg{width:16px!important;height:16px!important;}
.caen-feature-wide [data-k="444:1"]>div>div>div:first-child{font-size:13px!important;line-height:1.4!important;}
.caen-feature-wide [data-k="444:1"]>div>div>div:last-child{font-size:12px!important;line-height:1.55!important;}
.caen-feature-action{display:flex;justify-content:center;margin-top:28px;}
.caen-feature-action a{max-width:100%;font-size:13px;}
@media(max-width:980px){.caen-feature-grid{gap:24px;}.caen-feature-wide{gap:24px;}.caen-feature-wide [data-k="444:1"]{grid-template-columns:minmax(0,1fr);}}
@media(max-width:700px){.lp-flow-section.caen-feature-group{padding:52px 20px;}.caen-feature-grid{grid-template-columns:minmax(0,1fr);gap:22px;}.caen-feature-block{padding-top:20px;}.caen-feature-wide{display:flex;grid-column:auto;gap:0;margin:0;}.caen-feature-group .lp-flow-copy h3{font-size:22px!important;}.caen-feature-group .lp-flow-copy p{font-size:13px!important;}.caen-feature-wide [data-k="444:1"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;}.caen-feature-wide .lp-flow-visual{margin-top:14px;}.caen-feature-action{margin-top:24px;}.caen-feature-action a{font-size:12px;gap:8px;padding:12px 10px 12px 18px;}}
@media(max-width:360px){.caen-feature-wide [data-k="444:1"]{grid-template-columns:minmax(0,1fr);}}

/* Vertical scroll moves the feature rail; each captured scene keeps its own state. */
.caen-feature-mobile-label{display:none;}
.caen-feature-single{grid-template-columns:minmax(0,1fr);max-width:900px;margin-inline:auto;}
.caen-feature-single .lp-flow-copy{text-align:center;}
.caen-horizontal[data-horizontal-ready]{position:relative;isolation:isolate;background:#09090b;}
.caen-horizontal[data-horizontal-ready] .caen-horizontal-viewport{position:relative;width:100%;height:var(--caen-horizontal-height);overflow:hidden;touch-action:pan-y;}
.caen-horizontal[data-horizontal-ready] .caen-horizontal-track{position:relative;display:flex;width:100%;height:100%;will-change:transform;}
.caen-horizontal[data-horizontal-ready] .caen-feature-group{flex:0 0 100%;min-width:0;width:100%;height:100%;margin:0;border:0;padding:26px max(28px,calc((100% - var(--caen-content-max))/2)) 8px;overflow:hidden;}
.caen-horizontal[data-horizontal-ready] .caen-feature-inner{display:flex;flex-direction:column;height:100%;}
.caen-horizontal[data-horizontal-ready] .caen-feature-grid{flex:1;min-height:0;align-items:stretch;}
.caen-horizontal[data-horizontal-ready] .caen-feature-block{height:100%;min-height:0;padding-top:16px;box-sizing:border-box;}
.caen-horizontal[data-horizontal-ready] .lp-flow-copy{flex-shrink:0;}
.caen-horizontal[data-horizontal-ready] .lp-flow-copy h3{font-size:22px!important;}
.caen-horizontal[data-horizontal-ready] .lp-flow-copy p{font-size:13px!important;margin-top:10px!important;}
.caen-horizontal[data-horizontal-ready] .lp-flow-visual{flex-shrink:0;margin-top:auto;margin-bottom:0;}
@media(max-width:700px){
 .caen-horizontal[data-horizontal-ready] .caen-horizontal-track{height:100%;}
 .caen-horizontal[data-horizontal-ready] .caen-feature-group,.caen-horizontal[data-horizontal-ready] .caen-feature-inner,.caen-horizontal[data-horizontal-ready] .caen-feature-grid{display:contents;}
 .caen-horizontal[data-horizontal-ready] .caen-feature-block{position:relative;isolation:isolate;flex:0 0 100%;width:100%;height:100%;padding:26px 20px 10px;border:0;background:var(--caen-bg);color:var(--caen-text);}
 .caen-horizontal[data-horizontal-ready] .caen-feature-block::before{content:"";position:absolute;inset:0 12px;border-inline:1px solid var(--caen-grid-line);pointer-events:none;}
 .caen-horizontal[data-horizontal-ready] .caen-feature-mobile-label{display:block;flex-shrink:0;font-size:10px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--caen-accent-ink);margin-bottom:20px;}
 .caen-horizontal[data-horizontal-ready] .lp-flow-copy h3{font-size:28px!important;}
 .caen-horizontal[data-horizontal-ready] .lp-flow-copy p{font-size:14px!important;line-height:1.65!important;margin-top:16px!important;}
 .caen-horizontal[data-horizontal-ready] .caen-feature-single .lp-flow-copy{text-align:left;}
}
@media(max-width:360px){.caen-horizontal[data-horizontal-ready] .lp-flow-copy h3{font-size:25px!important;}}
@media(max-height:680px) and (min-width:701px){.caen-horizontal[data-horizontal-ready] .caen-feature-group{padding-top:16px;}.caen-horizontal[data-horizontal-ready] .lp-flow-copy h3{font-size:19px!important;}.caen-horizontal[data-horizontal-ready] .lp-flow-copy p{font-size:12px!important;}}

/* Keep the mockups close to their copy on tall screens. */
.caen-horizontal[data-horizontal-ready] .lp-flow-visual{margin-top:24px;margin-bottom:auto;}
.caen-horizontal[data-horizontal-ready] .caen-feature-single{width:100%;align-self:center;}

/* Match each mockup to its own title rather than centering it in the column. */
.caen-horizontal[data-horizontal-ready] .caen-feature-group{padding-top:clamp(36px,7vh,72px);}
.caen-horizontal .lp-flow-visual{margin-left:0;margin-right:auto;}
.caen-horizontal .lp-flow-scene>div{height:auto!important;justify-content:flex-start!important;}
.caen-horizontal #inteligencia-comercial .lp-flow-copy{text-align:center!important;}
@media(max-width:700px){.caen-horizontal[data-horizontal-ready] .caen-feature-block{padding-top:36px;}}


/* One continuous, reversible attendance path behind the captured components. */
.caen-horizontal .caen-attendance-arrow{position:absolute;inset:0 auto auto 0;z-index:1;overflow:visible;pointer-events:none;color:#fb923c;}
.caen-attendance-arrow path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;}
.caen-attendance-arrow .caen-arrow-guide{stroke-width:2;opacity:0;}
.caen-attendance-arrow .caen-arrow-glow{stroke-width:14;opacity:.035;}
.caen-attendance-arrow .caen-arrow-line{stroke-width:4;opacity:.22;}
.caen-attendance-arrow .caen-arrow-tip{stroke-width:4;opacity:.36;}
.caen-horizontal[data-horizontal-ready] .caen-feature-group{isolation:auto;}
.caen-horizontal[data-horizontal-ready] .caen-feature-inner{z-index:2;}
@media(max-width:700px){
 .caen-horizontal[data-horizontal-ready] .caen-feature-block{isolation:auto;}
 .caen-horizontal .caen-feature-block>.lp-flow-copy,.caen-horizontal .caen-feature-block>.lp-flow-visual,.caen-horizontal .caen-feature-mobile-label{position:relative;z-index:2;}
 .caen-attendance-arrow .caen-arrow-line,.caen-attendance-arrow .caen-arrow-tip{stroke-width:3;}
}

/* Keep the final analytics mockup centered with its feature title. */
.caen-horizontal #inteligencia-comercial .lp-flow-visual{margin-left:auto;margin-right:auto;}