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 \/ Data-Driven Animation<\/span>\n <\/div>\n\n <h1 class=\"mc-hero-signature\">\n <span class=\"ltm-word word-1\">Live<\/span>\n <span class=\"ltm-word word-2\">The<\/span>\n <span class=\"ltm-word word-3\">moment.<\/span>\n <\/h1>\n\n <p class=\"mc-hero-tagline\">\n Commentary, registration, and timing for performance sporting events. Every athlete <em>studied, narrated, recognized<\/em>.\n <\/p>\n\n <div class=\"mc-hero-cta\">\n <a href=\"\/en\/services\/\" class=\"mc-btn mc-btn-primary\">\n <span>View our services<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <a href=\"#positionnement\" class=\"mc-btn mc-btn-ghost\">\n <span>Why MC Sport<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"mc-hero-scroll\">\n <span>Discover<\/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\">Why MC Sport<\/div>\n <h2>More than <em>announcers<\/em>.<\/h2>\n <p>\n MC Sport is a team of commentators and analysts for performance sporting events. Where an announcer reads off a list of bib numbers, we tell the story of a race, with the data, the context, and sport expertise in hand.\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>Your athletes are studied before the race.<\/strong> Background, results, personal stories. We show up with prepared profiles, not 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>Our athlete database powers the commentary.<\/strong> Several thousand documented profiles across cycling, speed skating, running, and 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>Every athlete is recognized, regardless of their placing.<\/strong> First, last, beginner, or veteran, everyone gets a mention that says more than just their number.\n <\/div>\n <\/div>\n <\/div>\n\n <a href=\"\/en\/services\/\" class=\"mc-btn mc-btn-primary\">\n <span>See our full approach<\/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\">Our conviction<\/div>\n <p class=\"mc-pos-quote\">\n \"Good commentary changes everything: what the athletes experience, what the spectators remember, what gets told afterward.\"\n <\/p>\n <div class=\"mc-pos-quote-author\">\n <strong>Mika\u00ebl C\u00f4t\u00e9<\/strong>, Founder, 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\">Our services<\/div>\n <h2>Three services <em>working as one<\/em> for your event.<\/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\">Our core<\/span>\n <div class=\"mc-service-num\">01 \/ Commentary<\/div>\n <h3>Commentary <em>powered by data<\/em><\/h3>\n <p>\n Your athletes studied beforehand, narrated during the race, recognized on the podium. Integrated music management and optional sound system. The MC Sport signature, bilingual FR\/EN.\n <\/p>\n <a href=\"\/en\/services\/#animation\" class=\"mc-service-link\">\n <span>Discover commentary<\/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 \/ Platform<\/div>\n <h3>Registration <em>online<\/em><\/h3>\n <p>\n Your registrants become your best salespeople. Built-in social sharing, public display, real-time dashboard. Direct payments, transparent fees.\n <\/p>\n <a href=\"\/en\/inscriptions\/\" class=\"mc-service-link\">\n <span>Discover the platform<\/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 \/ Timing<\/div>\n <h3>Timing <em>electronic<\/em><\/h3>\n <p>\n Active or passive chips, live timing visible to families, results published quickly. Timing that strengthens your event.\n <\/p>\n <a href=\"\/en\/services\/#chrono\" class=\"mc-service-link\">\n <span>Discover timing<\/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\">On the ground<\/div>\n <h2>MC Sport, <em>in action<\/em>.<\/h2>\n <\/div>\n <div class=\"mc-activity-tabs\" role=\"tablist\">\n <button class=\"mc-activity-tab active\" data-tab=\"prochains\" role=\"tab\">Upcoming events<\/button>\n <button class=\"mc-activity-tab\" data-tab=\"resultats\" role=\"tab\">Recent results<\/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\/coupe-canada-cup-4-canmore-2026.html\" class=\"mc-event-thumb-link\">\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\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 10 Jun 2026\n \u00b7 \n Canmore Nordic Centre Provincial Park \n , Canmore <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-canada-cup-4-canmore-2026.html\" class=\"mc-card-title-link\">\n Coupe Canada Cup #4 Canmore 2026 <\/a>\n <\/div>\n\n \n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n Mountain Biking <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Commentary Division <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-canada-cup-4-canmore-2026.html\" class=\"mc-btn mc-btn-event-details\">\n Details & 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-nv-cloutier-2-2026.html\" class=\"mc-event-thumb-link\">\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\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 16 Jun 2026\n \u00b7 \n Mont-Bellevue \n , Sherbrooke <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-nv-cloutier-2-2026.html\" class=\"mc-card-title-link\">\n Coupe NV Cloutier #2 2026 <\/a>\n <\/div>\n\n \n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n Mountain Biking <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Combined package <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-nv-cloutier-2-2026.html\" class=\"mc-btn mc-btn-event-details\">\n Details & 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\/gaspesia-100.html\" class=\"mc-event-thumb-link\">\n <img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/01\/gaspesia100.jpg\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/01\/gaspesia100.jpg 225w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/01\/gaspesia100-150x150.jpg 150w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 20 Jun 2026\n \u00b7 \n Perc\u00e9 \n , Perc\u00e9 <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/gaspesia-100.html\" class=\"mc-card-title-link\">\n Gaspesia 100 <\/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 Commentary Division <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/gaspesia-100.html\" class=\"mc-btn mc-btn-event-details\">\n Details & 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=\"\/en\/evenements\/\" class=\"mc-btn mc-btn-ghost\">\n <span>View all events<\/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 23 May 2026\n \u00b7 \n Mont-Bellevue \n , Sherbrooke <\/div>\n\n <div class=\"mc-card-title\">\n Coupe NV Cloutier #1 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 Mountain Biking <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Combined package <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-nv-cloutier-1-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=\"\/en\/resultats\/\" class=\"mc-btn mc-btn-ghost\">\n <span>All results<\/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\">They trust us<\/div>\n <h2>Federations, series, organizers <em>at the highest level<\/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\">By the numbers<\/div>\n <h2>Field <em>experience<\/em> that speaks for itself.<\/h2>\n <p> Present on tracks, roads, and courses across Quebec and 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\">Days of commentary<\/div>\n <p class=\"mc-stat-sub\">All disciplines combined, across Quebec and 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\">Athletes timed<\/div>\n <p class=\"mc-stat-sub\">All disciplines combined.<\/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\">Loyal partners<\/div>\n <p class=\"mc-stat-sub\">Coming back season after season.<\/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>Your next event deserves <em>more<\/em>.<\/h2>\n <p>\n Hyrox, half-marathon, trail, cycling event, multisport, or federated series. Let's talk about your upcoming edition. Free quote, no commitment. <\/p>\n <div class=\"mc-close-cta\">\n <a href=\"\/en\/contact\/\" class=\"mc-btn mc-btn-gold\">\n <span>Request a quote<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <a href=\"\/en\/services\/\" class=\"mc-btn mc-btn-ghost\">\n <span>Explore our 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>","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>","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 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 \/ Data-Driven Animation<\/span>\n <\/div>\n\n <h1 class=\"mc-hero-signature\">\n <span class=\"ltm-word word-1\">Live<\/span>\n <span class=\"ltm-word word-2\">The<\/span>\n <span class=\"ltm-word word-3\">moment.<\/span>\n <\/h1>\n\n <p class=\"mc-hero-tagline\">\n Commentary, registration, and timing for performance sporting events. Every athlete <em>studied, narrated, recognized<\/em>.\n <\/p>\n\n <div class=\"mc-hero-cta\">\n <a href=\"\/en\/services\/\" class=\"mc-btn mc-btn-primary\">\n <span>View our services<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <a href=\"#positionnement\" class=\"mc-btn mc-btn-ghost\">\n <span>Why MC Sport<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"mc-hero-scroll\">\n <span>Discover<\/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\">Why MC Sport<\/div>\n <h2>More than <em>announcers<\/em>.<\/h2>\n <p>\n MC Sport is a team of commentators and analysts for performance sporting events. Where an announcer reads off a list of bib numbers, we tell the story of a race, with the data, the context, and sport expertise in hand.\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>Your athletes are studied before the race.<\/strong> Background, results, personal stories. We show up with prepared profiles, not 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>Our athlete database powers the commentary.<\/strong> Several thousand documented profiles across cycling, speed skating, running, and 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>Every athlete is recognized, regardless of their placing.<\/strong> First, last, beginner, or veteran, everyone gets a mention that says more than just their number.\n <\/div>\n <\/div>\n <\/div>\n\n <a href=\"\/en\/services\/\" class=\"mc-btn mc-btn-primary\">\n <span>See our full approach<\/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\">Our conviction<\/div>\n <p class=\"mc-pos-quote\">\n \"Good commentary changes everything: what the athletes experience, what the spectators remember, what gets told afterward.\"\n <\/p>\n <div class=\"mc-pos-quote-author\">\n <strong>Mika\u00ebl C\u00f4t\u00e9<\/strong>, Founder, 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\">Our services<\/div>\n <h2>Three services <em>working as one<\/em> for your event.<\/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\">Our core<\/span>\n <div class=\"mc-service-num\">01 \/ Commentary<\/div>\n <h3>Commentary <em>powered by data<\/em><\/h3>\n <p>\n Your athletes studied beforehand, narrated during the race, recognized on the podium. Integrated music management and optional sound system. The MC Sport signature, bilingual FR\/EN.\n <\/p>\n <a href=\"\/en\/services\/#animation\" class=\"mc-service-link\">\n <span>Discover commentary<\/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 \/ Platform<\/div>\n <h3>Registration <em>online<\/em><\/h3>\n <p>\n Your registrants become your best salespeople. Built-in social sharing, public display, real-time dashboard. Direct payments, transparent fees.\n <\/p>\n <a href=\"\/en\/inscriptions\/\" class=\"mc-service-link\">\n <span>Discover the platform<\/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 \/ Timing<\/div>\n <h3>Timing <em>electronic<\/em><\/h3>\n <p>\n Active or passive chips, live timing visible to families, results published quickly. Timing that strengthens your event.\n <\/p>\n <a href=\"\/en\/services\/#chrono\" class=\"mc-service-link\">\n <span>Discover timing<\/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\">On the ground<\/div>\n <h2>MC Sport, <em>in action<\/em>.<\/h2>\n <\/div>\n <div class=\"mc-activity-tabs\" role=\"tablist\">\n <button class=\"mc-activity-tab active\" data-tab=\"prochains\" role=\"tab\">Upcoming events<\/button>\n <button class=\"mc-activity-tab\" data-tab=\"resultats\" role=\"tab\">Recent results<\/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\/coupe-canada-cup-4-canmore-2026.html\" class=\"mc-event-thumb-link\">\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\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 10 Jun 2026\n \u00b7 \n Canmore Nordic Centre Provincial Park \n , Canmore <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-canada-cup-4-canmore-2026.html\" class=\"mc-card-title-link\">\n Coupe Canada Cup #4 Canmore 2026 <\/a>\n <\/div>\n\n \n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n Mountain Biking <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Commentary Division <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-canada-cup-4-canmore-2026.html\" class=\"mc-btn mc-btn-event-details\">\n Details & 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-nv-cloutier-2-2026.html\" class=\"mc-event-thumb-link\">\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\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 16 Jun 2026\n \u00b7 \n Mont-Bellevue \n , Sherbrooke <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-nv-cloutier-2-2026.html\" class=\"mc-card-title-link\">\n Coupe NV Cloutier #2 2026 <\/a>\n <\/div>\n\n \n <div class=\"mc-card-tags\">\n <span class=\"mc-card-tag mc-card-tag-sport\">\n Mountain Biking <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Combined package <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-nv-cloutier-2-2026.html\" class=\"mc-btn mc-btn-event-details\">\n Details & 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\/gaspesia-100.html\" class=\"mc-event-thumb-link\">\n <img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/01\/gaspesia100.jpg\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/01\/gaspesia100.jpg 225w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/01\/gaspesia100-150x150.jpg 150w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/> <\/a>\n <\/div>\n \n <div class=\"mc-card-meta\">\n 20 Jun 2026\n \u00b7 \n Perc\u00e9 \n , Perc\u00e9 <\/div>\n\n <div class=\"mc-card-title\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/gaspesia-100.html\" class=\"mc-card-title-link\">\n Gaspesia 100 <\/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 Commentary Division <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/gaspesia-100.html\" class=\"mc-btn mc-btn-event-details\">\n Details & 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=\"\/en\/evenements\/\" class=\"mc-btn mc-btn-ghost\">\n <span>View all events<\/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 23 May 2026\n \u00b7 \n Mont-Bellevue \n , Sherbrooke <\/div>\n\n <div class=\"mc-card-title\">\n Coupe NV Cloutier #1 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 Mountain Biking <\/span>\n \n <span class=\"mc-card-tag mc-card-tag-service\">\n Combined package <\/span>\n <\/div>\n\n <div class=\"mc-card-footer\">\n <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-nv-cloutier-1-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=\"\/en\/resultats\/\" class=\"mc-btn mc-btn-ghost\">\n <span>All results<\/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\">They trust us<\/div>\n <h2>Federations, series, organizers <em>at the highest level<\/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\">By the numbers<\/div>\n <h2>Field <em>experience<\/em> that speaks for itself.<\/h2>\n <p> Present on tracks, roads, and courses across Quebec and 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\">Days of commentary<\/div>\n <p class=\"mc-stat-sub\">All disciplines combined, across Quebec and 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\">Athletes timed<\/div>\n <p class=\"mc-stat-sub\">All disciplines combined.<\/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\">Loyal partners<\/div>\n <p class=\"mc-stat-sub\">Coming back season after season.<\/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>Your next event deserves <em>more<\/em>.<\/h2>\n <p>\n Hyrox, half-marathon, trail, cycling event, multisport, or federated series. Let's talk about your upcoming edition. Free quote, no commitment. <\/p>\n <div class=\"mc-close-cta\">\n <a href=\"\/en\/contact\/\" class=\"mc-btn mc-btn-gold\">\n <span>Request a quote<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <a href=\"\/en\/services\/\" class=\"mc-btn mc-btn-ghost\">\n <span>Explore our 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>","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>","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}]}}