/* Plus Jakarta Sans (police variable 400-800) — hébergée chez nous, source Google Fonts, licence OFL */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/plus-jakarta-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ── Socle 7000.pro (extrait, valeurs identiques à 7000-socle.css v1) ─────── */
:root{
  --font:'Plus Jakarta Sans','DM Sans',system-ui,-apple-system,sans-serif;
  --accent:#06747D;--accent-bright:#0BAE9F;--accent-deep:#044a52;
  --accent-glow:rgba(11,174,159,.45);--accent-line:rgba(11,174,159,.22);
  --or-1:#f5d370;--or-2:#e8c76a;--or-3:#c9a247;--or-edge:#b88e35;
  --red:#ef4444;--orange:#f59f4d;--green:#22c55e;--blue:#5e8df5;
  --page-1:#ffffff;--page-2:#f6f3ec;--border-light:#e6e9f0;
  --bar-1:#5b6068;--bar-2:#3c4047;--bar-3:#2a2d34;
  --tile-bg:radial-gradient(120% 80% at 0% 0%,rgba(11,174,159,.18) 0%,transparent 52%),linear-gradient(165deg,#232a32 0%,#1a1f26 52%,#14181d 100%);
  --tile-border:1px solid rgba(255,255,255,.06);
  --tx-dark:#1a1f2e;--tx-dark-2:#5a6377;--tx-on-bar:#f0f3fa;--tx-on-bar-2:rgba(255,255,255,.60);
  --sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;
  --r-sm:6px;--r:10px;--r-lg:14px;--r-pill:99px;
  --sh-tile:0 10px 30px rgba(20,30,50,.10),0 2px 6px rgba(20,30,50,.06);
  --sh-bar:0 6px 24px rgba(0,0,0,.30);
  /* propre au site vitrine : le noir de l'identité 7000 */
  --noir:#0b0d10;
  /* Motifs bulles validés — copiés tels quels de 7000pro.css (V2) */
  --bubbles-page:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MjAiIGhlaWdodD0iMzIwIiB2aWV3Qm94PSIwIDAgNDIwIDMyMCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJ2MCIgY3g9IjM1JSIgY3k9IjMwJSIgcj0iODUlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LDIyMCwxNjApIiBzdG9wLW9wYWNpdHk9IjAuODUiLz48c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0icmdiKDI1NSwyMjAsMTYwKSIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LDIyMCwxNjApIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0idjEiIGN4PSIzNSUiIGN5PSIzMCUiIHI9Ijg1JSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiKDEzMCwxODAsMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9InJnYigxMzAsMTgwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC4zMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDEzMCwxODAsMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InYyIiBjeD0iMzUlIiBjeT0iMzAlIiByPSI4NSUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigxMzAsMTgwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSJyZ2IoMTMwLDE4MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMzIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigxMzAsMTgwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC4wOCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJ2MyIgY3g9IjM1JSIgY3k9IjMwJSIgcj0iODUlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJyZ2IoMTgwLDE2MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuODUiLz48c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0icmdiKDE4MCwxNjAsMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMTgwLDE2MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0idjQiIGN4PSIzNSUiIGN5PSIzMCUiIHI9Ijg1JSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiKDE4MCwxNjAsMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9InJnYigxODAsMTYwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC4zMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDE4MCwxNjAsMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InY1IiBjeD0iMzUlIiBjeT0iMzAlIiByPSI4NSUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigxODAsMTYwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSJyZ2IoMTgwLDE2MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMzIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigxODAsMTYwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC4wOCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJ2NiIgY3g9IjM1JSIgY3k9IjMwJSIgcj0iODUlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJyZ2IoMTYwLDIyMCwyMDApIiBzdG9wLW9wYWNpdHk9IjAuODUiLz48c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0icmdiKDE2MCwyMjAsMjAwKSIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMTYwLDIyMCwyMDApIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0idjciIGN4PSIzNSUiIGN5PSIzMCUiIHI9Ijg1JSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwyMjAsMTYwKSIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9InJnYigyNTUsMjIwLDE2MCkiIHN0b3Atb3BhY2l0eT0iMC4zMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwyMjAsMTYwKSIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InY4IiBjeD0iMzUlIiBjeT0iMzAlIiByPSI4NSUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigxMzAsMTgwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSJyZ2IoMTMwLDE4MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMzIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigxMzAsMTgwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC4wOCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJ2OSIgY3g9IjM1JSIgY3k9IjMwJSIgcj0iODUlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJyZ2IoMTMwLDE4MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuODUiLz48c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0icmdiKDEzMCwxODAsMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMTMwLDE4MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0idjEwIiBjeD0iMzUlIiBjeT0iMzAlIiByPSI4NSUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigxODAsMTYwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSJyZ2IoMTgwLDE2MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMzIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigxODAsMTYwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC4wOCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJ2MTEiIGN4PSIzNSUiIGN5PSIzMCUiIHI9Ijg1JSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwxODAsMjEwKSIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9InJnYigyNTUsMTgwLDIxMCkiIHN0b3Atb3BhY2l0eT0iMC4zMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwxODAsMjEwKSIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InYxMiIgY3g9IjM1JSIgY3k9IjMwJSIgcj0iODUlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LDIyMCwxNjApIiBzdG9wLW9wYWNpdHk9IjAuODUiLz48c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0icmdiKDI1NSwyMjAsMTYwKSIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LDIyMCwxNjApIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0idjEzIiBjeD0iMzUlIiBjeT0iMzAlIiByPSI4NSUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigxODAsMTYwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSJyZ2IoMTgwLDE2MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMzIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigxODAsMTYwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC4wOCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJ2MTQiIGN4PSIzNSUiIGN5PSIzMCUiIHI9Ijg1JSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwyMjAsMTYwKSIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9InJnYigyNTUsMjIwLDE2MCkiIHN0b3Atb3BhY2l0eT0iMC4zMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwyMjAsMTYwKSIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InYxNSIgY3g9IjM1JSIgY3k9IjMwJSIgcj0iODUlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJyZ2IoMTYwLDIyMCwyMDApIiBzdG9wLW9wYWNpdHk9IjAuODUiLz48c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0icmdiKDE2MCwyMjAsMjAwKSIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMTYwLDIyMCwyMDApIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0idjE2IiBjeD0iMzUlIiBjeT0iMzAlIiByPSI4NSUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyNTUsMjIwLDE2MCkiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LDIyMCwxNjApIiBzdG9wLW9wYWNpdHk9IjAuMzIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigyNTUsMjIwLDE2MCkiIHN0b3Atb3BhY2l0eT0iMC4wOCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJ2MTciIGN4PSIzNSUiIGN5PSIzMCUiIHI9Ijg1JSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwxODAsMjEwKSIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9InJnYigyNTUsMTgwLDIxMCkiIHN0b3Atb3BhY2l0eT0iMC4zMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwxODAsMjEwKSIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InYxOCIgY3g9IjM1JSIgY3k9IjMwJSIgcj0iODUlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJyZ2IoMTgwLDE2MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuODUiLz48c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0icmdiKDE4MCwxNjAsMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMTgwLDE2MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0idjE5IiBjeD0iMzUlIiBjeT0iMzAlIiByPSI4NSUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigxMzAsMTgwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSJyZ2IoMTMwLDE4MCwyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMzIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigxMzAsMTgwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC4wOCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJ2MjAiIGN4PSIzNSUiIGN5PSIzMCUiIHI9Ijg1JSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiKDEzMCwxODAsMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9InJnYigxMzAsMTgwLDI1NSkiIHN0b3Atb3BhY2l0eT0iMC4zMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDEzMCwxODAsMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InYyMSIgY3g9IjM1JSIgY3k9IjMwJSIgcj0iODUlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LDIyMCwxNjApIiBzdG9wLW9wYWNpdHk9IjAuODUiLz48c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0icmdiKDI1NSwyMjAsMTYwKSIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LDIyMCwxNjApIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48Y2lyY2xlIGN4PSIzMzUuNiIgY3k9IjI0NS45IiByPSI1IiBmaWxsPSIjMDAwIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iMzM1IiBjeT0iMjQ1IiByPSI1LjciIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDI1NSwyMjAsMTYwKSIgc3Ryb2tlLW9wYWNpdHk9IjAuMzYiIHN0cm9rZS13aWR0aD0iMC43Ii8+PGNpcmNsZSBjeD0iMzM1IiBjeT0iMjQ1IiByPSI1IiBmaWxsPSJ1cmwoI3YwKSIvPjxjaXJjbGUgY3g9IjMzNSIgY3k9IjI0NSIgcj0iNC42IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIwLjY1IiBzdHJva2Utd2lkdGg9IjAuNDUiLz48ZWxsaXBzZSBjeD0iMzMzLjUiIGN5PSIyNDMuMjUiIHJ4PSIxLjYiIHJ5PSIxLjExOTk5OTk5OTk5OTk5OTkiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjEwNC42IiBjeT0iMjA3LjkiIHI9IjQiIGZpbGw9IiMwMDAiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIxMDQiIGN5PSIyMDciIHI9IjQuNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMTMwLDE4MCwyNTUpIiBzdHJva2Utb3BhY2l0eT0iMC4zNiIgc3Ryb2tlLXdpZHRoPSIwLjciLz48Y2lyY2xlIGN4PSIxMDQiIGN5PSIyMDciIHI9IjQiIGZpbGw9InVybCgjdjEpIi8+PGNpcmNsZSBjeD0iMTA0IiBjeT0iMjA3IiByPSIzLjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuNjUiIHN0cm9rZS13aWR0aD0iMC40NSIvPjxlbGxpcHNlIGN4PSIxMDIuOCIgY3k9IjIwNS42IiByeD0iMS4yOCIgcnk9IjAuODk1OTk5OTk5OTk5OTk5OSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMjMxLjYiIGN5PSIyMzYuOSIgcj0iNSIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjIzMSIgY3k9IjIzNiIgcj0iNS43IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigxMzAsMTgwLDI1NSkiIHN0cm9rZS1vcGFjaXR5PSIwLjM2IiBzdHJva2Utd2lkdGg9IjAuNyIvPjxjaXJjbGUgY3g9IjIzMSIgY3k9IjIzNiIgcj0iNSIgZmlsbD0idXJsKCN2MikiLz48Y2lyY2xlIGN4PSIyMzEiIGN5PSIyMzYiIHI9IjQuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utb3BhY2l0eT0iMC42NSIgc3Ryb2tlLXdpZHRoPSIwLjQ1Ii8+PGVsbGlwc2UgY3g9IjIyOS41IiBjeT0iMjM0LjI1IiByeD0iMS42IiByeT0iMS4xMTk5OTk5OTk5OTk5OTk5IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIxNzMuNiIgY3k9IjExMC45IiByPSI3IiBmaWxsPSIjMDAwIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iMTczIiBjeT0iMTEwIiByPSI3LjciIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDE4MCwxNjAsMjU1KSIgc3Ryb2tlLW9wYWNpdHk9IjAuMzYiIHN0cm9rZS13aWR0aD0iMC43Ii8+PGNpcmNsZSBjeD0iMTczIiBjeT0iMTEwIiByPSI3IiBmaWxsPSJ1cmwoI3YzKSIvPjxjaXJjbGUgY3g9IjE3MyIgY3k9IjExMCIgcj0iNi42IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIwLjY1IiBzdHJva2Utd2lkdGg9IjAuNDUiLz48ZWxsaXBzZSBjeD0iMTcwLjkiIGN5PSIxMDcuNTUiIHJ4PSIyLjI0IiByeT0iMS41NjgiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjMyOC42IiBjeT0iMjczLjkiIHI9IjYiIGZpbGw9IiMwMDAiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIzMjgiIGN5PSIyNzMiIHI9IjYuNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMTgwLDE2MCwyNTUpIiBzdHJva2Utb3BhY2l0eT0iMC4zNiIgc3Ryb2tlLXdpZHRoPSIwLjciLz48Y2lyY2xlIGN4PSIzMjgiIGN5PSIyNzMiIHI9IjYiIGZpbGw9InVybCgjdjQpIi8+PGNpcmNsZSBjeD0iMzI4IiBjeT0iMjczIiByPSI1LjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuNjUiIHN0cm9rZS13aWR0aD0iMC40NSIvPjxlbGxpcHNlIGN4PSIzMjYuMiIgY3k9IjI3MC45IiByeD0iMS45MiIgcnk9IjEuMzQzOTk5OTk5OTk5OTk5OSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMTcyLjYiIGN5PSIyNDguOSIgcj0iNSIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjE3MiIgY3k9IjI0OCIgcj0iNS43IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigxODAsMTYwLDI1NSkiIHN0cm9rZS1vcGFjaXR5PSIwLjM2IiBzdHJva2Utd2lkdGg9IjAuNyIvPjxjaXJjbGUgY3g9IjE3MiIgY3k9IjI0OCIgcj0iNSIgZmlsbD0idXJsKCN2NSkiLz48Y2lyY2xlIGN4PSIxNzIiIGN5PSIyNDgiIHI9IjQuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utb3BhY2l0eT0iMC42NSIgc3Ryb2tlLXdpZHRoPSIwLjQ1Ii8+PGVsbGlwc2UgY3g9IjE3MC41IiBjeT0iMjQ2LjI1IiByeD0iMS42IiByeT0iMS4xMTk5OTk5OTk5OTk5OTk5IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIyNDMuNiIgY3k9IjIzLjkiIHI9IjUiIGZpbGw9IiMwMDAiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIyNDMiIGN5PSIyMyIgcj0iNS43IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigxNjAsMjIwLDIwMCkiIHN0cm9rZS1vcGFjaXR5PSIwLjM2IiBzdHJva2Utd2lkdGg9IjAuNyIvPjxjaXJjbGUgY3g9IjI0MyIgY3k9IjIzIiByPSI1IiBmaWxsPSJ1cmwoI3Y2KSIvPjxjaXJjbGUgY3g9IjI0MyIgY3k9IjIzIiByPSI0LjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuNjUiIHN0cm9rZS13aWR0aD0iMC40NSIvPjxlbGxpcHNlIGN4PSIyNDEuNSIgY3k9IjIxLjI1IiByeD0iMS42IiByeT0iMS4xMTk5OTk5OTk5OTk5OTk5IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIzODkuNiIgY3k9IjEzNC45IiByPSI0IiBmaWxsPSIjMDAwIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iMzg5IiBjeT0iMTM0IiByPSI0LjciIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDI1NSwyMjAsMTYwKSIgc3Ryb2tlLW9wYWNpdHk9IjAuMzYiIHN0cm9rZS13aWR0aD0iMC43Ii8+PGNpcmNsZSBjeD0iMzg5IiBjeT0iMTM0IiByPSI0IiBmaWxsPSJ1cmwoI3Y3KSIvPjxjaXJjbGUgY3g9IjM4OSIgY3k9IjEzNCIgcj0iMy42IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIwLjY1IiBzdHJva2Utd2lkdGg9IjAuNDUiLz48ZWxsaXBzZSBjeD0iMzg3LjgiIGN5PSIxMzIuNiIgcng9IjEuMjgiIHJ5PSIwLjg5NTk5OTk5OTk5OTk5OTkiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjI1OC42IiBjeT0iMTQ0LjkiIHI9IjYiIGZpbGw9IiMwMDAiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIyNTgiIGN5PSIxNDQiIHI9IjYuNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMTMwLDE4MCwyNTUpIiBzdHJva2Utb3BhY2l0eT0iMC4zNiIgc3Ryb2tlLXdpZHRoPSIwLjciLz48Y2lyY2xlIGN4PSIyNTgiIGN5PSIxNDQiIHI9IjYiIGZpbGw9InVybCgjdjgpIi8+PGNpcmNsZSBjeD0iMjU4IiBjeT0iMTQ0IiByPSI1LjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuNjUiIHN0cm9rZS13aWR0aD0iMC40NSIvPjxlbGxpcHNlIGN4PSIyNTYuMiIgY3k9IjE0MS45IiByeD0iMS45MiIgcnk9IjEuMzQzOTk5OTk5OTk5OTk5OSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMzIzLjYiIGN5PSI1NC45IiByPSIzLjUiIGZpbGw9IiMwMDAiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIzMjMiIGN5PSI1NCIgcj0iNC4yIiBmaWxsPSJub25lIiBzdHJva2U9InJnYigxMzAsMTgwLDI1NSkiIHN0cm9rZS1vcGFjaXR5PSIwLjM2IiBzdHJva2Utd2lkdGg9IjAuNyIvPjxjaXJjbGUgY3g9IjMyMyIgY3k9IjU0IiByPSIzLjUiIGZpbGw9InVybCgjdjkpIi8+PGNpcmNsZSBjeD0iMzIzIiBjeT0iNTQiIHI9IjMuMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utb3BhY2l0eT0iMC42NSIgc3Ryb2tlLXdpZHRoPSIwLjQ1Ii8+PGVsbGlwc2UgY3g9IjMyMS45NSIgY3k9IjUyLjc3NSIgcng9IjEuMTIiIHJ5PSIwLjc4NCIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMTM4LjYiIGN5PSIxMC45IiByPSI1IiBmaWxsPSIjMDAwIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iMTM4IiBjeT0iMTAiIHI9IjUuNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMTgwLDE2MCwyNTUpIiBzdHJva2Utb3BhY2l0eT0iMC4zNiIgc3Ryb2tlLXdpZHRoPSIwLjciLz48Y2lyY2xlIGN4PSIxMzgiIGN5PSIxMCIgcj0iNSIgZmlsbD0idXJsKCN2MTApIi8+PGNpcmNsZSBjeD0iMTM4IiBjeT0iMTAiIHI9IjQuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utb3BhY2l0eT0iMC42NSIgc3Ryb2tlLXdpZHRoPSIwLjQ1Ii8+PGVsbGlwc2UgY3g9IjEzNi41IiBjeT0iOC4yNSIgcng9IjEuNiIgcnk9IjEuMTE5OTk5OTk5OTk5OTk5OSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMTA3LjYiIGN5PSI2Ny45IiByPSI0IiBmaWxsPSIjMDAwIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iMTA3IiBjeT0iNjciIHI9IjQuNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMjU1LDE4MCwyMTApIiBzdHJva2Utb3BhY2l0eT0iMC4zNiIgc3Ryb2tlLXdpZHRoPSIwLjciLz48Y2lyY2xlIGN4PSIxMDciIGN5PSI2NyIgcj0iNCIgZmlsbD0idXJsKCN2MTEpIi8+PGNpcmNsZSBjeD0iMTA3IiBjeT0iNjciIHI9IjMuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utb3BhY2l0eT0iMC42NSIgc3Ryb2tlLXdpZHRoPSIwLjQ1Ii8+PGVsbGlwc2UgY3g9IjEwNS44IiBjeT0iNjUuNiIgcng9IjEuMjgiIHJ5PSIwLjg5NTk5OTk5OTk5OTk5OTkiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjExNS42IiBjeT0iMTA0LjkiIHI9IjMuNSIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjExNSIgY3k9IjEwNCIgcj0iNC4yIiBmaWxsPSJub25lIiBzdHJva2U9InJnYigyNTUsMjIwLDE2MCkiIHN0cm9rZS1vcGFjaXR5PSIwLjM2IiBzdHJva2Utd2lkdGg9IjAuNyIvPjxjaXJjbGUgY3g9IjExNSIgY3k9IjEwNCIgcj0iMy41IiBmaWxsPSJ1cmwoI3YxMikiLz48Y2lyY2xlIGN4PSIxMTUiIGN5PSIxMDQiIHI9IjMuMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utb3BhY2l0eT0iMC42NSIgc3Ryb2tlLXdpZHRoPSIwLjQ1Ii8+PGVsbGlwc2UgY3g9IjExMy45NSIgY3k9IjEwMi43NzUiIHJ4PSIxLjEyIiByeT0iMC43ODQiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjE2MS42IiBjeT0iMTgzLjkiIHI9IjQiIGZpbGw9IiMwMDAiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIxNjEiIGN5PSIxODMiIHI9IjQuNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMTgwLDE2MCwyNTUpIiBzdHJva2Utb3BhY2l0eT0iMC4zNiIgc3Ryb2tlLXdpZHRoPSIwLjciLz48Y2lyY2xlIGN4PSIxNjEiIGN5PSIxODMiIHI9IjQiIGZpbGw9InVybCgjdjEzKSIvPjxjaXJjbGUgY3g9IjE2MSIgY3k9IjE4MyIgcj0iMy42IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIwLjY1IiBzdHJva2Utd2lkdGg9IjAuNDUiLz48ZWxsaXBzZSBjeD0iMTU5LjgiIGN5PSIxODEuNiIgcng9IjEuMjgiIHJ5PSIwLjg5NTk5OTk5OTk5OTk5OTkiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjE1My42IiBjeT0iMTc2LjkiIHI9IjQiIGZpbGw9IiMwMDAiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIxNTMiIGN5PSIxNzYiIHI9IjQuNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMjU1LDIyMCwxNjApIiBzdHJva2Utb3BhY2l0eT0iMC4zNiIgc3Ryb2tlLXdpZHRoPSIwLjciLz48Y2lyY2xlIGN4PSIxNTMiIGN5PSIxNzYiIHI9IjQiIGZpbGw9InVybCgjdjE0KSIvPjxjaXJjbGUgY3g9IjE1MyIgY3k9IjE3NiIgcj0iMy42IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIwLjY1IiBzdHJva2Utd2lkdGg9IjAuNDUiLz48ZWxsaXBzZSBjeD0iMTUxLjgiIGN5PSIxNzQuNiIgcng9IjEuMjgiIHJ5PSIwLjg5NTk5OTk5OTk5OTk5OTkiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjE4Mi42IiBjeT0iMzMuOSIgcj0iNCIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjE4MiIgY3k9IjMzIiByPSI0LjciIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDE2MCwyMjAsMjAwKSIgc3Ryb2tlLW9wYWNpdHk9IjAuMzYiIHN0cm9rZS13aWR0aD0iMC43Ii8+PGNpcmNsZSBjeD0iMTgyIiBjeT0iMzMiIHI9IjQiIGZpbGw9InVybCgjdjE1KSIvPjxjaXJjbGUgY3g9IjE4MiIgY3k9IjMzIiByPSIzLjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuNjUiIHN0cm9rZS13aWR0aD0iMC40NSIvPjxlbGxpcHNlIGN4PSIxODAuOCIgY3k9IjMxLjYiIHJ4PSIxLjI4IiByeT0iMC44OTU5OTk5OTk5OTk5OTk5IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSI0MDkuNiIgY3k9IjIwMC45IiByPSI0IiBmaWxsPSIjMDAwIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNDA5IiBjeT0iMjAwIiByPSI0LjciIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDI1NSwyMjAsMTYwKSIgc3Ryb2tlLW9wYWNpdHk9IjAuMzYiIHN0cm9rZS13aWR0aD0iMC43Ii8+PGNpcmNsZSBjeD0iNDA5IiBjeT0iMjAwIiByPSI0IiBmaWxsPSJ1cmwoI3YxNikiLz48Y2lyY2xlIGN4PSI0MDkiIGN5PSIyMDAiIHI9IjMuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utb3BhY2l0eT0iMC42NSIgc3Ryb2tlLXdpZHRoPSIwLjQ1Ii8+PGVsbGlwc2UgY3g9IjQwNy44IiBjeT0iMTk4LjYiIHJ4PSIxLjI4IiByeT0iMC44OTU5OTk5OTk5OTk5OTk5IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIzOTcuNiIgY3k9IjMwMC45IiByPSI3IiBmaWxsPSIjMDAwIiBvcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iMzk3IiBjeT0iMzAwIiByPSI3LjciIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDI1NSwxODAsMjEwKSIgc3Ryb2tlLW9wYWNpdHk9IjAuMzYiIHN0cm9rZS13aWR0aD0iMC43Ii8+PGNpcmNsZSBjeD0iMzk3IiBjeT0iMzAwIiByPSI3IiBmaWxsPSJ1cmwoI3YxNykiLz48Y2lyY2xlIGN4PSIzOTciIGN5PSIzMDAiIHI9IjYuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utb3BhY2l0eT0iMC42NSIgc3Ryb2tlLXdpZHRoPSIwLjQ1Ii8+PGVsbGlwc2UgY3g9IjM5NC45IiBjeT0iMjk3LjU1IiByeD0iMi4yNCIgcnk9IjEuNTY4IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIyMTQuNiIgY3k9Ijg1LjkiIHI9IjUiIGZpbGw9IiMwMDAiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSIyMTQiIGN5PSI4NSIgcj0iNS43IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigxODAsMTYwLDI1NSkiIHN0cm9rZS1vcGFjaXR5PSIwLjM2IiBzdHJva2Utd2lkdGg9IjAuNyIvPjxjaXJjbGUgY3g9IjIxNCIgY3k9Ijg1IiByPSI1IiBmaWxsPSJ1cmwoI3YxOCkiLz48Y2lyY2xlIGN4PSIyMTQiIGN5PSI4NSIgcj0iNC42IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIwLjY1IiBzdHJva2Utd2lkdGg9IjAuNDUiLz48ZWxsaXBzZSBjeD0iMjEyLjUiIGN5PSI4My4yNSIgcng9IjEuNiIgcnk9IjEuMTE5OTk5OTk5OTk5OTk5OSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMTg1LjYiIGN5PSIxODMuOSIgcj0iNyIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjE4NSIgY3k9IjE4MyIgcj0iNy43IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigxMzAsMTgwLDI1NSkiIHN0cm9rZS1vcGFjaXR5PSIwLjM2IiBzdHJva2Utd2lkdGg9IjAuNyIvPjxjaXJjbGUgY3g9IjE4NSIgY3k9IjE4MyIgcj0iNyIgZmlsbD0idXJsKCN2MTkpIi8+PGNpcmNsZSBjeD0iMTg1IiBjeT0iMTgzIiByPSI2LjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuNjUiIHN0cm9rZS13aWR0aD0iMC40NSIvPjxlbGxpcHNlIGN4PSIxODIuOSIgY3k9IjE4MC41NSIgcng9IjIuMjQiIHJ5PSIxLjU2OCIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMzA0LjYiIGN5PSIxNzAuOSIgcj0iNCIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjMwNCIgY3k9IjE3MCIgcj0iNC43IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigxMzAsMTgwLDI1NSkiIHN0cm9rZS1vcGFjaXR5PSIwLjM2IiBzdHJva2Utd2lkdGg9IjAuNyIvPjxjaXJjbGUgY3g9IjMwNCIgY3k9IjE3MCIgcj0iNCIgZmlsbD0idXJsKCN2MjApIi8+PGNpcmNsZSBjeD0iMzA0IiBjeT0iMTcwIiByPSIzLjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuNjUiIHN0cm9rZS13aWR0aD0iMC40NSIvPjxlbGxpcHNlIGN4PSIzMDIuOCIgY3k9IjE2OC42IiByeD0iMS4yOCIgcnk9IjAuODk1OTk5OTk5OTk5OTk5OSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMzQzLjYiIGN5PSIyNjEuOSIgcj0iMyIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iMC4xOCIvPjxjaXJjbGUgY3g9IjM0MyIgY3k9IjI2MSIgcj0iMy43IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigyNTUsMjIwLDE2MCkiIHN0cm9rZS1vcGFjaXR5PSIwLjM2IiBzdHJva2Utd2lkdGg9IjAuNyIvPjxjaXJjbGUgY3g9IjM0MyIgY3k9IjI2MSIgcj0iMyIgZmlsbD0idXJsKCN2MjEpIi8+PGNpcmNsZSBjeD0iMzQzIiBjeT0iMjYxIiByPSIyLjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuNjUiIHN0cm9rZS13aWR0aD0iMC40NSIvPjxlbGxpcHNlIGN4PSIzNDIuMSIgY3k9IjI1OS45NSIgcng9IjAuOTYiIHJ5PSIwLjY3MTk5OTk5OTk5OTk5OTkiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjwvc3ZnPg==");
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ── Base ───────────────────────────────────────────────────────────────── */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page-1,#fff);color:var(--tx-dark,#1a1f2e);font:400 17px/1.55 var(--font,system-ui,sans-serif);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(30px,4.6vw,50px);font-weight:800}
h2{font-size:clamp(24px,3.2vw,36px);font-weight:800}
h3{font-size:19px;font-weight:700}
p{margin:0}
.wrap{max-width:1680px;margin:0 auto;padding:0 clamp(20px,3.5vw,72px)}
section{padding:44px 0}
.kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#06747D);margin-bottom:var(--sp-3,12px)}
.lead{font-size:19px;color:var(--tx-dark-2,#5a6377);max-width:70ch}

/* Boutons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:var(--r-pill,99px);font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;transition:transform .12s,box-shadow .12s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-or{background:linear-gradient(180deg,var(--or-1,#f5d370),var(--or-2,#e8c76a));color:var(--noir,#0b0d10);border-color:var(--or-edge,#b88e35);box-shadow:0 4px 14px rgba(201,162,71,.35)}
.btn-ghost{color:var(--tx-on-bar,#f0f3fa);border-color:rgba(255,255,255,.35)}
.btn-ghost:hover{border-color:var(--or-1,#f5d370);color:var(--or-1,#f5d370)}
.btn-tele{background:linear-gradient(180deg,#ffb066,var(--orange,#f59f4d));color:#3a1d00;border-color:#c9741f;box-shadow:0 4px 14px rgba(245,159,77,.35)}
.btn-tele .fl{width:20px;height:20px;color:var(--red,#ef4444);transition:transform .15s}
.btn-tele:hover .fl{transform:translateX(3px)}
.btn-avis{background:linear-gradient(100deg,var(--or-1,#f5d370) 0%,var(--or-2,#e8c76a) 35%,var(--accent-bright,#0BAE9F) 100%);color:#0b1f22;border-color:rgba(6,116,125,.35);box-shadow:0 4px 16px rgba(11,174,159,.28);padding-left:8px}
.btn-avis .gbox{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.btn-avis .g{width:18px;height:18px}
.btn-appel .fl{width:18px;height:18px}
.tel-note{display:block;margin-top:8px;font-size:13.5px;color:var(--tx-dark-2,#5a6377)}
.btn-dark{background:var(--noir,#0b0d10);color:#fff}

/* Marque-place : ce que Miguël doit fournir */
.todo{display:inline-block;border:2px dashed var(--or-3,#c9a247);background:rgba(245,211,112,.18);color:#7a5a12;padding:0 6px;border-radius:4px;font-weight:700}
.todo-block{border:2px dashed var(--or-3,#c9a247);background:rgba(245,211,112,.12);color:#7a5a12;border-radius:var(--r,10px);display:grid;place-items:center;text-align:center;font-weight:700;padding:var(--sp-4,16px)}

/* ── Barre du haut ──────────────────────────────────────────────────────── */
header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#1d2127 0%,#14171c 52%,var(--noir,#0b0d10) 100%);box-shadow:var(--sh-bar,0 6px 24px rgba(0,0,0,.3))}
.nav{display:flex;align-items:center;gap:var(--sp-6,24px)}
.nav img{height:58px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}
.nav{height:78px}
.nav ul{display:flex;gap:var(--sp-5,20px);list-style:none;margin:0 0 0 auto;padding:0}
.nav ul a{color:var(--tx-on-bar-2,rgba(255,255,255,.6));text-decoration:none;font-weight:600;font-size:15px}
.nav ul a:hover{color:var(--or-1,#f5d370)}
.nav .acts{display:flex;gap:var(--sp-3,12px)}
.nav .acts .btn{padding:10px 18px;font-size:15px}
.burger{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:28px}

/* ── Héros ──────────────────────────────────────────────────────────────── */
.hero{background:linear-gradient(160deg,var(--bar-2,#3c4047) 0%,var(--bar-3,#2a2d34) 60%,#1f2228 100%);color:var(--tx-on-bar,#f0f3fa);padding:56px 0 56px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:64px;align-items:center}
.hero::before{content:"";position:absolute;inset:auto -20% -40% auto;width:60%;height:130%;background:radial-gradient(closest-side,rgba(11,174,159,.14),transparent 70%);pointer-events:none}
.hero .wrap{position:relative}
.kicker-hero{color:var(--accent-bright,#0BAE9F);font-size:clamp(15px,1.8vw,20px);letter-spacing:.14em;margin-bottom:var(--sp-4,16px)}
.hero h1 span{color:var(--or-1,#f5d370)}
.hero .lead{color:var(--tx-on-bar-2,rgba(255,255,255,.6));margin:var(--sp-5,20px) 0 0}
.hero .lead-2 .or{color:var(--or-1,#f5d370);font-weight:700}
.hero .lead-2 ul{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px}
.hero .lead-2 li{display:flex;align-items:center;gap:10px}
.hero .lead-2 li .ic{flex:none;width:26px;height:26px;padding:4px;border-radius:7px;background:rgba(245,211,112,.14);color:var(--or-1,#f5d370)}
.hero .lead-2{color:var(--tx-on-bar,#f0f3fa);margin:var(--sp-4,16px) 0 var(--sp-8,32px);border-left:3px solid var(--or-1,#f5d370);padding-left:14px}
.hero .cta{display:flex;gap:var(--sp-3,12px);flex-wrap:wrap}
.proofs{display:grid;grid-template-columns:1fr;gap:var(--sp-4,16px)}
.proof{background:var(--tile-bg);border:var(--tile-border);border-radius:var(--r-lg,14px);padding:22px 26px;box-shadow:var(--sh-tile);display:flex;align-items:baseline;gap:16px}
.proof b{font-size:38px;font-weight:800;color:var(--or-1,#f5d370);line-height:1;min-width:110px}
.proof .todo{font-size:22px;vertical-align:middle}
.proof span{color:var(--tx-on-bar-2,rgba(255,255,255,.6));font-size:15px;font-weight:600}
.after-hero{padding-top:56px}

/* ── Services (tuiles sombres sur page claire) ──────────────────────────── */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5,20px);margin-top:var(--sp-8,32px)}

.etapes{list-style:none;margin:var(--sp-6,24px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border-light,#e6e9f0);border-radius:var(--r-lg,14px);background:var(--page-1,#fff);box-shadow:var(--sh-tile);overflow:hidden}
.etapes li{position:relative;padding:28px 26px 26px;border-left:1px solid var(--border-light,#e6e9f0)}
.etapes li:first-child{border-left:0}
.etapes li i{position:absolute;top:18px;right:20px;font-style:normal;font-weight:800;font-size:44px;line-height:1;color:var(--or-2,#e8c76a);letter-spacing:-.03em}
.etapes .ic{width:34px;height:34px;color:var(--accent,#06747D);margin-bottom:14px}
.etapes h3{font-size:20px;margin-bottom:8px}
.etapes p{color:var(--tx-dark-2,#5a6377);font-size:15.5px}
.etapes li::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--accent-bright,#0BAE9F),var(--accent,#06747D))}
.domaines{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;margin-top:var(--sp-6,24px)}
.domaines>div{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--border-light,#e6e9f0)}
.domaines .ic{flex:none;width:40px;height:40px;padding:8px;border-radius:var(--r,10px);background:rgba(11,174,159,.10);color:var(--accent,#06747D)}
.domaines h3{font-size:17px;margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.contrat{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7a5a12;background:rgba(245,211,112,.35);border:1px solid var(--or-3,#c9a247);border-radius:var(--r-pill,99px);padding:2px 9px;white-space:nowrap}
.domaines p{color:var(--tx-dark-2,#5a6377);font-size:15px}
@media (max-width:900px){.etapes{grid-template-columns:1fr}.etapes li{border-left:0;border-top:1px solid var(--border-light,#e6e9f0)}.etapes li:first-child{border-top:0}.domaines{grid-template-columns:1fr;gap:0}}
/* ── Supervision (la page qui manque) ───────────────────────────────────── */
.super{background:var(--page-2,#f6f3ec);border-top:1px solid var(--border-light,#e6e9f0);border-bottom:1px solid var(--border-light,#e6e9f0)}
.super{padding-bottom:0}
.super .super-corps{display:block;padding-top:36px;padding-bottom:44px}
.super-h3{font-size:20px;margin-bottom:6px}
.video-large{margin:var(--sp-5,20px) 0 0;border-radius:0;border-left:0;border-right:0;box-shadow:0 20px 60px rgba(20,30,50,.25)}
.video-large video{height:auto}   /* 16/9 entier, jamais rogné */
.video-large figcaption{text-align:center}
.checks{list-style:none;padding:0;margin:var(--sp-5,20px) 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}
@media (max-width:900px){.checks{grid-template-columns:1fr}}
.checks li{position:relative;padding-left:38px;font-weight:500}
.checks li b{font-weight:700}
.checks li::before{content:"✓";position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:rgba(34,197,94,.15);color:#15803d;display:grid;place-items:center;font-weight:800;font-size:14px}
.panel{background:var(--tile-bg);border:var(--tile-border);border-radius:var(--r-lg,14px);padding:var(--sp-5,20px);box-shadow:var(--sh-tile);color:var(--tx-on-bar,#f0f3fa)}
.panel .row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:15px}
.panel .row:last-child{border:0}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}
.pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:var(--r-pill,99px)}
.ok{background:rgba(34,197,94,.18);color:#86efac}.warn{background:rgba(245,159,77,.18);color:#fdba74}

.video{margin:0;background:var(--tile-bg);border:var(--tile-border);border-radius:var(--r-lg,14px);box-shadow:var(--sh-tile);overflow:hidden}
.video .play{aspect-ratio:16/9;display:grid;place-items:center;color:var(--or-1,#f5d370);font-size:28px}
.video .play::before{content:"";position:absolute;width:76px;height:76px;border-radius:50%;border:3px solid var(--or-1,#f5d370);box-shadow:0 0 0 12px rgba(245,211,112,.12)}
.video .play{position:relative}
.video figcaption{padding:12px 16px;color:var(--tx-on-bar,#f0f3fa);font-size:15px;border-top:1px solid rgba(255,255,255,.07)}
.video figcaption small{color:var(--tx-on-bar-2,rgba(255,255,255,.6))}
.refs{margin-top:var(--sp-5,20px);display:grid;gap:var(--sp-4,16px)}
.ref-grp h3{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-dark-2,#5a6377);margin-bottom:10px;display:flex;align-items:center;gap:12px}
.ref-grp h3 small{font-size:12px;font-weight:700;color:var(--accent,#06747D);background:rgba(11,174,159,.12);border-radius:var(--r-pill,99px);padding:2px 9px}
.ref-grp h3::after{content:"";flex:1;height:1px;background:var(--border-light,#e6e9f0)}
/* ── Clients & avis ─────────────────────────────────────────────────────── */
.quote{background:var(--page-1,#fff);border:1px solid var(--border-light,#e6e9f0);border-radius:var(--r-lg,14px);padding:var(--sp-6,24px);box-shadow:var(--sh-tile)}
.stars{color:var(--or-3,#c9a247);letter-spacing:2px;font-size:15px}
.quote p{margin:var(--sp-3,12px) 0;font-size:16.5px}
.quote small{color:var(--tx-dark-2,#5a6377);font-weight:600}

.av{margin-top:var(--sp-6,24px)}
.av-tete{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4,16px);margin-bottom:var(--sp-4,16px);font-size:15px;color:var(--tx-dark-2,#5a6377)}
.av-tete b{color:var(--tx-dark,#1a1f2e);font-size:17px;font-weight:800}
.av-tete b:first-child{color:#8a6210}
.av-tete b+b{color:var(--accent,#06747D)}
.refs .ref-grp,.cs-piste{min-width:0}
.cs-piste{width:100%}
.quote{position:relative;padding-right:56px}
.quote .g{position:absolute;top:18px;right:18px;width:26px;height:26px}
.quote p b{font-weight:700;line-height:1.5}
.ref-grp h3{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-dark-2,#5a6377);margin-bottom:10px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-light,#e6e9f0);padding-bottom:8px}
.ref-grp h3 small{font-size:12px;font-weight:700;color:var(--accent,#06747D);background:rgba(11,174,159,.12);border-radius:var(--r-pill,99px);padding:2px 9px}
.refs{margin-top:var(--sp-8,32px);display:grid;gap:var(--sp-6,24px)}
.refs .ref-grp,.mg,.mg-piste{min-width:0}
.mg{position:relative;display:flex;align-items:center;gap:8px}
.mg-piste{flex:1;display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:6px 2px;cursor:grab;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.mg-piste::-webkit-scrollbar{display:none}
.mg-piste.glisse{cursor:grabbing;scroll-snap-type:none}
.mg-piste>*{scroll-snap-align:start}
.mg-prec,.mg-suiv{flex:none;width:52px;height:52px;border-radius:50%;border:2px solid var(--accent-deep,#044a52);background:linear-gradient(180deg,var(--accent-bright,#0BAE9F),var(--accent,#06747D));color:#fff;font-size:34px;font-weight:700;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(11,174,159,.45);transition:transform .12s,box-shadow .12s}
.mg-prec:hover,.mg-suiv:hover{transform:scale(1.08);box-shadow:0 8px 24px rgba(11,174,159,.6)}
.mg-prec:active,.mg-suiv:active{transform:scale(.96)}
.mg-prec{margin-left:-6px;border-color:var(--or-edge,#b88e35);background:linear-gradient(180deg,var(--or-1,#f5d370),var(--or-2,#e8c76a));color:#2a1d00;box-shadow:0 6px 18px rgba(201,162,71,.45)}
.mg-prec:hover{box-shadow:0 8px 24px rgba(201,162,71,.6)}
.mg-suiv{margin-right:-6px}
/* les flèches invitent : un petit élan vers l'extérieur, toutes les 3 s, jusqu'au premier survol */
@keyframes invite-droite{0%,70%,100%{transform:translateX(0)}78%{transform:translateX(7px)}86%{transform:translateX(0)}94%{transform:translateX(5px)}}
@keyframes invite-gauche{0%,70%,100%{transform:translateX(0)}78%{transform:translateX(-7px)}86%{transform:translateX(0)}94%{transform:translateX(-5px)}}
.mg-suiv{animation:invite-droite 3s ease-in-out infinite}
.mg-prec{animation:invite-gauche 3s ease-in-out 1.5s infinite}
.mg:hover .mg-prec,.mg:hover .mg-suiv{animation:none}
@media (max-width:560px){.mg-prec,.mg-suiv{width:40px;height:40px;font-size:26px}}
.cc{flex:0 0 clamp(300px,18vw,360px);display:flex;flex-direction:column;background:var(--page-1,#fff);border:1px solid var(--border-light,#e6e9f0);border-radius:var(--r-lg,14px);overflow:hidden;text-decoration:none;color:var(--tx-dark,#1a1f2e);box-shadow:var(--sh-tile)}
a.cc{transition:transform .15s,box-shadow .15s}
a.cc:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(20,30,50,.16)}
.cc .media{aspect-ratio:16/9;background:var(--page-2,#f6f3ec);display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--border-light,#e6e9f0)}
.cc .media.cap img{width:100%;height:100%;object-fit:cover;object-position:top}
.cc .media.logo{background:#fff;padding:18px}
.cc .media.logo img{max-width:80%;max-height:70%;object-fit:contain}
.cc .media.ico{background:var(--tile-bg)}
.cc .media.ico .ico{width:54px;height:54px;color:var(--or-1,#f5d370)}
.cc .txt{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;min-height:96px}
.cc .txt b{font-size:15.5px;line-height:1.25}
.cc .txt span{font-size:13.5px;color:var(--tx-dark-2,#5a6377);line-height:1.35}
.cc .txt em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--accent,#06747D);margin-top:auto;padding-top:6px}
.av-piste{align-items:stretch}
.av-piste .quote{flex:0 0 340px;padding:18px 18px 16px;margin:0;display:flex;flex-direction:column;height:230px}
.av-piste .quote p{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(6,116,125,.35) transparent}
.av-piste .quote p::-webkit-scrollbar{width:6px}
.av-piste .quote p::-webkit-scrollbar-thumb{background:rgba(6,116,125,.35);border-radius:3px}
.av-piste .quote small{margin-top:10px}
@media (max-width:700px){.av-piste .quote{flex-basis:calc(100% - 20px)}}
.quote.ouvert{height:auto}
/* infobulle d'avis : posée sur body (hors des conteneurs qui rognent), texte complet, lisible */
.bulle{position:fixed;z-index:60;max-width:min(460px,calc(100vw - 32px));background:var(--page-1,#fff);color:var(--tx-dark,#1a1f2e);border:1px solid var(--border-light,#e6e9f0);border-left:4px solid var(--or-2,#e8c76a);border-radius:var(--r,10px);box-shadow:0 14px 40px rgba(20,30,50,.22);padding:16px 18px;font-size:16px;line-height:1.55;pointer-events:none;opacity:0;transition:opacity .12s}
.bulle.on{opacity:1}
.bulle .stars{font-size:14px;color:#e0a800;letter-spacing:2px;margin-bottom:6px}
.bulle small{display:block;margin-top:10px;color:var(--tx-dark-2,#5a6377);font-weight:600;font-size:13.5px}
/* avis : deux lignes qui défilent ensemble */
.av .mg-piste{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;gap:14px}
.av .mg-piste .quote{width:clamp(340px,20vw,400px)}
@media (max-width:700px){.av .mg-piste{display:flex}.av .mg-piste .quote{width:auto}}
.av-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.av-actions .todo{font-size:13.5px;max-width:52ch}
@media (max-width:560px){.cc{flex-basis:calc(100% - 20px)}}
@media (prefers-reduced-motion:reduce){.dup{display:none}}

/* ── Touches de couleur par zone (légères, jamais pastel plein) ── */
.etapes li:nth-child(1){background:linear-gradient(180deg,rgba(11,174,159,.09),transparent 70%)}
.etapes li:nth-child(2){background:linear-gradient(180deg,rgba(245,211,112,.16),transparent 70%)}
.etapes li:nth-child(3){background:linear-gradient(180deg,rgba(94,141,245,.10),transparent 70%)}
.etapes li:nth-child(1) i,.etapes li:nth-child(1) .ic{color:var(--accent,#06747D)}
.etapes li:nth-child(2) i,.etapes li:nth-child(2) .ic{color:var(--or-edge,#b88e35)}
.etapes li:nth-child(3) i,.etapes li:nth-child(3) .ic{color:#2f5fd0}
.etapes li:nth-child(1)::after{background:linear-gradient(90deg,var(--accent-bright,#0BAE9F),var(--accent,#06747D))}
.etapes li:nth-child(2)::after{background:linear-gradient(90deg,var(--or-1,#f5d370),var(--or-3,#c9a247))}
.etapes li:nth-child(3)::after{background:linear-gradient(90deg,#8fb0ff,#2f5fd0)}
.domaines>div:nth-child(1) .ic{background:rgba(239,68,68,.10);color:#c0392b}
.domaines>div:nth-child(2) .ic{background:rgba(34,197,94,.12);color:#15803d}
.domaines>div:nth-child(3) .ic{background:rgba(94,141,245,.12);color:#2f5fd0}
.domaines>div:nth-child(4) .ic{background:rgba(124,92,240,.12);color:#5b3fd0}
.super{background:linear-gradient(135deg,rgba(11,174,159,.07),var(--page-2,#f6f3ec) 45%,rgba(245,211,112,.14))}
.checks li::before{background:rgba(34,197,94,.18)}
.c-pub h3 small{color:#8a6210;background:rgba(245,211,112,.32)}
.c-priv h3 small{color:var(--accent,#06747D);background:rgba(11,174,159,.12)}
.c-asso h3 small{color:#5b3fd0;background:rgba(124,92,240,.12)}
.c-pub .cc .media.ico{background:linear-gradient(165deg,#3b3a2e,#1a1f26)}
.av-tete b{color:#8a6210}
.quote .stars{color:#e0a800}
.team{background:linear-gradient(180deg,var(--page-2,#f6f3ec),rgba(94,141,245,.06))}
.contact .info dl dt{color:var(--accent,#06747D)}
.hours{background:rgba(245,211,112,.10);border-color:rgba(201,162,71,.35)}
.hours b{color:#7a5a12}
form{border-top:4px solid var(--accent,#06747D)}
/* ── Équipe ─────────────────────────────────────────────────────────────── */
.team{background:var(--page-2,#f6f3ec);border-top:1px solid var(--border-light,#e6e9f0)}
.team .grid3 .todo-block{aspect-ratio:4/5}

.equipe{max-width:900px;gap:28px}
.equipe .membre .todo-block{aspect-ratio:1/1;max-width:240px}
.equipe h3{margin-top:12px;font-size:19px}
.equipe p{color:var(--tx-dark-2,#5a6377);font-size:15px;margin-top:4px}
/* ── Contact ────────────────────────────────────────────────────────────── */
.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.info dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:var(--sp-6,24px) 0}
.info dt{font-weight:700;color:var(--tx-dark-2,#5a6377)}
.info dd{margin:0}
.info a.tel{font-size:26px;font-weight:800;color:var(--tx-dark,#1a1f2e);text-decoration:none}
.hours{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:15px;background:var(--page-1,#fff);border:1px solid var(--border-light,#e6e9f0);border-radius:var(--r,10px);padding:var(--sp-4,16px)}
.hours b{color:var(--tx-dark-2,#5a6377);font-weight:700}
form{background:var(--page-1,#fff);border:1px solid var(--border-light,#e6e9f0);border-radius:var(--r-lg,14px);padding:var(--sp-6,24px);box-shadow:var(--sh-tile);display:grid;gap:var(--sp-4,16px)}
label{display:grid;gap:6px;font-weight:600;font-size:15px}
input,textarea{font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid var(--border-light,#e6e9f0);border-radius:var(--r-sm,6px);background:#fff;color:var(--tx-dark,#1a1f2e);width:100%}
input:focus,textarea:focus{outline:none;border-color:var(--accent,#06747D);box-shadow:0 0 0 3px var(--accent-line,rgba(11,174,159,.22))}
textarea{min-height:130px;resize:vertical}
form small{color:var(--tx-dark-2,#5a6377)}
.plan{margin:var(--sp-6,24px) 0 0;border-radius:var(--r-lg,14px);overflow:hidden;border:1px solid var(--border-light,#e6e9f0);box-shadow:var(--sh-tile);background:var(--page-1,#fff)}
.plan img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}
.plan figcaption{padding:10px 14px;font-size:14px;color:var(--tx-dark-2,#5a6377)}
.plan figcaption a{font-weight:700;color:var(--accent,#06747D)}

/* ── Pied ───────────────────────────────────────────────────────────────── */
footer{background:var(--bar-3,#2a2d34);color:var(--tx-on-bar-2,rgba(255,255,255,.6));padding:40px 0;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:var(--sp-5,20px);flex-wrap:wrap;align-items:center}
footer a{color:var(--tx-on-bar,#f0f3fa);text-decoration:none;margin-left:18px}
footer a:hover{color:var(--or-1,#f5d370)}

/* ── Téléphone ──────────────────────────────────────────────────────────── */
@media (max-width:900px){
  .nav ul,.nav .acts{display:none}.burger{display:block}
  .hero-grid{grid-template-columns:1fr}.proofs{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:1fr 1fr}
  .super .super-corps,.contact .wrap{grid-template-columns:1fr}
}
@media (max-width:560px){
  section{padding:36px 0}
  .nav img{height:48px}.nav{height:64px}
  .proofs{grid-template-columns:1fr}
  .after-hero{padding-top:56px}
  .grid3{grid-template-columns:1fr}
  .hero{padding-top:56px;padding-bottom:40px}
  .btn{width:100%;justify-content:center}
}

/* Bandeau « ceci est une maquette » */
.ruban{position:fixed;left:16px;bottom:16px;z-index:20;background:#7a5a12;color:#fff;font-size:13px;font-weight:700;padding:8px 14px;border-radius:var(--r-pill,99px);box-shadow:var(--sh-bar)}

/* ── classes remplaçant les styles en ligne (politique de sécurité : aucun style en ligne) ── */
.mt12{margin-top:12px}.mt16{margin-top:16px}.js-start{justify-self:start}.cache{display:none}
.d-vert{background:var(--green,#22c55e)}.d-orange{background:var(--orange,#f59f4d)}
.video-el{width:100%;aspect-ratio:16/9;display:block;background:#000}

/* ── Pages intérieures (mentions légales) — 02/10/2026 ───────────────────── */
.bandeau{background:linear-gradient(160deg,var(--bar-2,#3c4047) 0%,var(--bar-3,#2a2d34) 60%,#1f2228 100%);color:var(--tx-on-bar,#f0f3fa);padding:48px 0 40px}
.bandeau h1{font-size:clamp(26px,3.6vw,40px);font-weight:800;line-height:1.15}
.bandeau .lead{color:var(--tx-on-bar-2,rgba(255,255,255,.6));margin-top:10px}
.legal .wrap{max-width:900px}
.legal h2{font-size:22px;margin:36px 0 10px}
.legal h2:first-child{margin-top:0}
.legal p{margin:0 0 12px;color:var(--tx-dark-2,#5a6377);font-size:16px;line-height:1.65}
.legal a{color:var(--accent,#06747D);font-weight:600}
.legal .fiche{display:grid;grid-template-columns:230px 1fr;gap:8px 24px;margin:0 0 8px;background:var(--page-1,#fff);border:1px solid var(--border-light,#e6e9f0);border-radius:var(--r,10px);padding:16px 18px}
.legal .fiche dt{font-weight:700;color:var(--tx-dark-2,#5a6377)}
.legal .fiche dd{margin:0}
.legal .checks{margin:0 0 8px}
.legal .checks li{font-weight:400;color:var(--tx-dark-2,#5a6377)}
.legal .checks li b{color:var(--tx-dark,#1a1f2e)}
.legal .maj{font-size:14px;margin:28px 0 18px}
@media (max-width:700px){.legal .fiche{grid-template-columns:1fr;gap:2px 0}.legal .fiche dd{margin-bottom:10px}}

/* ── Le mot que rend le formulaire ───────────────────────────────────────── */
.envoi-mot{margin-top:14px;padding:12px 16px;border-radius:var(--r,10px);font-weight:600;font-size:15.5px;display:none}
.envoi-mot.on{display:block}
.envoi-mot.ok{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4);color:#15803d}
.envoi-mot.ko{background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.4);color:#b02020}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}


/* ===== 03/10/2026 — LES BARRES QUI RESTENT (politique de maison, doc 7K-REF-INT-024) =====
   Miguël, 02/10 : « même politique sur toutes les pages de tous les projets de tous les sites ».

   CE QUI ÉTAIT DÉJÀ BON, et qui le reste : la barre du site est déjà collée en haut, avec un
   fond PLEIN (un dégradé sombre, sans transparence) et une ombre. Mesurée sur les deux pages,
   à quatre largeurs : figée à 0 partout, sur quinze relevés. Rien à réparer de ce côté.

   CE QUI MANQUAIT — la conséquence qu'on oublie : UNE BARRE COLLÉE RECOUVRE CE VERS QUOI ON
   SAUTE. Les quatre entrées du menu (Métiers, Nos clients, L'équipe, Contact) amenaient leur
   section juste sous la barre : la première ligne — « Nos métiers », « Ils nous font
   confiance », « L'équipe », « Contact » — passait dessous. Mesuré : 22, 34, 33 et 34 px
   avalés selon la section.

   LA HAUTEUR DE LA BARRE DEVIENT UNE SEULE VALEUR. Elle était écrite à deux endroits (78 px,
   et 64 sous 560) : deux chiffres qui doivent rester d'accord finissent toujours par diverger,
   et c'est justement ce désaccord qui fabrique ce genre de défaut. On la nomme une fois.

   AUCUNE LIGNE EXISTANTE N'EST TOUCHÉE : ce bloc est en fin de feuille, il gagne par l'ordre. */
:root{--barre:78px}
@media (max-width:560px){:root{--barre:64px}}

.nav{height:var(--barre)}

/* Les 16 px de respiration sont volontaires : coller le titre contre la barre se lit comme un
   défaut, même quand rien n'est caché. */
html{scroll-padding-top:calc(var(--barre) + 16px)}

/* ─────────────────────────────────────────────────────────────────────────
   LA VIDÉO TIENT DANS LA PAGE — 06/10/2026 (Miguël : « qu'elle s'affiche
   entière, proportionnée à la page »).

   Pleine largeur, une image 16/9 devient très haute : sur un écran large,
   elle dépassait du bas et il fallait défiler pour la voir en entier. Elle
   est donc bornée par la HAUTEUR disponible — 78 % de l'écran — et sa
   largeur suit la proportion. Entière, d'un seul regard, sans rien rogner.
   ───────────────────────────────────────────────────────────────────────── */
.video-large {
  width: min(100%, calc(78vh * 16 / 9));
  margin-left: auto; margin-right: auto;
  border-radius: var(--r-lg, 14px);
  overflow: hidden;
}
@media (max-width: 820px) {
  /* Sur un téléphone, la largeur commande : la hauteur n'a jamais manqué. */
  .video-large { width: 100%; border-radius: 0; }
}

/* 08/10/2026 — « Essayez la supervision » : la demande de démo, sous la liste du contrat. */
.demo-form{margin-top:32px;max-width:860px}
.demo-texte{margin:6px 0 0;color:var(--tx-dark-2,#5a6377)}
.demo-champs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.demo-form .btn{justify-self:start;white-space:normal;font-family:inherit;cursor:pointer}
@media (max-width:900px){.demo-champs{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════════════════════════════════════════════
   09/10/2026 (Miguël : « plus de blocs un peu colorisés, sans exagérations ») — « 02 »
   Chaque section prend un fond pâle de la palette maison, séparé par un filet. Entre 4 et
   9 % d'opacité : on voit le RYTHME de la page, on ne voit pas la couleur. Le héros reste
   sombre, et les tuiles gardent leur fond propre : un fond ne porte qu'une information.
   ══════════════════════════════════════════════════════════════════════════════════════ */
/* 09/10/2026, un cran de plus (Miguël : « amplifier légèrement de quelques % ») :
   de 2–11 % à 4–17 %. Les cartes restent blanches par-dessus, sinon elles se fondent. */
/* 09/10/2026, troisieme reglage (Miguel : « c'est assez fade tu ne trouves pas ? ») —
   ON COLORISE FRANCHEMENT, comme le dit la regle de la maison. De 4-17 % a 9-30 %, et un
   filet teinte de la meme couleur plutot que le gris : c'est lui qui donnait l'air delave.
   Les cartes restent blanches par-dessus : c'est ce contraste qui fait le relief. */
#services{background:linear-gradient(180deg,rgba(11,174,159,.20),rgba(11,174,159,.09));
  border-bottom:1px solid rgba(6,116,125,.22)}
.super{background:linear-gradient(180deg,rgba(245,211,112,.30),rgba(245,211,112,.15));
  border-top-color:rgba(201,162,71,.3);border-bottom-color:rgba(201,162,71,.3)}
#clients{background:linear-gradient(180deg,rgba(94,141,245,.18),rgba(94,141,245,.07));
  border-bottom:1px solid rgba(94,141,245,.3)}
.team{background:linear-gradient(180deg,rgba(34,197,94,.18),rgba(34,197,94,.07));
  border-bottom:1px solid rgba(34,197,94,.3)}
.contact{background:linear-gradient(180deg,rgba(6,116,125,.22),rgba(6,116,125,.10))}
/* Les cartes posées sur un fond teinté restent franchement blanches : sans cela, elles
   se fondent dedans et la page perd son relief. */
#clients .cc,#clients .quote,.team .quote{background:#fff}

/* 09/10/2026 — LE BOUTON « DEMANDEZ VOTRE DÉMO ». Le formulaire existait depuis le 08/10,
   mais il fallait le chercher au milieu de la page. Teinte cyan de la maison, pour qu'il
   se distingue du bouton or du contact sans lui faire concurrence. */
.btn-demo{background:linear-gradient(180deg,var(--accent-bright,#0BAE9F),var(--accent,#06747D));
  color:#fff;border-color:var(--accent-deep,#044a52);box-shadow:0 4px 14px rgba(11,174,159,.32)}
.btn-demo:hover{box-shadow:0 6px 18px rgba(11,174,159,.42)}
.hero .cta .btn-demo{font-size:16px}
/* 09/10/2026 — le geste a rejoint les gestes (.acts) : « Demandez votre démo » n'est pas
   un endroit où aller, c'est quelque chose qu'on fait. Le lien marqué qui vivait ici a été
   retiré ; il perdait d'ailleurs sa couleur au survol, `.nav ul a:hover` étant plus précis. */

/* 09/10/2026 (Miguël : « case à cocher obligatoire — vous êtes une entreprise — et on
   collecte l'adresse ») — les deux champs de plus. La case est volontairement large et
   lisible : c'est un engagement, pas une mention en bas de page. */
.demo-adresse{display:block;margin-top:16px}
.demo-case{display:flex;align-items:flex-start;gap:11px;margin-top:16px;padding:13px 15px;
  border:1.5px solid rgba(6,116,125,.3);border-radius:var(--r,10px);
  background:rgba(11,174,159,.07);font-size:15px;line-height:1.5;cursor:pointer}
.demo-case input{flex:none;width:21px;height:21px;margin:1px 0 0;accent-color:var(--accent,#06747D);cursor:pointer}
.demo-case b{font-weight:800}
.demo-form .demo-adresse input{width:100%}

/* 09/10/2026 (Miguël : « OCITO apparaît deux fois ») — un manège dont les cartes tiennent
   à l'écran cache ses copies de bouclage et range ses flèches : il n'y a nulle part où
   aller. La classe est posée par site.js, qui seul connaît la largeur réelle. */
.mg-court .dup{display:none}
.mg-court .mg-prec,.mg-court .mg-suiv{display:none}
.mg-court .mg-piste{justify-content:flex-start}

/* 09/10/2026 (Miguël : « regarde ta nav ») — LE MENU DU TÉLÉPHONE. Il n'existait pas :
   le ☰ était dessiné mais relié à rien. Il déroule sous la barre, porte les mêmes liens
   et les mêmes gestes, et se referme dès qu'on choisit. */
.menu-tel{display:none}
.menu-tel[hidden]{display:none}
@media (max-width:900px){
  .menu-tel:not([hidden]){display:flex;flex-direction:column;gap:10px;
    padding:14px clamp(20px,3.5vw,72px) 20px;
    background:linear-gradient(180deg,#14171c,var(--noir,#0b0d10));
    border-top:1px solid rgba(255,255,255,.08)}
  .menu-tel > a:not(.btn){color:var(--tx-on-bar,#f0f3fa);text-decoration:none;font-weight:700;
    font-size:16px;padding:11px 2px;border-bottom:1px solid rgba(255,255,255,.07)}
  .menu-tel > a:not(.btn):hover{color:var(--or-1,#f5d370)}
  .menu-tel .btn{justify-content:center;margin-top:4px}
  .burger{font-size:26px;line-height:1;padding:6px 10px;cursor:pointer}
}

/* 09/10/2026 (Miguël : « pour les GAEC une image de prairie ; pour les autres, des images
   génériques qui correspondent, en attendant les vrais visuels des clients ») — « 02 ».
   La vignette occupe le même cadre 16/9 qu'une capture de site : le jour où le client nous
   donne la sienne, elle prend la place sans rien déplacer. */
.media.vign{aspect-ratio:16/9;background:#eaeff6;overflow:hidden;
  border-bottom:1px solid var(--border-light,#e6e9f0);display:block}
svg.vign{display:block;width:100%;height:100%}

/* 09/10/2026 (Miguel : « le bouton Envoyer, plutot en degrade comme on voit sur intranet
   parfois », puis « comme sur laisser un avis Google ») — « 02 ».
   Le degrade est repris TEL QUEL du bouton d'avis, quelques lignes plus haut : l'or de la
   maison qui glisse vers le cyan. Une couleur deja choisie vaut mieux qu'une variante
   inventee a cote. */
.btn-envoi{background:linear-gradient(100deg,var(--or-1,#f5d370) 0%,var(--or-2,#e8c76a) 35%,var(--accent-bright,#0BAE9F) 100%);
  color:#0b1f22;border-color:rgba(6,116,125,.35);box-shadow:0 4px 16px rgba(11,174,159,.28)}
.btn-envoi:hover{box-shadow:0 6px 20px rgba(11,174,159,.38)}

/* 09/10/2026 (Miguel : « autour des blocs des avis Google, c'est assez fade aussi ») — « 02 ».
   Les avis flottaient sur le fond de la section : rien ne disait ou commencait la zone.
   Ils tiennent maintenant dans un pave dore — la couleur des etoiles, et celle du bouton
   « Laisser un avis » juste a cote. Les cartes d'avis restent blanches : c'est ce qui les
   detache du pave, comme les cartes clients se detachent de leur section. */
.av{margin-top:var(--sp-6,24px);padding:18px 20px 22px;border-radius:var(--r-lg,14px);
  background:linear-gradient(180deg,rgba(245,211,112,.26),rgba(245,211,112,.10));
  border:1px solid rgba(201,162,71,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 20px -14px rgba(201,162,71,.6)}
.av .av-tete{color:#6b5214}
.av-piste .quote{box-shadow:0 6px 18px -12px rgba(28,36,38,.45)}
@media (max-width:700px){.av{padding:14px 12px 18px}}

/* 09/10/2026 (Miguel : « on ne distingue meme pas les zones de texte tellement c'est sans
   contraste ») — « 02 ». Les champs etaient blancs, bordes d'un gris a 1,5 % de contraste
   sur un panneau blanc : invisibles des que l'ecran est un peu clair ou la piece lumineuse.
   Ils prennent un fond legerement bleute et une bordure qui se voit. L'etiquette passe en
   gras sombre. Au doigt ou a la souris, on voit OU ecrire avant de cliquer. */
input,textarea,select{background:#F2F6F9;border:1.5px solid #9FB1C1;color:var(--tx-dark,#1a1f2e)}
input::placeholder,textarea::placeholder{color:#6b7c8d;opacity:1}
input:hover,textarea:hover,select:hover{border-color:#6f8699;background:#EDF3F7}
input:focus,textarea:focus,select:focus{background:#fff;border-color:var(--accent,#06747D);
  box-shadow:0 0 0 3px rgba(11,174,159,.28)}
/* l'etiquette au-dessus du champ : elle annonce la zone, elle doit se lire d'un coup d'oeil */
.demo-champs label,.demo-adresse,.contact form label,.contact form p > span{
  font-weight:700;color:var(--tx-dark,#1a1f2e)}
/* la case a cocher : un carre blanc borde, pas un trait gris */
.demo-case input[type=checkbox]{background:#fff;border:2px solid var(--accent,#06747D)}

/* ══════════════════════════════════════════════════════════════════════════════════════
   LES ALIGNEMENTS — 09/10/2026 (Miguel : « sinon, revoir les alignements »), « 02 »
   Les fleches d'un manege vivaient DANS le flux : elles poussaient la piste de 60 px. Les
   manages courts, dont je venais de cacher les fleches, ne subissaient plus ce decalage :
   trois alignements differents sur une meme section. Les fleches sortent donc du flux et
   se posent par-dessus les bords. Toute piste commence desormais sous son titre.
   ══════════════════════════════════════════════════════════════════════════════════════ */
.mg{display:block}
.mg-piste{width:100%}
.mg-prec,.mg-suiv{position:absolute;top:50%;transform:translateY(-50%);z-index:3}
.mg-prec{left:-10px}
.mg-suiv{right:-10px}
.mg-prec:hover,.mg-suiv:hover{transform:translateY(-50%) scale(1.06)}
/* Les fleches sont a cheval sur le bord : la piste garde de quoi respirer dessous. */
.mg-piste{padding-left:2px;padding-right:2px}
@media (max-width:700px){ .mg-prec,.mg-suiv{display:none} }

/* Les deux gestes du contrat sur une ligne, qui passe a deux au besoin. */
.super-gestes{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}