/* Content owns its height. Only pin complete scenes that fit in the viewport. */
.page .p7Panel{height:auto;max-height:none;min-width:0}
.page .p7Panel .p7Body,.page .p7Panel .v4UIBody,.page .p7Panel .a4WorkspaceBody{height:auto;max-height:none;min-height:0}
.page .p7Panel .p7Metrics{align-items:stretch}
.page .p7Panel .p7Metrics>div{height:auto;min-height:0}
.page .p7Panel .p7Metrics strong{line-height:1.3}
.page .p7CompanionNote{flex:none;height:auto;min-height:100px}
.page .p7CompanionNote>img{width:90px;height:90px;max-height:none;flex:none}
.page .p7Panel .demoResult,.page .p7Panel p{overflow-wrap:anywhere}
.page .p7Panel .v4WindowFooter,.page .p7Panel .v4ReviewBar,.page .p7Panel .a4WorkspaceFoot{flex-wrap:wrap;height:auto}
.page .v4SubStage,.page .a4Stage{scroll-margin-top:110px}
/* The three decision steps read as a continuous story with visible controls. */
.page .intelligenceSection[data-v8-flow]{height:auto}
.page .intelligenceSection[data-v8-flow] .intelligenceSticky{position:relative;top:auto;height:auto;overflow:visible}
.page .intelligenceSection[data-v8-flow] .intelligenceInner{height:auto;align-items:start;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);padding:100px 0;gap:70px}
.page .intelligenceSection[data-v8-flow] .intelligenceHeading{position:sticky;top:130px}
.page .intelligenceSection[data-v8-flow] .intelligenceHeading h2{font-size:clamp(40px,4.7vw,68px);line-height:1.06}
.page .intelligenceSection[data-v8-flow] .intelligenceHeading>p{font-size:15px;max-width:38ch}
.page .intelligenceSection[data-v8-flow] .intelligenceDeck{display:grid;gap:28px;height:auto;min-height:0}
.page .intelligenceSection[data-v8-flow] .intelligenceCard{position:relative;inset:auto;height:auto;min-height:0;max-height:none;opacity:1!important;transform:none!important;pointer-events:auto!important}
.page .intelligenceSection[data-v8-flow] .intelligenceProgress{display:none}
/* Natural-height module cards retain their original horizontal motion only on roomy screens. */
.page .moduleCard{height:auto;max-height:none;min-height:0;align-self:center;overflow:visible}
.page .moduleVisual{min-height:0;height:auto;max-height:none}
.page .moduleCopy h3{font-size:clamp(32px,3.3vw,48px);line-height:1.06}
.page .moduleCopy>p{font-size:15px;line-height:1.75}
.page .moduleSection.v8Flow{height:auto}
.page .v8Flow .moduleSticky{position:relative;top:auto;height:auto;overflow:visible;padding:100px 0}
.page .v8Flow .moduleViewport{height:auto;overflow:visible}
.page .v8Flow .moduleTrack{display:grid;width:min(1220px,92vw);margin:auto;padding:0;gap:40px;height:auto;transform:none!important}
.page .v8Flow .moduleCard{width:100%;height:auto;min-height:0;max-height:none;padding:40px;margin:0}
.page .v8Flow .scrollProgress{display:none}
.page .v8Flow .sectionHeader{margin-bottom:50px}
.page .v4SubWalkthrough:not(.v4MotionReady) .v4WalkthroughPanels,.page .a4Walkthrough:not(.v4MotionReady) .v4WalkthroughPanels{height:auto;min-height:0}
.page .v4SubWalkthrough:not(.v4MotionReady) [data-v4-stage],.page .a4Walkthrough:not(.v4MotionReady) [data-v4-stage]{height:auto;max-height:none;min-height:0;position:relative;inset:auto}
.page .a4Workspace,.page .v4ProductFrame{max-height:none;overscroll-behavior:auto}
.page .thesisCopy>p{font-size:16px;line-height:1.8}
@media(max-width:900px){
 .page .intelligenceSection[data-v8-flow] .intelligenceInner{grid-template-columns:1fr;gap:30px;padding:70px 0;width:92vw}
 .page .intelligenceSection[data-v8-flow] .intelligenceHeading{position:relative;top:auto}
 .page .intelligenceSection[data-v8-flow] .intelligenceHeading>p{max-width:60ch}
 .page .v8Flow .moduleCard{grid-template-columns:1fr;gap:28px;padding:24px}
 .page .v8Flow .moduleSticky{padding:70px 0}
 .page .v8Flow .sectionHeader{grid-template-columns:1fr;gap:20px}
 .page .v8Flow .moduleCopy>p{font-size:14px}
 .page .p7CompanionNote{min-height:80px}.page .p7CompanionNote>img{width:76px;height:76px}
 .page .h4ModuleCompanion{display:flex;height:auto;min-height:100px}
 .page .p7Panel .h4StepLead{font-size:13px}
 .page .p7Panel .h4StepFooter{flex-wrap:wrap;gap:10px;font-size:11px}
 .page .p7Panel .h4StepFooter strong,.page .p7Panel .h4StepFooter a{font-size:11px}
}
@media(max-width:600px){
 .page .v8Flow .moduleCard{padding:18px}.page .moduleCopy h3{font-size:32px}
 .page .p7Panel .v4UIHeading,.page .p7Panel .a4WorkspaceTitle,.page .p7Panel .a4BoardTitle{flex-wrap:wrap}
 .page .p7Panel .a4HeroDecision{grid-template-columns:1fr}
 .page .p7HeroProductPhoto>img{height:190px;object-position:center}
 .page .p7Panel .p7HeroProductInfo{padding:20px}
 .page .p7Panel .p7Metrics strong{font-size:24px}
 .page .p7Panel .p7Metrics>div{padding:14px 9px}
 .page .p7Panel .v4DataRow{grid-template-columns:minmax(0,1fr);gap:6px}
 .page .p7Panel .v4DataRow>span:last-child{text-align:left}
 .page .p7Panel .v4SampleLabel,.page .p7Panel .a4WorkspaceHeader small{white-space:normal}
 .page .p7Panel .v4WindowBar,.page .p7Panel .a4WorkspaceHeader{flex-wrap:wrap}
}
.page .p7Panel h3,.page .p7Compare strong{line-height:1.3}
.page .h4ModuleCompanion{height:auto;min-height:120px}