MC Sport | Animation propuls\u00e9e par les donn\u00e9es, chronom\u00e9trage & \u00e9v\u00e9nements sportifs<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <meta name=\"description\" content=\"MC Sport, animation sportive propuls\u00e9e par les donn\u00e9es et chronom\u00e9trage \u00e9lectronique pour \u00e9v\u00e9nements de performance au Qu\u00e9bec. Vivez le moment.\" \/>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,400&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --mc-bg: #FDFBF3;\n --mc-bg-deep: #0a0c12;\n --mc-bg-warm: #F3EDE1;\n --mc-ink: #0f1115;\n --mc-ink-soft: #3b4252;\n --mc-muted: #6b7280;\n --mc-gold: #E2D385;\n --mc-gold-warm: #C9B868;\n --mc-line: rgba(15, 17, 21, 0.12);\n --mc-line-strong: rgba(15, 17, 21, 0.22);\n --mc-max: 1180px;\n --serif: \"Fraunces\", Georgia, serif;\n --sans: \"Inter Tight\", system-ui, -apple-system, sans-serif;\n --mono: \"JetBrains Mono\", ui-monospace, monospace;\n\n --mc-hero-top-offset: 140px;\n }\n\n *, *::before, *::after { box-sizing: border-box; }\n\n html, body {\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n background: var(--mc-bg) !important;\n color: var(--mc-ink);\n font-family: var(--sans);\n font-size: 16px;\n line-height: 1.55;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n body, .site, .site-content, .wp-site-blocks, main, .wp-block-post-content {\n padding-top: 0 !important;\n margin-top: 0 !important;\n }\n header, .site-header, .wp-block-template-part {\n background: transparent !important;\n box-shadow: none !important;\n }\n .site, .ct-main, .ct-pageContent, .entry-content {\n background: var(--mc-bg) !important;\n }\n\n a { color: inherit; text-decoration: none; }\n\n .mc-wrap {\n max-width: var(--mc-max);\n margin: 0 auto;\n padding: 0 24px;\n }\n\n .mc-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 14px 24px;\n border-radius: 999px;\n font-family: var(--sans);\n font-size: 14.5px;\n font-weight: 600;\n letter-spacing: -0.005em;\n transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1), background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n cursor: pointer;\n border: 1px solid transparent;\n white-space: nowrap;\n }\n .mc-btn-primary {\n background: var(--mc-ink);\n color: var(--mc-bg);\n }\n .mc-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 30px -8px rgba(15, 17, 21, 0.4);\n color: var(--mc-gold);\n }\n .mc-btn-ghost {\n background: transparent;\n color: var(--mc-ink);\n border-color: var(--mc-line-strong);\n }\n .mc-btn-ghost:hover {\n background: var(--mc-ink);\n color: var(--mc-bg);\n border-color: var(--mc-ink);\n transform: translateY(-2px);\n }\n .mc-btn-gold {\n background: var(--mc-gold);\n color: var(--mc-ink);\n }\n .mc-btn-gold:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 30px -8px rgba(226, 211, 133, 0.5);\n background: var(--mc-ink);\n color: var(--mc-gold);\n }\n .mc-btn .mc-btn-arrow {\n transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-btn:hover .mc-btn-arrow {\n transform: translateX(3px);\n }\n\n .mc-section-eyebrow {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--mc-ink-soft);\n margin: 0 0 16px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .mc-section-eyebrow::before {\n content: \"\";\n width: 24px;\n height: 1px;\n background: var(--mc-ink-soft);\n }\n .mc-section-eyebrow.gold { color: var(--mc-gold); }\n .mc-section-eyebrow.gold::before { background: var(--mc-gold); }\n .mc-section-eyebrow.light { color: var(--mc-gold); }\n .mc-section-eyebrow.light::before { background: var(--mc-gold); }\n\n .mc-reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.85s cubic-bezier(0.2, 0.8, 0.3, 1), transform 0.85s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* HERO *\/\n .mc-hero {\n position: relative;\n z-index: 0;\n min-height: 100svh;\n min-height: 100vh;\n display: flex;\n align-items: flex-start;\n width: 100vw;\n margin-left: calc(50% - 50vw);\n margin-top: calc(var(--mc-hero-top-offset) * -1);\n padding: 0 0 80px;\n overflow: hidden;\n background: #050608;\n color: #f5f5f5;\n }\n .mc-hero-video-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; }\n .mc-hero-video-inner {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100vw;\n height: 56.25vw;\n min-width: 177.78vh;\n min-height: 100svh;\n min-height: 100vh;\n transform: translate(-50%, -50%);\n pointer-events: none;\n }\n .mc-hero-video-inner iframe { width: 100%; height: 100%; border: 0; pointer-events: none; }\n .mc-hero::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(to bottom, rgba(5, 6, 8, 0.55), rgba(5, 6, 8, 0.92)),\n radial-gradient(ellipse 60% 40% at 20% 80%, rgba(226, 211, 133, 0.08), transparent 60%);\n z-index: 1;\n }\n .mc-hero-inner {\n width: 100%;\n padding: calc(var(--mc-hero-top-offset) + 28px) 32px 0;\n position: relative;\n z-index: 2;\n }\n .mc-hero-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-family: var(--mono);\n font-size: 12px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--mc-gold);\n margin-bottom: 28px;\n padding: 6px 14px 6px 10px;\n border: 1px solid rgba(226, 211, 133, 0.3);\n border-radius: 999px;\n background: rgba(10, 12, 18, 0.4);\n backdrop-filter: blur(8px);\n animation: mc-fade-up 0.7s ease 0.1s both;\n }\n .mc-hero-eyebrow-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--mc-gold);\n box-shadow: 0 0 0 4px rgba(226, 211, 133, 0.2);\n animation: mc-pulse 2.4s ease-in-out infinite;\n }\n @keyframes mc-pulse {\n 0%, 100% { box-shadow: 0 0 0 4px rgba(226, 211, 133, 0.2); }\n 50% { box-shadow: 0 0 0 8px rgba(226, 211, 133, 0.06); }\n }\n .mc-hero-signature {\n font-family: var(--serif);\n font-size: clamp(56px, 9vw, 124px);\n line-height: 0.95;\n letter-spacing: -0.035em;\n font-weight: 500;\n color: var(--mc-bg);\n margin: 0 0 28px;\n display: flex;\n flex-wrap: wrap;\n gap: 0 0.25em;\n }\n .mc-hero-signature .ltm-word { display: inline-block; opacity: 0; transform: translateY(40px); }\n .mc-hero-signature .ltm-word.word-2 { color: var(--mc-gold); font-style: italic; font-weight: 400; }\n @keyframes mc-ltm-fade {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .mc-hero-inner .ltm-word.word-1 { animation: mc-ltm-fade 1.1s cubic-bezier(0.2, 0.8, 0.3, 1) 0.4s forwards; }\n .mc-hero-inner .ltm-word.word-2 { animation: mc-ltm-fade 1.2s cubic-bezier(0.2, 0.8, 0.3, 1) 0.9s forwards; }\n .mc-hero-inner .ltm-word.word-3 { animation: mc-ltm-fade 1.2s cubic-bezier(0.2, 0.8, 0.3, 1) 1.4s forwards; }\n .mc-hero-tagline {\n font-family: var(--serif);\n font-size: clamp(19px, 2vw, 24px);\n line-height: 1.45;\n font-weight: 400;\n color: rgba(253, 251, 243, 0.85);\n max-width: 56ch;\n margin: 0 0 36px;\n opacity: 0;\n animation: mc-fade-up 0.9s cubic-bezier(0.2, 0.8, 0.3, 1) 2s forwards;\n }\n .mc-hero-tagline em { font-style: italic; color: var(--mc-gold); }\n .mc-hero-cta {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n opacity: 0;\n animation: mc-fade-up 0.9s cubic-bezier(0.2, 0.8, 0.3, 1) 2.3s forwards;\n }\n .mc-hero .mc-btn-primary { background: var(--mc-gold); color: var(--mc-ink); }\n .mc-hero .mc-btn-primary:hover { background: var(--mc-bg); color: var(--mc-ink); }\n .mc-hero .mc-btn-ghost { color: var(--mc-bg); border-color: rgba(253, 251, 243, 0.3); }\n .mc-hero .mc-btn-ghost:hover { background: rgba(253, 251, 243, 0.08); border-color: var(--mc-gold); color: var(--mc-gold); }\n @keyframes mc-fade-up {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .mc-hero-scroll {\n position: absolute;\n bottom: 32px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 3;\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(253, 251, 243, 0.5);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n opacity: 0;\n animation: mc-fade-up 0.9s ease 3s forwards;\n }\n .mc-hero-scroll::after {\n content: \"\";\n width: 1px;\n height: 32px;\n background: linear-gradient(to bottom, rgba(253, 251, 243, 0.4), transparent);\n animation: mc-scroll-line 2.4s ease-in-out infinite;\n }\n @keyframes mc-scroll-line {\n 0%, 100% { transform: scaleY(0.4); transform-origin: top; }\n 50% { transform: scaleY(1); transform-origin: top; }\n }\n body.admin-bar .mc-hero { margin-top: calc((var(--mc-hero-top-offset) + 32px) * -1); }\n @media (max-width: 782px) {\n body.admin-bar .mc-hero { margin-top: calc((var(--mc-hero-top-offset) + 46px) * -1); }\n }\n\n \/* POSITIONNEMENT *\/\n .mc-positioning {\n padding: 110px 0;\n background: var(--mc-bg);\n position: relative;\n overflow: hidden;\n }\n .mc-positioning::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(var(--mc-line) 1px, transparent 1px),\n linear-gradient(90deg, var(--mc-line) 1px, transparent 1px);\n background-size: 80px 80px;\n opacity: 0.35;\n pointer-events: none;\n mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, black 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, black 30%, transparent 80%);\n }\n .mc-pos-inner {\n position: relative;\n z-index: 2;\n display: grid;\n grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);\n gap: 80px;\n align-items: center;\n }\n .mc-pos-text h2 {\n font-family: var(--serif);\n font-size: clamp(34px, 5vw, 60px);\n font-weight: 500;\n line-height: 1.05;\n letter-spacing: -0.025em;\n margin: 0 0 24px;\n color: var(--mc-ink);\n }\n .mc-pos-text h2 em { font-style: italic; color: var(--mc-gold-warm); }\n .mc-pos-text > p {\n font-family: var(--serif);\n font-size: 19px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0 0 32px;\n }\n .mc-pos-points { display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px; }\n .mc-pos-point { display: grid; grid-template-columns: 32px 1fr; gap: 14px; align-items: start; }\n .mc-pos-point-mark {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: var(--mc-bg-warm);\n border: 1px solid var(--mc-line);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--mono);\n font-size: 11px;\n font-weight: 600;\n color: var(--mc-gold-warm);\n flex-shrink: 0;\n }\n .mc-pos-point-text { font-size: 16px; line-height: 1.5; color: var(--mc-ink); padding-top: 4px; }\n .mc-pos-point-text strong { font-weight: 600; }\n .mc-pos-card {\n background: var(--mc-ink);\n color: var(--mc-bg);\n border-radius: 18px;\n padding: 40px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 30px 60px -20px rgba(15, 17, 21, 0.35);\n }\n .mc-pos-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 60% 40% at 80% 0%, rgba(226, 211, 133, 0.15), transparent 60%);\n pointer-events: none;\n }\n .mc-pos-card-tag {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--mc-gold);\n margin-bottom: 24px;\n position: relative;\n z-index: 2;\n }\n .mc-pos-quote {\n font-family: var(--serif);\n font-size: clamp(22px, 2.3vw, 28px);\n font-style: italic;\n line-height: 1.35;\n margin: 0 0 20px;\n position: relative;\n z-index: 2;\n color: var(--mc-bg);\n }\n .mc-pos-quote-author {\n font-size: 13px;\n color: rgba(253, 251, 243, 0.5);\n position: relative;\n z-index: 2;\n padding-top: 16px;\n border-top: 1px solid rgba(253, 251, 243, 0.1);\n }\n .mc-pos-quote-author strong { color: var(--mc-gold); font-weight: 600; }\n\n \/* SERVICES *\/\n .mc-services {\n padding: 110px 0;\n background: var(--mc-bg-warm);\n border-top: 1px solid var(--mc-line);\n border-bottom: 1px solid var(--mc-line);\n }\n .mc-services-head { max-width: 720px; margin: 0 auto 60px; text-align: center; }\n .mc-services-head .mc-section-eyebrow { justify-content: center; }\n .mc-services-head h2 {\n font-family: var(--serif);\n font-size: clamp(32px, 4.5vw, 52px);\n font-weight: 500;\n line-height: 1.08;\n letter-spacing: -0.02em;\n margin: 0 0 16px;\n }\n .mc-services-head h2 em { font-style: italic; color: var(--mc-gold-warm); }\n .mc-services-head p {\n font-family: var(--serif);\n font-size: 18px;\n line-height: 1.5;\n color: var(--mc-ink-soft);\n margin: 0;\n }\n .mc-services-grid {\n display: grid;\n grid-template-columns: 1.4fr 1fr 1fr;\n gap: 24px;\n }\n .mc-service-card {\n background: var(--mc-bg);\n border: 1px solid var(--mc-line);\n border-radius: 18px;\n padding: 36px 32px;\n display: flex;\n flex-direction: column;\n transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease;\n position: relative;\n overflow: hidden;\n }\n .mc-service-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 28px 56px -20px rgba(15, 17, 21, 0.25);\n border-color: var(--mc-line-strong);\n }\n .mc-service-card.featured { background: var(--mc-ink); color: var(--mc-bg); border-color: var(--mc-ink); }\n .mc-service-card.featured::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 50% 50% at 100% 0%, rgba(226, 211, 133, 0.18), transparent 60%);\n pointer-events: none;\n }\n .mc-service-card.featured:hover { box-shadow: 0 28px 56px -20px rgba(15, 17, 21, 0.5); }\n .mc-service-num {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--mc-muted);\n margin-bottom: 16px;\n position: relative;\n z-index: 2;\n }\n .mc-service-card.featured .mc-service-num { color: var(--mc-gold); }\n .mc-service-card h3 {\n font-family: var(--serif);\n font-size: clamp(24px, 2.4vw, 30px);\n font-weight: 500;\n line-height: 1.15;\n letter-spacing: -0.015em;\n margin: 0 0 12px;\n position: relative;\n z-index: 2;\n }\n .mc-service-card h3 em { font-style: italic; color: var(--mc-gold-warm); }\n .mc-service-card.featured h3 em { color: var(--mc-gold); }\n .mc-service-card p {\n font-size: 15px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0 0 24px;\n flex: 1;\n position: relative;\n z-index: 2;\n }\n .mc-service-card.featured p { color: rgba(253, 251, 243, 0.7); }\n .mc-service-tag {\n display: inline-flex;\n align-items: center;\n padding: 4px 10px;\n border-radius: 999px;\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n background: var(--mc-gold);\n color: var(--mc-ink);\n font-weight: 600;\n margin-bottom: 16px;\n align-self: flex-start;\n position: relative;\n z-index: 2;\n }\n .mc-service-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n font-weight: 600;\n color: var(--mc-ink);\n border-bottom: 1px solid var(--mc-line-strong);\n padding-bottom: 4px;\n align-self: flex-start;\n transition: gap 0.25s ease, border-color 0.25s ease;\n position: relative;\n z-index: 2;\n }\n .mc-service-card.featured .mc-service-link { color: var(--mc-gold); border-color: rgba(226, 211, 133, 0.4); }\n .mc-service-link:hover { gap: 12px; border-color: var(--mc-gold); }\n\n \/* PREUVE SOCIALE *\/\n .mc-trust { padding: 110px 0; background: var(--mc-bg); }\n .mc-trust-head { max-width: 720px; margin: 0 auto 56px; text-align: center; }\n .mc-trust-head .mc-section-eyebrow { justify-content: center; }\n .mc-trust-head h2 {\n font-family: var(--serif);\n font-size: clamp(30px, 4vw, 46px);\n font-weight: 500;\n line-height: 1.1;\n letter-spacing: -0.02em;\n margin: 0 0 12px;\n }\n .mc-trust-head h2 em { font-style: italic; color: var(--mc-gold-warm); }\n\n \/* Logos clients : 4 colonnes pour 8 logos, plus grands, en couleur *\/\n .mc-logo-strip {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px 24px;\n align-items: center;\n padding: 48px 0;\n border-top: 1px solid var(--mc-line);\n border-bottom: 1px solid var(--mc-line);\n margin-bottom: 0;\n }\n .mc-logo-item {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n min-height: 120px;\n transition: transform 0.3s ease;\n }\n .mc-logo-item:hover {\n transform: scale(1.06);\n }\n .mc-logo-item img {\n max-width: 100%;\n max-height: 100px;\n width: auto;\n height: auto;\n object-fit: contain;\n display: block;\n }\n\n \/* T\u00e9moignages *\/\n .mc-testimonial {\n background: var(--mc-bg);\n border: 1px solid var(--mc-line);\n border-radius: 16px;\n padding: 32px 28px;\n position: relative;\n transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;\n }\n .mc-testimonial:hover {\n transform: translateY(-4px);\n border-color: var(--mc-line-strong);\n box-shadow: 0 20px 40px -16px rgba(15, 17, 21, 0.15);\n }\n .mc-testimonial::before {\n content: \"\\201C\";\n position: absolute;\n top: 14px;\n right: 24px;\n font-family: var(--serif);\n font-size: 64px;\n line-height: 1;\n color: var(--mc-gold);\n opacity: 0.4;\n font-style: italic;\n }\n .mc-testimonial-quote {\n font-family: var(--serif);\n font-size: 17px;\n line-height: 1.5;\n color: var(--mc-ink);\n margin: 0 0 20px;\n position: relative;\n z-index: 2;\n }\n .mc-testimonial-author { padding-top: 16px; border-top: 1px solid var(--mc-line); }\n .mc-testimonial-name { font-size: 14px; font-weight: 600; color: var(--mc-ink); margin: 0 0 2px; }\n .mc-testimonial-role {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--mc-muted);\n }\n\n \/* Carrousel *\/\n .mc-carousel { position: relative; max-width: 860px; margin: 64px auto 0; }\n .mc-carousel-track { position: relative; overflow: hidden; min-height: 260px; }\n .mc-carousel-slide {\n position: absolute;\n inset: 0;\n opacity: 0;\n visibility: hidden;\n transform: translateY(20px);\n transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.3, 1), transform 0.6s cubic-bezier(0.2, 0.8, 0.3, 1), visibility 0s 0.6s;\n }\n .mc-carousel-slide.is-active {\n position: relative;\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.3, 1), transform 0.6s cubic-bezier(0.2, 0.8, 0.3, 1), visibility 0s 0s;\n }\n .mc-carousel-slide .mc-testimonial { padding: 48px 56px; max-width: 100%; }\n .mc-carousel-slide .mc-testimonial::before { top: 18px; right: 36px; font-size: 88px; opacity: 0.35; }\n .mc-carousel-slide .mc-testimonial-quote { font-size: clamp(18px, 2vw, 22px); line-height: 1.55; margin-bottom: 28px; }\n .mc-carousel-slide .mc-testimonial-name { font-size: 15px; }\n .mc-carousel-progress {\n max-width: 280px;\n margin: 36px auto 0;\n height: 3px;\n background: var(--mc-line);\n border-radius: 999px;\n overflow: hidden;\n position: relative;\n }\n .mc-carousel-progress-bar {\n height: 100%;\n width: 0%;\n background: var(--mc-gold);\n border-radius: 999px;\n transform-origin: left center;\n }\n .mc-carousel-progress-bar.is-running { animation: mc-carousel-progress 7s linear forwards; }\n .mc-carousel-progress-bar.is-paused { animation-play-state: paused; }\n @keyframes mc-carousel-progress {\n from { width: 0%; }\n to { width: 100%; }\n }\n\n \/* ACTIVIT\u00c9 *\/\n .mc-activity {\n padding: 110px 0;\n background: var(--mc-bg-warm);\n border-top: 1px solid var(--mc-line);\n }\n .mc-activity-head {\n display: flex;\n justify-content: space-between;\n align-items: end;\n margin-bottom: 48px;\n flex-wrap: wrap;\n gap: 24px;\n }\n .mc-activity-head h2 {\n font-family: var(--serif);\n font-size: clamp(28px, 3.6vw, 42px);\n font-weight: 500;\n line-height: 1.1;\n letter-spacing: -0.02em;\n margin: 0;\n }\n .mc-activity-head h2 em { font-style: italic; color: var(--mc-gold-warm); }\n .mc-activity-tabs {\n display: flex;\n gap: 8px;\n padding: 4px;\n background: var(--mc-bg);\n border-radius: 999px;\n border: 1px solid var(--mc-line);\n }\n .mc-activity-tab {\n padding: 8px 18px;\n border-radius: 999px;\n font-family: var(--sans);\n font-size: 13px;\n font-weight: 600;\n color: var(--mc-ink-soft);\n cursor: pointer;\n transition: all 0.25s ease;\n border: none;\n background: transparent;\n }\n .mc-activity-tab.active { background: var(--mc-ink); color: var(--mc-gold); }\n .mc-activity-panel { display: none; }\n .mc-activity-panel.active { display: block; }\n .mc-shortcode-wrap {\n background: var(--mc-bg);\n border: 1px solid var(--mc-line);\n border-radius: 18px;\n padding: 32px;\n }\n .mc-activity-cta { margin-top: 32px; display: flex; justify-content: center; }\n\n \/* STATS *\/\n .mc-stats {\n padding: 110px 0;\n background: var(--mc-bg-deep);\n color: var(--mc-bg);\n position: relative;\n overflow: hidden;\n }\n .mc-stats::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 40% 30% at 20% 30%, rgba(226, 211, 133, 0.08), transparent 60%),\n radial-gradient(ellipse 40% 30% at 80% 70%, rgba(226, 211, 133, 0.06), transparent 60%);\n pointer-events: none;\n }\n .mc-stats-head {\n max-width: 720px;\n margin: 0 auto 64px;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n .mc-stats-head .mc-section-eyebrow { justify-content: center; }\n .mc-stats-head h2 {\n font-family: var(--serif);\n font-size: clamp(30px, 4vw, 48px);\n font-weight: 500;\n line-height: 1.08;\n letter-spacing: -0.02em;\n margin: 0 0 16px;\n color: var(--mc-bg);\n }\n .mc-stats-head h2 em { font-style: italic; color: var(--mc-gold); }\n .mc-stats-head p {\n font-family: var(--serif);\n font-size: 18px;\n line-height: 1.5;\n color: rgba(253, 251, 243, 0.65);\n margin: 0;\n }\n .mc-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n position: relative;\n z-index: 2;\n }\n .mc-stat-card {\n padding: 36px 32px;\n background: rgba(253, 251, 243, 0.03);\n border: 1px solid rgba(253, 251, 243, 0.1);\n border-radius: 18px;\n text-align: left;\n transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1), border-color 0.3s ease;\n }\n .mc-stat-card:hover { transform: translateY(-4px); border-color: rgba(226, 211, 133, 0.3); }\n .mc-stat-num {\n font-family: var(--serif);\n font-size: clamp(48px, 6vw, 72px);\n font-weight: 500;\n letter-spacing: -0.03em;\n color: var(--mc-gold);\n line-height: 1;\n margin-bottom: 14px;\n }\n .mc-stat-num span.sup { font-size: 0.5em; color: var(--mc-gold-warm); vertical-align: super; }\n .mc-stat-label {\n font-family: var(--serif);\n font-size: 20px;\n font-weight: 500;\n color: var(--mc-bg);\n margin-bottom: 8px;\n line-height: 1.3;\n }\n .mc-stat-sub { font-size: 14px; line-height: 1.5; color: rgba(253, 251, 243, 0.55); margin: 0; }\n\n \/* CTA FINAL *\/\n .mc-close {\n padding: 130px 0;\n background: var(--mc-bg);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .mc-close::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 50% 60% at 50% 50%, rgba(226, 211, 133, 0.18), transparent 70%);\n pointer-events: none;\n }\n .mc-close-inner { position: relative; z-index: 2; max-width: 760px; margin: 0 auto; }\n .mc-close h2 {\n font-family: var(--serif);\n font-size: clamp(36px, 5.5vw, 60px);\n font-weight: 500;\n line-height: 1.05;\n letter-spacing: -0.025em;\n margin: 0 0 24px;\n color: var(--mc-ink);\n }\n .mc-close h2 em { font-style: italic; color: var(--mc-gold-warm); }\n .mc-close p {\n font-family: var(--serif);\n font-size: 19px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0 0 36px;\n }\n .mc-close-cta { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; }\n\n \/* RESPONSIVE *\/\n @media (max-width: 960px) {\n :root { --mc-hero-top-offset: 110px; }\n .mc-positioning, .mc-services, .mc-trust, .mc-activity, .mc-stats, .mc-close { padding: 80px 0; }\n .mc-pos-inner { grid-template-columns: 1fr; gap: 48px; }\n .mc-services-grid { grid-template-columns: 1fr; }\n .mc-logo-strip { grid-template-columns: repeat(3, 1fr); gap: 24px 16px; }\n .mc-logo-item { min-height: 100px; }\n .mc-logo-item img { max-height: 80px; }\n .mc-stats-grid { grid-template-columns: 1fr; }\n .mc-activity-head { flex-direction: column; align-items: flex-start; }\n }\n @media (max-width: 600px) {\n :root { --mc-hero-top-offset: 90px; }\n .mc-wrap { padding: 0 20px; }\n .mc-hero-inner { padding: calc(var(--mc-hero-top-offset) + 18px) 20px 0; }\n .mc-logo-strip { grid-template-columns: repeat(2, 1fr); gap: 20px 16px; padding: 32px 0; }\n .mc-logo-item { min-height: 90px; }\n .mc-logo-item img { max-height: 70px; }\n .mc-pos-card { padding: 28px; }\n .mc-service-card { padding: 28px 24px; }\n .mc-testimonial { padding: 24px 20px; }\n .mc-carousel-slide .mc-testimonial { padding: 28px 24px; }\n .mc-carousel-slide .mc-testimonial::before { font-size: 64px; top: 12px; right: 20px; }\n .mc-carousel-progress { margin-top: 24px; max-width: 220px; }\n .mc-stat-card { padding: 28px 24px; }\n .mc-hero-cta { width: 100%; }\n .mc-hero-cta .mc-btn { flex: 1; justify-content: center; }\n .mc-close-cta { width: 100%; }\n .mc-close-cta .mc-btn { width: 100%; justify-content: center; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n\n<section class=\"mc-hero\" id=\"hero\">\n <div class=\"mc-hero-video-bg\" aria-hidden=\"true\">\n <div class=\"mc-hero-video-inner\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/MP0k1QECYZQ?autoplay=1&mute=1&playsinline=1&loop=1&controls=0&showinfo=0&modestbranding=1&playlist=MP0k1QECYZQ\"\n title=\"MC Sport, Vivez le moment\"\n allow=\"autoplay; encrypted-media\"\n allowfullscreen\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <div class=\"mc-hero-inner\">\n <div class=\"mc-hero-eyebrow\">\n <span class=\"mc-hero-eyebrow-dot\"><\/span>\n <span>MC Sport \/ Animation propuls\u00e9e par les donn\u00e9es<\/span>\n <\/div>\n\n <h1 class=\"mc-hero-signature\">\n <span class=\"ltm-word word-1\">Vivez<\/span>\n <span class=\"ltm-word word-2\">le<\/span>\n <span class=\"ltm-word word-3\">moment.<\/span>\n <\/h1>\n\n <p class=\"mc-hero-tagline\">\n Animation, inscriptions et chronom\u00e9trage pour \u00e9v\u00e9nements sportifs de performance. Chaque athl\u00e8te <em>\u00e9tudi\u00e9, racont\u00e9, reconnu<\/em>.\n <\/p>\n\n <div class=\"mc-hero-cta\">\n <a href=\"\/services\" class=\"mc-btn mc-btn-primary\">\n <span>Voir nos services<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <a href=\"#positionnement\" class=\"mc-btn mc-btn-ghost\">\n <span>Pourquoi MC Sport<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"mc-hero-scroll\">\n <span>D\u00e9couvrir<\/span>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-positioning\" id=\"positionnement\">\n <div class=\"mc-wrap mc-pos-inner\">\n <div class=\"mc-pos-text mc-reveal\">\n <div class=\"mc-section-eyebrow\">Pourquoi MC Sport<\/div>\n <h2>Plus que des <em>annonceurs<\/em>.<\/h2>\n <p>\n MC Sport est une \u00e9quipe de descripteurs-analystes pour \u00e9v\u00e9nements sportifs de performance. L\u00e0 o\u00f9 un annonceur lit une liste de dossards, nous racontons une course, avec les donn\u00e9es, le contexte et l’expertise du sport en main.\n <\/p>\n\n <div class=\"mc-pos-points\">\n <div class=\"mc-pos-point\">\n <div class=\"mc-pos-point-mark\">01<\/div>\n <div class=\"mc-pos-point-text\">\n <strong>Vos athl\u00e8tes sont \u00e9tudi\u00e9s avant la course.<\/strong> Historique, palmar\u00e8s, narratifs personnels. On arrive avec des fiches, pas des improvisations.\n <\/div>\n <\/div>\n <div class=\"mc-pos-point\">\n <div class=\"mc-pos-point-mark\">02<\/div>\n <div class=\"mc-pos-point-text\">\n <strong>Notre database d’athl\u00e8tes alimente l’animation.<\/strong> Plusieurs milliers de profils document\u00e9s \u00e0 travers le cyclisme, le patinage de vitesse, la course \u00e0 pied et le triathlon.\n <\/div>\n <\/div>\n <div class=\"mc-pos-point\">\n <div class=\"mc-pos-point-mark\">03<\/div>\n <div class=\"mc-pos-point-text\">\n <strong>Chaque athl\u00e8te est reconnu, peu importe sa position.<\/strong> Premier, dernier, d\u00e9butant ou v\u00e9t\u00e9ran, tous re\u00e7oivent une mention qui dit plus que leur num\u00e9ro.\n <\/div>\n <\/div>\n <\/div>\n\n <a href=\"\/services\" class=\"mc-btn mc-btn-primary\">\n <span>Voir notre approche compl\u00e8te<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n\n <div class=\"mc-pos-card mc-reveal\">\n <div class=\"mc-pos-card-tag\">Notre conviction<\/div>\n <p class=\"mc-pos-quote\">\n \u00ab Une bonne animation change tout : ce que vivent les athl\u00e8tes, ce que retiennent les spectateurs, ce qui se raconte apr\u00e8s. \u00bb\n <\/p>\n <div class=\"mc-pos-quote-author\">\n <strong>Mika\u00ebl C\u00f4t\u00e9<\/strong>, Fondateur, MC Sport\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-services\" id=\"services\">\n <div class=\"mc-wrap\">\n <div class=\"mc-services-head mc-reveal\">\n <div class=\"mc-section-eyebrow\">Nos services<\/div>\n <h2>Trois services <em>align\u00e9s<\/em> au service de votre \u00e9v\u00e9nement.<\/h2>\n <\/div>\n\n <div class=\"mc-services-grid\">\n <div class=\"mc-service-card featured mc-reveal\">\n <span class=\"mc-service-tag\">Notre c\u0153ur<\/span>\n <div class=\"mc-service-num\">01 \/ Animation<\/div>\n <h3>Animation <em>propuls\u00e9e par les donn\u00e9es<\/em><\/h3>\n <p>\n Vos athl\u00e8tes \u00e9tudi\u00e9s en amont, racont\u00e9s pendant la course, reconnus au podium. Gestion musicale int\u00e9gr\u00e9e et sonorisation en option. La signature MC Sport, bilingue FR\/EN.\n <\/p>\n <a href=\"\/services#animation\" class=\"mc-service-link\">\n <span>D\u00e9couvrir l’animation<\/span>\n <span>\u2192<\/span>\n <\/a>\n <\/div>\n\n <div class=\"mc-service-card mc-reveal\">\n <div class=\"mc-service-num\">02 \/ Plateforme<\/div>\n <h3>Inscriptions <em>en ligne<\/em><\/h3>\n <p>\n Vos inscrits deviennent vos meilleurs vendeurs. Partage social int\u00e9gr\u00e9, affichage public, dashboard temps r\u00e9el. Encaissement direct, frais transparents.\n <\/p>\n <a href=\"\/inscriptions\" class=\"mc-service-link\">\n <span>D\u00e9couvrir la plateforme<\/span>\n <span>\u2192<\/span>\n <\/a>\n <\/div>\n\n <div class=\"mc-service-card mc-reveal\">\n <div class=\"mc-service-num\">03 \/ Chronom\u00e9trage<\/div>\n <h3>Chronom\u00e9trage <em>\u00e9lectronique<\/em><\/h3>\n <p>\n Puces actives ou passives, live timing visible par les familles, r\u00e9sultats publi\u00e9s rapidement. Un chrono qui renforce votre \u00e9v\u00e9nement.\n <\/p>\n <a href=\"\/services#chrono\" class=\"mc-service-link\">\n <span>D\u00e9couvrir le chronom\u00e9trage<\/span>\n <span>\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-activity\">\n <div class=\"mc-wrap\">\n <div class=\"mc-activity-head mc-reveal\">\n <div>\n <div class=\"mc-section-eyebrow\">Sur le terrain<\/div>\n <h2>MC Sport, <em>en activit\u00e9<\/em>.<\/h2>\n <\/div>\n <div class=\"mc-activity-tabs\" role=\"tablist\">\n <button class=\"mc-activity-tab active\" data-tab=\"prochains\" role=\"tab\">Prochains \u00e9v\u00e9nements<\/button>\n <button class=\"mc-activity-tab\" data-tab=\"resultats\" role=\"tab\">R\u00e9sultats r\u00e9cents<\/button>\n <\/div>\n <\/div>\n\n <div class=\"mc-activity-panel active\" data-panel=\"prochains\">\n <div class=\"mc-shortcode-wrap mc-reveal\">\n <div class=\"mc-event-list mc-home-events-list\">\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/ultra-trail-harricana-2026.html\" class=\"mc-event-thumb-link\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"152\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/logo-harricana-web-600px-300x152.png\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/logo-harricana-web-600px-300x152.png 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/logo-harricana-web-600px-18x9.png 18w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/logo-harricana-web-600px.png 600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 12 Sep 2026\n \u00b7 \n Mont Grand-Fonds \n , La Malbaie <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/ultra-trail-harricana-2026.html\" class=\"mc-card-title-link\">\n Ultra-Trail Harricana du Canada (UTHC) 2026 <\/a>\n <\/div>\n\n \n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n Trail <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Division Animation <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/ultra-trail-harricana-2026.html\" class=\"mc-btn mc-btn-event-details\">\n D\u00e9tails & info\n <\/a>\n <\/div>\n <\/article>\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/marathon-centre-du-quebec.html\" class=\"mc-event-thumb-link\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"108\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/carousel-300x108.avif\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/carousel-300x108.avif 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/carousel-18x7.avif 18w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/carousel.avif 720w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 13 Sep 2026\n \u00b7 \n Warwick \n , Warwick <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/marathon-centre-du-quebec.html\" class=\"mc-card-title-link\">\n Marathon Centre-du-Qu\u00e9bec <\/a>\n <\/div>\n\n \n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n Course \u00e0 Pied <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Division Animation <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/marathon-centre-du-quebec.html\" class=\"mc-btn mc-btn-event-details\">\n D\u00e9tails & info\n <\/a>\n <\/div>\n <\/article>\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-du-quebec-de-cyclocross-1-2026.html\" class=\"mc-event-thumb-link\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"141\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-300x141.jpg\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-300x141.jpg 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-1024x482.jpg 1024w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-768x362.jpg 768w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-18x8.jpg 18w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1.jpg 1236w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 19 Sep 2026\n \u00b7 \n Parc des Voltigeurs \n , Drummondville <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-du-quebec-de-cyclocross-1-2026.html\" class=\"mc-card-title-link\">\n Coupe du Qu\u00e9bec de Cyclocross #1 2026 <\/a>\n <\/div>\n\n \n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n Cyclocross <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Offre combin\u00e9e <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-du-quebec-de-cyclocross-1-2026.html\" class=\"mc-btn mc-btn-event-details\">\n D\u00e9tails & info\n <\/a>\n <\/div>\n <\/article>\n <\/div>\n \n <style>\n .mc-home-events-list {\n display: grid;\n grid-template-columns: repeat(3, minmax(0,1fr));\n gap: 18px;\n }\n @media (max-width: 960px) {\n .mc-home-events-list {\n grid-template-columns: repeat(2, minmax(0,1fr));\n }\n }\n @media (max-width: 640px) {\n .mc-home-events-list {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Image \/ logo de l'\u00e9v\u00e9nement *\/\n .mc-event-thumb-wrapper {\n margin-bottom: 12px;\n }\n .mc-event-thumb-link {\n display: block;\n overflow: hidden;\n border-radius: 12px;\n }\n .mc-event-thumb {\n width: 100%;\n display: block;\n border-radius: 12px;\n object-fit: cover;\n max-height: 180px;\n transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-event-thumb-link:hover .mc-event-thumb {\n transform: scale(1.04);\n }\n\n .mc-card-meta {\n font-size: 13px;\n color: #9ca3af;\n margin-bottom: 6px;\n }\n\n \/* Titre cliquable *\/\n .mc-card-title-link {\n color: inherit;\n text-decoration: none;\n transition: color 0.25s ease;\n background-image: linear-gradient(to right, #E2D385, #E2D385);\n background-size: 0% 1px;\n background-position: 0 100%;\n background-repeat: no-repeat;\n transition: background-size 0.3s cubic-bezier(0.2, 0.8, 0.3, 1), color 0.25s ease;\n }\n .mc-card-title-link:hover {\n color: #E2D385;\n background-size: 100% 1px;\n }\n\n .mc-card-tags {\n margin-top: 12px;\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n \/* Badges ovales *\/\n .mc-card-tag {\n display: inline-flex;\n align-items: center;\n padding: 3px 10px;\n border-radius: 999px;\n font-size: 11px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n \/* Sport en gris *\/\n .mc-card-tag-sport {\n border: 1px solid #4b5563;\n color: #d1d5db;\n background: rgba(15, 17, 23, 0.95);\n }\n\n \/* Service en or (comme ta brand) *\/\n .mc-card-tag-service {\n border: 1px solid rgba(226,211,133,0.7);\n color: #E2D385;\n background: rgba(4,5,9,0.95);\n }\n\n \/* Plus d'espace entre les tags et le bouton *\/\n .mc-card-footer {\n margin-top: 18px;\n }\n\n \/* Bouton D\u00e9tails & info, coh\u00e9rent avec le style MC Sport *\/\n .mc-btn-event-details {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n border-radius: 999px;\n font-size: 13.5px;\n font-weight: 600;\n letter-spacing: -0.005em;\n border: 1px solid rgba(226, 211, 133, 0.7);\n background: transparent;\n color: #E2D385;\n text-decoration: none;\n transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1), background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n white-space: nowrap;\n }\n .mc-btn-event-details:hover {\n background: #E2D385;\n color: #0f1115;\n border-color: #E2D385;\n transform: translateY(-1px);\n box-shadow: 0 8px 20px -6px rgba(226, 211, 133, 0.4);\n }\n <\/style>\n\n \n <\/div>\n <div class=\"mc-activity-cta\">\n <a href=\"\/evenements\" class=\"mc-btn mc-btn-ghost\">\n <span>Voir tous les \u00e9v\u00e9nements<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"mc-activity-panel\" data-panel=\"resultats\">\n <div class=\"mc-shortcode-wrap mc-reveal\">\n <div class=\"mc-results-list mc-home-results-list\">\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/nvcloutier-300x300.png\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/nvcloutier-300x300.png 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/nvcloutier-150x150.png 150w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/nvcloutier-768x768.png 768w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/nvcloutier.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/div>\n \n <div class=\"mc-card-meta\">\n 29 Aug 2026\n \u00b7 \n Mont-Bellevue \n , Sherbrooke <\/div>\n\n <div class=\"mc-card-title\">\n Coupe NV Cloutier #4 2026 <\/div>\n\n <p class=\"mc-card-small-meta\">\n R\u00e9sultats officiels disponibles en ligne.\n <\/p>\n\n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n V\u00e9lo de Montagne <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Offre combin\u00e9e <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-nv-cloutier-4-2026.html\" class=\"mc-btn mc-btn-primary\">\n Voir les r\u00e9sultats\n <\/a>\n <\/div>\n <\/article>\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"298\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan.png\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan.png 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/div>\n \n <div class=\"mc-card-meta\">\n 14 Aug 2026\n \u00b7 \n Mark Arendz Provincial Ski Park \n , North Wiltshire <\/div>\n\n <div class=\"mc-card-title\">\n Coupe Canada Cup #7 Brookvale 2026 <\/div>\n\n <p class=\"mc-card-small-meta\">\n R\u00e9sultats officiels disponibles en ligne.\n <\/p>\n\n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n V\u00e9lo de Montagne <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Division Chronom\u00e9trage <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-canada-cup-7-brookvale-2026.html\" class=\"mc-btn mc-btn-primary\">\n Voir les r\u00e9sultats\n <\/a>\n <\/div>\n <\/article>\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"298\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan.png\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan.png 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/div>\n \n <div class=\"mc-card-meta\">\n 7 Aug 2026\n \u00b7 \n Parc Rotary Park \n , Dieppe <\/div>\n\n <div class=\"mc-card-title\">\n Coupe Canada Cup #6 Dieppe 2026 <\/div>\n\n <p class=\"mc-card-small-meta\">\n R\u00e9sultats officiels disponibles en ligne.\n <\/p>\n\n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n V\u00e9lo de Montagne <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Division Chronom\u00e9trage <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-canada-cup-6-dieppe-2026.html\" class=\"mc-btn mc-btn-primary\">\n Voir les r\u00e9sultats\n <\/a>\n <\/div>\n <\/article>\n <\/div>\n \n <style>\n .mc-home-results-list {\n display: grid;\n grid-template-columns: repeat(3, minmax(0,1fr));\n gap: 18px;\n }\n @media (max-width: 960px) {\n .mc-home-results-list {\n grid-template-columns: repeat(2, minmax(0,1fr));\n }\n }\n @media (max-width: 640px) {\n .mc-home-results-list {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Image \/ logo de l'\u00e9v\u00e9nement *\/\n .mc-event-thumb-wrapper {\n margin-bottom: 12px;\n }\n .mc-event-thumb {\n width: 100%;\n display: block;\n border-radius: 12px;\n object-fit: cover;\n max-height: 180px;\n }\n\n .mc-card-meta {\n font-size: 13px;\n color: #9ca3af;\n margin-bottom: 6px;\n }\n\n .mc-card-small-meta {\n font-size: 13px;\n color: #9ca3af;\n margin-bottom: 6px;\n }\n\n .mc-card-tags {\n margin-top: 12px;\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n \/* Badges ovales *\/\n .mc-card-tag {\n display: inline-flex;\n align-items: center;\n padding: 3px 10px;\n border-radius: 999px;\n font-size: 11px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n \/* Sport en gris *\/\n .mc-card-tag-sport {\n border: 1px solid #4b5563;\n color: #d1d5db;\n background: rgba(15, 17, 23, 0.95);\n }\n\n \/* Service en or *\/\n .mc-card-tag-service {\n border: 1px solid rgba(226,211,133,0.7);\n color: #E2D385;\n background: rgba(4,5,9,0.95);\n }\n\n \/* Plus d'espace entre tags et bouton *\/\n .mc-card-footer {\n margin-top: 18px;\n }\n <\/style>\n\n \n <\/div>\n <div class=\"mc-activity-cta\">\n <a href=\"\/resultats\" class=\"mc-btn mc-btn-ghost\">\n <span>Tous les r\u00e9sultats<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-trust\">\n <div class=\"mc-wrap\">\n <div class=\"mc-trust-head mc-reveal\">\n <div class=\"mc-section-eyebrow\">Ils nous font confiance<\/div>\n <h2>Des f\u00e9d\u00e9rations, des s\u00e9ries, des organisateurs <em>de haut niveau<\/em>.<\/h2>\n <\/div>\n\n \n <div class=\"mc-logo-strip mc-reveal\">\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/CoupeCAN.png\" alt=\"Coupe Canada\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/pvc.png\" alt=\"Patinage de vitesse Canada\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/fqsc.png\" alt=\"FQSC\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/pvq.png\" alt=\"Patinage de vitesse Qu\u00e9bec\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/fqsccx.png\" alt=\"Coupe Qu\u00e9bec Cyclocross\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/gaspesia100.png\" alt=\"Gasp\u00e9sia 100\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/demisherb.png\" alt=\"Demi-marathon Sherbrooke\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/nv.png\" alt=\"Coupe NV Cloutier\" loading=\"lazy\">\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-stats\">\n <div class=\"mc-wrap\">\n <div class=\"mc-stats-head mc-reveal\">\n <div class=\"mc-section-eyebrow gold\">En chiffres<\/div>\n <h2>Une exp\u00e9rience <em>terrain<\/em> qui se mesure.<\/h2>\n <p> Pr\u00e9sents sur les pistes, les routes et les parcours du Qu\u00e9bec et du Canada. <\/p>\n <\/div>\n\n <div class=\"mc-stats-grid\">\n <div class=\"mc-stat-card mc-reveal\">\n <div class=\"mc-stat-num\" data-target=\"50\"><span class=\"sup\">+<\/span>50<\/div>\n <div class=\"mc-stat-label\">Journ\u00e9es d’animation<\/div>\n <p class=\"mc-stat-sub\">Toutes disciplines confondues, au Qu\u00e9bec et au Canada.<\/p>\n <\/div>\n <div class=\"mc-stat-card mc-reveal\">\n <div class=\"mc-stat-num\" data-target=\"30000\"><span class=\"sup\">+<\/span>30 000<\/div>\n <div class=\"mc-stat-label\">Athl\u00e8tes chronom\u00e9tr\u00e9s<\/div>\n <p class=\"mc-stat-sub\">Toutes disciplines confondues.<\/p>\n <\/div>\n <div class=\"mc-stat-card mc-reveal\">\n <div class=\"mc-stat-num\" data-target=\"9\">9<span class=\"sup\">\/10<\/span><\/div>\n <div class=\"mc-stat-label\">Partenaires fid\u00e8les<\/div>\n <p class=\"mc-stat-sub\">Reviennent saison apr\u00e8s saison.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-close\">\n <div class=\"mc-wrap mc-close-inner mc-reveal\">\n <h2>Votre prochain \u00e9v\u00e9nement m\u00e9rite <em>plus<\/em>.<\/h2>\n <p>\n Hyrox, demi-marathon, trail, \u00e9v\u00e9nement cycliste, multisport ou s\u00e9rie f\u00e9d\u00e9r\u00e9e, parlons de votre \u00e9dition \u00e0 venir. Soumission gratuite, sans engagement. <\/p>\n <div class=\"mc-close-cta\">\n <a href=\"\/contact\" class=\"mc-btn mc-btn-gold\">\n <span>Demander une soumission<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <a href=\"\/services\" class=\"mc-btn mc-btn-ghost\">\n <span>Explorer les services<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<script>\n (function() {\n const reveals = document.querySelectorAll('.mc-reveal');\n if (!('IntersectionObserver' in window) || !reveals.length) return;\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\n reveals.forEach(el => observer.observe(el));\n })();\n\n (function() {\n const tabs = document.querySelectorAll('.mc-activity-tab');\n const panels = document.querySelectorAll('.mc-activity-panel');\n tabs.forEach(tab => {\n tab.addEventListener('click', () => {\n const target = tab.getAttribute('data-tab');\n tabs.forEach(t => t.classList.remove('active'));\n tab.classList.add('active');\n panels.forEach(p => {\n if (p.getAttribute('data-panel') === target) p.classList.add('active');\n else p.classList.remove('active');\n });\n });\n });\n })();\n\n (function() {\n const carousel = document.getElementById('mc-testimonials-carousel');\n if (!carousel) return;\n const slides = carousel.querySelectorAll('.mc-carousel-slide');\n const progressBar = carousel.querySelector('.mc-carousel-progress-bar');\n if (!slides.length) return;\n\n let currentIndex = 0;\n const AUTOPLAY_INTERVAL = 7000;\n let timeoutId = null;\n let isPaused = false;\n\n const goTo = (index) => {\n currentIndex = (index + slides.length) % slides.length;\n slides.forEach((slide, i) => slide.classList.toggle('is-active', i === currentIndex));\n };\n const next = () => goTo(currentIndex + 1);\n const prev = () => goTo(currentIndex - 1);\n\n const restartProgress = () => {\n if (!progressBar) return;\n progressBar.classList.remove('is-running');\n progressBar.classList.remove('is-paused');\n void progressBar.offsetWidth;\n progressBar.classList.add('is-running');\n };\n const startCycle = () => {\n if (isPaused) return;\n restartProgress();\n timeoutId = setTimeout(() => { next(); startCycle(); }, AUTOPLAY_INTERVAL);\n };\n const stopCycle = () => {\n if (timeoutId) { clearTimeout(timeoutId); timeoutId = null; }\n };\n\n carousel.addEventListener('mouseenter', () => {\n isPaused = true;\n stopCycle();\n if (progressBar) progressBar.classList.add('is-paused');\n });\n carousel.addEventListener('mouseleave', () => {\n isPaused = false;\n if (progressBar) progressBar.classList.remove('is-paused');\n stopCycle();\n startCycle();\n });\n document.addEventListener('visibilitychange', () => {\n if (document.hidden) {\n isPaused = true; stopCycle();\n if (progressBar) progressBar.classList.add('is-paused');\n } else {\n isPaused = false;\n if (progressBar) progressBar.classList.remove('is-paused');\n stopCycle(); startCycle();\n }\n });\n\n let touchStartX = 0, touchEndX = 0;\n carousel.addEventListener('touchstart', (e) => { touchStartX = e.changedTouches[0].screenX; }, { passive: true });\n carousel.addEventListener('touchend', (e) => {\n touchEndX = e.changedTouches[0].screenX;\n const diff = touchStartX - touchEndX;\n if (Math.abs(diff) > 50) {\n if (diff > 0) next(); else prev();\n stopCycle(); startCycle();\n }\n }, { passive: true });\n\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (!prefersReducedMotion) {\n startCycle();\n } else {\n setInterval(next, 15000);\n if (progressBar) progressBar.style.display = 'none';\n }\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>MC Sport | Animation propuls\u00e9e par les donn\u00e9es, chronom\u00e9trage & \u00e9v\u00e9nements sportifs MC Sport \/ Animation propuls\u00e9e par les donn\u00e9es Vivez le moment. Animation, inscriptions et chronom\u00e9trage pour \u00e9v\u00e9nements sportifs […]<\/p>\n","protected":false},"author":1,"featured_media":372,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-27","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":100,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":1131,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions\/1131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/media\/372"}],"wp:attachment":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":27,"date":"2025-11-24T16:58:54","date_gmt":"2025-11-24T16:58:54","guid":{"rendered":"https:\/\/mcsportedge.com\/?page_id=27"},"modified":"2026-05-15T09:30:25","modified_gmt":"2026-05-15T13:30:25","slug":"accueil","status":"publish","type":"page","link":"https:\/\/mcsportedge.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n MC Sport | Animation propuls\u00e9e par les donn\u00e9es, chronom\u00e9trage & \u00e9v\u00e9nements sportifs<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <meta name=\"description\" content=\"MC Sport, animation sportive propuls\u00e9e par les donn\u00e9es et chronom\u00e9trage \u00e9lectronique pour \u00e9v\u00e9nements de performance au Qu\u00e9bec. Vivez le moment.\" \/>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,400&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --mc-bg: #FDFBF3;\n --mc-bg-deep: #0a0c12;\n --mc-bg-warm: #F3EDE1;\n --mc-ink: #0f1115;\n --mc-ink-soft: #3b4252;\n --mc-muted: #6b7280;\n --mc-gold: #E2D385;\n --mc-gold-warm: #C9B868;\n --mc-line: rgba(15, 17, 21, 0.12);\n --mc-line-strong: rgba(15, 17, 21, 0.22);\n --mc-max: 1180px;\n --serif: \"Fraunces\", Georgia, serif;\n --sans: \"Inter Tight\", system-ui, -apple-system, sans-serif;\n --mono: \"JetBrains Mono\", ui-monospace, monospace;\n\n --mc-hero-top-offset: 140px;\n }\n\n *, *::before, *::after { box-sizing: border-box; }\n\n html, body {\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n background: var(--mc-bg) !important;\n color: var(--mc-ink);\n font-family: var(--sans);\n font-size: 16px;\n line-height: 1.55;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n body, .site, .site-content, .wp-site-blocks, main, .wp-block-post-content {\n padding-top: 0 !important;\n margin-top: 0 !important;\n }\n header, .site-header, .wp-block-template-part {\n background: transparent !important;\n box-shadow: none !important;\n }\n .site, .ct-main, .ct-pageContent, .entry-content {\n background: var(--mc-bg) !important;\n }\n\n a { color: inherit; text-decoration: none; }\n\n .mc-wrap {\n max-width: var(--mc-max);\n margin: 0 auto;\n padding: 0 24px;\n }\n\n .mc-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 14px 24px;\n border-radius: 999px;\n font-family: var(--sans);\n font-size: 14.5px;\n font-weight: 600;\n letter-spacing: -0.005em;\n transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1), background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n cursor: pointer;\n border: 1px solid transparent;\n white-space: nowrap;\n }\n .mc-btn-primary {\n background: var(--mc-ink);\n color: var(--mc-bg);\n }\n .mc-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 30px -8px rgba(15, 17, 21, 0.4);\n color: var(--mc-gold);\n }\n .mc-btn-ghost {\n background: transparent;\n color: var(--mc-ink);\n border-color: var(--mc-line-strong);\n }\n .mc-btn-ghost:hover {\n background: var(--mc-ink);\n color: var(--mc-bg);\n border-color: var(--mc-ink);\n transform: translateY(-2px);\n }\n .mc-btn-gold {\n background: var(--mc-gold);\n color: var(--mc-ink);\n }\n .mc-btn-gold:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 30px -8px rgba(226, 211, 133, 0.5);\n background: var(--mc-ink);\n color: var(--mc-gold);\n }\n .mc-btn .mc-btn-arrow {\n transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-btn:hover .mc-btn-arrow {\n transform: translateX(3px);\n }\n\n .mc-section-eyebrow {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--mc-ink-soft);\n margin: 0 0 16px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .mc-section-eyebrow::before {\n content: \"\";\n width: 24px;\n height: 1px;\n background: var(--mc-ink-soft);\n }\n .mc-section-eyebrow.gold { color: var(--mc-gold); }\n .mc-section-eyebrow.gold::before { background: var(--mc-gold); }\n .mc-section-eyebrow.light { color: var(--mc-gold); }\n .mc-section-eyebrow.light::before { background: var(--mc-gold); }\n\n .mc-reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.85s cubic-bezier(0.2, 0.8, 0.3, 1), transform 0.85s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* HERO *\/\n .mc-hero {\n position: relative;\n z-index: 0;\n min-height: 100svh;\n min-height: 100vh;\n display: flex;\n align-items: flex-start;\n width: 100vw;\n margin-left: calc(50% - 50vw);\n margin-top: calc(var(--mc-hero-top-offset) * -1);\n padding: 0 0 80px;\n overflow: hidden;\n background: #050608;\n color: #f5f5f5;\n }\n .mc-hero-video-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; }\n .mc-hero-video-inner {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100vw;\n height: 56.25vw;\n min-width: 177.78vh;\n min-height: 100svh;\n min-height: 100vh;\n transform: translate(-50%, -50%);\n pointer-events: none;\n }\n .mc-hero-video-inner iframe { width: 100%; height: 100%; border: 0; pointer-events: none; }\n .mc-hero::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(to bottom, rgba(5, 6, 8, 0.55), rgba(5, 6, 8, 0.92)),\n radial-gradient(ellipse 60% 40% at 20% 80%, rgba(226, 211, 133, 0.08), transparent 60%);\n z-index: 1;\n }\n .mc-hero-inner {\n width: 100%;\n padding: calc(var(--mc-hero-top-offset) + 28px) 32px 0;\n position: relative;\n z-index: 2;\n }\n .mc-hero-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-family: var(--mono);\n font-size: 12px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--mc-gold);\n margin-bottom: 28px;\n padding: 6px 14px 6px 10px;\n border: 1px solid rgba(226, 211, 133, 0.3);\n border-radius: 999px;\n background: rgba(10, 12, 18, 0.4);\n backdrop-filter: blur(8px);\n animation: mc-fade-up 0.7s ease 0.1s both;\n }\n .mc-hero-eyebrow-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--mc-gold);\n box-shadow: 0 0 0 4px rgba(226, 211, 133, 0.2);\n animation: mc-pulse 2.4s ease-in-out infinite;\n }\n @keyframes mc-pulse {\n 0%, 100% { box-shadow: 0 0 0 4px rgba(226, 211, 133, 0.2); }\n 50% { box-shadow: 0 0 0 8px rgba(226, 211, 133, 0.06); }\n }\n .mc-hero-signature {\n font-family: var(--serif);\n font-size: clamp(56px, 9vw, 124px);\n line-height: 0.95;\n letter-spacing: -0.035em;\n font-weight: 500;\n color: var(--mc-bg);\n margin: 0 0 28px;\n display: flex;\n flex-wrap: wrap;\n gap: 0 0.25em;\n }\n .mc-hero-signature .ltm-word { display: inline-block; opacity: 0; transform: translateY(40px); }\n .mc-hero-signature .ltm-word.word-2 { color: var(--mc-gold); font-style: italic; font-weight: 400; }\n @keyframes mc-ltm-fade {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .mc-hero-inner .ltm-word.word-1 { animation: mc-ltm-fade 1.1s cubic-bezier(0.2, 0.8, 0.3, 1) 0.4s forwards; }\n .mc-hero-inner .ltm-word.word-2 { animation: mc-ltm-fade 1.2s cubic-bezier(0.2, 0.8, 0.3, 1) 0.9s forwards; }\n .mc-hero-inner .ltm-word.word-3 { animation: mc-ltm-fade 1.2s cubic-bezier(0.2, 0.8, 0.3, 1) 1.4s forwards; }\n .mc-hero-tagline {\n font-family: var(--serif);\n font-size: clamp(19px, 2vw, 24px);\n line-height: 1.45;\n font-weight: 400;\n color: rgba(253, 251, 243, 0.85);\n max-width: 56ch;\n margin: 0 0 36px;\n opacity: 0;\n animation: mc-fade-up 0.9s cubic-bezier(0.2, 0.8, 0.3, 1) 2s forwards;\n }\n .mc-hero-tagline em { font-style: italic; color: var(--mc-gold); }\n .mc-hero-cta {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n opacity: 0;\n animation: mc-fade-up 0.9s cubic-bezier(0.2, 0.8, 0.3, 1) 2.3s forwards;\n }\n .mc-hero .mc-btn-primary { background: var(--mc-gold); color: var(--mc-ink); }\n .mc-hero .mc-btn-primary:hover { background: var(--mc-bg); color: var(--mc-ink); }\n .mc-hero .mc-btn-ghost { color: var(--mc-bg); border-color: rgba(253, 251, 243, 0.3); }\n .mc-hero .mc-btn-ghost:hover { background: rgba(253, 251, 243, 0.08); border-color: var(--mc-gold); color: var(--mc-gold); }\n @keyframes mc-fade-up {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .mc-hero-scroll {\n position: absolute;\n bottom: 32px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 3;\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(253, 251, 243, 0.5);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n opacity: 0;\n animation: mc-fade-up 0.9s ease 3s forwards;\n }\n .mc-hero-scroll::after {\n content: \"\";\n width: 1px;\n height: 32px;\n background: linear-gradient(to bottom, rgba(253, 251, 243, 0.4), transparent);\n animation: mc-scroll-line 2.4s ease-in-out infinite;\n }\n @keyframes mc-scroll-line {\n 0%, 100% { transform: scaleY(0.4); transform-origin: top; }\n 50% { transform: scaleY(1); transform-origin: top; }\n }\n body.admin-bar .mc-hero { margin-top: calc((var(--mc-hero-top-offset) + 32px) * -1); }\n @media (max-width: 782px) {\n body.admin-bar .mc-hero { margin-top: calc((var(--mc-hero-top-offset) + 46px) * -1); }\n }\n\n \/* POSITIONNEMENT *\/\n .mc-positioning {\n padding: 110px 0;\n background: var(--mc-bg);\n position: relative;\n overflow: hidden;\n }\n .mc-positioning::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(var(--mc-line) 1px, transparent 1px),\n linear-gradient(90deg, var(--mc-line) 1px, transparent 1px);\n background-size: 80px 80px;\n opacity: 0.35;\n pointer-events: none;\n mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, black 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, black 30%, transparent 80%);\n }\n .mc-pos-inner {\n position: relative;\n z-index: 2;\n display: grid;\n grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);\n gap: 80px;\n align-items: center;\n }\n .mc-pos-text h2 {\n font-family: var(--serif);\n font-size: clamp(34px, 5vw, 60px);\n font-weight: 500;\n line-height: 1.05;\n letter-spacing: -0.025em;\n margin: 0 0 24px;\n color: var(--mc-ink);\n }\n .mc-pos-text h2 em { font-style: italic; color: var(--mc-gold-warm); }\n .mc-pos-text > p {\n font-family: var(--serif);\n font-size: 19px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0 0 32px;\n }\n .mc-pos-points { display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px; }\n .mc-pos-point { display: grid; grid-template-columns: 32px 1fr; gap: 14px; align-items: start; }\n .mc-pos-point-mark {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: var(--mc-bg-warm);\n border: 1px solid var(--mc-line);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--mono);\n font-size: 11px;\n font-weight: 600;\n color: var(--mc-gold-warm);\n flex-shrink: 0;\n }\n .mc-pos-point-text { font-size: 16px; line-height: 1.5; color: var(--mc-ink); padding-top: 4px; }\n .mc-pos-point-text strong { font-weight: 600; }\n .mc-pos-card {\n background: var(--mc-ink);\n color: var(--mc-bg);\n border-radius: 18px;\n padding: 40px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 30px 60px -20px rgba(15, 17, 21, 0.35);\n }\n .mc-pos-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 60% 40% at 80% 0%, rgba(226, 211, 133, 0.15), transparent 60%);\n pointer-events: none;\n }\n .mc-pos-card-tag {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--mc-gold);\n margin-bottom: 24px;\n position: relative;\n z-index: 2;\n }\n .mc-pos-quote {\n font-family: var(--serif);\n font-size: clamp(22px, 2.3vw, 28px);\n font-style: italic;\n line-height: 1.35;\n margin: 0 0 20px;\n position: relative;\n z-index: 2;\n color: var(--mc-bg);\n }\n .mc-pos-quote-author {\n font-size: 13px;\n color: rgba(253, 251, 243, 0.5);\n position: relative;\n z-index: 2;\n padding-top: 16px;\n border-top: 1px solid rgba(253, 251, 243, 0.1);\n }\n .mc-pos-quote-author strong { color: var(--mc-gold); font-weight: 600; }\n\n \/* SERVICES *\/\n .mc-services {\n padding: 110px 0;\n background: var(--mc-bg-warm);\n border-top: 1px solid var(--mc-line);\n border-bottom: 1px solid var(--mc-line);\n }\n .mc-services-head { max-width: 720px; margin: 0 auto 60px; text-align: center; }\n .mc-services-head .mc-section-eyebrow { justify-content: center; }\n .mc-services-head h2 {\n font-family: var(--serif);\n font-size: clamp(32px, 4.5vw, 52px);\n font-weight: 500;\n line-height: 1.08;\n letter-spacing: -0.02em;\n margin: 0 0 16px;\n }\n .mc-services-head h2 em { font-style: italic; color: var(--mc-gold-warm); }\n .mc-services-head p {\n font-family: var(--serif);\n font-size: 18px;\n line-height: 1.5;\n color: var(--mc-ink-soft);\n margin: 0;\n }\n .mc-services-grid {\n display: grid;\n grid-template-columns: 1.4fr 1fr 1fr;\n gap: 24px;\n }\n .mc-service-card {\n background: var(--mc-bg);\n border: 1px solid var(--mc-line);\n border-radius: 18px;\n padding: 36px 32px;\n display: flex;\n flex-direction: column;\n transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease;\n position: relative;\n overflow: hidden;\n }\n .mc-service-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 28px 56px -20px rgba(15, 17, 21, 0.25);\n border-color: var(--mc-line-strong);\n }\n .mc-service-card.featured { background: var(--mc-ink); color: var(--mc-bg); border-color: var(--mc-ink); }\n .mc-service-card.featured::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 50% 50% at 100% 0%, rgba(226, 211, 133, 0.18), transparent 60%);\n pointer-events: none;\n }\n .mc-service-card.featured:hover { box-shadow: 0 28px 56px -20px rgba(15, 17, 21, 0.5); }\n .mc-service-num {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--mc-muted);\n margin-bottom: 16px;\n position: relative;\n z-index: 2;\n }\n .mc-service-card.featured .mc-service-num { color: var(--mc-gold); }\n .mc-service-card h3 {\n font-family: var(--serif);\n font-size: clamp(24px, 2.4vw, 30px);\n font-weight: 500;\n line-height: 1.15;\n letter-spacing: -0.015em;\n margin: 0 0 12px;\n position: relative;\n z-index: 2;\n }\n .mc-service-card h3 em { font-style: italic; color: var(--mc-gold-warm); }\n .mc-service-card.featured h3 em { color: var(--mc-gold); }\n .mc-service-card p {\n font-size: 15px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0 0 24px;\n flex: 1;\n position: relative;\n z-index: 2;\n }\n .mc-service-card.featured p { color: rgba(253, 251, 243, 0.7); }\n .mc-service-tag {\n display: inline-flex;\n align-items: center;\n padding: 4px 10px;\n border-radius: 999px;\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n background: var(--mc-gold);\n color: var(--mc-ink);\n font-weight: 600;\n margin-bottom: 16px;\n align-self: flex-start;\n position: relative;\n z-index: 2;\n }\n .mc-service-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n font-weight: 600;\n color: var(--mc-ink);\n border-bottom: 1px solid var(--mc-line-strong);\n padding-bottom: 4px;\n align-self: flex-start;\n transition: gap 0.25s ease, border-color 0.25s ease;\n position: relative;\n z-index: 2;\n }\n .mc-service-card.featured .mc-service-link { color: var(--mc-gold); border-color: rgba(226, 211, 133, 0.4); }\n .mc-service-link:hover { gap: 12px; border-color: var(--mc-gold); }\n\n \/* PREUVE SOCIALE *\/\n .mc-trust { padding: 110px 0; background: var(--mc-bg); }\n .mc-trust-head { max-width: 720px; margin: 0 auto 56px; text-align: center; }\n .mc-trust-head .mc-section-eyebrow { justify-content: center; }\n .mc-trust-head h2 {\n font-family: var(--serif);\n font-size: clamp(30px, 4vw, 46px);\n font-weight: 500;\n line-height: 1.1;\n letter-spacing: -0.02em;\n margin: 0 0 12px;\n }\n .mc-trust-head h2 em { font-style: italic; color: var(--mc-gold-warm); }\n\n \/* Logos clients : 4 colonnes pour 8 logos, plus grands, en couleur *\/\n .mc-logo-strip {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px 24px;\n align-items: center;\n padding: 48px 0;\n border-top: 1px solid var(--mc-line);\n border-bottom: 1px solid var(--mc-line);\n margin-bottom: 0;\n }\n .mc-logo-item {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n min-height: 120px;\n transition: transform 0.3s ease;\n }\n .mc-logo-item:hover {\n transform: scale(1.06);\n }\n .mc-logo-item img {\n max-width: 100%;\n max-height: 100px;\n width: auto;\n height: auto;\n object-fit: contain;\n display: block;\n }\n\n \/* T\u00e9moignages *\/\n .mc-testimonial {\n background: var(--mc-bg);\n border: 1px solid var(--mc-line);\n border-radius: 16px;\n padding: 32px 28px;\n position: relative;\n transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;\n }\n .mc-testimonial:hover {\n transform: translateY(-4px);\n border-color: var(--mc-line-strong);\n box-shadow: 0 20px 40px -16px rgba(15, 17, 21, 0.15);\n }\n .mc-testimonial::before {\n content: \"\\201C\";\n position: absolute;\n top: 14px;\n right: 24px;\n font-family: var(--serif);\n font-size: 64px;\n line-height: 1;\n color: var(--mc-gold);\n opacity: 0.4;\n font-style: italic;\n }\n .mc-testimonial-quote {\n font-family: var(--serif);\n font-size: 17px;\n line-height: 1.5;\n color: var(--mc-ink);\n margin: 0 0 20px;\n position: relative;\n z-index: 2;\n }\n .mc-testimonial-author { padding-top: 16px; border-top: 1px solid var(--mc-line); }\n .mc-testimonial-name { font-size: 14px; font-weight: 600; color: var(--mc-ink); margin: 0 0 2px; }\n .mc-testimonial-role {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--mc-muted);\n }\n\n \/* Carrousel *\/\n .mc-carousel { position: relative; max-width: 860px; margin: 64px auto 0; }\n .mc-carousel-track { position: relative; overflow: hidden; min-height: 260px; }\n .mc-carousel-slide {\n position: absolute;\n inset: 0;\n opacity: 0;\n visibility: hidden;\n transform: translateY(20px);\n transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.3, 1), transform 0.6s cubic-bezier(0.2, 0.8, 0.3, 1), visibility 0s 0.6s;\n }\n .mc-carousel-slide.is-active {\n position: relative;\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.3, 1), transform 0.6s cubic-bezier(0.2, 0.8, 0.3, 1), visibility 0s 0s;\n }\n .mc-carousel-slide .mc-testimonial { padding: 48px 56px; max-width: 100%; }\n .mc-carousel-slide .mc-testimonial::before { top: 18px; right: 36px; font-size: 88px; opacity: 0.35; }\n .mc-carousel-slide .mc-testimonial-quote { font-size: clamp(18px, 2vw, 22px); line-height: 1.55; margin-bottom: 28px; }\n .mc-carousel-slide .mc-testimonial-name { font-size: 15px; }\n .mc-carousel-progress {\n max-width: 280px;\n margin: 36px auto 0;\n height: 3px;\n background: var(--mc-line);\n border-radius: 999px;\n overflow: hidden;\n position: relative;\n }\n .mc-carousel-progress-bar {\n height: 100%;\n width: 0%;\n background: var(--mc-gold);\n border-radius: 999px;\n transform-origin: left center;\n }\n .mc-carousel-progress-bar.is-running { animation: mc-carousel-progress 7s linear forwards; }\n .mc-carousel-progress-bar.is-paused { animation-play-state: paused; }\n @keyframes mc-carousel-progress {\n from { width: 0%; }\n to { width: 100%; }\n }\n\n \/* ACTIVIT\u00c9 *\/\n .mc-activity {\n padding: 110px 0;\n background: var(--mc-bg-warm);\n border-top: 1px solid var(--mc-line);\n }\n .mc-activity-head {\n display: flex;\n justify-content: space-between;\n align-items: end;\n margin-bottom: 48px;\n flex-wrap: wrap;\n gap: 24px;\n }\n .mc-activity-head h2 {\n font-family: var(--serif);\n font-size: clamp(28px, 3.6vw, 42px);\n font-weight: 500;\n line-height: 1.1;\n letter-spacing: -0.02em;\n margin: 0;\n }\n .mc-activity-head h2 em { font-style: italic; color: var(--mc-gold-warm); }\n .mc-activity-tabs {\n display: flex;\n gap: 8px;\n padding: 4px;\n background: var(--mc-bg);\n border-radius: 999px;\n border: 1px solid var(--mc-line);\n }\n .mc-activity-tab {\n padding: 8px 18px;\n border-radius: 999px;\n font-family: var(--sans);\n font-size: 13px;\n font-weight: 600;\n color: var(--mc-ink-soft);\n cursor: pointer;\n transition: all 0.25s ease;\n border: none;\n background: transparent;\n }\n .mc-activity-tab.active { background: var(--mc-ink); color: var(--mc-gold); }\n .mc-activity-panel { display: none; }\n .mc-activity-panel.active { display: block; }\n .mc-shortcode-wrap {\n background: var(--mc-bg);\n border: 1px solid var(--mc-line);\n border-radius: 18px;\n padding: 32px;\n }\n .mc-activity-cta { margin-top: 32px; display: flex; justify-content: center; }\n\n \/* STATS *\/\n .mc-stats {\n padding: 110px 0;\n background: var(--mc-bg-deep);\n color: var(--mc-bg);\n position: relative;\n overflow: hidden;\n }\n .mc-stats::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 40% 30% at 20% 30%, rgba(226, 211, 133, 0.08), transparent 60%),\n radial-gradient(ellipse 40% 30% at 80% 70%, rgba(226, 211, 133, 0.06), transparent 60%);\n pointer-events: none;\n }\n .mc-stats-head {\n max-width: 720px;\n margin: 0 auto 64px;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n .mc-stats-head .mc-section-eyebrow { justify-content: center; }\n .mc-stats-head h2 {\n font-family: var(--serif);\n font-size: clamp(30px, 4vw, 48px);\n font-weight: 500;\n line-height: 1.08;\n letter-spacing: -0.02em;\n margin: 0 0 16px;\n color: var(--mc-bg);\n }\n .mc-stats-head h2 em { font-style: italic; color: var(--mc-gold); }\n .mc-stats-head p {\n font-family: var(--serif);\n font-size: 18px;\n line-height: 1.5;\n color: rgba(253, 251, 243, 0.65);\n margin: 0;\n }\n .mc-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n position: relative;\n z-index: 2;\n }\n .mc-stat-card {\n padding: 36px 32px;\n background: rgba(253, 251, 243, 0.03);\n border: 1px solid rgba(253, 251, 243, 0.1);\n border-radius: 18px;\n text-align: left;\n transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1), border-color 0.3s ease;\n }\n .mc-stat-card:hover { transform: translateY(-4px); border-color: rgba(226, 211, 133, 0.3); }\n .mc-stat-num {\n font-family: var(--serif);\n font-size: clamp(48px, 6vw, 72px);\n font-weight: 500;\n letter-spacing: -0.03em;\n color: var(--mc-gold);\n line-height: 1;\n margin-bottom: 14px;\n }\n .mc-stat-num span.sup { font-size: 0.5em; color: var(--mc-gold-warm); vertical-align: super; }\n .mc-stat-label {\n font-family: var(--serif);\n font-size: 20px;\n font-weight: 500;\n color: var(--mc-bg);\n margin-bottom: 8px;\n line-height: 1.3;\n }\n .mc-stat-sub { font-size: 14px; line-height: 1.5; color: rgba(253, 251, 243, 0.55); margin: 0; }\n\n \/* CTA FINAL *\/\n .mc-close {\n padding: 130px 0;\n background: var(--mc-bg);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .mc-close::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 50% 60% at 50% 50%, rgba(226, 211, 133, 0.18), transparent 70%);\n pointer-events: none;\n }\n .mc-close-inner { position: relative; z-index: 2; max-width: 760px; margin: 0 auto; }\n .mc-close h2 {\n font-family: var(--serif);\n font-size: clamp(36px, 5.5vw, 60px);\n font-weight: 500;\n line-height: 1.05;\n letter-spacing: -0.025em;\n margin: 0 0 24px;\n color: var(--mc-ink);\n }\n .mc-close h2 em { font-style: italic; color: var(--mc-gold-warm); }\n .mc-close p {\n font-family: var(--serif);\n font-size: 19px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0 0 36px;\n }\n .mc-close-cta { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; }\n\n \/* RESPONSIVE *\/\n @media (max-width: 960px) {\n :root { --mc-hero-top-offset: 110px; }\n .mc-positioning, .mc-services, .mc-trust, .mc-activity, .mc-stats, .mc-close { padding: 80px 0; }\n .mc-pos-inner { grid-template-columns: 1fr; gap: 48px; }\n .mc-services-grid { grid-template-columns: 1fr; }\n .mc-logo-strip { grid-template-columns: repeat(3, 1fr); gap: 24px 16px; }\n .mc-logo-item { min-height: 100px; }\n .mc-logo-item img { max-height: 80px; }\n .mc-stats-grid { grid-template-columns: 1fr; }\n .mc-activity-head { flex-direction: column; align-items: flex-start; }\n }\n @media (max-width: 600px) {\n :root { --mc-hero-top-offset: 90px; }\n .mc-wrap { padding: 0 20px; }\n .mc-hero-inner { padding: calc(var(--mc-hero-top-offset) + 18px) 20px 0; }\n .mc-logo-strip { grid-template-columns: repeat(2, 1fr); gap: 20px 16px; padding: 32px 0; }\n .mc-logo-item { min-height: 90px; }\n .mc-logo-item img { max-height: 70px; }\n .mc-pos-card { padding: 28px; }\n .mc-service-card { padding: 28px 24px; }\n .mc-testimonial { padding: 24px 20px; }\n .mc-carousel-slide .mc-testimonial { padding: 28px 24px; }\n .mc-carousel-slide .mc-testimonial::before { font-size: 64px; top: 12px; right: 20px; }\n .mc-carousel-progress { margin-top: 24px; max-width: 220px; }\n .mc-stat-card { padding: 28px 24px; }\n .mc-hero-cta { width: 100%; }\n .mc-hero-cta .mc-btn { flex: 1; justify-content: center; }\n .mc-close-cta { width: 100%; }\n .mc-close-cta .mc-btn { width: 100%; justify-content: center; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n\n<section class=\"mc-hero\" id=\"hero\">\n <div class=\"mc-hero-video-bg\" aria-hidden=\"true\">\n <div class=\"mc-hero-video-inner\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/MP0k1QECYZQ?autoplay=1&mute=1&playsinline=1&loop=1&controls=0&showinfo=0&modestbranding=1&playlist=MP0k1QECYZQ\"\n title=\"MC Sport, Vivez le moment\"\n allow=\"autoplay; encrypted-media\"\n allowfullscreen\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <div class=\"mc-hero-inner\">\n <div class=\"mc-hero-eyebrow\">\n <span class=\"mc-hero-eyebrow-dot\"><\/span>\n <span>MC Sport \/ Animation propuls\u00e9e par les donn\u00e9es<\/span>\n <\/div>\n\n <h1 class=\"mc-hero-signature\">\n <span class=\"ltm-word word-1\">Vivez<\/span>\n <span class=\"ltm-word word-2\">le<\/span>\n <span class=\"ltm-word word-3\">moment.<\/span>\n <\/h1>\n\n <p class=\"mc-hero-tagline\">\n Animation, inscriptions et chronom\u00e9trage pour \u00e9v\u00e9nements sportifs de performance. Chaque athl\u00e8te <em>\u00e9tudi\u00e9, racont\u00e9, reconnu<\/em>.\n <\/p>\n\n <div class=\"mc-hero-cta\">\n <a href=\"\/services\" class=\"mc-btn mc-btn-primary\">\n <span>Voir nos services<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <a href=\"#positionnement\" class=\"mc-btn mc-btn-ghost\">\n <span>Pourquoi MC Sport<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"mc-hero-scroll\">\n <span>D\u00e9couvrir<\/span>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-positioning\" id=\"positionnement\">\n <div class=\"mc-wrap mc-pos-inner\">\n <div class=\"mc-pos-text mc-reveal\">\n <div class=\"mc-section-eyebrow\">Pourquoi MC Sport<\/div>\n <h2>Plus que des <em>annonceurs<\/em>.<\/h2>\n <p>\n MC Sport est une \u00e9quipe de descripteurs-analystes pour \u00e9v\u00e9nements sportifs de performance. L\u00e0 o\u00f9 un annonceur lit une liste de dossards, nous racontons une course, avec les donn\u00e9es, le contexte et l’expertise du sport en main.\n <\/p>\n\n <div class=\"mc-pos-points\">\n <div class=\"mc-pos-point\">\n <div class=\"mc-pos-point-mark\">01<\/div>\n <div class=\"mc-pos-point-text\">\n <strong>Vos athl\u00e8tes sont \u00e9tudi\u00e9s avant la course.<\/strong> Historique, palmar\u00e8s, narratifs personnels. On arrive avec des fiches, pas des improvisations.\n <\/div>\n <\/div>\n <div class=\"mc-pos-point\">\n <div class=\"mc-pos-point-mark\">02<\/div>\n <div class=\"mc-pos-point-text\">\n <strong>Notre database d’athl\u00e8tes alimente l’animation.<\/strong> Plusieurs milliers de profils document\u00e9s \u00e0 travers le cyclisme, le patinage de vitesse, la course \u00e0 pied et le triathlon.\n <\/div>\n <\/div>\n <div class=\"mc-pos-point\">\n <div class=\"mc-pos-point-mark\">03<\/div>\n <div class=\"mc-pos-point-text\">\n <strong>Chaque athl\u00e8te est reconnu, peu importe sa position.<\/strong> Premier, dernier, d\u00e9butant ou v\u00e9t\u00e9ran, tous re\u00e7oivent une mention qui dit plus que leur num\u00e9ro.\n <\/div>\n <\/div>\n <\/div>\n\n <a href=\"\/services\" class=\"mc-btn mc-btn-primary\">\n <span>Voir notre approche compl\u00e8te<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n\n <div class=\"mc-pos-card mc-reveal\">\n <div class=\"mc-pos-card-tag\">Notre conviction<\/div>\n <p class=\"mc-pos-quote\">\n \u00ab Une bonne animation change tout : ce que vivent les athl\u00e8tes, ce que retiennent les spectateurs, ce qui se raconte apr\u00e8s. \u00bb\n <\/p>\n <div class=\"mc-pos-quote-author\">\n <strong>Mika\u00ebl C\u00f4t\u00e9<\/strong>, Fondateur, MC Sport\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-services\" id=\"services\">\n <div class=\"mc-wrap\">\n <div class=\"mc-services-head mc-reveal\">\n <div class=\"mc-section-eyebrow\">Nos services<\/div>\n <h2>Trois services <em>align\u00e9s<\/em> au service de votre \u00e9v\u00e9nement.<\/h2>\n <\/div>\n\n <div class=\"mc-services-grid\">\n <div class=\"mc-service-card featured mc-reveal\">\n <span class=\"mc-service-tag\">Notre c\u0153ur<\/span>\n <div class=\"mc-service-num\">01 \/ Animation<\/div>\n <h3>Animation <em>propuls\u00e9e par les donn\u00e9es<\/em><\/h3>\n <p>\n Vos athl\u00e8tes \u00e9tudi\u00e9s en amont, racont\u00e9s pendant la course, reconnus au podium. Gestion musicale int\u00e9gr\u00e9e et sonorisation en option. La signature MC Sport, bilingue FR\/EN.\n <\/p>\n <a href=\"\/services#animation\" class=\"mc-service-link\">\n <span>D\u00e9couvrir l’animation<\/span>\n <span>\u2192<\/span>\n <\/a>\n <\/div>\n\n <div class=\"mc-service-card mc-reveal\">\n <div class=\"mc-service-num\">02 \/ Plateforme<\/div>\n <h3>Inscriptions <em>en ligne<\/em><\/h3>\n <p>\n Vos inscrits deviennent vos meilleurs vendeurs. Partage social int\u00e9gr\u00e9, affichage public, dashboard temps r\u00e9el. Encaissement direct, frais transparents.\n <\/p>\n <a href=\"\/inscriptions\" class=\"mc-service-link\">\n <span>D\u00e9couvrir la plateforme<\/span>\n <span>\u2192<\/span>\n <\/a>\n <\/div>\n\n <div class=\"mc-service-card mc-reveal\">\n <div class=\"mc-service-num\">03 \/ Chronom\u00e9trage<\/div>\n <h3>Chronom\u00e9trage <em>\u00e9lectronique<\/em><\/h3>\n <p>\n Puces actives ou passives, live timing visible par les familles, r\u00e9sultats publi\u00e9s rapidement. Un chrono qui renforce votre \u00e9v\u00e9nement.\n <\/p>\n <a href=\"\/services#chrono\" class=\"mc-service-link\">\n <span>D\u00e9couvrir le chronom\u00e9trage<\/span>\n <span>\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-activity\">\n <div class=\"mc-wrap\">\n <div class=\"mc-activity-head mc-reveal\">\n <div>\n <div class=\"mc-section-eyebrow\">Sur le terrain<\/div>\n <h2>MC Sport, <em>en activit\u00e9<\/em>.<\/h2>\n <\/div>\n <div class=\"mc-activity-tabs\" role=\"tablist\">\n <button class=\"mc-activity-tab active\" data-tab=\"prochains\" role=\"tab\">Prochains \u00e9v\u00e9nements<\/button>\n <button class=\"mc-activity-tab\" data-tab=\"resultats\" role=\"tab\">R\u00e9sultats r\u00e9cents<\/button>\n <\/div>\n <\/div>\n\n <div class=\"mc-activity-panel active\" data-panel=\"prochains\">\n <div class=\"mc-shortcode-wrap mc-reveal\">\n <div class=\"mc-event-list mc-home-events-list\">\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/ultra-trail-harricana-2026.html\" class=\"mc-event-thumb-link\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"152\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/logo-harricana-web-600px-300x152.png\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/logo-harricana-web-600px-300x152.png 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/logo-harricana-web-600px-18x9.png 18w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/logo-harricana-web-600px.png 600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 12 Sep 2026\n \u00b7 \n Mont Grand-Fonds \n , La Malbaie <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/ultra-trail-harricana-2026.html\" class=\"mc-card-title-link\">\n Ultra-Trail Harricana du Canada (UTHC) 2026 <\/a>\n <\/div>\n\n \n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n Trail <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Division Animation <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/ultra-trail-harricana-2026.html\" class=\"mc-btn mc-btn-event-details\">\n D\u00e9tails & info\n <\/a>\n <\/div>\n <\/article>\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/marathon-centre-du-quebec.html\" class=\"mc-event-thumb-link\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"108\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/carousel-300x108.avif\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/carousel-300x108.avif 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/carousel-18x7.avif 18w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/carousel.avif 720w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 13 Sep 2026\n \u00b7 \n Warwick \n , Warwick <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/marathon-centre-du-quebec.html\" class=\"mc-card-title-link\">\n Marathon Centre-du-Qu\u00e9bec <\/a>\n <\/div>\n\n \n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n Course \u00e0 Pied <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Division Animation <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/marathon-centre-du-quebec.html\" class=\"mc-btn mc-btn-event-details\">\n D\u00e9tails & info\n <\/a>\n <\/div>\n <\/article>\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-du-quebec-de-cyclocross-1-2026.html\" class=\"mc-event-thumb-link\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"141\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-300x141.jpg\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-300x141.jpg 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-1024x482.jpg 1024w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-768x362.jpg 768w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-18x8.jpg 18w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1.jpg 1236w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 19 Sep 2026\n \u00b7 \n Parc des Voltigeurs \n , Drummondville <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-du-quebec-de-cyclocross-1-2026.html\" class=\"mc-card-title-link\">\n Coupe du Qu\u00e9bec de Cyclocross #1 2026 <\/a>\n <\/div>\n\n \n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n Cyclocross <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Offre combin\u00e9e <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-du-quebec-de-cyclocross-1-2026.html\" class=\"mc-btn mc-btn-event-details\">\n D\u00e9tails & info\n <\/a>\n <\/div>\n <\/article>\n <\/div>\n \n <style>\n .mc-home-events-list {\n display: grid;\n grid-template-columns: repeat(3, minmax(0,1fr));\n gap: 18px;\n }\n @media (max-width: 960px) {\n .mc-home-events-list {\n grid-template-columns: repeat(2, minmax(0,1fr));\n }\n }\n @media (max-width: 640px) {\n .mc-home-events-list {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Image \/ logo de l'\u00e9v\u00e9nement *\/\n .mc-event-thumb-wrapper {\n margin-bottom: 12px;\n }\n .mc-event-thumb-link {\n display: block;\n overflow: hidden;\n border-radius: 12px;\n }\n .mc-event-thumb {\n width: 100%;\n display: block;\n border-radius: 12px;\n object-fit: cover;\n max-height: 180px;\n transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-event-thumb-link:hover .mc-event-thumb {\n transform: scale(1.04);\n }\n\n .mc-card-meta {\n font-size: 13px;\n color: #9ca3af;\n margin-bottom: 6px;\n }\n\n \/* Titre cliquable *\/\n .mc-card-title-link {\n color: inherit;\n text-decoration: none;\n transition: color 0.25s ease;\n background-image: linear-gradient(to right, #E2D385, #E2D385);\n background-size: 0% 1px;\n background-position: 0 100%;\n background-repeat: no-repeat;\n transition: background-size 0.3s cubic-bezier(0.2, 0.8, 0.3, 1), color 0.25s ease;\n }\n .mc-card-title-link:hover {\n color: #E2D385;\n background-size: 100% 1px;\n }\n\n .mc-card-tags {\n margin-top: 12px;\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n \/* Badges ovales *\/\n .mc-card-tag {\n display: inline-flex;\n align-items: center;\n padding: 3px 10px;\n border-radius: 999px;\n font-size: 11px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n \/* Sport en gris *\/\n .mc-card-tag-sport {\n border: 1px solid #4b5563;\n color: #d1d5db;\n background: rgba(15, 17, 23, 0.95);\n }\n\n \/* Service en or (comme ta brand) *\/\n .mc-card-tag-service {\n border: 1px solid rgba(226,211,133,0.7);\n color: #E2D385;\n background: rgba(4,5,9,0.95);\n }\n\n \/* Plus d'espace entre les tags et le bouton *\/\n .mc-card-footer {\n margin-top: 18px;\n }\n\n \/* Bouton D\u00e9tails & info, coh\u00e9rent avec le style MC Sport *\/\n .mc-btn-event-details {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n border-radius: 999px;\n font-size: 13.5px;\n font-weight: 600;\n letter-spacing: -0.005em;\n border: 1px solid rgba(226, 211, 133, 0.7);\n background: transparent;\n color: #E2D385;\n text-decoration: none;\n transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1), background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n white-space: nowrap;\n }\n .mc-btn-event-details:hover {\n background: #E2D385;\n color: #0f1115;\n border-color: #E2D385;\n transform: translateY(-1px);\n box-shadow: 0 8px 20px -6px rgba(226, 211, 133, 0.4);\n }\n <\/style>\n\n \n <\/div>\n <div class=\"mc-activity-cta\">\n <a href=\"\/evenements\" class=\"mc-btn mc-btn-ghost\">\n <span>Voir tous les \u00e9v\u00e9nements<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"mc-activity-panel\" data-panel=\"resultats\">\n <div class=\"mc-shortcode-wrap mc-reveal\">\n <div class=\"mc-results-list mc-home-results-list\">\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/nvcloutier-300x300.png\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/nvcloutier-300x300.png 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/nvcloutier-150x150.png 150w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/nvcloutier-768x768.png 768w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/nvcloutier.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/div>\n \n <div class=\"mc-card-meta\">\n 29 Aug 2026\n \u00b7 \n Mont-Bellevue \n , Sherbrooke <\/div>\n\n <div class=\"mc-card-title\">\n Coupe NV Cloutier #4 2026 <\/div>\n\n <p class=\"mc-card-small-meta\">\n R\u00e9sultats officiels disponibles en ligne.\n <\/p>\n\n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n V\u00e9lo de Montagne <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Offre combin\u00e9e <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-nv-cloutier-4-2026.html\" class=\"mc-btn mc-btn-primary\">\n Voir les r\u00e9sultats\n <\/a>\n <\/div>\n <\/article>\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"298\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan.png\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan.png 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/div>\n \n <div class=\"mc-card-meta\">\n 14 Aug 2026\n \u00b7 \n Mark Arendz Provincial Ski Park \n , North Wiltshire <\/div>\n\n <div class=\"mc-card-title\">\n Coupe Canada Cup #7 Brookvale 2026 <\/div>\n\n <p class=\"mc-card-small-meta\">\n R\u00e9sultats officiels disponibles en ligne.\n <\/p>\n\n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n V\u00e9lo de Montagne <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Division Chronom\u00e9trage <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-canada-cup-7-brookvale-2026.html\" class=\"mc-btn mc-btn-primary\">\n Voir les r\u00e9sultats\n <\/a>\n <\/div>\n <\/article>\n <article class=\"mc-card mc-event-card\">\n\n <div class=\"mc-event-thumb-wrapper\">\n <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"298\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan.png\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan.png 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/coupecan-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/div>\n \n <div class=\"mc-card-meta\">\n 7 Aug 2026\n \u00b7 \n Parc Rotary Park \n , Dieppe <\/div>\n\n <div class=\"mc-card-title\">\n Coupe Canada Cup #6 Dieppe 2026 <\/div>\n\n <p class=\"mc-card-small-meta\">\n R\u00e9sultats officiels disponibles en ligne.\n <\/p>\n\n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n V\u00e9lo de Montagne <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Division Chronom\u00e9trage <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-canada-cup-6-dieppe-2026.html\" class=\"mc-btn mc-btn-primary\">\n Voir les r\u00e9sultats\n <\/a>\n <\/div>\n <\/article>\n <\/div>\n \n <style>\n .mc-home-results-list {\n display: grid;\n grid-template-columns: repeat(3, minmax(0,1fr));\n gap: 18px;\n }\n @media (max-width: 960px) {\n .mc-home-results-list {\n grid-template-columns: repeat(2, minmax(0,1fr));\n }\n }\n @media (max-width: 640px) {\n .mc-home-results-list {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Image \/ logo de l'\u00e9v\u00e9nement *\/\n .mc-event-thumb-wrapper {\n margin-bottom: 12px;\n }\n .mc-event-thumb {\n width: 100%;\n display: block;\n border-radius: 12px;\n object-fit: cover;\n max-height: 180px;\n }\n\n .mc-card-meta {\n font-size: 13px;\n color: #9ca3af;\n margin-bottom: 6px;\n }\n\n .mc-card-small-meta {\n font-size: 13px;\n color: #9ca3af;\n margin-bottom: 6px;\n }\n\n .mc-card-tags {\n margin-top: 12px;\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n \/* Badges ovales *\/\n .mc-card-tag {\n display: inline-flex;\n align-items: center;\n padding: 3px 10px;\n border-radius: 999px;\n font-size: 11px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n \/* Sport en gris *\/\n .mc-card-tag-sport {\n border: 1px solid #4b5563;\n color: #d1d5db;\n background: rgba(15, 17, 23, 0.95);\n }\n\n \/* Service en or *\/\n .mc-card-tag-service {\n border: 1px solid rgba(226,211,133,0.7);\n color: #E2D385;\n background: rgba(4,5,9,0.95);\n }\n\n \/* Plus d'espace entre tags et bouton *\/\n .mc-card-footer {\n margin-top: 18px;\n }\n <\/style>\n\n \n <\/div>\n <div class=\"mc-activity-cta\">\n <a href=\"\/resultats\" class=\"mc-btn mc-btn-ghost\">\n <span>Tous les r\u00e9sultats<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-trust\">\n <div class=\"mc-wrap\">\n <div class=\"mc-trust-head mc-reveal\">\n <div class=\"mc-section-eyebrow\">Ils nous font confiance<\/div>\n <h2>Des f\u00e9d\u00e9rations, des s\u00e9ries, des organisateurs <em>de haut niveau<\/em>.<\/h2>\n <\/div>\n\n \n <div class=\"mc-logo-strip mc-reveal\">\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/CoupeCAN.png\" alt=\"Coupe Canada\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/pvc.png\" alt=\"Patinage de vitesse Canada\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/fqsc.png\" alt=\"FQSC\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/pvq.png\" alt=\"Patinage de vitesse Qu\u00e9bec\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/fqsccx.png\" alt=\"Coupe Qu\u00e9bec Cyclocross\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/gaspesia100.png\" alt=\"Gasp\u00e9sia 100\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/demisherb.png\" alt=\"Demi-marathon Sherbrooke\" loading=\"lazy\">\n <\/div>\n <div class=\"mc-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/nv.png\" alt=\"Coupe NV Cloutier\" loading=\"lazy\">\n <\/div>\n <\/div>\n\n \n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-stats\">\n <div class=\"mc-wrap\">\n <div class=\"mc-stats-head mc-reveal\">\n <div class=\"mc-section-eyebrow gold\">En chiffres<\/div>\n <h2>Une exp\u00e9rience <em>terrain<\/em> qui se mesure.<\/h2>\n <p> Pr\u00e9sents sur les pistes, les routes et les parcours du Qu\u00e9bec et du Canada. <\/p>\n <\/div>\n\n <div class=\"mc-stats-grid\">\n <div class=\"mc-stat-card mc-reveal\">\n <div class=\"mc-stat-num\" data-target=\"50\"><span class=\"sup\">+<\/span>50<\/div>\n <div class=\"mc-stat-label\">Journ\u00e9es d’animation<\/div>\n <p class=\"mc-stat-sub\">Toutes disciplines confondues, au Qu\u00e9bec et au Canada.<\/p>\n <\/div>\n <div class=\"mc-stat-card mc-reveal\">\n <div class=\"mc-stat-num\" data-target=\"30000\"><span class=\"sup\">+<\/span>30 000<\/div>\n <div class=\"mc-stat-label\">Athl\u00e8tes chronom\u00e9tr\u00e9s<\/div>\n <p class=\"mc-stat-sub\">Toutes disciplines confondues.<\/p>\n <\/div>\n <div class=\"mc-stat-card mc-reveal\">\n <div class=\"mc-stat-num\" data-target=\"9\">9<span class=\"sup\">\/10<\/span><\/div>\n <div class=\"mc-stat-label\">Partenaires fid\u00e8les<\/div>\n <p class=\"mc-stat-sub\">Reviennent saison apr\u00e8s saison.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-close\">\n <div class=\"mc-wrap mc-close-inner mc-reveal\">\n <h2>Votre prochain \u00e9v\u00e9nement m\u00e9rite <em>plus<\/em>.<\/h2>\n <p>\n Hyrox, demi-marathon, trail, \u00e9v\u00e9nement cycliste, multisport ou s\u00e9rie f\u00e9d\u00e9r\u00e9e, parlons de votre \u00e9dition \u00e0 venir. Soumission gratuite, sans engagement. <\/p>\n <div class=\"mc-close-cta\">\n <a href=\"\/contact\" class=\"mc-btn mc-btn-gold\">\n <span>Demander une soumission<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <a href=\"\/services\" class=\"mc-btn mc-btn-ghost\">\n <span>Explorer les services<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<script>\n (function() {\n const reveals = document.querySelectorAll('.mc-reveal');\n if (!('IntersectionObserver' in window) || !reveals.length) return;\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\n reveals.forEach(el => observer.observe(el));\n })();\n\n (function() {\n const tabs = document.querySelectorAll('.mc-activity-tab');\n const panels = document.querySelectorAll('.mc-activity-panel');\n tabs.forEach(tab => {\n tab.addEventListener('click', () => {\n const target = tab.getAttribute('data-tab');\n tabs.forEach(t => t.classList.remove('active'));\n tab.classList.add('active');\n panels.forEach(p => {\n if (p.getAttribute('data-panel') === target) p.classList.add('active');\n else p.classList.remove('active');\n });\n });\n });\n })();\n\n (function() {\n const carousel = document.getElementById('mc-testimonials-carousel');\n if (!carousel) return;\n const slides = carousel.querySelectorAll('.mc-carousel-slide');\n const progressBar = carousel.querySelector('.mc-carousel-progress-bar');\n if (!slides.length) return;\n\n let currentIndex = 0;\n const AUTOPLAY_INTERVAL = 7000;\n let timeoutId = null;\n let isPaused = false;\n\n const goTo = (index) => {\n currentIndex = (index + slides.length) % slides.length;\n slides.forEach((slide, i) => slide.classList.toggle('is-active', i === currentIndex));\n };\n const next = () => goTo(currentIndex + 1);\n const prev = () => goTo(currentIndex - 1);\n\n const restartProgress = () => {\n if (!progressBar) return;\n progressBar.classList.remove('is-running');\n progressBar.classList.remove('is-paused');\n void progressBar.offsetWidth;\n progressBar.classList.add('is-running');\n };\n const startCycle = () => {\n if (isPaused) return;\n restartProgress();\n timeoutId = setTimeout(() => { next(); startCycle(); }, AUTOPLAY_INTERVAL);\n };\n const stopCycle = () => {\n if (timeoutId) { clearTimeout(timeoutId); timeoutId = null; }\n };\n\n carousel.addEventListener('mouseenter', () => {\n isPaused = true;\n stopCycle();\n if (progressBar) progressBar.classList.add('is-paused');\n });\n carousel.addEventListener('mouseleave', () => {\n isPaused = false;\n if (progressBar) progressBar.classList.remove('is-paused');\n stopCycle();\n startCycle();\n });\n document.addEventListener('visibilitychange', () => {\n if (document.hidden) {\n isPaused = true; stopCycle();\n if (progressBar) progressBar.classList.add('is-paused');\n } else {\n isPaused = false;\n if (progressBar) progressBar.classList.remove('is-paused');\n stopCycle(); startCycle();\n }\n });\n\n let touchStartX = 0, touchEndX = 0;\n carousel.addEventListener('touchstart', (e) => { touchStartX = e.changedTouches[0].screenX; }, { passive: true });\n carousel.addEventListener('touchend', (e) => {\n touchEndX = e.changedTouches[0].screenX;\n const diff = touchStartX - touchEndX;\n if (Math.abs(diff) > 50) {\n if (diff > 0) next(); else prev();\n stopCycle(); startCycle();\n }\n }, { passive: true });\n\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (!prefersReducedMotion) {\n startCycle();\n } else {\n setInterval(next, 15000);\n if (progressBar) progressBar.style.display = 'none';\n }\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>MC Sport | Animation propuls\u00e9e par les donn\u00e9es, chronom\u00e9trage & \u00e9v\u00e9nements sportifs MC Sport \/ Animation propuls\u00e9e par les donn\u00e9es Vivez le moment. Animation, inscriptions et chronom\u00e9trage pour \u00e9v\u00e9nements sportifs […]<\/p>\n","protected":false},"author":1,"featured_media":372,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-27","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":100,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":1131,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions\/1131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/media\/372"}],"wp:attachment":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}