/* QPX-06 — « Demande à QEVYO » (arbitrages d'Alex V2, 06/10/2026) : la composition de l'accueil de QEVYO APP.
   Projection des règles de qevyo-app d09118f app/components/accueil/accueil.css (l'horizon du Relief et son soleil d'or,
   la rose, le titre serif centré, la voix de QEVYO, le composer blanc et son bouton vert ; la conversation : la bulle verte
   de l'agent, la carte douce de QEVYO, sa marque, les lignes numérotées en bronze) et de app/components/coach/thread.css
   (la grille d'un message), adaptées à une page autonome (sans shell ni navigation factice). Jetons de l'APP uniquement
   (/qpx/app/qevyo-app.css) ; le bronze est dérivé de l'or. Cibles ≥ 44 px ; rien ne déborde ; les animations n'existent
   que hors reduced-motion. */

.qpx-ask{--q-home-bg:color-mix(in oklab,var(--q-surface-ivory) 55%,var(--q-surface));--q-home-card:color-mix(in oklab,var(--q-surface-ivory) 62%,var(--q-border-subtle));--q-home-green:color-mix(in oklab,var(--q-brand) 72%,var(--q-brand-deep));--q-home-bronze:oklch(from var(--q-gold) calc(l - .12) calc(c + .03) calc(h - 12));--q-shell-top:64px;margin:0;min-block-size:100dvh;display:flex;flex-direction:column;background:var(--q-home-bg);color:var(--q-text);font-family:var(--q-font-body);overflow-x:clip}
.qpx-ask-sr,.qpx-ask-sep{position:absolute!important;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.qpx-ask-skip{position:absolute;inset-block-start:-100px;inset-inline-start:12px;z-index:10;padding:12px 16px;border-radius:var(--q-radius-pill);background:var(--q-surface-raised);color:var(--q-brand);font-weight:var(--q-weight-strong)}
.qpx-ask-skip:focus{inset-block-start:12px}

/* ── La barre : le logo, « Démo », le retour vers l'expérience. Aucune navigation de l'APP imitée. ── */
.qpx-ask-bar{position:relative;z-index:3;display:flex;align-items:center;gap:12px;box-sizing:border-box;inline-size:100%;min-block-size:var(--q-shell-top);padding:8px var(--q-gutter);border-block-end:1px solid color-mix(in oklab,var(--q-border-subtle) 70%,transparent);background:color-mix(in oklab,var(--q-surface) 86%,transparent)}
.qpx-ask-bar__brand{display:inline-flex;align-items:center;min-block-size:var(--q-tap)}
.qpx-ask-bar__brand img{display:block;inline-size:118px;block-size:auto}
.qpx-ask-demo{padding:3px 10px;border:1px solid var(--q-sage-line);border-radius:var(--q-radius-pill);color:var(--q-brand-deep);font:var(--q-weight-strong) 11.5px/1.4 var(--q-font-body);letter-spacing:.14em;text-transform:uppercase}
.qpx-ask-bar__back{margin-inline-start:auto;display:inline-block;box-sizing:border-box;min-block-size:var(--q-tap);padding:0 16px;border:1px solid var(--q-sage-line);border-radius:var(--q-radius-pill);background:var(--q-surface-raised);color:var(--q-brand);font:var(--q-weight-strong) 14px/42px var(--q-font-body);text-decoration:none;white-space:nowrap}
.qpx-ask-bar__back:hover{background:var(--q-hover-veil)}
.qpx-ask-bar a:focus-visible,.qpx-ask-foot a:focus-visible{outline:3px solid var(--q-focus);outline-offset:2px}

/* ── La page (accueil.css : .q-home) ── */
.q-home{position:relative;flex:1;display:flex;flex-direction:column;box-sizing:border-box;inline-size:100%;max-inline-size:calc(760px + 2 * var(--q-gutter));margin-inline:auto;padding:0 var(--q-gutter) var(--q-space-6);color:var(--q-text);font-family:var(--q-font-body)}
.q-home:focus{outline:none}
.q-home-horizon{position:absolute;z-index:0;inset-block-start:0;inset-inline-start:50%;inline-size:100vw;block-size:128px;transform:translateX(-50%);background:linear-gradient(to bottom,transparent 38%,var(--q-home-bg) 92%) 0 0/100% 100% no-repeat,url(/qpx/app/brand/illustrations/relief.svg) 58% 10%/max(460px,120%) auto no-repeat;opacity:.9;pointer-events:none}
.q-home>:not(.q-home-horizon){position:relative;z-index:1}
.q-home-moment{display:flex;flex-direction:column;align-items:center;padding-block-start:112px;text-align:center}
.q-rose{--q-rose-light:oklch(from var(--q-gold) calc(l - .02) calc(c + .015) calc(h - 8));--q-rose-mid:oklch(from var(--q-gold) calc(l - .1) calc(c + .025) calc(h - 12));--q-rose-deep:oklch(from var(--q-gold-ink) calc(l + .03) calc(c + .03) calc(h - 12));display:block;flex:none}
.q-rose--hero{inline-size:70px;block-size:70px;margin-block-end:14px}
.q-home-headline{margin:0;color:var(--q-text);font:600 38px/1.1 var(--q-font-display);letter-spacing:-.005em;text-wrap:balance}
.q-home-voice{margin:12px 0 0;max-inline-size:340px;color:var(--q-text-secondary);font:400 16px/1.5 var(--q-font-body);text-wrap:balance}

/* ── Le composer (accueil.css : .q-home-composer), puis les trois questions d'Alex ── */
.q-home-dock{display:flex;flex-direction:column;gap:12px;margin-block-start:32px}
.q-home-composer{display:flex;align-items:center;gap:var(--q-space-2);min-block-size:60px;box-sizing:border-box;padding:7px 7px 7px 22px;border:1px solid color-mix(in oklab,var(--q-border-subtle) 80%,transparent);border-radius:var(--q-radius-pill);background:var(--q-surface-raised);box-shadow:0 1px 2px color-mix(in oklab,var(--q-night) 5%,transparent),0 14px 34px -16px color-mix(in oklab,var(--q-night) 26%,transparent)}
.qpx-ask-composer__text{flex:1;min-inline-size:0;padding:11px 0;color:var(--q-text-secondary);font:400 16px/1.4 var(--q-font-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qpx-ask-composer[data-filled] .qpx-ask-composer__text{color:var(--q-text)}
.q-home-composer__send{display:grid;place-items:center;flex:none;inline-size:46px;block-size:46px;border-radius:50%;background:var(--q-home-green,var(--q-brand));color:var(--q-on-brand);box-shadow:0 4px 10px -4px color-mix(in oklab,var(--q-brand-deep) 50%,transparent)}
.q-home-composer__send .q-c-icon{transform:rotate(-90deg)}
.qpx-ask-note{margin:6px 0 0;color:var(--q-text-secondary);font:400 13.5px/1.45 var(--q-font-body);text-align:center}
.qpx-ask-prompts{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.qpx-ask-prompt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 14px;inline-size:100%;min-block-size:var(--q-tap);box-sizing:border-box;padding:14px 16px 14px 20px;border:1px solid color-mix(in oklab,var(--q-border-subtle) 85%,transparent);border-radius:20px;background:color-mix(in oklab,var(--q-surface-raised) 72%,transparent);color:var(--q-text);font:inherit;text-align:start;cursor:pointer}
.qpx-ask-prompt:hover{border-color:var(--q-sage-line);background:var(--q-surface-raised)}
.qpx-ask-prompt:focus-visible{outline:3px solid var(--q-focus);outline-offset:2px}
.qpx-ask-prompt[aria-expanded=true]{border-color:var(--q-brand);background:var(--q-surface-raised)}
.qpx-ask-prompt__theme{grid-column:1;color:var(--q-brand-deep);font:var(--q-weight-strong) 11.5px/1.4 var(--q-font-body);letter-spacing:.12em;text-transform:uppercase}
.qpx-ask-prompt__q{grid-column:1;align-self:start;color:var(--q-text);font:500 16px/1.4 var(--q-font-body)}
.qpx-ask-prompt__go{grid-column:2;grid-row:1/span 2;display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:50%;background:var(--q-surface-mist);color:var(--q-brand)}

/* ── La conversation (accueil.css « reference 2 » ; thread.css : .q-th-msg) ── */
.q-home-talk{display:none;flex-direction:column;padding-block-start:22px}
.q-home-thread{display:flex;flex-direction:column;gap:22px;margin:0;padding:0;list-style:none}
.qpx-ask-pair{display:grid;gap:16px;scroll-margin-block-start:16px}
.q-th-msg{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--q-space-3);align-items:start}
.q-th-msg--agent{grid-template-columns:minmax(0,1fr);justify-items:end}
.q-th-msg__body{min-inline-size:0;margin:0;overflow-wrap:anywhere}
.q-th-msg--agent .q-th-msg__body{max-inline-size:min(84%,520px);padding:12px 16px;border-radius:20px 20px 6px 20px;background:var(--q-home-green);color:var(--q-on-brand);font:400 16px/1.4 var(--q-font-body)}
.q-home-mark{display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:50%;background:var(--q-brand-deep)}
.q-rose--mark{inline-size:28px;block-size:28px}
.q-th-msg--qevyo{grid-template-columns:42px minmax(0,1fr);gap:10px}
.q-th-msg--qevyo:focus{outline:none}
.qpx-ask-card{display:grid;gap:4px;padding:18px 20px 14px;border-radius:20px;background:var(--q-home-card);color:var(--q-text);font:400 15.5px/1.55 var(--q-font-body)}
.qpx-ask-card__eyebrow{margin:0;color:var(--q-text-secondary);font:500 12.5px/1.4 var(--q-font-body)}
.qpx-ask-card__eyebrow span{color:var(--q-brand-deep);font-weight:var(--q-weight-strong);letter-spacing:.08em}
.qpx-ask-body{display:grid;gap:0}

/* La réponse se lit dans l'ordre d'Alex : réponse / décision → pourquoi → méthode → vigilance → action. */
.qpx-ask-block{padding-block:14px;border-block-start:1px solid color-mix(in oklab,var(--q-border-subtle) 70%,transparent)}
.qpx-ask-block--answer{padding-block-start:6px;border:0}
.qpx-ask-block p{margin:0}
.qpx-ask-k{margin:0 0 8px;color:var(--q-brand-deep);font:var(--q-weight-strong) 11.5px/1.4 var(--q-font-body);letter-spacing:.14em;text-transform:uppercase}
.qpx-ask-lead{color:var(--q-text);font:600 23px/1.28 var(--q-font-display);text-wrap:pretty}
.qpx-ask-decision{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.qpx-ask-decision__row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--q-surface-raised)}
.qpx-ask-decision__if{color:var(--q-text-secondary);font:400 15px/1.4 var(--q-font-body)}
.qpx-ask-decision__arrow{display:grid;place-items:center;color:var(--q-home-bronze)}
.qpx-ask-decision__then{color:var(--q-brand-deep);font:var(--q-weight-strong) 16px/1.35 var(--q-font-body)}
.qpx-ask-when{margin-block-end:10px!important;color:var(--q-text-secondary);font-size:14.5px}
.qpx-ask-when strong{color:var(--q-text);font-weight:var(--q-weight-strong)}
.qpx-ask-home .qpx-ask-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:qpx-ask-step}
.qpx-ask-home .qpx-ask-steps li{position:relative;min-block-size:28px;padding-inline-start:40px;counter-increment:qpx-ask-step}
.qpx-ask-home .qpx-ask-steps li::before{content:counter(qpx-ask-step);position:absolute;inset-block-start:-1px;inset-inline-start:0;display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:50%;background:var(--q-home-bronze);color:var(--q-on-brand);font:var(--q-weight-strong) 13px/1 var(--q-font-body)}
.qpx-ask-block--quiet{color:var(--q-text-secondary)}
.qpx-ask-quotes,.qpx-ask-avoid{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.qpx-ask-quotes li{padding-inline-start:14px;border-inline-start:2px solid var(--q-gold);font-style:italic}
.qpx-ask-avoid li{position:relative;padding-inline-start:24px}
.qpx-ask-avoid li::before{content:"";position:absolute;inset-block-start:.62em;inset-inline-start:4px;inline-size:10px;block-size:2px;border-radius:2px;background:var(--q-home-bronze)}
.qpx-ask-block--action{margin-block:6px 4px;padding:16px 18px;border:0;border-radius:16px;background:var(--q-brand-deep);color:var(--q-on-brand)}
.qpx-ask-block--action .qpx-ask-k{color:color-mix(in oklab,var(--q-gold) 80%,var(--q-on-brand))}
.qpx-ask-action{font:500 17px/1.45 var(--q-font-body)}
.qpx-ask-done{margin-block-start:10px!important;color:color-mix(in oklab,var(--q-on-brand) 82%,transparent);font-size:14.5px}
.qpx-ask-done strong{color:var(--q-on-brand)}
.qpx-ask-block--support{border:0;padding-block:16px 6px}
.qpx-ask-support{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center}
.qpx-ask-support__text{display:grid;gap:10px;min-inline-size:0}
.qpx-ask-preview{display:block;inline-size:100%;block-size:auto;aspect-ratio:476/674;border-radius:8px;background:var(--q-surface-raised);box-shadow:0 1px 2px color-mix(in oklab,var(--q-night) 8%,transparent),0 10px 24px -14px color-mix(in oklab,var(--q-night) 40%,transparent)}
/* Les deux déroulés au choix (R1 / R1 + R2) : la phrase de QEVYO, puis deux cartes. */
.qpx-ask-block--deroules{padding-block:16px}
.qpx-ask-offer{font:500 16.5px/1.5 var(--q-font-body)}
.qpx-ask-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none}
.qpx-ask-option{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border-radius:16px;background:var(--q-surface-raised)}
.qpx-ask-option__text{display:grid;gap:8px;min-inline-size:0}
.qpx-ask-option__title{color:var(--q-brand-deep);font:600 19px/1.2 var(--q-font-display)}
.qpx-ask-option__for{color:var(--q-text-secondary);font-size:14.5px;line-height:1.45}
.qpx-ask-option .qpx-ask-pdf{grid-column:1/-1;justify-self:stretch;justify-content:center;flex-wrap:wrap;row-gap:2px;padding:10px 16px;font-size:14px;text-align:center}
.qpx-ask-option .qpx-ask-pdf__meta{font-size:12.5px}
.qpx-ask-lead,.qpx-ask-option__title,.qpx-ask-support__title{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.qpx-ask-support__title{font:600 20px/1.25 var(--q-font-display)}
.qpx-ask-support__parts{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.qpx-ask-support__parts li{padding:4px 10px;border-radius:var(--q-radius-pill);background:var(--q-surface-raised);color:var(--q-text-secondary);font-size:13.5px}
.qpx-ask-pdf{justify-self:start;display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-block-size:var(--q-tap);box-sizing:border-box;padding:10px 20px;border-radius:var(--q-radius-pill);background:var(--q-home-green);color:var(--q-on-brand);font:var(--q-weight-strong) 15px/1.2 var(--q-font-body);text-decoration:none}
.qpx-ask-pdf:hover{background:var(--q-brand-deep)}
.qpx-ask-pdf:focus-visible,.qpx-ask-source a:focus-visible,.qpx-ask-more:focus-visible{outline:3px solid var(--q-focus);outline-offset:2px}
.qpx-ask-pdf__meta{color:color-mix(in oklab,var(--q-on-brand) 80%,transparent);font-weight:400;font-size:13px}
.qpx-ask-source{margin-block-start:12px!important;color:var(--q-text-secondary);font:400 12.5px/1.5 var(--q-font-body);overflow-wrap:anywhere}
.qpx-ask-source--ext{margin-block-start:2px!important}
.qpx-ask-source a{display:inline-block;padding-block:13px;margin-block:-13px;color:var(--q-brand)}
.qpx-ask-source__id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}
/* « Afficher toute la réponse » : seulement pendant l'écriture. */
.qpx-ask-more{justify-self:start;display:inline-flex;align-items:center;min-block-size:var(--q-tap);margin-block-start:6px;padding:0 16px;border:1px solid var(--q-sage-line);border-radius:var(--q-radius-pill);background:var(--q-surface-raised);color:var(--q-brand);font:var(--q-weight-strong) 14px/1.2 var(--q-font-body);cursor:pointer}
.qpx-ask-more[hidden]{display:none}

/* ── Les états (avec JavaScript) : l'ouverture, puis la conversation. Sans JavaScript, tout reste lisible. ── */
[data-qpx-js] .q-home-talk{display:none}
[data-qpx-js] [data-qpx-ask-state=conversation] .q-home-talk{display:flex}
[data-qpx-js] [data-qpx-ask-state=conversation] .q-home-horizon,[data-qpx-js] [data-qpx-ask-state=conversation] .q-home-moment{display:none}
[data-qpx-js] [data-qpx-ask-state=conversation] .q-home-dock{margin-block-start:28px;padding-block-start:22px;border-block-start:1px solid color-mix(in oklab,var(--q-border-subtle) 70%,transparent)}
[data-qpx-js] [data-qpx-ask-state=conversation] .qpx-ask-note::before{content:"Une autre question ? "}
html:not([data-qpx-js]) .q-home-talk{display:flex}
.qpx-ask-pair[hidden]{display:none}
/* L'écriture : une section n'occupe de place qu'une fois atteinte ; ses mots apparaissent (opacité seule : le texte reste
   dans l'arbre d'accessibilité, la réponse entière est lisible par un lecteur d'écran dès le premier instant). */
.qpx-ask-body [data-writing=pending]{min-block-size:0!important;max-block-size:0;overflow:hidden;padding-block:0!important;margin-block:0!important;border-color:transparent}
.qpx-ask-body [data-writing=pending]::before{display:none}
.qpx-ask-w{opacity:0}
.qpx-ask-w[data-on]{opacity:1}

.qpx-ask-foot{display:flex;justify-content:center;padding:18px var(--q-gutter) 28px}
.qpx-ask-foot a{display:inline-flex;align-items:center;min-block-size:var(--q-tap);color:var(--q-text-secondary);font-size:14px}

@media (prefers-reduced-motion:no-preference){
 .qpx-ask-w{transition:opacity 180ms var(--q-ease)}
 .qpx-ask-prompt{transition:background-color var(--q-duration-fast) var(--q-ease),border-color var(--q-duration-fast) var(--q-ease)}
 .qpx-ask-pair .q-th-msg--agent{animation:qpx-ask-in 260ms var(--q-ease) both}
 .qpx-ask-pair .q-th-msg--qevyo{animation:qpx-ask-in 260ms var(--q-ease) 120ms both}
 @keyframes qpx-ask-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}

/* ── Téléphone : l'expérience QEVYO mobile, toute la largeur utile. ── */
@media (max-width:767.98px){
 .qpx-ask-bar__more{display:none}
 .qpx-ask-options{grid-template-columns:minmax(0,1fr)}
 .q-home-moment{padding-block-start:104px}
 [data-qpx-js] [data-qpx-ask-state=ouverture] .q-home-dock{margin-block-start:auto;padding-block-start:28px}
 [data-qpx-js] [data-qpx-ask-state=ouverture] .q-home-moment{margin-block-end:8px}
}
@media (max-width:479.98px){
 .q-home{padding-inline:12px}
 .q-th-msg--qevyo{grid-template-columns:minmax(0,1fr);gap:8px}
 .q-th-msg--qevyo .q-th-msg__who{display:flex;align-items:center}
 .q-home-mark{inline-size:34px;block-size:34px}
 .q-rose--mark{inline-size:22px;block-size:22px}
 .qpx-ask-card{padding:16px 16px 12px}
 .qpx-ask-lead{font-size:21px}
 .qpx-ask-decision__row{grid-template-columns:minmax(0,1fr);gap:4px}
 .qpx-ask-support{grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:start}
 .qpx-ask-option{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px}
 .qpx-ask-decision__arrow{justify-self:start;transform:rotate(90deg)}
 .q-th-msg--agent .q-th-msg__body{max-inline-size:92%}
 .qpx-ask-bar{gap:8px}
 .qpx-ask-bar__brand img{inline-size:100px}
 .qpx-ask-bar__back{padding:0 12px;font-size:13.5px}
}
@media (max-width:359.98px){
 .qpx-ask-bar{gap:6px;padding-inline:10px}
 .qpx-ask-bar__brand img{inline-size:84px}
 .qpx-ask-demo{padding:2px 7px;letter-spacing:.1em}
 .qpx-ask-bar__back{padding:0 10px;font-size:13px}
}
@media (min-width:768px){
 .q-home-horizon{block-size:230px;background:linear-gradient(to bottom,transparent 40%,var(--q-home-bg) 96%) 0 0/100% 100% no-repeat,linear-gradient(to right,var(--q-home-bg) 0,transparent 12%,transparent 88%,var(--q-home-bg) 100%) 0 0/100% 100% no-repeat,url(/qpx/app/brand/illustrations/relief.svg) calc(50% + 120px) 6%/1240px auto no-repeat}
 .q-home-moment{padding-block-start:176px}
 .q-rose--hero{inline-size:86px;block-size:86px;margin-block-end:18px}
 .q-home-headline{font-size:52px}
 .q-home-voice{max-inline-size:540px;font-size:19px}
 .q-home-dock{margin-block-start:40px}
 .q-home-composer{min-block-size:64px;padding-inline-start:26px}
 .q-home-composer__send{inline-size:50px;block-size:50px}
 .qpx-ask-prompts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .qpx-ask-prompt{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:6px;block-size:100%;padding:16px 18px}
 .qpx-ask-prompt__go{grid-column:1;grid-row:auto;justify-self:end;align-self:end;margin-block-start:4px}
 .qpx-ask-card{padding:22px 26px 16px}
 .qpx-ask-lead{font-size:26px}
 .q-home-talk{padding-block-start:36px}
}