Services | MC Sport, animation, inscriptions et chronom\u00e9trage<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <meta name=\"description\" content=\"Animation propuls\u00e9e par les donn\u00e9es, plateforme d'inscriptions et chronom\u00e9trage \u00e9lectronique pour vos \u00e9v\u00e9nements sportifs de performance.\" \/>\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\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 \/* BOUTONS *\/\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 { background: var(--mc-ink); color: var(--mc-bg); }\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 { background: var(--mc-gold); color: var(--mc-ink); }\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 { transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1); }\n .mc-btn:hover .mc-btn-arrow { transform: translateX(3px); }\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\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 @keyframes mc-fade-up {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes mc-pulse {\n 0%, 100% { box-shadow: 0 0 0 4px rgba(226, 211, 133, 0.25); }\n 50% { box-shadow: 0 0 0 8px rgba(226, 211, 133, 0.08); }\n }\n\n \/* HERO, contenu coll\u00e9 au header *\/\n .mc-hero {\n position: relative;\n padding: 8px 0 80px;\n overflow: hidden;\n background:\n radial-gradient(ellipse 80% 60% at 80% 0%, rgba(226, 211, 133, 0.18), transparent 60%),\n radial-gradient(ellipse 60% 50% at 0% 100%, rgba(226, 211, 133, 0.1), transparent 50%),\n var(--mc-bg);\n border-bottom: 1px solid var(--mc-line);\n }\n .mc-hero::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.4;\n pointer-events: none;\n mask-image: radial-gradient(ellipse 70% 80% at 50% 40%, black 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 40%, black 30%, transparent 80%);\n }\n .mc-hero-inner { position: relative; z-index: 2; max-width: 800px; }\n .mc-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-ink-soft);\n margin-bottom: 28px;\n padding: 6px 14px 6px 10px;\n border: 1px solid var(--mc-line-strong);\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.4);\n backdrop-filter: blur(8px);\n animation: mc-fade-up 0.7s ease 0.05s both;\n }\n .mc-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.25);\n animation: mc-pulse 2.4s ease-in-out infinite;\n }\n .mc-h1 {\n font-family: var(--serif);\n font-weight: 500;\n font-size: clamp(36px, 5.5vw, 68px);\n line-height: 1.05;\n letter-spacing: -0.025em;\n margin: 0 0 24px;\n color: var(--mc-ink);\n animation: mc-fade-up 0.8s ease 0.15s both;\n }\n .mc-h1 em {\n font-style: italic;\n font-weight: 400;\n color: var(--mc-gold-warm);\n }\n .mc-hero-lede {\n font-family: var(--serif);\n font-size: clamp(18px, 1.8vw, 22px);\n line-height: 1.5;\n color: var(--mc-ink-soft);\n max-width: 60ch;\n margin: 0 0 36px;\n animation: mc-fade-up 0.8s ease 0.3s both;\n }\n .mc-hero-nav {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n animation: mc-fade-up 0.8s ease 0.45s both;\n }\n .mc-hero-nav-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n border-radius: 999px;\n font-family: var(--sans);\n font-size: 13.5px;\n font-weight: 600;\n color: var(--mc-ink);\n background: rgba(255, 255, 255, 0.6);\n border: 1px solid var(--mc-line-strong);\n backdrop-filter: blur(6px);\n transition: all 0.25s ease;\n }\n .mc-hero-nav-link:hover {\n background: var(--mc-ink);\n color: var(--mc-gold);\n border-color: var(--mc-ink);\n transform: translateY(-1px);\n }\n .mc-hero-nav-link .num {\n font-family: var(--mono);\n font-size: 11px;\n color: var(--mc-gold-warm);\n letter-spacing: 0.1em;\n }\n .mc-hero-nav-link:hover .num { color: var(--mc-gold); }\n\n \/* Section header *\/\n .mc-section-head { max-width: 720px; margin: 0 0 56px; }\n .mc-section-head h2 {\n font-family: var(--serif);\n font-size: clamp(32px, 4.5vw, 54px);\n font-weight: 500;\n line-height: 1.08;\n letter-spacing: -0.02em;\n margin: 0 0 20px;\n }\n .mc-section-head h2 em {\n font-style: italic;\n color: var(--mc-gold-warm);\n }\n .mc-section-head p {\n font-family: var(--serif);\n font-size: 18px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0;\n max-width: 60ch;\n }\n\n \/* ANIMATION *\/\n .mc-animation { padding: 120px 0; background: var(--mc-bg); }\n .mc-anim-grid {\n display: grid;\n grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n gap: 64px;\n align-items: start;\n }\n .mc-anim-media {\n position: relative;\n aspect-ratio: 4 \/ 5;\n border-radius: 12px;\n overflow: hidden;\n background: var(--mc-ink);\n position: sticky;\n top: 40px;\n }\n .mc-anim-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-anim-media:hover img { transform: scale(1.04); }\n .mc-anim-media-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 24px;\n background: linear-gradient(to top, rgba(10, 12, 18, 0.95), transparent);\n color: #f3f1e8;\n }\n .mc-anim-media-overlay-tag {\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--mc-gold);\n margin-bottom: 6px;\n }\n .mc-anim-media-overlay-text {\n font-family: var(--serif);\n font-style: italic;\n font-size: 18px;\n line-height: 1.4;\n }\n\n .mc-pillars {\n display: flex;\n flex-direction: column;\n border-top: 1px solid var(--mc-line);\n }\n .mc-pillar {\n display: grid;\n grid-template-columns: 56px 1fr;\n gap: 20px;\n padding: 22px 0;\n border-bottom: 1px solid var(--mc-line);\n align-items: start;\n }\n .mc-pillar-num {\n font-family: var(--mono);\n font-size: 12px;\n letter-spacing: 0.1em;\n color: var(--mc-muted);\n padding-top: 4px;\n }\n .mc-pillar-body h3 {\n font-family: var(--serif);\n font-size: 20px;\n font-weight: 500;\n margin: 0 0 6px;\n color: var(--mc-ink);\n }\n .mc-pillar-body p {\n font-size: 15px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0;\n }\n .mc-pillar-body .mc-pillar-detail {\n margin-top: 8px;\n font-size: 13px;\n color: var(--mc-muted);\n font-style: italic;\n }\n\n .mc-anim-callout {\n margin-top: 32px;\n padding: 24px 28px;\n background: var(--mc-bg-warm);\n border-radius: 14px;\n border-left: 3px solid var(--mc-gold);\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 20px;\n align-items: center;\n }\n .mc-anim-callout-text {\n font-family: var(--serif);\n font-size: 15px;\n line-height: 1.5;\n color: var(--mc-ink);\n margin: 0;\n }\n .mc-anim-callout-text strong { font-weight: 600; }\n .mc-anim-callout-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: var(--sans);\n font-size: 13px;\n font-weight: 600;\n color: var(--mc-ink);\n border-bottom: 1px solid var(--mc-gold);\n padding-bottom: 2px;\n transition: gap 0.25s ease;\n white-space: nowrap;\n }\n .mc-anim-callout-link:hover { gap: 10px; }\n\n .mc-sono {\n margin-top: 24px;\n padding: 24px;\n background: var(--mc-ink);\n color: var(--mc-bg);\n border-radius: 14px;\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 20px;\n align-items: center;\n }\n .mc-sono-icon {\n width: 52px;\n height: 52px;\n border-radius: 50%;\n background: rgba(226, 211, 133, 0.15);\n border: 1px solid rgba(226, 211, 133, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .mc-sono-icon svg {\n width: 24px;\n height: 24px;\n stroke: var(--mc-gold);\n fill: none;\n stroke-width: 1.5;\n }\n .mc-sono-title {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: var(--mc-gold);\n margin: 0 0 4px;\n }\n .mc-sono-text {\n font-family: var(--serif);\n font-size: 15px;\n line-height: 1.5;\n margin: 0;\n color: rgba(253, 251, 243, 0.85);\n }\n .mc-sono-text strong {\n color: var(--mc-bg);\n font-weight: 600;\n }\n\n \/* DATABASE, nouveau layout vertical avec image pleine largeur *\/\n .mc-database {\n padding: 120px 0;\n background: var(--mc-bg-deep);\n color: var(--mc-bg);\n position: relative;\n overflow: hidden;\n }\n .mc-database::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.1), 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-database-head {\n position: relative;\n z-index: 2;\n max-width: 720px;\n margin: 0 auto 56px;\n text-align: center;\n }\n .mc-database-head .mc-section-eyebrow {\n color: var(--mc-gold);\n justify-content: center;\n }\n .mc-database-head .mc-section-eyebrow::before { background: var(--mc-gold); }\n .mc-database-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 20px;\n color: var(--mc-bg);\n }\n .mc-database-head h2 em { font-style: italic; color: var(--mc-gold); }\n .mc-database-head p {\n font-family: var(--serif);\n font-size: 18px;\n line-height: 1.6;\n color: rgba(253, 251, 243, 0.8);\n margin: 0 auto 24px;\n max-width: 60ch;\n }\n .mc-database-head strong { color: var(--mc-bg); font-weight: 600; }\n .mc-database-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n }\n .mc-database-tag {\n padding: 6px 14px;\n border-radius: 999px;\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--mc-gold);\n background: rgba(226, 211, 133, 0.08);\n border: 1px solid rgba(226, 211, 133, 0.25);\n }\n .mc-database-screenshot {\n position: relative;\n z-index: 2;\n max-width: 1100px;\n margin: 0 auto;\n border-radius: 14px;\n overflow: hidden;\n box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(226, 211, 133, 0.15);\n transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-database-screenshot:hover {\n transform: translateY(-4px);\n }\n .mc-database-screenshot img {\n width: 100%;\n height: auto;\n display: block;\n }\n\n \/* INSCRIPTIONS *\/\n .mc-insc {\n padding: 120px 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\n \/* Carrousel manuel de captures *\/\n .mc-insc-carousel {\n margin: 0 auto 48px;\n position: relative;\n max-width: 820px;\n }\n .mc-insc-carousel-track {\n position: relative;\n overflow: hidden;\n border-radius: 16px;\n box-shadow: 0 30px 60px -20px rgba(15, 17, 21, 0.25);\n }\n .mc-insc-slide {\n display: none;\n animation: mc-slide-fade 0.5s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-insc-slide.is-active {\n display: block;\n }\n @keyframes mc-slide-fade {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .mc-insc-slide-img-wrap {\n position: relative;\n background: var(--mc-bg-warm);\n overflow: hidden;\n max-height: 520px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .mc-insc-slide-img-wrap img {\n width: 100%;\n height: auto;\n max-height: 520px;\n object-fit: contain;\n display: block;\n }\n .mc-insc-slide-caption {\n padding: 20px 28px;\n background: var(--mc-ink);\n color: var(--mc-bg);\n display: flex;\n align-items: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n .mc-insc-slide-tag {\n display: inline-block;\n padding: 5px 12px;\n border-radius: 999px;\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--mc-ink);\n background: var(--mc-gold);\n font-weight: 600;\n flex-shrink: 0;\n }\n .mc-insc-slide-caption p {\n margin: 0;\n font-family: var(--serif);\n font-size: 15px;\n line-height: 1.5;\n color: rgba(253, 251, 243, 0.85);\n flex: 1;\n min-width: 280px;\n }\n .mc-insc-carousel-controls {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin-top: 24px;\n }\n .mc-insc-carousel-btn {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n border: 1px solid var(--mc-line-strong);\n background: var(--mc-bg);\n color: var(--mc-ink);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.25s ease;\n }\n .mc-insc-carousel-btn:hover {\n background: var(--mc-ink);\n color: var(--mc-gold);\n border-color: var(--mc-ink);\n transform: translateY(-1px);\n }\n .mc-insc-carousel-dots {\n display: flex;\n gap: 8px;\n }\n .mc-insc-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n border: none;\n background: var(--mc-line-strong);\n cursor: pointer;\n padding: 0;\n transition: all 0.25s ease;\n }\n .mc-insc-dot:hover {\n background: var(--mc-ink);\n transform: scale(1.15);\n }\n .mc-insc-dot.is-active {\n background: var(--mc-gold);\n width: 28px;\n border-radius: 999px;\n }\n\n \/* B\u00e9n\u00e9fices, grille 3-3-1 OU 4-3 selon pr\u00e9f\u00e9rence *\/\n .mc-benefits {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n .mc-benefit {\n padding: 28px 24px;\n background: var(--mc-bg);\n border-radius: 14px;\n border: 1px solid var(--mc-line);\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-benefit:hover {\n transform: translateY(-3px);\n border-color: var(--mc-line-strong);\n box-shadow: 0 16px 36px -12px rgba(15, 17, 21, 0.15);\n }\n .mc-benefit-icon {\n width: 40px;\n height: 40px;\n border-radius: 10px;\n background: var(--mc-gold);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n }\n .mc-benefit-icon svg {\n width: 20px;\n height: 20px;\n stroke: var(--mc-ink);\n fill: none;\n stroke-width: 2;\n }\n .mc-benefit h4 {\n font-family: var(--serif);\n font-size: 18px;\n font-weight: 500;\n margin: 0 0 8px;\n letter-spacing: -0.01em;\n }\n .mc-benefit p {\n font-size: 14px;\n line-height: 1.5;\n color: var(--mc-ink-soft);\n margin: 0;\n }\n .mc-benefit-tag {\n display: inline-block;\n margin-bottom: 12px;\n padding: 3px 9px;\n border-radius: 999px;\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--mc-ink);\n background: rgba(226, 211, 133, 0.18);\n border: 1px solid rgba(226, 211, 133, 0.4);\n }\n .mc-section-cta { margin-top: 40px; display: flex; justify-content: center; }\n\n \/* CHRONOM\u00c9TRAGE *\/\n .mc-chrono { padding: 120px 0; background: var(--mc-bg); }\n .mc-chrono-grid {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);\n gap: 64px;\n align-items: center;\n }\n .mc-chrono-media {\n position: relative;\n aspect-ratio: 5 \/ 4;\n border-radius: 12px;\n overflow: hidden;\n background: var(--mc-ink);\n }\n .mc-chrono-media img { width: 100%; height: 100%; object-fit: cover; }\n .mc-chrono-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n box-shadow: inset 0 0 0 1px rgba(226, 211, 133, 0.3);\n border-radius: 12px;\n pointer-events: none;\n }\n .mc-chrono-tag {\n position: absolute;\n top: 16px;\n left: 16px;\n padding: 6px 12px;\n border-radius: 999px;\n background: rgba(10, 12, 18, 0.85);\n color: var(--mc-gold);\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n backdrop-filter: blur(8px);\n }\n .mc-chrono-content 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 0 18px;\n }\n .mc-chrono-content h2 em {\n font-style: italic;\n color: var(--mc-gold-warm);\n }\n .mc-chrono-lede {\n font-family: var(--serif);\n font-size: 17px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0 0 28px;\n }\n .mc-chrono-points {\n display: flex;\n flex-direction: column;\n gap: 14px;\n margin-bottom: 28px;\n }\n .mc-chrono-point {\n display: grid;\n grid-template-columns: 28px 1fr;\n gap: 14px;\n align-items: start;\n }\n .mc-chrono-point-mark {\n width: 28px;\n height: 28px;\n border-radius: 8px;\n background: var(--mc-bg-warm);\n border: 1px solid var(--mc-line-strong);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .mc-chrono-point-mark svg {\n width: 14px;\n height: 14px;\n stroke: var(--mc-gold-warm);\n fill: none;\n stroke-width: 2.5;\n }\n .mc-chrono-point-text {\n font-size: 15px;\n line-height: 1.5;\n color: var(--mc-ink);\n }\n .mc-chrono-point-text strong { font-weight: 600; }\n .mc-chrono-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 transition: gap 0.25s ease, border-color 0.25s ease;\n }\n .mc-chrono-link:hover {\n gap: 12px;\n border-color: var(--mc-gold);\n }\n\n \/* CTA FINAL *\/\n .mc-close {\n padding: 130px 0;\n background: var(--mc-ink);\n color: var(--mc-bg);\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n .mc-close::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(226, 211, 133, 0.12), transparent 70%);\n pointer-events: none;\n }\n .mc-close-inner {\n position: relative;\n z-index: 2;\n max-width: 760px;\n margin: 0 auto;\n }\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 }\n .mc-close h2 em {\n font-style: italic;\n color: var(--mc-gold);\n }\n .mc-close p {\n font-family: var(--serif);\n font-size: 19px;\n line-height: 1.55;\n color: rgba(253, 251, 243, 0.7);\n margin: 0 0 36px;\n }\n .mc-close-cta {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 14px;\n }\n .mc-close .mc-btn-gold:hover { background: var(--mc-bg); color: var(--mc-ink); }\n .mc-close .mc-btn-ghost {\n color: var(--mc-bg);\n border-color: rgba(253, 251, 243, 0.3);\n }\n .mc-close .mc-btn-ghost:hover {\n background: rgba(253, 251, 243, 0.08);\n border-color: var(--mc-gold);\n color: var(--mc-gold);\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 960px) {\n .mc-hero { padding: 6px 0 60px; }\n .mc-animation, .mc-database, .mc-insc, .mc-chrono, .mc-close { padding: 80px 0; }\n .mc-anim-grid, .mc-chrono-grid {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n .mc-anim-media { max-width: 500px; margin: 0 auto; position: static; }\n .mc-anim-callout { grid-template-columns: 1fr; gap: 14px; }\n .mc-benefits { grid-template-columns: 1fr 1fr; }\n }\n @media (max-width: 600px) {\n .mc-wrap { padding: 0 20px; }\n .mc-hero { padding: 4px 0 40px; }\n .mc-benefits { grid-template-columns: 1fr; }\n .mc-benefit { padding: 24px 20px; }\n .mc-sono { grid-template-columns: 1fr; text-align: center; }\n .mc-sono-icon { margin: 0 auto; }\n .mc-hero-nav-link { width: 100%; justify-content: space-between; }\n .mc-insc-slide-caption { padding: 16px 20px; }\n .mc-insc-slide-caption p { font-size: 14px; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n\n<section class=\"mc-hero\">\n <div class=\"mc-wrap mc-hero-inner\">\n <div class=\"mc-eyebrow\">\n <span class=\"mc-eyebrow-dot\"><\/span>\n <span>Our services in detail<\/span>\n <\/div>\n\n <h1 class=\"mc-h1\">\n What we deliver, <em>concretely<\/em>.\n <\/h1>\n\n <p class=\"mc-hero-lede\">\n Three services designed to grow your event: commentary that leaves a mark on your athletes, a registration platform that works for you, timing that strengthens your image.\n <\/p>\n\n <div class=\"mc-hero-nav\">\n <a href=\"#animation\" class=\"mc-hero-nav-link\">\n <span class=\"num\">01<\/span>\n <span>Commentary<\/span>\n <\/a>\n <a href=\"#inscriptions\" class=\"mc-hero-nav-link\">\n <span class=\"num\">02<\/span>\n <span>Registration<\/span>\n <\/a>\n <a href=\"#chronometrage\" class=\"mc-hero-nav-link\">\n <span class=\"num\">03<\/span>\n <span>Timing<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-animation\" id=\"animation\">\n <div class=\"mc-wrap\">\n <div class=\"mc-section-head mc-reveal\">\n <div class=\"mc-section-eyebrow\">01 \/ Commentary<\/div>\n <h2>Commentary that <em>grows<\/em> your event.<\/h2>\n <p>The atmosphere we create today is your registrations for next year. More emotion, more memories, more word-of-mouth, more recognition.<\/p>\n <\/div>\n\n <div class=\"mc-anim-grid\">\n <div class=\"mc-anim-media mc-reveal\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/service1-2.jpg\"\n alt=\"Animation MC Sport sur le terrain\" loading=\"lazy\">\n <div class=\"mc-anim-media-overlay\">\n <div class=\"mc-anim-media-overlay-tag\">Our core business<\/div>\n <div class=\"mc-anim-media-overlay-text\">\n \"We don't read off a list of bib numbers. We tell the story of a race.\"\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mc-anim-content mc-reveal\">\n <div class=\"mc-pillars\">\n <div class=\"mc-pillar\">\n <div class=\"mc-pillar-num\">01<\/div>\n <div class=\"mc-pillar-body\">\n <h3>In-depth preparation<\/h3>\n <p>Before the race, we study the start list. Background, results, series points, personal stories.<\/p>\n <div class=\"mc-pillar-detail\">\u2192 Your athletes feel recognized from their very first mention.<\/div>\n <\/div>\n <\/div>\n <div class=\"mc-pillar\">\n <div class=\"mc-pillar-num\">02<\/div>\n <div class=\"mc-pillar-body\">\n <h3>Live race reading<\/h3>\n <p>We commentate on the battles, the gaps, the surprises. We explain what's at stake beyond the position.<\/p>\n <div class=\"mc-pillar-detail\">\u2192 Your spectators understand what they're watching and stay until the end.<\/div>\n <\/div>\n <\/div>\n <div class=\"mc-pillar\">\n <div class=\"mc-pillar-num\">03<\/div>\n <div class=\"mc-pillar-body\">\n <h3>Integrated music management<\/h3>\n <p>Playlist built for race phases, award ceremonies, downtime. The music supports the storytelling.<\/p>\n <div class=\"mc-pillar-detail\">\u2192 An atmosphere that builds in waves, not background radio.<\/div>\n <\/div>\n <\/div>\n <div class=\"mc-pillar\">\n <div class=\"mc-pillar-num\">04<\/div>\n <div class=\"mc-pillar-body\">\n <h3>Individual recognition<\/h3>\n <p>First racer, 50th racer, beginner, veteran. Each one gets a mention that says more than their number.<\/p>\n <div class=\"mc-pillar-detail\">\u2192 Your mid-pack finishers leave with a story to tell.<\/div>\n <\/div>\n <\/div>\n <div class=\"mc-pillar\">\n <div class=\"mc-pillar-num\">05<\/div>\n <div class=\"mc-pillar-body\">\n <h3>Podium that closes the story<\/h3>\n <p>The ceremonies flow without lulls. Every category, every partner, every emotion finds its place.<\/p>\n <div class=\"mc-pillar-detail\">\u2192 Your sponsors are highlighted at the right moment, in front of an audience that's still present.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mc-anim-callout\">\n <p class=\"mc-anim-callout-text\">\n <strong>All of this is powered by our athlete database.<\/strong> Several thousand documented profiles in cycling, speed skating, running, and triathlon.\n <\/p>\n <a href=\"#database\" class=\"mc-anim-callout-link\">\n <span>View the database<\/span>\n <span>\u2193<\/span>\n <\/a>\n <\/div>\n\n <div class=\"mc-sono\">\n <div class=\"mc-sono-icon\">\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M9 18V5l12-2v13\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <circle cx=\"6\" cy=\"18\" r=\"3\"\/>\n <circle cx=\"18\" cy=\"16\" r=\"3\"\/>\n <\/svg>\n <\/div>\n <div>\n <p class=\"mc-sono-title\">Sound system, optional<\/p>\n <p class=\"mc-sono-text\">\n Une qualit\u00e9 de signal et de placement irr\u00e9prochable. Caisses, micros sans fil, console. Tout ce qu’il faut pour que l’animation porte, que l’ambiance monte et que rien ne se perde du d\u00e9part au dernier athl\u00e8te.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-database\" id=\"database\">\n <div class=\"mc-wrap\">\n <div class=\"mc-database-head mc-reveal\">\n <div class=\"mc-section-eyebrow\">Our technical edge<\/div>\n <h2>An athlete <em>database<\/em> developed in-house.<\/h2>\n <p>\n Thousands of documented profiles in cycling, speed skating, running, and triathlon. Results, teams, history, series points. <strong>That's what makes our commentary precise<\/strong> where others stay vague.\n <\/p>\n <div class=\"mc-database-tags\">\n <span class=\"mc-database-tag\">Cycling<\/span>\n <span class=\"mc-database-tag\">Short Track<\/span>\n <span class=\"mc-database-tag\">Running<\/span>\n <span class=\"mc-database-tag\">Triathlon<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mc-database-screenshot mc-reveal\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/database-stats.jpeg\"\n alt=\"Panneau d'administration MC Sport : 17 754 profils, 424 courses chronom\u00e9tr\u00e9es, 64 736 performances index\u00e9es\"\n loading=\"lazy\">\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-insc\" id=\"inscriptions\">\n <div class=\"mc-wrap\">\n <div class=\"mc-section-head mc-reveal\">\n <div class=\"mc-section-eyebrow\">02 \/ Registration platform<\/div>\n <h2>Your registrants become your <em>best salespeople<\/em>.<\/h2>\n <p>A platform built for performance sporting events, not a generic tool. Fast setup, custom forms, network effect built in from the moment of registration.<\/p>\n <\/div>\n\n \n <div class=\"mc-insc-carousel mc-reveal\" id=\"mc-insc-carousel\">\n <div class=\"mc-insc-carousel-track\">\n\n \n <div class=\"mc-insc-slide is-active\" data-slide=\"0\">\n <div class=\"mc-insc-slide-img-wrap\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/inscription-catalogue.jpeg\"\n alt=\"Catalogue des \u00e9v\u00e9nements disponibles sur la plateforme MC Sport\"\n loading=\"lazy\">\n <\/div>\n <div class=\"mc-insc-slide-caption\">\n <div class=\"mc-insc-slide-tag\">Catalog view<\/div>\n <p>All your events grouped on a single platform. Search, sport filters, one-click registration.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"mc-insc-slide\" data-slide=\"1\">\n <div class=\"mc-insc-slide-img-wrap\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/inscription-public.jpeg\"\n alt=\"Liste publique des participants inscrits \u00e0 un \u00e9v\u00e9nement MC Sport\"\n loading=\"lazy\">\n <\/div>\n <div class=\"mc-insc-slide-caption\">\n <div class=\"mc-insc-slide-tag\">Participant side<\/div>\n <p>The list of registrants visible to all, updated live. Seeing a friend registered pushes others to sign up too.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"mc-insc-slide\" data-slide=\"2\">\n <div class=\"mc-insc-slide-img-wrap\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/inscription-dashboard.jpeg\"\n alt=\"Dashboard organisateur MC Sport, vue d'un \u00e9v\u00e9nement avec statistiques en direct\"\n loading=\"lazy\">\n <\/div>\n <div class=\"mc-insc-slide-caption\">\n <div class=\"mc-insc-slide-tag\">Organizer side<\/div>\n <p>Your private dashboard to manage your events, track registrations and payouts in real time.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"mc-insc-carousel-controls\">\n <button class=\"mc-insc-carousel-btn mc-insc-carousel-prev\" aria-label=\"Image pr\u00e9c\u00e9dente\">\n <svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"15 18 9 12 15 6\"\/>\n <\/svg>\n <\/button>\n <div class=\"mc-insc-carousel-dots\">\n <button class=\"mc-insc-dot is-active\" data-go=\"0\" aria-label=\"Aller \u00e0 la premi\u00e8re image\"><\/button>\n <button class=\"mc-insc-dot\" data-go=\"1\" aria-label=\"Aller \u00e0 la deuxi\u00e8me image\"><\/button>\n <button class=\"mc-insc-dot\" data-go=\"2\" aria-label=\"Aller \u00e0 la troisi\u00e8me image\"><\/button>\n <\/div>\n <button class=\"mc-insc-carousel-btn mc-insc-carousel-next\" aria-label=\"Image suivante\">\n <svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"mc-benefits mc-reveal\">\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><polyline points=\"13 2 4 14 12 14 11 22 20 10 12 10 13 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h4>Custom form, delivered in 24 to 48 hours<\/h4>\n <p>Every field adapted to your sport and your event, online within 24 to 48 hours after receiving your information.<\/p>\n <\/div>\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M18 8a3 3 0 1 0-2.83-4M6 12a3 3 0 1 0 2.83 4M18 19a3 3 0 1 0-2.83-4M8.59 13.51l6.83 3.98M15.41 6.51l-6.82 3.98\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h4>Built-in social sharing<\/h4>\n <p>Share buttons at registration confirmation. Each athlete tells their network about your event, with no effort from you.<\/p>\n <\/div>\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2M16 3.13a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.87\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h4>Public registrant display<\/h4>\n <p>Public list updated in real time. Seeing a friend registered pushes others to sign up too.<\/p>\n <\/div>\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg>\n <\/div>\n <h4>Live organizer dashboard<\/h4>\n <p>Private dashboard with live statistics. Multiple events on the platform? Everything is grouped in one place.<\/p>\n <\/div>\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h4>Custom exports<\/h4>\n <p>Lists tailored to your needs, depending on the sport and your requests. Registrar exports, start lists, timing files: we prepare what you need.<\/p>\n <\/div>\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h4>Access to your money on demand<\/h4>\n <p>No need to wait until the event ends. Registration funds are transferred to your account whenever you request it.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"mc-section-cta\">\n <a href=\"\/en\/inscriptions\/\" class=\"mc-btn mc-btn-primary\">\n <span>Discover the full platform<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-chrono\" id=\"chronometrage\">\n <div class=\"mc-wrap\">\n <div class=\"mc-chrono-grid\">\n <div class=\"mc-chrono-media mc-reveal\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/service2.png\"\n alt=\"Chronom\u00e9trage MC Sport, puces et r\u00e9sultats en direct\" loading=\"lazy\">\n <div class=\"mc-chrono-tag\">03 \/ Timing<\/div>\n <\/div>\n\n <div class=\"mc-chrono-content mc-reveal\">\n <div class=\"mc-section-eyebrow\">Electronic timing<\/div>\n <h2>Timing that <em>strengthens<\/em> your event.<\/h2>\n <p class=\"mc-chrono-lede\">\n A system designed to serve the athlete experience and the credibility of your event. Not a commodity, but a tool that serves your image.\n <\/p>\n\n <div class=\"mc-chrono-points\">\n <div class=\"mc-chrono-point\">\n <div class=\"mc-chrono-point-mark\">\n <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"mc-chrono-point-text\">\n <strong>Live timing visible to family and friends.<\/strong> Families follow their athlete live from their phone, wherever they are.\n <\/div>\n <\/div>\n <div class=\"mc-chrono-point\">\n <div class=\"mc-chrono-point-mark\">\n <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"mc-chrono-point-text\">\n <strong>Results published quickly.<\/strong> Categories, waves, teams, series. Your athletes leave with an official ranking ready to share.\n <\/div>\n <\/div>\n <div class=\"mc-chrono-point\">\n <div class=\"mc-chrono-point-mark\">\n <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"mc-chrono-point-text\">\n <strong>Active or passive chips, depending on the event.<\/strong> We choose the system that fits your format, your budget, and your stakes.\n <\/div>\n <\/div>\n <div class=\"mc-chrono-point\">\n <div class=\"mc-chrono-point-mark\">\n <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"mc-chrono-point-text\">\n <strong>Instagram Stories, optional.<\/strong> Your top performances showcased in stories, with athletes tagged directly. They reshare, your event gains visibility.\n <\/div>\n <\/div>\n <\/div>\n\n <a href=\"\/events\/2025\/coupe-canada-cup-6-2025.html\" class=\"mc-chrono-link\">\n <span>See an example of published results<\/span>\n <span>\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-close\" id=\"contact\">\n <div class=\"mc-wrap mc-close-inner mc-reveal\">\n <h2>Ready to talk about <em>your event<\/em> ?<\/h2>\n <p>\n Hyrox, half-marathon, trail, cycling event, multisport, or federated series. Request a quote tailored to your edition. Response within 48 hours.\n <\/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=\"mailto:info@mcsportedge.com\" class=\"mc-btn mc-btn-ghost\">\n <span>info@mcsportedge.com<\/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 \/\/ Carrousel manuel de la section inscriptions\n (function() {\n const carousel = document.getElementById('mc-insc-carousel');\n if (!carousel) return;\n\n const slides = carousel.querySelectorAll('.mc-insc-slide');\n const dots = carousel.querySelectorAll('.mc-insc-dot');\n const prevBtn = carousel.querySelector('.mc-insc-carousel-prev');\n const nextBtn = carousel.querySelector('.mc-insc-carousel-next');\n\n if (!slides.length) return;\n\n let currentIndex = 0;\n\n function goTo(index) {\n currentIndex = (index + slides.length) % slides.length;\n slides.forEach((slide, i) => {\n slide.classList.toggle('is-active', i === currentIndex);\n });\n dots.forEach((dot, i) => {\n dot.classList.toggle('is-active', i === currentIndex);\n });\n }\n\n prevBtn && prevBtn.addEventListener('click', () => goTo(currentIndex - 1));\n nextBtn && nextBtn.addEventListener('click', () => goTo(currentIndex + 1));\n\n dots.forEach((dot, i) => {\n dot.addEventListener('click', () => goTo(i));\n });\n\n \/\/ Swipe tactile sur mobile\n let touchStartX = 0, touchEndX = 0;\n carousel.addEventListener('touchstart', (e) => {\n touchStartX = e.changedTouches[0].screenX;\n }, { 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) goTo(currentIndex + 1);\n else goTo(currentIndex - 1);\n }\n }, { passive: true });\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Services | MC Sport, animation, inscriptions et chronom\u00e9trage Nos services en d\u00e9tail Ce qu’on livre, concr\u00e8tement. Trois services pens\u00e9s pour faire grandir votre \u00e9v\u00e9nement : une animation qui marque vos […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7","page","type-page","status-publish","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\/7","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=7"}],"version-history":[{"count":35,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1285,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/1285"}],"wp:attachment":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2025-11-24T16:58:36","date_gmt":"2025-11-24T16:58:36","guid":{"rendered":"https:\/\/mcsportedge.com\/?page_id=7"},"modified":"2026-06-02T07:36:00","modified_gmt":"2026-06-02T11:36:00","slug":"services","status":"publish","type":"page","link":"https:\/\/mcsportedge.com\/en\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\n\n\n \n Services | MC Sport, animation, inscriptions et chronom\u00e9trage<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <meta name=\"description\" content=\"Animation propuls\u00e9e par les donn\u00e9es, plateforme d'inscriptions et chronom\u00e9trage \u00e9lectronique pour vos \u00e9v\u00e9nements sportifs de performance.\" \/>\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\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 \/* BOUTONS *\/\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 { background: var(--mc-ink); color: var(--mc-bg); }\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 { background: var(--mc-gold); color: var(--mc-ink); }\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 { transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1); }\n .mc-btn:hover .mc-btn-arrow { transform: translateX(3px); }\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\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 @keyframes mc-fade-up {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes mc-pulse {\n 0%, 100% { box-shadow: 0 0 0 4px rgba(226, 211, 133, 0.25); }\n 50% { box-shadow: 0 0 0 8px rgba(226, 211, 133, 0.08); }\n }\n\n \/* HERO, contenu coll\u00e9 au header *\/\n .mc-hero {\n position: relative;\n padding: 8px 0 80px;\n overflow: hidden;\n background:\n radial-gradient(ellipse 80% 60% at 80% 0%, rgba(226, 211, 133, 0.18), transparent 60%),\n radial-gradient(ellipse 60% 50% at 0% 100%, rgba(226, 211, 133, 0.1), transparent 50%),\n var(--mc-bg);\n border-bottom: 1px solid var(--mc-line);\n }\n .mc-hero::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.4;\n pointer-events: none;\n mask-image: radial-gradient(ellipse 70% 80% at 50% 40%, black 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 40%, black 30%, transparent 80%);\n }\n .mc-hero-inner { position: relative; z-index: 2; max-width: 800px; }\n .mc-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-ink-soft);\n margin-bottom: 28px;\n padding: 6px 14px 6px 10px;\n border: 1px solid var(--mc-line-strong);\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.4);\n backdrop-filter: blur(8px);\n animation: mc-fade-up 0.7s ease 0.05s both;\n }\n .mc-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.25);\n animation: mc-pulse 2.4s ease-in-out infinite;\n }\n .mc-h1 {\n font-family: var(--serif);\n font-weight: 500;\n font-size: clamp(36px, 5.5vw, 68px);\n line-height: 1.05;\n letter-spacing: -0.025em;\n margin: 0 0 24px;\n color: var(--mc-ink);\n animation: mc-fade-up 0.8s ease 0.15s both;\n }\n .mc-h1 em {\n font-style: italic;\n font-weight: 400;\n color: var(--mc-gold-warm);\n }\n .mc-hero-lede {\n font-family: var(--serif);\n font-size: clamp(18px, 1.8vw, 22px);\n line-height: 1.5;\n color: var(--mc-ink-soft);\n max-width: 60ch;\n margin: 0 0 36px;\n animation: mc-fade-up 0.8s ease 0.3s both;\n }\n .mc-hero-nav {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n animation: mc-fade-up 0.8s ease 0.45s both;\n }\n .mc-hero-nav-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n border-radius: 999px;\n font-family: var(--sans);\n font-size: 13.5px;\n font-weight: 600;\n color: var(--mc-ink);\n background: rgba(255, 255, 255, 0.6);\n border: 1px solid var(--mc-line-strong);\n backdrop-filter: blur(6px);\n transition: all 0.25s ease;\n }\n .mc-hero-nav-link:hover {\n background: var(--mc-ink);\n color: var(--mc-gold);\n border-color: var(--mc-ink);\n transform: translateY(-1px);\n }\n .mc-hero-nav-link .num {\n font-family: var(--mono);\n font-size: 11px;\n color: var(--mc-gold-warm);\n letter-spacing: 0.1em;\n }\n .mc-hero-nav-link:hover .num { color: var(--mc-gold); }\n\n \/* Section header *\/\n .mc-section-head { max-width: 720px; margin: 0 0 56px; }\n .mc-section-head h2 {\n font-family: var(--serif);\n font-size: clamp(32px, 4.5vw, 54px);\n font-weight: 500;\n line-height: 1.08;\n letter-spacing: -0.02em;\n margin: 0 0 20px;\n }\n .mc-section-head h2 em {\n font-style: italic;\n color: var(--mc-gold-warm);\n }\n .mc-section-head p {\n font-family: var(--serif);\n font-size: 18px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0;\n max-width: 60ch;\n }\n\n \/* ANIMATION *\/\n .mc-animation { padding: 120px 0; background: var(--mc-bg); }\n .mc-anim-grid {\n display: grid;\n grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n gap: 64px;\n align-items: start;\n }\n .mc-anim-media {\n position: relative;\n aspect-ratio: 4 \/ 5;\n border-radius: 12px;\n overflow: hidden;\n background: var(--mc-ink);\n position: sticky;\n top: 40px;\n }\n .mc-anim-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-anim-media:hover img { transform: scale(1.04); }\n .mc-anim-media-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 24px;\n background: linear-gradient(to top, rgba(10, 12, 18, 0.95), transparent);\n color: #f3f1e8;\n }\n .mc-anim-media-overlay-tag {\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--mc-gold);\n margin-bottom: 6px;\n }\n .mc-anim-media-overlay-text {\n font-family: var(--serif);\n font-style: italic;\n font-size: 18px;\n line-height: 1.4;\n }\n\n .mc-pillars {\n display: flex;\n flex-direction: column;\n border-top: 1px solid var(--mc-line);\n }\n .mc-pillar {\n display: grid;\n grid-template-columns: 56px 1fr;\n gap: 20px;\n padding: 22px 0;\n border-bottom: 1px solid var(--mc-line);\n align-items: start;\n }\n .mc-pillar-num {\n font-family: var(--mono);\n font-size: 12px;\n letter-spacing: 0.1em;\n color: var(--mc-muted);\n padding-top: 4px;\n }\n .mc-pillar-body h3 {\n font-family: var(--serif);\n font-size: 20px;\n font-weight: 500;\n margin: 0 0 6px;\n color: var(--mc-ink);\n }\n .mc-pillar-body p {\n font-size: 15px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0;\n }\n .mc-pillar-body .mc-pillar-detail {\n margin-top: 8px;\n font-size: 13px;\n color: var(--mc-muted);\n font-style: italic;\n }\n\n .mc-anim-callout {\n margin-top: 32px;\n padding: 24px 28px;\n background: var(--mc-bg-warm);\n border-radius: 14px;\n border-left: 3px solid var(--mc-gold);\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 20px;\n align-items: center;\n }\n .mc-anim-callout-text {\n font-family: var(--serif);\n font-size: 15px;\n line-height: 1.5;\n color: var(--mc-ink);\n margin: 0;\n }\n .mc-anim-callout-text strong { font-weight: 600; }\n .mc-anim-callout-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: var(--sans);\n font-size: 13px;\n font-weight: 600;\n color: var(--mc-ink);\n border-bottom: 1px solid var(--mc-gold);\n padding-bottom: 2px;\n transition: gap 0.25s ease;\n white-space: nowrap;\n }\n .mc-anim-callout-link:hover { gap: 10px; }\n\n .mc-sono {\n margin-top: 24px;\n padding: 24px;\n background: var(--mc-ink);\n color: var(--mc-bg);\n border-radius: 14px;\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 20px;\n align-items: center;\n }\n .mc-sono-icon {\n width: 52px;\n height: 52px;\n border-radius: 50%;\n background: rgba(226, 211, 133, 0.15);\n border: 1px solid rgba(226, 211, 133, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .mc-sono-icon svg {\n width: 24px;\n height: 24px;\n stroke: var(--mc-gold);\n fill: none;\n stroke-width: 1.5;\n }\n .mc-sono-title {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: var(--mc-gold);\n margin: 0 0 4px;\n }\n .mc-sono-text {\n font-family: var(--serif);\n font-size: 15px;\n line-height: 1.5;\n margin: 0;\n color: rgba(253, 251, 243, 0.85);\n }\n .mc-sono-text strong {\n color: var(--mc-bg);\n font-weight: 600;\n }\n\n \/* DATABASE, nouveau layout vertical avec image pleine largeur *\/\n .mc-database {\n padding: 120px 0;\n background: var(--mc-bg-deep);\n color: var(--mc-bg);\n position: relative;\n overflow: hidden;\n }\n .mc-database::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.1), 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-database-head {\n position: relative;\n z-index: 2;\n max-width: 720px;\n margin: 0 auto 56px;\n text-align: center;\n }\n .mc-database-head .mc-section-eyebrow {\n color: var(--mc-gold);\n justify-content: center;\n }\n .mc-database-head .mc-section-eyebrow::before { background: var(--mc-gold); }\n .mc-database-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 20px;\n color: var(--mc-bg);\n }\n .mc-database-head h2 em { font-style: italic; color: var(--mc-gold); }\n .mc-database-head p {\n font-family: var(--serif);\n font-size: 18px;\n line-height: 1.6;\n color: rgba(253, 251, 243, 0.8);\n margin: 0 auto 24px;\n max-width: 60ch;\n }\n .mc-database-head strong { color: var(--mc-bg); font-weight: 600; }\n .mc-database-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n }\n .mc-database-tag {\n padding: 6px 14px;\n border-radius: 999px;\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--mc-gold);\n background: rgba(226, 211, 133, 0.08);\n border: 1px solid rgba(226, 211, 133, 0.25);\n }\n .mc-database-screenshot {\n position: relative;\n z-index: 2;\n max-width: 1100px;\n margin: 0 auto;\n border-radius: 14px;\n overflow: hidden;\n box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(226, 211, 133, 0.15);\n transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-database-screenshot:hover {\n transform: translateY(-4px);\n }\n .mc-database-screenshot img {\n width: 100%;\n height: auto;\n display: block;\n }\n\n \/* INSCRIPTIONS *\/\n .mc-insc {\n padding: 120px 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\n \/* Carrousel manuel de captures *\/\n .mc-insc-carousel {\n margin: 0 auto 48px;\n position: relative;\n max-width: 820px;\n }\n .mc-insc-carousel-track {\n position: relative;\n overflow: hidden;\n border-radius: 16px;\n box-shadow: 0 30px 60px -20px rgba(15, 17, 21, 0.25);\n }\n .mc-insc-slide {\n display: none;\n animation: mc-slide-fade 0.5s cubic-bezier(0.2, 0.8, 0.3, 1);\n }\n .mc-insc-slide.is-active {\n display: block;\n }\n @keyframes mc-slide-fade {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .mc-insc-slide-img-wrap {\n position: relative;\n background: var(--mc-bg-warm);\n overflow: hidden;\n max-height: 520px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .mc-insc-slide-img-wrap img {\n width: 100%;\n height: auto;\n max-height: 520px;\n object-fit: contain;\n display: block;\n }\n .mc-insc-slide-caption {\n padding: 20px 28px;\n background: var(--mc-ink);\n color: var(--mc-bg);\n display: flex;\n align-items: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n .mc-insc-slide-tag {\n display: inline-block;\n padding: 5px 12px;\n border-radius: 999px;\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--mc-ink);\n background: var(--mc-gold);\n font-weight: 600;\n flex-shrink: 0;\n }\n .mc-insc-slide-caption p {\n margin: 0;\n font-family: var(--serif);\n font-size: 15px;\n line-height: 1.5;\n color: rgba(253, 251, 243, 0.85);\n flex: 1;\n min-width: 280px;\n }\n .mc-insc-carousel-controls {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin-top: 24px;\n }\n .mc-insc-carousel-btn {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n border: 1px solid var(--mc-line-strong);\n background: var(--mc-bg);\n color: var(--mc-ink);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.25s ease;\n }\n .mc-insc-carousel-btn:hover {\n background: var(--mc-ink);\n color: var(--mc-gold);\n border-color: var(--mc-ink);\n transform: translateY(-1px);\n }\n .mc-insc-carousel-dots {\n display: flex;\n gap: 8px;\n }\n .mc-insc-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n border: none;\n background: var(--mc-line-strong);\n cursor: pointer;\n padding: 0;\n transition: all 0.25s ease;\n }\n .mc-insc-dot:hover {\n background: var(--mc-ink);\n transform: scale(1.15);\n }\n .mc-insc-dot.is-active {\n background: var(--mc-gold);\n width: 28px;\n border-radius: 999px;\n }\n\n \/* B\u00e9n\u00e9fices, grille 3-3-1 OU 4-3 selon pr\u00e9f\u00e9rence *\/\n .mc-benefits {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n .mc-benefit {\n padding: 28px 24px;\n background: var(--mc-bg);\n border-radius: 14px;\n border: 1px solid var(--mc-line);\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-benefit:hover {\n transform: translateY(-3px);\n border-color: var(--mc-line-strong);\n box-shadow: 0 16px 36px -12px rgba(15, 17, 21, 0.15);\n }\n .mc-benefit-icon {\n width: 40px;\n height: 40px;\n border-radius: 10px;\n background: var(--mc-gold);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n }\n .mc-benefit-icon svg {\n width: 20px;\n height: 20px;\n stroke: var(--mc-ink);\n fill: none;\n stroke-width: 2;\n }\n .mc-benefit h4 {\n font-family: var(--serif);\n font-size: 18px;\n font-weight: 500;\n margin: 0 0 8px;\n letter-spacing: -0.01em;\n }\n .mc-benefit p {\n font-size: 14px;\n line-height: 1.5;\n color: var(--mc-ink-soft);\n margin: 0;\n }\n .mc-benefit-tag {\n display: inline-block;\n margin-bottom: 12px;\n padding: 3px 9px;\n border-radius: 999px;\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--mc-ink);\n background: rgba(226, 211, 133, 0.18);\n border: 1px solid rgba(226, 211, 133, 0.4);\n }\n .mc-section-cta { margin-top: 40px; display: flex; justify-content: center; }\n\n \/* CHRONOM\u00c9TRAGE *\/\n .mc-chrono { padding: 120px 0; background: var(--mc-bg); }\n .mc-chrono-grid {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);\n gap: 64px;\n align-items: center;\n }\n .mc-chrono-media {\n position: relative;\n aspect-ratio: 5 \/ 4;\n border-radius: 12px;\n overflow: hidden;\n background: var(--mc-ink);\n }\n .mc-chrono-media img { width: 100%; height: 100%; object-fit: cover; }\n .mc-chrono-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n box-shadow: inset 0 0 0 1px rgba(226, 211, 133, 0.3);\n border-radius: 12px;\n pointer-events: none;\n }\n .mc-chrono-tag {\n position: absolute;\n top: 16px;\n left: 16px;\n padding: 6px 12px;\n border-radius: 999px;\n background: rgba(10, 12, 18, 0.85);\n color: var(--mc-gold);\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n backdrop-filter: blur(8px);\n }\n .mc-chrono-content 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 0 18px;\n }\n .mc-chrono-content h2 em {\n font-style: italic;\n color: var(--mc-gold-warm);\n }\n .mc-chrono-lede {\n font-family: var(--serif);\n font-size: 17px;\n line-height: 1.55;\n color: var(--mc-ink-soft);\n margin: 0 0 28px;\n }\n .mc-chrono-points {\n display: flex;\n flex-direction: column;\n gap: 14px;\n margin-bottom: 28px;\n }\n .mc-chrono-point {\n display: grid;\n grid-template-columns: 28px 1fr;\n gap: 14px;\n align-items: start;\n }\n .mc-chrono-point-mark {\n width: 28px;\n height: 28px;\n border-radius: 8px;\n background: var(--mc-bg-warm);\n border: 1px solid var(--mc-line-strong);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .mc-chrono-point-mark svg {\n width: 14px;\n height: 14px;\n stroke: var(--mc-gold-warm);\n fill: none;\n stroke-width: 2.5;\n }\n .mc-chrono-point-text {\n font-size: 15px;\n line-height: 1.5;\n color: var(--mc-ink);\n }\n .mc-chrono-point-text strong { font-weight: 600; }\n .mc-chrono-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 transition: gap 0.25s ease, border-color 0.25s ease;\n }\n .mc-chrono-link:hover {\n gap: 12px;\n border-color: var(--mc-gold);\n }\n\n \/* CTA FINAL *\/\n .mc-close {\n padding: 130px 0;\n background: var(--mc-ink);\n color: var(--mc-bg);\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n .mc-close::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(226, 211, 133, 0.12), transparent 70%);\n pointer-events: none;\n }\n .mc-close-inner {\n position: relative;\n z-index: 2;\n max-width: 760px;\n margin: 0 auto;\n }\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 }\n .mc-close h2 em {\n font-style: italic;\n color: var(--mc-gold);\n }\n .mc-close p {\n font-family: var(--serif);\n font-size: 19px;\n line-height: 1.55;\n color: rgba(253, 251, 243, 0.7);\n margin: 0 0 36px;\n }\n .mc-close-cta {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 14px;\n }\n .mc-close .mc-btn-gold:hover { background: var(--mc-bg); color: var(--mc-ink); }\n .mc-close .mc-btn-ghost {\n color: var(--mc-bg);\n border-color: rgba(253, 251, 243, 0.3);\n }\n .mc-close .mc-btn-ghost:hover {\n background: rgba(253, 251, 243, 0.08);\n border-color: var(--mc-gold);\n color: var(--mc-gold);\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 960px) {\n .mc-hero { padding: 6px 0 60px; }\n .mc-animation, .mc-database, .mc-insc, .mc-chrono, .mc-close { padding: 80px 0; }\n .mc-anim-grid, .mc-chrono-grid {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n .mc-anim-media { max-width: 500px; margin: 0 auto; position: static; }\n .mc-anim-callout { grid-template-columns: 1fr; gap: 14px; }\n .mc-benefits { grid-template-columns: 1fr 1fr; }\n }\n @media (max-width: 600px) {\n .mc-wrap { padding: 0 20px; }\n .mc-hero { padding: 4px 0 40px; }\n .mc-benefits { grid-template-columns: 1fr; }\n .mc-benefit { padding: 24px 20px; }\n .mc-sono { grid-template-columns: 1fr; text-align: center; }\n .mc-sono-icon { margin: 0 auto; }\n .mc-hero-nav-link { width: 100%; justify-content: space-between; }\n .mc-insc-slide-caption { padding: 16px 20px; }\n .mc-insc-slide-caption p { font-size: 14px; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n\n<section class=\"mc-hero\">\n <div class=\"mc-wrap mc-hero-inner\">\n <div class=\"mc-eyebrow\">\n <span class=\"mc-eyebrow-dot\"><\/span>\n <span>Our services in detail<\/span>\n <\/div>\n\n <h1 class=\"mc-h1\">\n What we deliver, <em>concretely<\/em>.\n <\/h1>\n\n <p class=\"mc-hero-lede\">\n Three services designed to grow your event: commentary that leaves a mark on your athletes, a registration platform that works for you, timing that strengthens your image.\n <\/p>\n\n <div class=\"mc-hero-nav\">\n <a href=\"#animation\" class=\"mc-hero-nav-link\">\n <span class=\"num\">01<\/span>\n <span>Commentary<\/span>\n <\/a>\n <a href=\"#inscriptions\" class=\"mc-hero-nav-link\">\n <span class=\"num\">02<\/span>\n <span>Registration<\/span>\n <\/a>\n <a href=\"#chronometrage\" class=\"mc-hero-nav-link\">\n <span class=\"num\">03<\/span>\n <span>Timing<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-animation\" id=\"animation\">\n <div class=\"mc-wrap\">\n <div class=\"mc-section-head mc-reveal\">\n <div class=\"mc-section-eyebrow\">01 \/ Commentary<\/div>\n <h2>Commentary that <em>grows<\/em> your event.<\/h2>\n <p>The atmosphere we create today is your registrations for next year. More emotion, more memories, more word-of-mouth, more recognition.<\/p>\n <\/div>\n\n <div class=\"mc-anim-grid\">\n <div class=\"mc-anim-media mc-reveal\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/service1-2.jpg\"\n alt=\"Animation MC Sport sur le terrain\" loading=\"lazy\">\n <div class=\"mc-anim-media-overlay\">\n <div class=\"mc-anim-media-overlay-tag\">Our core business<\/div>\n <div class=\"mc-anim-media-overlay-text\">\n \"We don't read off a list of bib numbers. We tell the story of a race.\"\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mc-anim-content mc-reveal\">\n <div class=\"mc-pillars\">\n <div class=\"mc-pillar\">\n <div class=\"mc-pillar-num\">01<\/div>\n <div class=\"mc-pillar-body\">\n <h3>In-depth preparation<\/h3>\n <p>Before the race, we study the start list. Background, results, series points, personal stories.<\/p>\n <div class=\"mc-pillar-detail\">\u2192 Your athletes feel recognized from their very first mention.<\/div>\n <\/div>\n <\/div>\n <div class=\"mc-pillar\">\n <div class=\"mc-pillar-num\">02<\/div>\n <div class=\"mc-pillar-body\">\n <h3>Live race reading<\/h3>\n <p>We commentate on the battles, the gaps, the surprises. We explain what's at stake beyond the position.<\/p>\n <div class=\"mc-pillar-detail\">\u2192 Your spectators understand what they're watching and stay until the end.<\/div>\n <\/div>\n <\/div>\n <div class=\"mc-pillar\">\n <div class=\"mc-pillar-num\">03<\/div>\n <div class=\"mc-pillar-body\">\n <h3>Integrated music management<\/h3>\n <p>Playlist built for race phases, award ceremonies, downtime. The music supports the storytelling.<\/p>\n <div class=\"mc-pillar-detail\">\u2192 An atmosphere that builds in waves, not background radio.<\/div>\n <\/div>\n <\/div>\n <div class=\"mc-pillar\">\n <div class=\"mc-pillar-num\">04<\/div>\n <div class=\"mc-pillar-body\">\n <h3>Individual recognition<\/h3>\n <p>First racer, 50th racer, beginner, veteran. Each one gets a mention that says more than their number.<\/p>\n <div class=\"mc-pillar-detail\">\u2192 Your mid-pack finishers leave with a story to tell.<\/div>\n <\/div>\n <\/div>\n <div class=\"mc-pillar\">\n <div class=\"mc-pillar-num\">05<\/div>\n <div class=\"mc-pillar-body\">\n <h3>Podium that closes the story<\/h3>\n <p>The ceremonies flow without lulls. Every category, every partner, every emotion finds its place.<\/p>\n <div class=\"mc-pillar-detail\">\u2192 Your sponsors are highlighted at the right moment, in front of an audience that's still present.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mc-anim-callout\">\n <p class=\"mc-anim-callout-text\">\n <strong>All of this is powered by our athlete database.<\/strong> Several thousand documented profiles in cycling, speed skating, running, and triathlon.\n <\/p>\n <a href=\"#database\" class=\"mc-anim-callout-link\">\n <span>View the database<\/span>\n <span>\u2193<\/span>\n <\/a>\n <\/div>\n\n <div class=\"mc-sono\">\n <div class=\"mc-sono-icon\">\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M9 18V5l12-2v13\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <circle cx=\"6\" cy=\"18\" r=\"3\"\/>\n <circle cx=\"18\" cy=\"16\" r=\"3\"\/>\n <\/svg>\n <\/div>\n <div>\n <p class=\"mc-sono-title\">Sound system, optional<\/p>\n <p class=\"mc-sono-text\">\n Une qualit\u00e9 de signal et de placement irr\u00e9prochable. Caisses, micros sans fil, console. Tout ce qu’il faut pour que l’animation porte, que l’ambiance monte et que rien ne se perde du d\u00e9part au dernier athl\u00e8te.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-database\" id=\"database\">\n <div class=\"mc-wrap\">\n <div class=\"mc-database-head mc-reveal\">\n <div class=\"mc-section-eyebrow\">Our technical edge<\/div>\n <h2>An athlete <em>database<\/em> developed in-house.<\/h2>\n <p>\n Thousands of documented profiles in cycling, speed skating, running, and triathlon. Results, teams, history, series points. <strong>That's what makes our commentary precise<\/strong> where others stay vague.\n <\/p>\n <div class=\"mc-database-tags\">\n <span class=\"mc-database-tag\">Cycling<\/span>\n <span class=\"mc-database-tag\">Short Track<\/span>\n <span class=\"mc-database-tag\">Running<\/span>\n <span class=\"mc-database-tag\">Triathlon<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mc-database-screenshot mc-reveal\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/database-stats.jpeg\"\n alt=\"Panneau d'administration MC Sport : 17 754 profils, 424 courses chronom\u00e9tr\u00e9es, 64 736 performances index\u00e9es\"\n loading=\"lazy\">\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-insc\" id=\"inscriptions\">\n <div class=\"mc-wrap\">\n <div class=\"mc-section-head mc-reveal\">\n <div class=\"mc-section-eyebrow\">02 \/ Registration platform<\/div>\n <h2>Your registrants become your <em>best salespeople<\/em>.<\/h2>\n <p>A platform built for performance sporting events, not a generic tool. Fast setup, custom forms, network effect built in from the moment of registration.<\/p>\n <\/div>\n\n \n <div class=\"mc-insc-carousel mc-reveal\" id=\"mc-insc-carousel\">\n <div class=\"mc-insc-carousel-track\">\n\n \n <div class=\"mc-insc-slide is-active\" data-slide=\"0\">\n <div class=\"mc-insc-slide-img-wrap\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/inscription-catalogue.jpeg\"\n alt=\"Catalogue des \u00e9v\u00e9nements disponibles sur la plateforme MC Sport\"\n loading=\"lazy\">\n <\/div>\n <div class=\"mc-insc-slide-caption\">\n <div class=\"mc-insc-slide-tag\">Catalog view<\/div>\n <p>All your events grouped on a single platform. Search, sport filters, one-click registration.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"mc-insc-slide\" data-slide=\"1\">\n <div class=\"mc-insc-slide-img-wrap\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/inscription-public.jpeg\"\n alt=\"Liste publique des participants inscrits \u00e0 un \u00e9v\u00e9nement MC Sport\"\n loading=\"lazy\">\n <\/div>\n <div class=\"mc-insc-slide-caption\">\n <div class=\"mc-insc-slide-tag\">Participant side<\/div>\n <p>The list of registrants visible to all, updated live. Seeing a friend registered pushes others to sign up too.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"mc-insc-slide\" data-slide=\"2\">\n <div class=\"mc-insc-slide-img-wrap\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/inscription-dashboard.jpeg\"\n alt=\"Dashboard organisateur MC Sport, vue d'un \u00e9v\u00e9nement avec statistiques en direct\"\n loading=\"lazy\">\n <\/div>\n <div class=\"mc-insc-slide-caption\">\n <div class=\"mc-insc-slide-tag\">Organizer side<\/div>\n <p>Your private dashboard to manage your events, track registrations and payouts in real time.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"mc-insc-carousel-controls\">\n <button class=\"mc-insc-carousel-btn mc-insc-carousel-prev\" aria-label=\"Image pr\u00e9c\u00e9dente\">\n <svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"15 18 9 12 15 6\"\/>\n <\/svg>\n <\/button>\n <div class=\"mc-insc-carousel-dots\">\n <button class=\"mc-insc-dot is-active\" data-go=\"0\" aria-label=\"Aller \u00e0 la premi\u00e8re image\"><\/button>\n <button class=\"mc-insc-dot\" data-go=\"1\" aria-label=\"Aller \u00e0 la deuxi\u00e8me image\"><\/button>\n <button class=\"mc-insc-dot\" data-go=\"2\" aria-label=\"Aller \u00e0 la troisi\u00e8me image\"><\/button>\n <\/div>\n <button class=\"mc-insc-carousel-btn mc-insc-carousel-next\" aria-label=\"Image suivante\">\n <svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"mc-benefits mc-reveal\">\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><polyline points=\"13 2 4 14 12 14 11 22 20 10 12 10 13 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h4>Custom form, delivered in 24 to 48 hours<\/h4>\n <p>Every field adapted to your sport and your event, online within 24 to 48 hours after receiving your information.<\/p>\n <\/div>\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M18 8a3 3 0 1 0-2.83-4M6 12a3 3 0 1 0 2.83 4M18 19a3 3 0 1 0-2.83-4M8.59 13.51l6.83 3.98M15.41 6.51l-6.82 3.98\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h4>Built-in social sharing<\/h4>\n <p>Share buttons at registration confirmation. Each athlete tells their network about your event, with no effort from you.<\/p>\n <\/div>\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2M16 3.13a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.87\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h4>Public registrant display<\/h4>\n <p>Public list updated in real time. Seeing a friend registered pushes others to sign up too.<\/p>\n <\/div>\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg>\n <\/div>\n <h4>Live organizer dashboard<\/h4>\n <p>Private dashboard with live statistics. Multiple events on the platform? Everything is grouped in one place.<\/p>\n <\/div>\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h4>Custom exports<\/h4>\n <p>Lists tailored to your needs, depending on the sport and your requests. Registrar exports, start lists, timing files: we prepare what you need.<\/p>\n <\/div>\n\n \n <div class=\"mc-benefit\">\n <div class=\"mc-benefit-icon\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h4>Access to your money on demand<\/h4>\n <p>No need to wait until the event ends. Registration funds are transferred to your account whenever you request it.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"mc-section-cta\">\n <a href=\"\/en\/inscriptions\/\" class=\"mc-btn mc-btn-primary\">\n <span>Discover the full platform<\/span>\n <span class=\"mc-btn-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-chrono\" id=\"chronometrage\">\n <div class=\"mc-wrap\">\n <div class=\"mc-chrono-grid\">\n <div class=\"mc-chrono-media mc-reveal\">\n <img decoding=\"async\" src=\"\/wp-content\/Image%20Site%20Web\/service2.png\"\n alt=\"Chronom\u00e9trage MC Sport, puces et r\u00e9sultats en direct\" loading=\"lazy\">\n <div class=\"mc-chrono-tag\">03 \/ Timing<\/div>\n <\/div>\n\n <div class=\"mc-chrono-content mc-reveal\">\n <div class=\"mc-section-eyebrow\">Electronic timing<\/div>\n <h2>Timing that <em>strengthens<\/em> your event.<\/h2>\n <p class=\"mc-chrono-lede\">\n A system designed to serve the athlete experience and the credibility of your event. Not a commodity, but a tool that serves your image.\n <\/p>\n\n <div class=\"mc-chrono-points\">\n <div class=\"mc-chrono-point\">\n <div class=\"mc-chrono-point-mark\">\n <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"mc-chrono-point-text\">\n <strong>Live timing visible to family and friends.<\/strong> Families follow their athlete live from their phone, wherever they are.\n <\/div>\n <\/div>\n <div class=\"mc-chrono-point\">\n <div class=\"mc-chrono-point-mark\">\n <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"mc-chrono-point-text\">\n <strong>Results published quickly.<\/strong> Categories, waves, teams, series. Your athletes leave with an official ranking ready to share.\n <\/div>\n <\/div>\n <div class=\"mc-chrono-point\">\n <div class=\"mc-chrono-point-mark\">\n <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"mc-chrono-point-text\">\n <strong>Active or passive chips, depending on the event.<\/strong> We choose the system that fits your format, your budget, and your stakes.\n <\/div>\n <\/div>\n <div class=\"mc-chrono-point\">\n <div class=\"mc-chrono-point-mark\">\n <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"mc-chrono-point-text\">\n <strong>Instagram Stories, optional.<\/strong> Your top performances showcased in stories, with athletes tagged directly. They reshare, your event gains visibility.\n <\/div>\n <\/div>\n <\/div>\n\n <a href=\"\/events\/2025\/coupe-canada-cup-6-2025.html\" class=\"mc-chrono-link\">\n <span>See an example of published results<\/span>\n <span>\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"mc-close\" id=\"contact\">\n <div class=\"mc-wrap mc-close-inner mc-reveal\">\n <h2>Ready to talk about <em>your event<\/em> ?<\/h2>\n <p>\n Hyrox, half-marathon, trail, cycling event, multisport, or federated series. Request a quote tailored to your edition. Response within 48 hours.\n <\/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=\"mailto:info@mcsportedge.com\" class=\"mc-btn mc-btn-ghost\">\n <span>info@mcsportedge.com<\/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 \/\/ Carrousel manuel de la section inscriptions\n (function() {\n const carousel = document.getElementById('mc-insc-carousel');\n if (!carousel) return;\n\n const slides = carousel.querySelectorAll('.mc-insc-slide');\n const dots = carousel.querySelectorAll('.mc-insc-dot');\n const prevBtn = carousel.querySelector('.mc-insc-carousel-prev');\n const nextBtn = carousel.querySelector('.mc-insc-carousel-next');\n\n if (!slides.length) return;\n\n let currentIndex = 0;\n\n function goTo(index) {\n currentIndex = (index + slides.length) % slides.length;\n slides.forEach((slide, i) => {\n slide.classList.toggle('is-active', i === currentIndex);\n });\n dots.forEach((dot, i) => {\n dot.classList.toggle('is-active', i === currentIndex);\n });\n }\n\n prevBtn && prevBtn.addEventListener('click', () => goTo(currentIndex - 1));\n nextBtn && nextBtn.addEventListener('click', () => goTo(currentIndex + 1));\n\n dots.forEach((dot, i) => {\n dot.addEventListener('click', () => goTo(i));\n });\n\n \/\/ Swipe tactile sur mobile\n let touchStartX = 0, touchEndX = 0;\n carousel.addEventListener('touchstart', (e) => {\n touchStartX = e.changedTouches[0].screenX;\n }, { 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) goTo(currentIndex + 1);\n else goTo(currentIndex - 1);\n }\n }, { passive: true });\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Services | MC Sport, animation, inscriptions et chronom\u00e9trage Nos services en d\u00e9tail Ce qu’on livre, concr\u00e8tement. Trois services pens\u00e9s pour faire grandir votre \u00e9v\u00e9nement : une animation qui marque vos […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7","page","type-page","status-publish","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\/7","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=7"}],"version-history":[{"count":35,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1285,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/1285"}],"wp:attachment":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}