/* Mise en page mobile dédiée : rythme court, cartes à balayer et contenu prioritaire. Desktop inchangé. */
@media (max-width: 760px) {
  .glass-app .ticker { display: none; }
  .glass-app .site-header {
    top: 7px; width: calc(100% - 20px); margin-top: 7px;
    border-radius: 22px; background: rgba(255,255,255,.76);
    box-shadow: 0 12px 36px rgba(20,40,91,.13), inset 0 1px 0 white;
  }
  .glass-app .nav { min-height: 62px; padding-inline: 12px; }
  .glass-app .logo img { height: 31px; }
  .glass-app .menu-toggle { min-width: 44px; min-height: 44px; }
  .glass-app .nav.open .nav-links a { min-height: 46px; display: flex; align-items: center; }
  .glass-app .shell { width: calc(100% - 36px); }
  .glass-app .section, .glass-app .organization-v2, .glass-app .deployment-v2, .glass-app .talent-v2 { padding-block: 56px; }
  .glass-app .section-head { gap: 10px; margin-bottom: 24px; }
  .glass-app h2 { font-size: clamp(2rem, 8.5vw, 3rem); line-height: 1.07; }
  .glass-app .section-intro { font-size: 15px; line-height: 1.55; }
  .glass-app .button, .glass-app button { touch-action: manipulation; }
  .glass-app a:focus-visible, .glass-app button:focus-visible, .glass-app summary:focus-visible {
    outline: 3px solid #ff9a55; outline-offset: 3px;
  }

  /* Home : le visage reste visible ; le cockpit devient une carte indépendante. */
  .glass-app .hero { padding: 32px 0 25px; }
  .glass-app .hero-grid { gap: 25px; }
  .glass-app .hero h1 { margin-bottom: 17px; font-size: clamp(2.5rem, 11.2vw, 3.5rem); line-height: 1.01; }
  .glass-app .hero-lead { margin-bottom: 21px; font-size: 16px; line-height: 1.5; }
  .glass-app .hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
  .glass-app .hero-actions .button { min-height: 50px; width: 100%; padding-inline: 12px; font-size: 12px; text-align: center; }
  .glass-app .hero-actions .button:first-child { grid-column: 1/-1; }
  .glass-app .hero-meta { margin-top: 16px; gap: 6px; }
  .glass-app .hero-meta span { font-size: 8px; padding: 7px 9px; }
  .glass-app .home-hero-stage { min-height: 0; width: 100%; align-items: stretch; }
  .glass-app .home-portrait { width: 100%; height: clamp(245px, 65vw, 340px); margin: 0; transform: none; border-radius: 27px; }
  .glass-app .home-portrait img { object-position: center 38%; }
  .glass-app .home-cockpit { width: calc(100% - 12px); margin: -24px auto 0; padding: 18px; border-radius: 24px; }
  .glass-app .home-cockpit .mission strong { font-size: 19px; }
  .glass-app .mission-tabs { margin-inline: -4px; padding: 4px; }
  .glass-app .mission-tabs button { min-height: 38px; padding-inline: 11px; font-size: 10px; }
  .glass-app .flow-row { min-height: 36px; }
  
  /* Le balayage remplace les longues piles de cartes, avec une carte suivante visible. */
  .glass-app .situations-v2 .situation-grid,
  .glass-app .proof-stories,
  .glass-app .pillar-tabs {
    display: flex; gap: 11px; overflow-x: auto; padding: 3px 18px 18px;
    margin-inline: -18px; scroll-snap-type: x mandatory; scroll-padding-inline: 18px;
    overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .glass-app .situations-v2 .situation-grid::-webkit-scrollbar,
  .glass-app .proof-stories::-webkit-scrollbar,
  .glass-app .pillar-tabs::-webkit-scrollbar { display: none; }
  .glass-app .situation-card { flex: 0 0 84%; min-height: 270px; scroll-snap-align: start; }
  .glass-app .proof-disclosure { flex: 0 0 87%; min-width: 0; scroll-snap-align: start; }
  .glass-app .proof-disclosure summary { min-height: 305px; }
  .glass-app .pillar-tabs > * { flex: 0 0 60%; scroll-snap-align: start; }
  .glass-app .pillar-tabs button { min-height: 86px; }
  .glass-app .pillar-stage { min-height: 620px; }
  .glass-app .truth-panel { padding: 22px; }
  .glass-app .tools-strip { margin-block: 10px; }
  
  /* Sur téléphone, les sept étapes se lisent comme une séquence éditoriale,
     tandis que l'animation reste en tête du parcours. */
  .glass-app .deployment-console { position: relative; top: auto; margin-bottom: 15px; }
  .glass-app .deployment-steps { display: grid; gap: 10px; padding-bottom: 0; }
  .glass-app .deployment-card-v3 { position: relative; top: auto !important; min-height: 0; margin: 0; padding: 19px; }
  .glass-app .deployment-card-v3 h3 { font-size: 25px; }
  .glass-app .deployment-card-v3 p { font-size: 12px; }
  .glass-app .transform-board { border-radius: 23px; }
  .glass-app .transform-toggle button { min-width: 130px; min-height: 44px; }
  .glass-app .talent-photo-v2 { height: 330px; }
  .glass-app .talent-benefit-grid article { min-height: 125px; }
  
  /* Pages intérieures : chaque hero reste lisible et les choix se manipulent au pouce. */
  .glass-app .v4-page .v4-hero { padding: 35px 0 50px; }
  .glass-app .v4-page .v4-crumb { margin-bottom: 20px; }
  .glass-app .v4-page h1 { font-size: clamp(2.55rem, 10.6vw, 3.65rem); line-height: 1.03; overflow-wrap: anywhere; }
  .glass-app .v4-page .v4-hero p { font-size: 16px; line-height: 1.5; }
  .glass-app .v4-page .v4-pad { padding-block: 56px; }
  .glass-app .v4-page .v4-heading { margin-bottom: 25px; }
  .glass-app .v4-page .v4-close { padding: 53px 18px; }
  .glass-app .v4-page .v4-actions .button { min-height: 50px; }
  .glass-app .v4-audience-tabs,
  .glass-app .v4-result-tabs,
  .glass-app .v4-result-statline,
  .glass-app .v4-offer-grid,
  .glass-app .v4-talent-grid {
    display: flex; gap: 10px; overflow-x: auto; padding: 3px 18px 17px;
    margin-inline: -18px; scroll-snap-type: x mandatory; scroll-padding-inline: 18px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  .glass-app .v4-audience-tabs::-webkit-scrollbar,
  .glass-app .v4-result-tabs::-webkit-scrollbar,
  .glass-app .v4-result-statline::-webkit-scrollbar,
  .glass-app .v4-offer-grid::-webkit-scrollbar,
  .glass-app .v4-talent-grid::-webkit-scrollbar { display: none; }
  .glass-app .v4-audience-tabs button { flex: 0 0 64%; min-height: 105px; scroll-snap-align: start; }
  .glass-app .v4-result-tabs button { flex: 0 0 68%; min-height: 96px; scroll-snap-align: start; }
  .glass-app .v4-result-statline > * { flex: 0 0 73%; scroll-snap-align: start; }
  .glass-app .v4-offer-card { flex: 0 0 88%; min-height: 0; scroll-snap-align: start; }
  .glass-app .v4-talent-grid article { flex: 0 0 82%; scroll-snap-align: start; }
  .glass-app .v4-resource-choice a { min-height: 0; padding: 23px; }
  .glass-app .v4-audience-art { height: 300px; }
  .glass-app .v4-talent-hero figure { height: 290px; }
  .glass-app .v4-quiz-options button, .glass-app .v4-audit-choices span { min-height: 48px; }
  .glass-app input, .glass-app select, .glass-app textarea { font-size: 16px; }

  .glass-app #site-header { top: 7px; }
  .glass-app .site-header { width: calc(100% - 20px); margin-top: 0; }
  .glass-app .transform-board { display: none; }
  .glass-app .mobile-transform-v4 { display: block; margin: 17px auto 0; max-width: 430px; padding: 17px; border: 1px solid rgba(255,255,255,.62); border-radius: 26px; color: #18285d; background: rgba(255,255,255,.84); box-shadow: 0 24px 54px rgba(15,29,79,.2), inset 0 1px 0 white; backdrop-filter: blur(20px); }
  .glass-app .mobile-transform-head-v4 { display: grid; gap: 6px; margin-bottom: 16px; }
  .glass-app .mobile-transform-head-v4 span { color: #f06442; font: 700 8px/1.3 "Space Mono",monospace; letter-spacing: .07em; }
  .glass-app .mobile-transform-head-v4 b { font: 800 20px/1.1 "Manrope",sans-serif; letter-spacing: -.04em; }
  .glass-app .mobile-transform-flow-v4 { text-align: center; }
  .glass-app .mobile-transform-inputs-v4 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
  .glass-app .mobile-transform-inputs-v4 span { display: grid; place-items: center; min-height: 60px; padding: 6px; border: 1px solid rgba(31,58,126,.13); border-radius: 13px; background: #f2f5fc; font: 700 9px/1.2 "DM Sans",sans-serif; }
  .glass-app .mobile-transform-lines-v4 { display: flex; justify-content: space-around; height: 26px; padding: 0 12%; }
  .glass-app .mobile-transform-lines-v4 i { width: 1px; height: 100%; border-left: 2px dashed rgba(91,107,147,.5); transform-origin: bottom; }
  .glass-app .mobile-transform-lines-v4 i:first-child { transform: rotate(-28deg); }
  .glass-app .mobile-transform-lines-v4 i:last-child { transform: rotate(28deg); }
  .glass-app .mobile-transform-hub-v4 { display: flex; align-items: center; justify-content: center; gap: 11px; min-height: 78px; width: 82%; margin: 0 auto; padding: 11px; border: 1px solid rgba(233,99,79,.28); border-radius: 19px; background: linear-gradient(125deg,#fff,#fcebdc); box-shadow: 0 10px 25px rgba(41,52,100,.1); }
  .glass-app .mobile-transform-hub-icon-v4 { display: grid; place-items: center; width: 48px; height: 48px; flex:none; border-radius: 14px; color:#fff; background:#293b74; font:800 27px/1 "Manrope",sans-serif; }
  .glass-app .mobile-transform-hub-icon-v4 img { display: none; width: 36px; height: 36px; object-fit: contain; }
  .glass-app .mobile-transform-hub-v4 b { max-width: 135px; text-align: left; font: 800 15px/1.14 "Manrope",sans-serif; }
  .glass-app .mobile-transform-arrow-v4 { height: 29px; color:#ea6b49; font-size:25px; line-height:29px; }
  .glass-app .mobile-transform-output-v4 { display:grid; gap: 5px; padding: 13px; border-radius: 17px; color:#fff; background:#2a3a70; }
  .glass-app .mobile-transform-output-v4 small { color:#ffbb76; font:700 8px/1 "Space Mono",monospace; letter-spacing:.11em; }
  .glass-app .mobile-transform-output-v4 strong { font:800 17px/1.12 "Manrope",sans-serif; }
  .glass-app .mobile-transform-output-v4 span { color:rgba(255,255,255,.75); font-size:10px; }
  .glass-app .mobile-transform-v4[data-transform-state="after"] .mobile-transform-lines-v4 i { border-left-style:solid; border-color:#f46a43; }
  .glass-app .mobile-transform-v4[data-transform-state="after"] .mobile-transform-hub-v4 { background:linear-gradient(125deg,#fff4de,#ffe3b9); border-color:#f5a253; }
  .glass-app .mobile-transform-v4[data-transform-state="after"] .mobile-transform-hub-icon-v4 { background:#fff; }
  .glass-app .mobile-transform-v4[data-transform-state="after"] .mobile-transform-hub-icon-v4 span { display:none; }
  .glass-app .mobile-transform-v4[data-transform-state="after"] .mobile-transform-hub-icon-v4 img { display:block; }
  .glass-app .mobile-transform-v4[data-transform-state="after"] .mobile-transform-output-v4 { background:linear-gradient(130deg,#2e56ab,#1b3479); }
  .glass-app .deployment-console { display:none; }
  .glass-app .deployment-card-v3 { overflow:hidden; cursor:default; }
  .glass-app .mobile-deploy-scene-v4 { display:block; margin:17px -9px -9px; padding: 11px; min-height: 250px; border:1px solid rgba(255,255,255,.16); border-radius: 19px; background:rgba(9,22,68,.27); }
  .glass-app .mobile-deploy-scene-v4 .deploy-scene-v4 { min-height: 228px; padding: 7px 0 0; }
  .glass-app .mobile-deploy-scene-v4 .deploy-scene-head-v4 { margin-bottom: 10px; }
}
@media (max-width: 360px) {
  .glass-app .hero h1 { font-size: 39px; }
  .glass-app .v4-page h1 { font-size: 39px; }
  .glass-app .home-cockpit { padding: 14px; }
  .glass-app .pillar-tabs > * { flex-basis: 73%; }
}
@media (prefers-reduced-motion: reduce) {
  .glass-app .situations-v2 .situation-grid,
  .glass-app .proof-stories,
  .glass-app .pillar-tabs,
  .glass-app .v4-audience-tabs,
  .glass-app .v4-result-tabs,
  .glass-app .v4-offer-grid { scroll-behavior: auto; }
}