/* Un premier parcours de lecture clair, sans toucher aux pages détaillées. */
#fonctionnement-rapide { scroll-margin-top: 120px; }
.hero-intro { max-width: 1010px; gap: 26px; }
.hero-intro p { max-width: 530px; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.6; padding: 12px 16px; margin-left: -16px; background: linear-gradient(90deg, rgba(6, 17, 29, .59), rgba(6, 17, 29, .17)); border-left: 2px solid #72fbe1; }
.site-quickstart { position: relative; isolation: isolate; padding: clamp(64px, 7vw, 116px) max(5.2vw, calc((100vw - 1650px)/2)); color: #f5fcff; background: radial-gradient(ellipse at 83% 13%, rgba(54, 224, 216, .15), transparent 43%), linear-gradient(122deg, #101426, #0b2332 78%); border-top: 1px solid rgba(39, 237, 225, .34); }
.site-quickstart::before { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: .15; background: url('assets/jersey-flow-v11.svg') 105% 20%/76% auto no-repeat; }
.site-quickstart-head { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(20px, 5vw, 90px); align-items: end; margin-bottom: clamp(28px, 4vw, 60px); }
.site-quickstart-kicker { color: #58f3df; font: 800 11px/1.5 'DM Sans', sans-serif; letter-spacing: .18em; }
.site-quickstart h2 { font: 900 clamp(70px, 8vw, 138px)/.87 'Barlow Condensed', sans-serif; letter-spacing: -.025em; margin: 16px 0 0; }
.site-quickstart h2 em { font: italic .9em 'Instrument Serif', serif; color: #ff8eb5; }
.site-quickstart-head>p { max-width: 610px; font: 400 clamp(17px, 1.6vw, 24px)/1.64 'DM Sans', sans-serif; color: #dbe9ed; margin: 0 0 5px; }
.site-quickstart-head>p strong { color: #7fffee; }
.site-quickstart-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.site-quickstart-steps article { min-width: 0; padding: clamp(21px, 2.4vw, 38px); border: 1px solid rgba(96, 240, 236, .33); border-top: 4px solid #47f0de; background: linear-gradient(145deg, rgba(22, 74, 77, .55), rgba(14, 22, 44, .85)); }
.site-quickstart-steps article:nth-child(2) { border-color: rgba(255, 144, 187, .34); border-top-color: #ff85ad; background: linear-gradient(145deg, rgba(69, 32, 66, .53), rgba(16, 21, 43, .87)); }
.site-quickstart-steps article:nth-child(3) { border-color: rgba(221, 254, 119, .35); border-top-color: #e4ff73; }
.site-quickstart-number { display: inline-block; color: #56f6e7; font: 900 45px/.95 'Barlow Condensed', sans-serif; }
.site-quickstart-steps article:nth-child(2) .site-quickstart-number { color: #ff9cbc; }
.site-quickstart-steps article:nth-child(3) .site-quickstart-number { color: #e3ff80; }
.site-quickstart h3 { margin: 30px 0 17px; color: #fff; font: 900 clamp(40px, 3.9vw, 68px)/.92 'Barlow Condensed', sans-serif; }
.site-quickstart-steps p { max-width: 375px; margin: 0; font: 500 15px/1.65 'DM Sans', sans-serif; color: #d6e5ea; }
.site-quickstart-result { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 24px; align-items: center; margin-top: 15px; padding: 25px clamp(20px, 3vw, 45px); background: rgba(5, 14, 28, .5); border: 1px solid rgba(95, 238, 227, .38); }
.site-quickstart-result>strong { color: #dfff83; font: 900 31px 'Barlow Condensed', sans-serif; white-space: nowrap; }
.site-quickstart-result>p { color: #dae8e9; font: 400 14px/1.7 'DM Sans', sans-serif; margin: 0; max-width: 760px; }
.site-quickstart-result>p b { color: white; }
.site-quickstart-result>a { display: inline-flex; align-items: center; gap: 11px; padding: 13px 17px; color: #07222b; background: #88f6de; font: 800 11px/1.3 'DM Sans', sans-serif; letter-spacing: .04em; white-space: nowrap; }
.site-quickstart-result>a:hover,.site-quickstart-result>a:focus-visible { background: #dfff83; }
.evolution-site-details { grid-column: 1 / -1; color: #d9e8ee; max-width: 1050px; }
.evolution-site-details>p { margin: 0 0 16px; font: 500 15px/1.6 'DM Sans', sans-serif; }
.evolution-site-details details { border: 1px solid rgba(99, 242, 220, .4); background: rgba(8, 26, 40, .65); padding: 17px 22px; }
.evolution-site-details summary { cursor: pointer; color: #8df9e1; font: 800 13px/1.5 'DM Sans', sans-serif; }
.evolution-site-details details>p { margin: 14px 0 0; color: #d4e8ed; font: 400 13px/1.7 'DM Sans', sans-serif; }
.evolution-site-details summary:focus-visible { outline: 2px solid #ff84b3; outline-offset: 4px; }
.evolution-site-copy>p strong { color: white; }
@media (max-width: 1050px) {
  .site-quickstart-result { grid-template-columns: 1fr; gap: 12px; }
  .site-quickstart-result>a { justify-self: start; white-space: normal; }
}
@media (max-width: 880px) {
  .hero-intro p { max-width: 400px; font-size: 15px; line-height: 1.6; margin-left: -10px; padding: 11px 10px; }
  #fonctionnement-rapide { scroll-margin-top: 105px; }
  .site-quickstart { padding: 62px 21px 70px; }
  .site-quickstart-head { grid-template-columns: 1fr; gap: 20px; margin-bottom: 24px; }
  .site-quickstart-kicker { font-size: 9px; letter-spacing: .11em; }
  .site-quickstart h2 { font-size: clamp(61px, 14.4vw, 95px); margin-top: 12px; }
  .site-quickstart-head>p { font-size: 15px; line-height: 1.6; }
  .site-quickstart-steps { grid-template-columns: 1fr; gap: 9px; }
  .site-quickstart-steps article { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 0 15px; align-items: start; padding: 22px 19px; }
  .site-quickstart-number { grid-row: 1 / 3; font-size: 37px; }
  .site-quickstart h3 { margin: 0 0 9px; font-size: clamp(36px, 10vw, 49px); }
  .site-quickstart-steps p { font-size: 13px; line-height: 1.6; }
  .site-quickstart-result { padding: 21px 19px; margin-top: 9px; }
  .site-quickstart-result>strong { font-size: 29px; }
  .site-quickstart-result>p { font-size: 13px; }
  .site-quickstart-result>a { font-size: 10px; }
  .evolution-site-details { grid-column: 1; }
  .evolution-site-details>p { font-size: 13px; }
  .evolution-site-details details { padding: 15px 16px; }
}