/* 0.7 — reversible scroll response + pointer micro-interactions. Existing entrance effects remain. */
[data-flow-interactive] .marketing-nav,[data-flow-interactive] .catalogue-nav{position:sticky;top:0;z-index:30;transition:background-color .4s ease,box-shadow .4s ease,border-color .4s ease}
[data-flow-interactive] .marketing-nav[data-scrolled=true],[data-flow-interactive] .catalogue-nav[data-scrolled=true]{background:#fffdf7f5;box-shadow:0 7px 24px #2e3a320b;border-bottom-color:#d9d5ca}
[data-flow-interactive] .editor-showcase .showcase-scene{scale:1.085;translate:0 var(--scroll-shift,0px);transition:translate .18s linear}
[data-flow-interactive] .showcase-window{rotate:var(--scroll-turn,0deg);transition:rotate .2s linear,box-shadow .55s ease}
[data-flow-interactive] .editor-showcase{perspective:1300px}
[data-flow-interactive] .editor-showcase .showcase-badge{translate:0 calc(var(--scroll-shift,0px) * -.55);transition:translate .18s linear,box-shadow .35s}
[data-flow-interactive] .feature-chip .feature-icon{translate:0 calc(var(--scroll-shift,0px) * -.32);rotate:calc(var(--scroll-turn,0deg) * 3);transition:translate .25s,rotate .25s,background-color .3s}
[data-flow-interactive] .marketing-models-head,[data-flow-interactive] .catalogue-heading{position:relative}
[data-flow-interactive] .marketing-models-head:after,[data-flow-interactive] .catalogue-heading:after{content:'';position:absolute;left:0;bottom:-12px;width:100%;height:1px;background:#b5bbae;transform:scaleX(var(--section-progress,1));transform-origin:left;transition:transform .2s linear;pointer-events:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 [data-flow-interactive] .showcase-window{transform:perspective(1100px) rotateY(calc(-17deg + var(--pointer-x,0deg))) rotateX(calc(5deg + var(--pointer-y,0deg))) rotateZ(-.8deg);transition:transform .4s cubic-bezier(.2,.7,.2,1),rotate .2s linear,box-shadow .5s}
 [data-flow-interactive] .editor-showcase:hover .showcase-window{box-shadow:0 30px 60px #51443126}
 .marketing-page .btn,.catalogue-page .btn{transition:translate .28s,box-shadow .28s,background-color .25s,border-color .25s}
 .marketing-page .btn:hover,.catalogue-page .btn:hover{translate:0 -2px;box-shadow:0 8px 23px #2e3a321a}
 .marketing-page .btn .flow-icon,.home-all-models .flow-icon{transition:translate .28s cubic-bezier(.2,.8,.2,1)}.marketing-page .btn.primary:hover .flow-icon,.home-all-models:hover .flow-icon{translate:4px 0}
 .marketing-page .marketing-links a{position:relative;padding-block:6px}.marketing-page .marketing-links a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#567461;transform:scaleX(0);transform-origin:left;transition:transform .28s}.marketing-page .marketing-links a:hover:after{transform:scaleX(1)}
 .template-card{transition:translate .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s,border-color .38s}.template-card:hover{translate:0 -5px;box-shadow:0 20px 40px #2e3a3215;border-color:#c3cabc}
 .template-thumbnail{overflow:hidden}.template-thumbnail iframe{transition:filter .55s ease;filter:saturate(.88)}.template-card:hover iframe{filter:saturate(1)}
 .template-open{transition:opacity .3s,translate .3s;translate:0 5px}.template-card:hover .template-open,.template-card:focus-within .template-open{translate:0 0;opacity:1}
 .feature-chip:hover .feature-icon{background:#e5ecdf;box-shadow:0 5px 15px #2e3a320d}
}
@media(prefers-reduced-motion:reduce){[data-flow-interactive] *, .marketing-page *, .catalogue-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}[data-flow-interactive] .showcase-scene{translate:none!important;scale:1}[data-flow-interactive] .showcase-window,[data-flow-interactive] .feature-icon{rotate:none!important;translate:none!important}}
@media print{[data-flow-interactive] .marketing-nav,[data-flow-interactive] .catalogue-nav{position:relative}[data-flow-interactive] .showcase-scene{translate:none!important}[data-flow-interactive] .showcase-window{rotate:none!important}}