/* Proposition de colorimétrie du 12 octobre : surfaces distinctes, palette Synoptics. */
:root{--section-white:#fff;--section-mist:#eff3f4;--section-lavender:#e4e6ff;--section-soft:#f0f1fa;--section-ink:#223949}
.trust{background:var(--section-white)}
.trust p{color:var(--section-ink);font-weight:700}
.spatial{background:linear-gradient(var(--section-lavender),var(--section-mist))}
.technical{background:var(--section-mist)}
.cases{background:var(--section-white)}
.usages{background:linear-gradient(var(--section-mist),var(--section-white))}
.openanchor{background:linear-gradient(var(--section-mist),var(--section-lavender))}
.end-sections{background:linear-gradient(var(--section-lavender) 49.979%,rgba(228,230,255,0))}
.agency,.pilot{background:transparent}
.agency-box{background:rgba(228,230,255,.7);border-color:#f7f7f7}
.pilot{color:var(--section-ink)}
.pilot>h2{max-width:1100px;margin-left:auto;margin-right:auto;font-size:clamp(34px,4vw,58px)}
.pilot-intro{color:var(--section-ink)}
.pilot .duration-note{color:#516482}
.pilot-steps{background:var(--section-ink);border:1px solid #ffffff30}
.pilot .booking-panel{color:var(--section-ink)}
.pilot .footnote-ref{color:var(--section-ink)}
.site-footer{border-top:1px solid #ffffff26}
.spatial-shape,.case-decoration,.openanchor-shape,.openanchor-group{opacity:.14}
.end-shape{display:none}
.project-status img{width:112px;height:112px}
.oa-france-logo{width:136px;height:136px}
.header .language{display:flex;gap:6px;font-size:12px;flex-shrink:0}
.header .language img{display:block;width:16px;height:11px}
.footer-social{grid-column:1/-1;justify-content:flex-start!important}
.footer-social a{display:inline-flex;gap:8px;align-items:center}
.footer-social svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}
.oa-hero-figure img,.openanchor-diagram>img{border-radius:0;background:transparent}
.oa-hero{background:var(--section-lavender)}
.oa-challenges{background:var(--section-white)}
.oa-verrous-schema{background:var(--section-soft)}
.oa-programme{background:var(--section-mist)}
.oa-roadmap-section{background:var(--section-lavender)}
.oa-collaboration{background:var(--section-white)}
.oa-contact-section{background:var(--section-soft)}

/* Fonds relevés dans Figma : 66:334, 234:2118, 66:378, 97:751, 234:2113. */
.openanchor{padding-top:72px}

/* +10 % par rapport à l’illustration validée à 60 % de sa colonne. */
.openanchor-diagram>img{width:66%;max-width:406.56px}

/* Une seule animation de remplissage pour tous les appels à l’action. */
.cta.cta{position:relative;isolation:isolate;overflow:hidden;transition:color .3s ease,border-color .3s ease}
.cta.cta::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#677298;transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.cta.cta:hover,.cta.cta:focus-visible{background:var(--section-ink);color:#fff;border-color:#677298}
.cta.cta.secondary:hover,.cta.cta.secondary:focus-visible{background:transparent}
.cta.cta:hover::before,.cta.cta:focus-visible::before{transform:scaleX(1)}
.cta.cta img{transition:filter .3s ease}
.cta.cta:hover img,.cta.cta:focus-visible img{filter:brightness(0) invert(1)}
.cta.cta:focus-visible{outline:2px solid #677298;outline-offset:4px}

/* Chaque étape reste groupée dans la colonne qui suit la hauteur de l’agenda. */
.pilot-steps{grid-template-rows:auto;align-content:space-between;gap:28px;padding:28px}
.pilot-steps li{grid-template-rows:max-content max-content max-content;align-content:start;row-gap:6px}
.pilot-steps h3{margin:0}
.pilot-steps li>p{margin:0}
.pilot-steps .duration{margin:4px 0 0}
.booking-panel{padding:24px;min-height:0}
.booking-panel .booking-eyebrow{margin-bottom:8px}
.booking-panel h3{font-size:30px;margin-bottom:16px}
.booking-consent{min-height:360px;flex:none;gap:14px;padding:24px}
.booking-consent-status:empty{display:none}
.meetings-iframe-container{min-height:0}
.meetings-iframe-container iframe{height:615px}
.booking-settings{padding-top:8px}
.booking-settings details{font-size:12px;color:#516482}
.booking-settings summary{cursor:pointer}
.booking-settings button{font-size:12px;margin-top:8px}
.booking-direct-link{font-size:12px;margin-top:10px}
.booking-panel .booking-privacy{font-size:12px!important;margin-top:12px!important;margin-bottom:0!important;line-height:1.5!important}
@media(max-width:800px){.openanchor{padding-top:64px}.pilot-steps{gap:24px;padding:24px}.booking-panel{padding:24px}}
@media(max-width:550px){.booking-panel{padding:24px 0}.booking-consent{padding:20px}.booking-settings{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.cta.cta,.cta.cta::before,.cta.cta img{transition:none}}
@media(max-width:900px){.header .nav-actions{gap:10px}.header .language{display:flex}.oa-france-logo{width:104px;height:104px;margin-right:0}}
@media(max-width:450px){.header .language{font-size:11px;gap:4px}.header .nav-actions{gap:6px}.header .cta{font-size:10px;padding:11px 8px}.header .logo{width:94px}.header .logo-word{width:70px}.project-status img{width:96px;height:96px}.oa-france-logo{width:80px;height:80px}.oa-programme-heading h2{font-size:30px}}