/* Editorial feature rows, with an automatic recording of the actual app. */
#fonctionnalites>.container{max-width:1480px}
.journey-features{gap:28px}
.journey-feature{grid-template-columns:minmax(240px,.76fr) minmax(0,1.65fr);gap:clamp(24px,3vw,48px);padding:24px 24px 24px clamp(24px,3vw,44px);overflow:hidden;border-radius:16px}
.journey-copy h3{font-size:clamp(1.65rem,2.6vw,2.5rem);letter-spacing:-.045em;line-height:1.1}
.journey-copy .kicker{font-size:.68rem;letter-spacing:.08em}
.journey-copy p{font-size:.96rem;line-height:1.7}.journey-copy .journey-benefit{font-size:.88rem;line-height:1.6;margin-top:24px;margin-bottom:0}
.feature-reel{margin:0;min-width:0;padding:18px 18px 0;border-radius:10px;background:#e5e9ef;border:1px solid #dce1e8;color:#27334a;position:relative}
.journey-feature:nth-child(2) .feature-reel{background:#e7eae6;border-color:#dfe4dc}.journey-feature:nth-child(3) .feature-reel{background:#ebe7e1;border-color:#e2ddd5}
.reel-screen{position:relative;overflow:hidden;aspect-ratio:1120/820;background:#f1f3f6;border:1px solid #cdd4df;border-radius:7px;box-shadow:0 8px 25px #23314612;isolation:isolate}
.reel-screen iframe{border:0;position:absolute;top:0;left:0;width:1120px;height:820px;transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .4s}
.feature-reel.is-ready iframe{opacity:1}.reel-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#5f6368;font:500 14px 'Segoe UI',sans-serif}.reel-loading img{width:42px;height:42px}.feature-reel.is-ready .reel-loading{display:none}
.reel-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:74px;padding:12px 0}.reel-caption>div:first-child{display:grid;gap:4px;min-width:0}.reel-eyebrow{font-size:9px;letter-spacing:.13em;font-weight:700;color:#697587}.reel-phase{font-size:12px;line-height:1.4;font-weight:500}
.reel-controls{display:flex;gap:3px;flex-shrink:0}.reel-controls button{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#435167;display:grid;place-items:center;cursor:pointer;transition:background .15s}.reel-controls button:hover{background:#ffffff80}.reel-controls button:focus-visible{outline:2px solid #1759d6;outline-offset:2px}.reel-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.reel-pause-symbol{font:600 17px system-ui}.reel-fallback{font-size:13px;padding:16px}
.reel-modal{position:fixed;inset:0;z-index:10000;background:#101724e8;display:flex;align-items:center;justify-content:center;padding:56px 24px 24px;backdrop-filter:blur(8px)}.reel-modal[hidden]{display:none}.reel-modal-close{position:absolute;top:14px;right:24px;display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #ffffff45;border-radius:20px;background:#ffffff15;color:white;cursor:pointer;font:500 13px inherit}
@media(max-width:1000px){.journey-feature{grid-template-columns:1fr;padding:24px;gap:24px}.journey-copy{max-width:620px}.journey-copy h3{max-width:460px}.journey-copy .journey-benefit{margin-top:12px}.feature-reel{padding:14px 14px 0}.reel-screen{aspect-ratio:1120/820}}
@media(max-width:600px){.journey-feature{padding:20px 0 0;gap:20px}.journey-copy{padding:0 20px}.journey-copy h3{font-size:1.8rem}.feature-reel{border:0;border-radius:0;padding:10px 10px 0}.reel-caption{min-height:80px;gap:8px}.reel-phase{font-size:11px}.reel-controls{gap:0}.reel-controls button{width:34px;height:38px}.reel-modal{padding:60px 8px 20px}}
@media(prefers-reduced-motion:reduce){.reel-screen iframe{transition:none}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.feature-reel.is-expanded{position:fixed;inset:0;margin:auto;width:min(1120px,calc((100dvh - 180px)*1.365));max-width:calc(100vw - 40px);height:fit-content;overflow:visible;box-shadow:0 30px 100px #0005}
.feature-reel.is-expanded::backdrop{background:#101724e8;backdrop-filter:blur(8px)}
.feature-reel.is-expanded .reel-modal-close{top:-42px;right:0;background:#ffffff20}
.feature-reel.is-expanded .reel-phase{font-size:14px}
@media(max-width:600px){.feature-reel.is-expanded{max-width:calc(100vw - 16px);width:100%;border-radius:10px}.feature-reel.is-expanded .reel-phase{font-size:12px}}