/* Page GMCWeb Garage : composants propres à cette présentation. */
.garage-hero { background: radial-gradient(circle at 80% 12%, #364b68 0, transparent 42%), linear-gradient(135deg, #1b263b, #111b2c); }
.garage-hero::before { display: none; }
.garage-hero h1 { max-width: 820px; margin-inline: auto; }
.garage-hero-points { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.garage-hero-points span { border: 1px solid #ffffff55; color: #e8eef6; border-radius: 999px; padding: 7px 14px; font-size: .85rem; }
.garage-index { position: relative; }
.garage-intro-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: start; }
.garage-intro-grid h2 { margin-bottom: 18px; }
.garage-intro-grid p + p { margin-top: 16px; }
.garage-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.garage-feature-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.garage-feature { background: #fff; border: 1px solid #dce3eb; border-radius: 16px; padding: 28px; box-shadow: 0 8px 24px #1b263b0b; }
.garage-feature h3 { margin-bottom: 18px; }
.garage-feature ul, .garage-panel ul { padding-left: 21px; color: #475569; }
.garage-feature li, .garage-panel li { margin-bottom: 12px; line-height: 1.65; }
.garage-feature li:last-child, .garage-panel li:last-child { margin-bottom: 0; }
.garage-feature p { color: #475569; }
.garage-panel { padding: 30px; border: 1px solid #dce3eb; border-radius: 16px; background: #fff; }
.garage-shortcuts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.garage-shortcuts > div { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 20px 12px; background: #1b263b; color: white; border-radius: 14px; }
.garage-shortcuts kbd { font-family: inherit; font-weight: 800; font-size: .96rem; white-space: nowrap; padding: 4px 10px; border-radius: 6px; background: #fff; color: #1b263b; box-shadow: 0 3px 0 #cbd5e1; }
.garage-shortcuts span { color: #e8eef6; font-size: .82rem; }
.garage-spaced { margin-top: 22px; }
.garage-access-inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 48px; align-items: center; }
.garage-access-inner h2 { margin-bottom: 16px; }
.garage-access-action { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.garage-access-action a:not(.btn) { color: var(--link); font-weight: 700; }
@media (max-width: 900px) { .garage-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .garage-shortcuts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) { .garage-intro-grid, .garage-feature-grid, .garage-access-inner { grid-template-columns: minmax(0, 1fr); gap: 22px; } .garage-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .garage-feature { padding: 22px; } .garage-hero-points { margin-top: 22px; } }