/* Évolution de la charte existante : Archivo, papier, sapin et citron.
   DESIGN_VARIANCE 4 / MOTION_INTENSITY 3 / VISUAL_DENSITY 3.
   Le pilote est une préouverture, sans réservation ni annuaire fictif. */
.orientation { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(24px,5vw,72px); align-items:center; padding-block:clamp(28px,5vw,64px); }
.vitrine #accueil.panel { background-image:none; }
.orientation-copy { display:grid; gap:22px; }
.orientation h1 { font-size:clamp(38px,4.2vw,60px); line-height:1.04; letter-spacing:-.04em; max-width:17ch; text-wrap:balance; }
.orientation-copy > p { max-width:47ch; color:var(--ink-2); font-size:clamp(17px,1.5vw,20px); }
.orientation-photo { margin:0; }
.orientation-photo img { width:100%; height:auto; aspect-ratio:5/4; object-fit:cover; border-radius:16px; }
.orientation-actions { display:grid; gap:10px; }
.orientation-actions a { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 20px; border:1px solid var(--ink); border-radius:12px; text-decoration:none; transition:transform .18s ease; }
.orientation-actions a:first-child { background:var(--lime); }
.orientation-actions a:hover { transform:translateY(-2px); }
.orientation-actions a:active { transform:translateY(0); }
.orientation-actions strong { display:block; font-size:18px; }
.orientation-actions small { display:block; color:var(--ink-2); font-size:14px; margin-top:3px; }
.pilot-section { padding-block:clamp(30px,5vw,64px); }
.pilot-section h2 { font-size:clamp(28px,3vw,40px); line-height:1.1; letter-spacing:-.025em; margin-bottom:16px; text-wrap:balance; }
.pilot-section > p { max-width:65ch; color:var(--ink-2); }
.pilot-status { background:var(--lime-wash); border-left:4px solid var(--ink); border-radius:0 12px 12px 0; padding:20px 24px; color:var(--ink-2); }
.pilot-status strong { display:block; color:var(--ink); margin-bottom:6px; }
.pilot-columns { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,5vw,64px); align-items:start; }
.pilot-columns > * { min-width:0; }
.pilot-method { display:grid; grid-template-columns:1fr 1fr; gap:24px 48px; margin-top:28px; }
.pilot-method article { border-top:1px solid var(--line); padding-top:18px; }
.pilot-method h3 { font-size:20px; line-height:1.25; margin-bottom:8px; }
.pilot-method p { color:var(--ink-2); max-width:48ch; }
.pilot-header .header-inner { display:flex; justify-content:space-between; }
.pilot-header nav { display:flex; align-items:center; gap:20px; font-size:15px; }
.pilot-header nav a { text-underline-offset:4px; }
.pilot-body .orientation h1 { max-width:18ch; }
.pilot-body .pilot-status { margin-top:0; }
.pilot-form { display:grid; gap:20px; padding:clamp(20px,3vw,32px); border:1px solid var(--line); background:var(--sheet); border-radius:16px; }
.pilot-form[hidden] { display:none; }
.pilot-form h2 { font-size:28px; margin-bottom:0; }
.pilot-form label { display:grid; gap:7px; font-weight:600; font-size:16px; }
.pilot-form input,.pilot-form select,.pilot-form textarea { width:100%; min-width:0; padding:12px; border:1px solid var(--ink-3); border-radius:8px; font:inherit; font-weight:400; color:var(--ink); background:var(--sheet); font-size:16px; }
.pilot-form textarea { resize:vertical; }
.pilot-form input::placeholder,.pilot-form textarea::placeholder { color:var(--ink-3); opacity:1; }
.pilot-form .form-help { font-size:14px; color:var(--ink-2); font-weight:400; }
.pilot-form .btn { cursor:pointer; }
.pilot-result { display:grid; gap:14px; margin-top:24px; padding:24px; background:var(--lime-wash); border-radius:12px; overflow-wrap:anywhere; }
.pilot-result[hidden] { display:none; }
.pilot-result h3 { font-size:22px; }
.pilot-result p { color:var(--ink-2); }
.pilot-result pre { margin:0; font:inherit; white-space:pre-wrap; }
.pilot-result a { justify-self:start; }
.pilot-questions { margin-top:24px; max-width:850px; }
.pilot-questions details { border-top:1px solid var(--line); padding:18px 0; }
.pilot-questions summary { font-weight:600; cursor:pointer; }
.pilot-questions p { margin-top:12px; color:var(--ink-2); max-width:65ch; }
.pilot-footer { border-top:1px solid var(--line); padding-block:30px; }
.pilot-footer .container { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.pilot-footer nav { display:flex; flex-wrap:wrap; gap:16px; }
.pilot-footer a { text-underline-offset:4px; }
.software-intro { padding-top:32px; border-top:1px solid var(--line); }
.software-intro h2 { font-size:clamp(30px,3vw,42px); line-height:1.1; margin-bottom:16px; }
.software-intro .hero-copy { gap:18px; }
.software-intro .hero-copy .lead { max-width:43ch; }
.software-intro .hero-ctas { margin:0; }
.software-intro .hero-note { margin-top:0; }
@media (max-width:760px) {
  .orientation,.pilot-columns,.pilot-method { grid-template-columns:1fr; }
  .orientation { gap:24px; padding-top:28px; }
  .orientation-photo img { aspect-ratio:16/7; }
  .orientation-actions a { padding:14px 16px; }
  .orientation-actions strong { font-size:17px; }
  .pilot-header nav { gap:14px; }
  .pilot-header .header-inner { gap:12px; }
  .pilot-header .brand .logo { width:136px; height:auto; }
  .pilot-header nav a { font-size:13px; }
  .pilot-header nav .secondary-nav { display:none; }
  .pilot-status { padding:18px; }
  .pilot-result { padding:18px; }
  .pilot-result .btn { white-space:normal; text-align:center; }
  .pilot-form { padding:20px 16px; }
}
@media (prefers-reduced-motion:reduce) {
  .orientation-actions a { transition:none; }
  .orientation-actions a:hover { transform:none; }
}