/* Features page: shared public header, scoped light product illustrations. */
.fx-page { background:#fff; }
body:has(.features-page) .rl-header--sticky { background:#fff; }
.features-page { --fx-ink:#10294b; --fx-muted:#536b82; --fx-teal:#008b7d; --fx-line:#dce8eb; --fx-wash:#f4faf8; color:var(--fx-ink); }
.features-page [hidden] { display:none!important; }
.features-page section[id],.features-page div[id="fonctionnalites"] { scroll-margin-top:0; }
.fx-container { width:min(1280px,calc(100% - 80px)); margin-inline:auto; }
.features-page .icon { flex:none; width:22px; height:22px; stroke-width:1.65; }
.features-page h1,.features-page h2,.features-page h3,.features-page p { margin:0; }
.features-page h2 { font-size:clamp(32px,3.3vw,46px); font-weight:750; line-height:1.15; letter-spacing:-.035em; }
.features-page h2 span { color:var(--fx-teal); }
.fx-eyebrow { color:var(--fx-teal); font-size:12px; line-height:1.5; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.fx-hero { padding:88px 0 72px; background:radial-gradient(ellipse at 92% 15%,#dff8ef88,transparent 60%),radial-gradient(ellipse at 0% 30%,#eaf6fc88,transparent 58%),linear-gradient(#f9fcfd,#fff); }
.fx-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:64px; }
.fx-hero h1 { max-width:600px; margin:20px 0 28px; color:#0b2445; font-size:clamp(42px,4.4vw,64px); font-weight:780; line-height:1.09; letter-spacing:-.045em; }
.fx-hero h1 span { color:var(--fx-teal); }
.fx-hero__lead { max-width:580px; color:var(--fx-muted); font-size:19px; line-height:1.65; }
.fx-hero__lead strong { display:block; margin-bottom:10px; color:var(--fx-ink); font-weight:650; }
.fx-hero__support { max-width:545px; margin-top:18px!important; color:var(--fx-muted); font-size:16px; line-height:1.65; }
.fx-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:30px; }
.fx-page .fx-button { min-height:50px; color:#fff; background:#008577; box-shadow:0 5px 14px #008b7d15; }
.fx-page .fx-button:hover { background:#007e73; transform:none; }
.fx-text-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:var(--fx-teal)!important; font-size:14px; font-weight:650; text-decoration:none; }
.fx-text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.fx-text-link .icon { width:18px; height:18px; }
.fx-hero__promise { display:flex; align-items:center; gap:9px; margin-top:24px; color:var(--fx-muted); font-size:13px; line-height:1.5; }
.fx-hero__promise .icon { color:var(--fx-teal); width:18px; height:18px; }
.fx-hero__visual { min-width:0; margin:0; position:relative; }
.fx-hero__visual::before { content:''; position:absolute; z-index:0; inset:-45px -24px 0; border-radius:50%; background:radial-gradient(ellipse,#c3f0e777,transparent 70%); pointer-events:none; }
.fx-hero__visual .fx-preview { position:relative; box-shadow:0 20px 60px #13344b0d,0 3px 8px #13344b06; }
.fx-hero__visual figcaption { margin-top:18px; color:#6c8292; font-size:11px; text-align:center; line-height:1.5; }
.fx-chapters { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; padding:20px 0 12px; border-top:1px solid #e7eff0; }
.fx-chapters a { display:inline-flex; align-items:center; gap:10px; min-height:46px; padding:10px 19px; border:1px solid var(--fx-line); border-radius:24px; color:var(--fx-muted); background:#fff; font-size:14px; text-decoration:none; transition:background .16s,border-color .16s; }
.fx-chapters a:hover { color:var(--fx-teal); background:#edf9f4; border-color:#a7d9cf; }
.fx-chapters .icon { width:18px; height:18px; color:var(--fx-teal); }
.fx-section { padding-block:90px; }
.fx-section--wash { background:linear-gradient(115deg,#f4fafb,#f3faf7); }
.fx-split { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:88px; }
.fx-section__copy { min-width:0; }
.fx-section__copy h2 { margin:18px 0 24px; }
.fx-section__copy>p:not(.fx-eyebrow):not(.fx-note) { color:var(--fx-muted); font-size:17px; line-height:1.7; }
.fx-section__visual { min-width:0; }
.fx-benefits { display:grid; gap:22px; margin:30px 0 0; padding:0; list-style:none; }
.fx-benefits li { display:flex; align-items:flex-start; gap:12px; color:var(--fx-muted); font-size:14px; line-height:1.6; }
.fx-benefits .icon { color:var(--fx-teal); margin-top:2px; width:19px; height:19px; }
.fx-benefits strong { display:block; margin-bottom:3px; color:var(--fx-ink); font-size:15px; font-weight:650; }
.fx-heading { max-width:820px; margin:0 auto 44px; text-align:center; }
.fx-heading h2 { margin:16px 0 20px; }
.fx-heading>p:last-child { max-width:685px; margin-inline:auto; color:var(--fx-muted); font-size:17px; line-height:1.7; }
.fx-interview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.fx-feature-card { min-width:0; display:flex; flex-direction:column; padding:32px; border:1px solid var(--fx-line); border-radius:22px; background:#fff; }
.fx-card-heading { display:flex; align-items:center; gap:14px; }
.fx-card-heading h3 { font-size:22px; line-height:1.3; font-weight:700; letter-spacing:-.025em; }
.fx-icon-tile { display:inline-flex; align-items:center; justify-content:center; flex:none; width:44px; height:44px; border-radius:13px; background:#e5f6f0; color:var(--fx-teal); }
.fx-icon-tile--blue { background:#eaf2fb; color:#32679e; }
.fx-icon-tile--lavender { background:#f0edfc; color:#7961ad; }
.fx-feature-card>p,.fx-tool-card>p { margin:20px 0 26px; color:var(--fx-muted); font-size:15px; line-height:1.7; }
.fx-feature-card .fx-preview { margin-top:auto; }
.fx-inline-list { display:flex; flex-wrap:wrap; gap:9px; margin:22px 0 0; padding:0; list-style:none; }
.fx-inline-list li { padding:6px 10px; border-radius:7px; color:#4f6c74; background:#f1f8f6; font-size:11px; line-height:1.4; }
.fx-split--reverse { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
.fx-split--reverse .fx-section__visual { grid-column:1; grid-row:1; }
.fx-split--reverse .fx-section__copy { grid-column:2; grid-row:1; }
.fx-note { display:flex; align-items:flex-start; gap:10px; margin-top:28px!important; padding:14px 16px; border-radius:10px; color:#486879; background:#f1f8f6; font-size:13px; line-height:1.6; }
.fx-note .icon { width:18px; height:18px; margin-top:2px; color:var(--fx-teal); }
.fx-pipeline-visual { max-width:1100px; margin:auto; }
.fx-three-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; max-width:1080px; margin:42px auto 0; }
.fx-three-points>div { min-width:0; padding-right:20px; }
.fx-three-points .icon { color:var(--fx-teal); margin-bottom:14px; }
.fx-three-points h3 { margin-bottom:10px; font-size:19px; font-weight:650; }
.fx-three-points p { color:var(--fx-muted); font-size:14px; line-height:1.65; }
.fx-tools-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.fx-tool-card { min-width:0; padding:26px; border:1px solid var(--fx-line); border-radius:20px; background:#fff; }
.fx-tool-card .fx-card-heading { gap:11px; align-items:flex-start; }
.fx-tool-card .fx-card-heading h3 { padding-top:6px; font-size:20px; }
.fx-tool-card>p { min-height:5.1em; margin:17px 0 22px; font-size:14px; }
.fx-tool-card .fx-preview__body { min-height:180px; padding:14px; }
.fx-tool-card .fx-preview__top { gap:8px; min-height:40px; padding:10px 12px; font-size:10px; }
.fx-tool-card .fx-preview__brand { display:none; }
.fx-tool-card .fx-preview__top .fx-badge { margin-left:auto; }
.fx-tool-list { display:grid; gap:10px; margin:24px 0 0; padding:0; list-style:none; }
.fx-tool-list li { position:relative; padding-left:15px; color:var(--fx-muted); font-size:13px; line-height:1.6; }
.fx-tool-list li::before { content:''; position:absolute; left:0; top:.65em; width:5px; height:5px; border-radius:50%; background:#55b9a7; }
.fx-candidate { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px; }
.fx-candidate h2 { margin:18px 0 24px; }
.fx-candidate>div>p:not(.fx-eyebrow) { color:var(--fx-muted); font-size:17px; line-height:1.7; }
.fx-candidate .fx-text-link { margin-top:20px; }
.fx-candidate__steps { display:grid; gap:18px; }
.fx-candidate__steps article { display:flex; align-items:flex-start; gap:17px; padding:22px; border:1px solid var(--fx-line); border-radius:16px; background:#fff; }
.fx-candidate__steps h3 { margin:2px 0 7px; font-size:17px; font-weight:650; }
.fx-candidate__steps p { color:var(--fx-muted); font-size:14px; line-height:1.6; }
.fx-final { padding-block:90px 100px; text-align:center; }
.fx-final__icon { display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; margin-bottom:24px; border-radius:20px; color:var(--fx-teal); background:#e8f8f1; }
.fx-final__icon .icon { width:30px; height:30px; }
.fx-final>p { max-width:600px; margin:24px auto 0; color:var(--fx-muted); font-size:17px; line-height:1.7; }
.fx-final .fx-actions { justify-content:center; }
/* UI sketches deliberately use real type and vector icons, without screenshots or private data. */
.fx-preview { overflow:hidden; min-width:0; border:1px solid #dbe8e9; border-radius:16px; background:#fff; color:#183852; box-shadow:0 10px 35px #163c4c05; }
.fx-preview__top { display:flex; align-items:center; gap:16px; min-height:50px; padding:12px 18px; border-bottom:1px solid #e3edef; font-size:11px; font-weight:650; }
.fx-preview__brand { display:inline-flex; align-items:center; flex:none; }
.fx-preview__brand .ui-brand-logo { --brand-logo-width:74px; }
.fx-preview__top>span:nth-child(2) { flex:1; }
.fx-badge { display:inline-flex; align-items:center; gap:5px; flex:none; padding:5px 8px; border-radius:20px; color:#147465; background:#e8f7f0; font-size:10px; font-weight:650; line-height:1.4; }
.fx-badge--quiet { color:#69808d; background:#f1f6f7; }
.fx-badge--amber { color:#936819; background:#fcf4df; }
.fx-preview__body { padding:22px; }
.fx-preview__body .icon { width:18px; height:18px; }
.fx-preview__bottom { display:flex; align-items:center; justify-content:center; gap:9px; margin-top:20px; padding-top:16px; border-top:1px solid #e3edef; color:#5c7d85; font-size:11px; line-height:1.5; }
.fx-preview__bottom .icon { color:var(--fx-teal); width:16px; height:16px; }
.fx-mini-label { display:block; color:#6b8490; font-size:10px; font-weight:700; letter-spacing:.03em; line-height:1.6; }
.fx-interview-layout { display:grid; grid-template-columns:126px minmax(0,1fr); gap:20px; }
.fx-setup { display:flex; flex-direction:column; align-items:stretch; gap:10px; border-right:1px solid #e5edef; padding-right:16px; }
.fx-setup>.fx-mini-label { margin-bottom:8px; }
.fx-setup>div { display:flex; align-items:center; gap:8px; min-height:38px; padding:6px 8px; color:#728790; border-radius:8px; font-size:11px; }
.fx-setup>div.is-selected { color:#078276; background:#eaf8f2; }
.fx-setup__ready { display:flex; align-items:center; gap:6px; margin-top:auto; color:#4d8a78; font-size:10px; line-height:1.4; }
.fx-chat { display:grid; align-content:start; gap:22px; }
.fx-chat>.fx-badge { justify-self:start; }
.fx-chat__message { display:flex; align-items:flex-start; gap:10px; }
.fx-avatar { display:inline-flex; align-items:center; justify-content:center; flex:none; width:31px; height:31px; border-radius:50%; color:#4f6b91; background:#eaf1fa; font-size:10px; font-weight:700; }
.fx-avatar--pulse { color:#008d7d; background:#dff6ed; }
.fx-avatar .icon { width:16px; height:16px; }
.fx-chat__message>div { min-width:0; }
.fx-chat__message strong { display:block; margin-bottom:7px; font-size:10px; color:#5f7985; font-weight:600; }
.fx-chat__message p { padding:13px; border:1px solid #e3edef; border-radius:0 12px 12px; color:#36556e; background:#fff; font-size:13px; line-height:1.65; }
.fx-chat__message--candidate p { border:0; border-radius:12px 0 12px 12px; background:#eef8f4; }
.fx-chat__context { display:flex; align-items:center; gap:7px; color:#5d7e84; font-size:10px; line-height:1.6; }
.fx-chat__context .icon { width:14px; height:14px; color:var(--fx-teal); }
.fx-config-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:22px; font-size:15px; }
.fx-preview-tabs { display:flex; gap:4px; padding:4px; border-radius:10px; background:#f1f7f6; }
.fx-preview-tabs button { flex:1; min-width:0; min-height:42px; padding:8px 10px; border:0; border-radius:7px; color:#607c87; background:transparent; font-family:inherit; font-size:13px; font-weight:600; cursor:pointer; }
.fx-preview-tabs button[aria-selected=true] { color:#008577; background:#fff; box-shadow:0 2px 5px #123d4a09; }
.fx-preview-tabs button:hover { color:#007e73; }
.fx-config-panels { min-height:300px; padding-top:20px; }
.fx-config-panels [role=tabpanel]:focus-visible { outline:2px solid #008c80; outline-offset:5px; border-radius:6px; }
.fx-question-list { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.fx-question-list li { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid #e3edef; border-radius:10px; }
.fx-question-list li>span { flex:none; color:#81929c; font-size:11px; }
.fx-question-list li>div { flex:1; }
.fx-question-list strong { display:block; margin-bottom:4px; font-size:12px; font-weight:650; }
.fx-question-list small { display:block; color:#78909b; font-size:11px; line-height:1.4; }
.fx-question-list li>.icon { color:#89b7aa; width:16px; height:16px; }
.fx-question-list li.is-selected { border-color:#9fd8c7; background:#f5fbf7; }
.fx-question-callout { margin-top:18px; padding:14px; border-radius:10px; background:#eef8f4; }
.fx-question-callout p { margin-top:5px; color:#375c64; font-size:12px; line-height:1.65; }
.fx-panel-intro { margin-bottom:15px!important; color:#5e7b89; font-size:13px; line-height:1.6; }
.fx-setting-row { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; border-bottom:1px solid #e8eff0; font-size:12px; }
.fx-setting-row>span:not(.fx-badge) { color:#66818a; font-size:11px; text-align:right; }
.fx-assistant { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.fx-assistant strong { display:block; font-size:13px; }
.fx-assistant small { display:block; margin-top:5px; color:#708892; font-size:11px; line-height:1.4; }
.fx-preview-hint { margin-top:14px!important; color:#7a8f99; font-size:10px; line-height:1.5; }
.fx-dialogue { display:flex; gap:12px; align-items:flex-start; }
.fx-dialogue p { margin-top:8px; font-size:14px; line-height:1.6; }
.fx-response { margin:22px 0 0 44px; padding:16px; border-radius:12px; background:#eff8f4; }
.fx-response p { margin-top:6px; color:#466b74; font-size:12px; line-height:1.7; }
.fx-preview--autonomous .fx-preview__body,.fx-preview--augmented .fx-preview__body { min-height:280px; }
.fx-copilot { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.fx-copilot>div { min-width:0; }
.fx-copilot>div:first-child { padding:15px; border-radius:10px; background:#f0f8f5; }
.fx-copilot p { margin:10px 0; font-size:14px; font-weight:600; line-height:1.6; }
.fx-copilot small { display:block; color:#66888b; font-size:10px; }
.fx-wave { display:flex; align-items:center; justify-content:center; gap:3px; height:44px; margin:8px 0; }
.fx-wave i { display:block; width:3px; max-height:38px; height:var(--wave-height); border-radius:2px; background:#36b09d; }
.fx-notepad { padding:12px 0 0 4px; }
.fx-notepad strong { display:block; margin-bottom:17px; font-size:12px; }
.fx-notepad span { display:block; margin:13px 0 9px; color:#708794; font-size:10px; }
.fx-notepad i { display:block; height:5px; margin:7px 0; border-radius:3px; background:#e7eef0; }
.fx-notepad i:nth-of-type(even) { width:74%; }
.fx-mini-tools { display:flex; justify-content:space-between; flex-wrap:wrap; gap:7px; margin-top:18px; padding-top:14px; border-top:1px solid #e4ecef; }
.fx-mini-tools>span { display:inline-flex; align-items:center; gap:6px; color:#64828b; font-size:10px; }
.fx-mini-tools .icon { color:#269c8c; width:15px; height:15px; }
.fx-analysis-stats { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:26px; padding:8px 0 24px; border-bottom:1px solid #e4ecef; }
.fx-analysis-stats>div+div { padding-left:24px; border-left:1px solid #e4ecef; }
.fx-analysis-stats strong { display:block; color:var(--fx-teal); font-size:40px; line-height:1; letter-spacing:-.04em; }
.fx-analysis-stats strong span { color:#8ca6ad; font-size:20px; }
.fx-analysis-stats small { display:block; margin-top:10px; color:#69848c; font-size:12px; }
.fx-analysis-row { display:grid; grid-template-columns:minmax(0,1fr) 100px 18px; align-items:center; gap:18px; padding:15px 0; border-bottom:1px solid #e8eff0; }
.fx-analysis-row strong { display:block; font-size:13px; font-weight:650; }
.fx-analysis-row span { display:block; margin-top:6px; color:#779099; font-size:11px; }
.fx-analysis-row>i { display:block; position:relative; height:6px; border-radius:6px; background:#e6f2ef; }
.fx-analysis-row>i::before { content:''; position:absolute; inset:0 auto 0 0; width:var(--coverage); border-radius:inherit; background:#55b5a0; }
.fx-analysis-row>.icon { color:#50a58f; }
.fx-analysis-row--pending>i::before { background:#d3ae68; }
.fx-analysis-row--pending>.icon { color:#b48d44; }
.fx-preview--pipeline .fx-preview__body { padding:24px; background:linear-gradient(120deg,#f2f9fb,#f1f9f4); }
.fx-kanban { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.fx-kanban__column { min-width:0; min-height:245px; padding:12px; border-radius:12px; background:#e9f1f9; }
.fx-kanban__column:nth-child(2) { background:#efedf9; }
.fx-kanban__column:nth-child(3) { background:#e4f3ee; }
.fx-kanban__column:nth-child(4) { background:#e8f5f2; }
.fx-kanban__heading { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:16px; font-size:12px; }
.fx-kanban__heading>span { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; color:#657f8b; background:#fff9; font-size:10px; }
.fx-kanban__profile { margin-top:10px; padding:14px 12px; border:1px solid #deeaeb; border-radius:9px; background:#fff; }
.fx-kanban__profile>div { display:flex; align-items:center; gap:9px; }
.fx-kanban__profile strong { font-size:11px; }
.fx-kanban__profile small { display:block; margin-top:12px; color:#82949b; font-size:10px; line-height:1.5; }
.fx-kanban__line { display:block; width:55%; height:4px; margin-top:11px; border-radius:3px; background:#e6f1ee; }
.fx-mini-offer>div:first-child { display:flex; align-items:center; gap:9px; }
.fx-mini-offer>div:first-child>div { flex:1; }
.fx-mini-offer .fx-icon-tile { width:32px; height:36px; border-radius:8px; }
.fx-mini-offer strong { display:block; font-size:12px; }
.fx-mini-offer small { display:block; margin-top:5px; color:#77909b; font-size:10px; }
.fx-mini-offer .fx-badge { font-size:9px; }
.fx-mini-offer__package { display:flex; align-items:center; gap:10px; margin:22px 0 16px; color:#46817a; font-size:11px; }
.fx-mini-chips { display:flex; flex-wrap:wrap; gap:8px; }
.fx-mini-chips>span { display:inline-flex; align-items:center; gap:5px; padding:6px 9px; border-radius:6px; color:#598079; background:#f0f8f4; font-size:10px; line-height:1.4; }
.fx-mini-chips .icon { width:13px; height:13px; }
.fx-week { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid #e1ebee; border-radius:8px; overflow:hidden; }
.fx-week>div { min-width:0; border-right:1px solid #e5edef; }
.fx-week>div:last-child { border-right:0; }
.fx-week strong { display:block; padding:8px 2px; border-bottom:1px solid #e5edef; color:#7c9198; font-size:9px; text-align:center; }
.fx-week>div>div { min-height:74px; padding:18px 3px 0; background:repeating-linear-gradient(#fff 0 24px,#f2f6f7 25px 26px); }
.fx-week>div:nth-child(4)>div { padding-top:38px; }
.fx-week__event { display:block; overflow:hidden; padding:6px 2px; border-left:2px solid #3cbca2; border-radius:3px; color:#4c7d73; background:#dcf5eb; font-size:8px; }
.fx-week__event--blue { margin-top:8px; border-color:#6e9fd2; color:#587697; background:#e4effb; }
.fx-mini-message { display:flex; align-items:center; gap:9px; margin-top:15px; }
.fx-mini-message>.icon { color:#64a892; }
.fx-mini-message strong { display:block; font-size:10px; }
.fx-mini-message small { display:block; margin-top:4px; color:#7e969d; font-size:9px; line-height:1.4; }
.fx-validation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:10px 0 22px; }
.fx-validation>div { position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; }
.fx-validation>div::before { content:''; position:absolute; left:calc(-50% + 22px); right:calc(50% + 22px); top:17px; border-top:1px solid #d9e7e5; }
.fx-validation>div:first-child::before { display:none; }
.fx-validation>div>span { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid #d6e5e3; border-radius:50%; color:#9db1b8; background:#fff; }
.fx-validation>div>span.is-done { color:#168b76; background:#e9f8ef; border-color:#c8e6d9; }
.fx-validation strong { font-size:10px; }
.fx-validation small { color:#8aa0a6; font-size:9px; }
.fx-dossier-head { display:flex; align-items:center; gap:7px; margin-bottom:10px; padding:10px; border-radius:7px; color:#368671; background:#eef9f3; font-size:10px; }
.fx-dossier-head strong { flex:1; }
.fx-document-row { display:flex; align-items:center; gap:7px; min-height:36px; border-bottom:1px solid #edf2f3; font-size:10px; }
.fx-document-row>.icon { width:14px; height:14px; color:#7f9ca3; }
.fx-document-row>span { flex:1; min-width:0; }
.fx-document-row .fx-badge { padding:3px 6px; font-size:9px; }
.fx-dashboard-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.fx-dashboard-stats>div { padding:12px 8px; border-radius:8px; background:#f0f8f5; }
.fx-dashboard-stats strong { display:block; color:#1c7b70; font-size:23px; }
.fx-dashboard-stats span { display:block; margin-top:5px; color:#7e989e; font-size:9px; }
.fx-dashboard-bottom { display:grid; grid-template-columns:1.3fr 1fr; gap:15px; padding-top:16px; }
.fx-dashboard-bottom strong { display:block; margin-bottom:12px; font-size:10px; }
.fx-dashboard-bottom span { display:flex; align-items:center; gap:5px; margin-top:8px; color:#7a939b; font-size:9px; }
.fx-dashboard-bottom span .icon { width:12px; height:12px; color:#5bba9e; }
.fx-spark-chart { display:flex; align-items:flex-end; justify-content:flex-end; gap:6px; min-height:70px; }
.fx-spark-chart i { display:block; width:12px; height:var(--bar-height); border-radius:3px 3px 0 0; background:#c9eae1; }
.fx-spark-chart i:nth-child(3n) { background:#8ac6b7; }
.fx-library { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.fx-library>div { display:flex; align-items:center; gap:9px; min-height:64px; padding:11px; border:1px solid #e2edeb; border-radius:9px; color:#407e77; background:#f8fcfa; }
.fx-library strong { font-size:10px; }
.fx-library>div:nth-child(even) { color:#6c74a0; background:#f8f8fd; }
@media(max-width:1100px) {
    .fx-container { width:calc(100% - 56px); }
    .fx-hero { padding-top:60px; }
    .fx-hero__grid { gap:34px; }
    .fx-hero h1 { font-size:48px; }
    .fx-hero__lead { font-size:17px; }
    .fx-split,.fx-split--reverse { gap:42px; }
    .fx-feature-card { padding:25px; }
    .fx-card-heading h3 { font-size:20px; }
    .fx-tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .fx-tool-card>p { min-height:3.4em; }
    .fx-interview-layout { grid-template-columns:1fr; }
    .fx-setup { flex-direction:row; flex-wrap:wrap; border:0; padding:0; gap:6px; }
    .fx-setup>.fx-mini-label,.fx-setup__ready { display:none; }
    .fx-setup>div { min-height:30px; padding:5px; font-size:10px; }
    .fx-setup>div .icon { width:14px; height:14px; }
    .fx-chat { gap:14px; }
    .fx-candidate { gap:48px; }
}
@media(max-width:820px) {
    .fx-hero { padding:48px 0 42px; }
    .fx-hero__grid { grid-template-columns:1fr; gap:40px; max-width:640px; }
    .fx-hero h1 { max-width:580px; font-size:54px; }
    .fx-hero__lead,.fx-hero__support { max-width:none; }
    .fx-hero__visual { max-width:580px; width:100%; margin:auto; }
    .fx-chapters { gap:9px; }
    .fx-chapters a { padding:8px 14px; font-size:13px; }
    .fx-section { padding-block:60px; }
    .fx-split,.fx-split--reverse { grid-template-columns:1fr; gap:36px; max-width:640px; }
    .fx-split--reverse .fx-section__copy,.fx-split--reverse .fx-section__visual { grid-row:auto; grid-column:auto; }
    .fx-section__copy h2 { max-width:560px; }
    .fx-benefits { gap:18px; }
    .fx-interview-grid { grid-template-columns:1fr; max-width:640px; margin:auto; }
    .fx-feature-card .fx-preview { margin-top:0; }
    .fx-heading { margin-bottom:32px; }
    .fx-heading h2 { font-size:34px; }
    .fx-kanban { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .fx-kanban__column { min-height:180px; }
    .fx-three-points { gap:24px; }
    .fx-three-points>div { padding-right:0; }
    .fx-three-points h3 { font-size:16px; }
    .fx-three-points p { font-size:13px; }
    .fx-candidate { grid-template-columns:1fr; gap:32px; max-width:640px; }
}
@media(max-width:600px) {
    .fx-container { width:calc(100% - 40px); }
    .features-page section[id],.features-page div[id="fonctionnalites"] { scroll-margin-top:0; }
    .fx-hero h1 { font-size:clamp(36px,10vw,48px); margin-top:16px; margin-bottom:24px; }
    .fx-hero__lead { font-size:17px; }
    .fx-hero__support { font-size:15px; }
    .fx-actions { gap:14px; align-items:stretch; flex-direction:column; margin-top:24px; }
    .fx-actions .rl-button { min-height:48px; white-space:normal; }
    .fx-actions .fx-text-link { justify-content:center; }
    .fx-hero__promise { font-size:12px; margin-top:18px; }
    .fx-hero__visual figcaption { font-size:10px; }
    .fx-chapters { justify-content:flex-start; padding-top:22px; }
    .fx-chapters a { flex:1 1 29%; justify-content:center; min-height:44px; padding:8px 10px; gap:7px; font-size:12px; }
    .fx-chapters .icon { width:16px; height:16px; }
    .fx-section { padding-block:48px; }
    .features-page h2,.fx-heading h2 { font-size:32px; }
    .fx-section__copy h2 { margin-top:14px; margin-bottom:20px; }
    .fx-section__copy>p:not(.fx-eyebrow):not(.fx-note),.fx-heading>p:last-child,.fx-candidate>div>p:not(.fx-eyebrow) { font-size:16px; }
    .fx-benefits li { font-size:14px; }
    .fx-feature-card { padding:22px 18px; border-radius:16px; }
    .fx-card-heading { gap:11px; }
    .fx-card-heading h3 { font-size:20px; }
    .fx-icon-tile { width:38px; height:38px; border-radius:11px; }
    .fx-feature-card>p { font-size:14px; margin-block:18px 22px; }
    .fx-preview__top { gap:9px; padding:11px 13px; font-size:10px; }
    .fx-preview__brand .ui-brand-logo { --brand-logo-width:64px; }
    .fx-preview__body { padding:16px; }
    .fx-chat__message p { padding:11px; font-size:12px; }
    .fx-chat__message { gap:8px; }
    .fx-chat__message .fx-avatar { width:26px; height:26px; }
    .fx-preview__bottom { gap:7px; font-size:10px; }
    .fx-config-heading { gap:10px; flex-wrap:wrap; font-size:14px; }
    .fx-preview-tabs button { font-size:12px; padding-inline:7px; }
    .fx-config-panels { min-height:340px; }
    .fx-question-list li { padding:10px; gap:9px; }
    .fx-question-list strong { font-size:12px; }
    .fx-setting-row { gap:12px; }
    .fx-setting-row strong { font-size:12px; }
    .fx-setting-row .fx-badge { font-size:9px; padding-inline:6px; }
    .fx-copilot { gap:12px; }
    .fx-copilot>div:first-child { padding:11px; }
    .fx-copilot p { font-size:12px; }
    .fx-wave { gap:2px; }
    .fx-wave i { width:2px; }
    .fx-analysis-row { grid-template-columns:minmax(0,1fr) 60px 16px; gap:10px; }
    .fx-analysis-stats strong { font-size:36px; }
    .fx-analysis-stats small { font-size:11px; }
    .fx-preview--pipeline .fx-preview__body { padding:12px; }
    .fx-kanban { gap:10px; }
    .fx-kanban__column { padding:10px 8px; }
    .fx-kanban__heading { font-size:11px; }
    .fx-kanban__profile { padding:12px 8px; }
    .fx-kanban__profile>div { gap:6px; }
    .fx-kanban__profile .fx-avatar { width:25px; height:25px; font-size:9px; }
    .fx-three-points { grid-template-columns:1fr; gap:26px; margin-top:30px; }
    .fx-three-points>div { display:grid; grid-template-columns:26px 1fr; column-gap:12px; }
    .fx-three-points .icon { grid-row:1/3; margin-bottom:0; }
    .fx-three-points h3 { margin-bottom:6px; font-size:17px; }
    .fx-three-points p { font-size:14px; }
    .fx-tools-grid { grid-template-columns:1fr; gap:20px; }
    .fx-tool-card { padding:24px; border-radius:16px; }
    .fx-tool-card>p { min-height:0; }
    .fx-tool-card .fx-preview__body { min-height:180px; }
    .fx-candidate__steps article { padding:18px; gap:13px; }
    .fx-candidate__steps h3 { font-size:16px; }
    .fx-final { padding-block:55px 64px; }
    .fx-final h2 { font-size:32px; }
    .fx-final>p { font-size:16px; }
    .fx-final .fx-actions { max-width:340px; margin-inline:auto; }
}
@media(prefers-reduced-motion:reduce) {
    .features-page *,.features-page *::before,.features-page *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}
@media print {
    .fx-chapters,.fx-actions,.fx-hero__promise { display:none; }
    .fx-section,.fx-hero { padding-block:24px; }
    .fx-preview,.fx-tool-card,.fx-feature-card { break-inside:avoid; box-shadow:none; }
}