@import url("./brand.css?v=20260910");
@import url("./ess-showcase.css?v=20261005");
/* One edge alignment from navigation through contact and footer. */
:root{--landing-gutter:clamp(24px,5vw,96px)}
/* Landing-only arena design. Native CSS; no changes to portal styles.
   Design variance 7 / motion intensity 6 / density 4.
   Reference-led dark theme; blue actions, red reserved for competition.
   Radius: controls 8px, panels 16px. Layers: scene 0, content 1, nav 30,
   menu backdrop 40, menu 41, modal 100 (legacy CMS modal uses 10000). */
:root{color-scheme:dark;--surface:#05101f;--panel:#0a1a2c;--panel-raised:#0e2239;--text:#f3f6fc;--muted:#a5b4c9;--line:#24364b;--accent:#49b9f6;--blue:#0867e8;--red:#eb4653;--radius:16px;--ink:var(--text);--soft:var(--panel);--navy:var(--surface)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body.mx-landing{margin:0;background:var(--surface);color:var(--text);font-family:"Avenir Next","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
img{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.12;letter-spacing:-.045em}
h2{font-size:clamp(2.1rem,3.8vw,3.8rem);font-weight:700}
h3{font-size:1.7rem;font-weight:650}
p{color:var(--muted)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #77ceff;outline-offset:5px}
button:active,.btn:active{transform:scale(.98)}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{position:fixed;top:12px;left:12px;z-index:11000;background:var(--text);color:var(--surface);padding:12px 20px}
.muted{color:var(--muted)}
.brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(100deg,#e23545 0%,#a44985 42%,#086beb 85%);font-size:1.25rem;font-weight:900;font-style:italic;letter-spacing:-.12em;color:#f8faff;padding-right:3px}
.site-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px;padding:0 max(4.5vw,24px);background:rgba(5,16,31,.94);border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}
.site-links,.nav-actions{display:flex;align-items:center;gap:22px;white-space:nowrap}
.site-links{font-size:.8rem;font-weight:500;gap:18px}
.site-links a,.nav-dropdown-toggle{color:#c5d1e1;transition:color .2s}
.site-links a:hover,.nav-dropdown-toggle:hover{color:var(--accent)}
.nav-actions{gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:13px 23px;border-radius:8px;border:1px solid transparent;font-size:.88rem;font-weight:650;line-height:1.3;white-space:nowrap;transition:background .2s,transform .2s,border-color .2s}
.btn-primary{background:var(--blue);color:#f8faff;box-shadow:0 6px 24px #006cff16}
.btn-primary:hover{background:#0b77fa;transform:translateY(-2px)}
.btn-ghost{background:#07172ac2;color:var(--text);border-color:#55728f}
.btn-ghost:hover{background:var(--panel-raised);border-color:var(--accent);transform:translateY(-2px)}
.btn-sm{min-height:38px;font-size:.76rem;padding:9px 13px;gap:8px}
.nav-actions .btn-ghost{border-color:transparent;background:transparent}
.nav-dropdown{position:relative}
.nav-dropdown-toggle{border:0;background:none;padding:10px 0;font:inherit;cursor:pointer}
.mx-landing .public-site-nav .nav-dropdown-menu{display:none;position:absolute;top:100%;left:-40px;min-width:205px;padding:10px;border-radius:8px;background:#0d2138!important;border:1px solid var(--line)!important;box-shadow:none!important}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid!important}
.nav-dropdown-menu a{display:block;padding:10px;font-size:.8rem}
.mobile-toggle,.public-mobile-menu,.public-mobile-menu-backdrop{display:none}
.arena-hero{position:relative;isolation:isolate;min-height:640px;height:min(740px,calc(100svh - 76px));max-height:820px;overflow:hidden;background:#031021}
.arena-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-3}
.arena-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#04101f88,transparent 60%),linear-gradient(0deg,#05101f 0%,transparent 24%)}
.hero-copy{position:relative;width:49%;max-width:710px;padding:clamp(58px,6.6vw,94px) 0 70px;margin-left:max(5vw,24px)}
.eyebrow{margin:0 0 24px;font-size:.66rem;line-height:1.5;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:#adddff}
.hero-copy h1{font-size:clamp(3.25rem,5.7vw,5.7rem);line-height:1.02;font-weight:750;letter-spacing:-.052em;margin:0 0 25px;text-wrap:balance}
.hero-copy h1 span{color:var(--accent)}
.hero-copy h1.cms-custom-heading{font-size:clamp(2.4rem,4.5vw,4.6rem);text-wrap:balance}
.hero-description{font-size:clamp(.94rem,1.25vw,1.12rem);line-height:1.7;max-width:445px;color:#c8d5e6;margin-bottom:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-actions .btn{gap:18px}
.arena-score{position:absolute;right:9%;bottom:72px;width:204px;padding:12px 20px;border:1px solid #57b0f780;border-radius:12px;background:#041329eb;box-shadow:0 10px 40px #00091966;transition:transform .25s,border-color .25s}
.arena-score:hover{transform:translateY(-4px);border-color:var(--accent)}
.arena-score-label{display:flex;justify-content:space-between;font-size:.57rem;letter-spacing:.06em;align-items:center}
.arena-score-label>span{font-size:.46rem;color:#a9c1dd}
.arena-score-points{display:flex;align-items:center;justify-content:space-between;line-height:1.15;margin:7px 0}
.arena-score-points b{color:#4197ff;font-size:2.75rem;font-variant-numeric:tabular-nums}
.arena-score-points b:last-child{color:var(--red)}
.arena-score-points i{height:30px;width:1px;background:#294363}
.arena-clock{display:block;text-align:center;font-weight:650;font-size:1rem;letter-spacing:.04em}
.arena-clock span{position:absolute;right:16px;color:var(--accent)}
.arena-light{position:absolute;pointer-events:none;z-index:-1;opacity:0;border-radius:50%}
.arena-light-blue{width:52%;height:40%;right:4%;top:17%;background:radial-gradient(ellipse,#2a91ff24,transparent 65%)}
.arena-light-red{width:25%;height:60%;right:-12%;top:0;background:radial-gradient(ellipse,#ff29421c,transparent 68%)}
.arena-trail{position:absolute;z-index:-1;right:9%;top:29%;width:39%;height:16%;border-top:1px solid #74cdff;border-radius:50%;opacity:0;transform:rotate(-16deg);pointer-events:none}
.arena-trail span{position:absolute;right:8%;top:-3px;width:5px;height:5px;border-radius:50%;background:#b5e7ff;box-shadow:0 0 15px 5px #1c92ff70}
.motion-toggle{position:absolute;right:28px;bottom:18px;border:0;background:transparent;color:#a9bdd4;font-size:.65rem;padding:8px}
.workflow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0;padding:0 var(--landing-gutter);border-bottom:1px solid var(--line)}
.workflow-strip a{display:flex;align-items:center;gap:15px;padding:28px 20px;border-right:1px solid var(--line);font-size:.9rem}
.workflow-strip a:first-child{padding-left:0}.workflow-strip a:last-child{border:0}
.workflow-strip a>span:last-child{margin-left:auto;color:#6686a8;transition:transform .2s}
.workflow-strip a:hover>span:last-child{transform:translate(2px,-2px);color:var(--accent)}
.workflow-index{color:#6e9bc5;font-size:.64rem;font-variant-numeric:tabular-nums}
.workflow-strip strong{font-weight:500}
.section{width:100%;max-width:none;margin:0;padding:106px var(--landing-gutter)}
.section[id]{scroll-margin-top:76px}
.section-head{max-width:760px;margin:0 auto 50px;text-align:center}
.section-head h2{margin:0 0 22px}.section-head h2 span,.venue-intro h2 span{color:#7f97b2}
.section-head p{max-width:580px;margin:0 auto;font-size:1rem;line-height:1.75}
.section-head .eyebrow{margin-bottom:20px;color:#aad7fa;font-size:.66rem}
.section-head.align-left{max-width:none;text-align:left}.section-head.align-left p{margin-left:0}
.capability-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px}
.capability{position:relative;min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:35px;background:var(--panel)}
.feature-label{display:block;margin-bottom:22px;color:#b4cbe1;font-size:.76rem;font-weight:500}
.capability h3{font-size:2.2rem;margin:0 0 16px}.capability p{max-width:390px;font-size:.9rem;line-height:1.75;margin-bottom:0}
.registration-feature{display:flex;flex-direction:column;align-items:flex-start;background:radial-gradient(ellipse at 100% 100%,#123c61 0%,transparent 70%),#0b1c2e;min-height:380px}
.feature-footer{display:flex;flex-wrap:wrap;gap:8px 18px;margin:30px 0 24px;font-size:.68rem;color:#a7c6e1}
.text-link{display:inline-flex;align-items:center;gap:28px;color:#8ed4ff;font-size:.87rem;font-weight:600;border-bottom:1px solid #38688c;padding-bottom:6px;transition:color .2s}
.text-link:hover{color:#d1eeff}
.registration-feature .text-link{margin-top:auto}
.feature-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;justify-content:space-between}
.feature-heading h3{font-size:1.55rem;margin-bottom:0}
.sample-label{font-size:.58rem;color:#9cb6d2;border:1px solid #36516d;border-radius:4px;padding:4px 7px}
.scoring-feature>p{margin-top:16px;margin-bottom:25px;font-size:.84rem}
.live-score-demo{padding:20px;border-radius:10px;background:#04101f;border:1px solid #263951}
.live-score-meta{display:flex;justify-content:space-between;font-size:.55rem;color:#9bb3ce;letter-spacing:.06em}
.live-score-numbers{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:5px;text-align:center;margin-top:20px}
.live-score-numbers>div>span{display:block;color:#7fb6fc;font-size:.55rem;letter-spacing:.1em}
.live-score-numbers>div:last-child>span{color:#ff9099}
.live-score-numbers output{display:block;color:#4197ff;font-weight:750;font-size:3.55rem;line-height:1.25;font-variant-numeric:tabular-nums}
.live-score-numbers>div:last-child output{color:var(--red)}
.live-score-time{font-size:1.15rem;font-variant-numeric:tabular-nums;font-weight:600}
.live-score-time small{display:block;color:#97aabd;font-size:.5rem;margin-top:6px;letter-spacing:.13em}
.score-controls{display:grid;grid-template-columns:1fr .8fr 1fr;gap:9px;margin-top:18px}
.score-controls button{padding:8px 3px;border:1px solid #2c5686;border-radius:5px;background:#112c50;color:#a7d1ff;font-size:.65rem;transition:background .2s,transform .2s}
.score-controls button:nth-child(2){border-color:#2b3b4f;background:transparent;color:#b8c5d4}
.score-controls button:last-child{border-color:#793242;background:#391d2a;color:#ffbac0}
.score-controls button:hover{background:#234e7e}.score-controls button:last-child:hover{background:#642335}
.discipline-feature{min-height:350px;padding:0;background:#071323}
.discipline-feature img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.discipline-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061323f7 0%,#061323c9 30%,#06132316 76%)}
.discipline-feature>div{position:relative;z-index:1;padding:35px;max-width:70%}
.discipline-feature h3{font-size:1.7rem}.discipline-feature p{font-size:.82rem}
.reports-feature{display:flex;flex-direction:column;background:#0b1b2b}
.reports-feature h3{font-size:2rem}.export-types{display:flex;gap:12px;margin-top:34px}
.export-types span{display:grid;place-items:center;width:74px;height:85px;border:1px solid #41617c;border-radius:5px 18px 5px 5px;background:#102a40;color:#acd4f3;font-size:.62rem;font-weight:650;letter-spacing:.08em}
.mx-landing .interactive-bracket-section{background:var(--surface);color:var(--text);overflow:visible;border-top:1px solid var(--line);max-width:none}
.mx-landing .interactive-bracket-section::before,.mx-landing .certificate-demo-section::before{display:none}
.mx-landing .mx-demo-shell{width:100%;margin-top:0;padding:18px;border-radius:16px;background:#0a1b2e;border-color:#29445d;box-shadow:none;backdrop-filter:none}
.mx-landing .mx-demo-board{border-radius:9px;background:#061323;padding:16px;min-height:530px;grid-template-columns:minmax(160px,1fr) 24px minmax(160px,1fr) 24px minmax(160px,1fr) 24px minmax(150px,.8fr)}
.mx-landing .mx-demo-match{border-radius:8px;background:#0c1d30;box-shadow:none}
.mx-landing .mx-demo-player{border-radius:4px;min-height:52px}.mx-landing .mx-demo-player span{color:#a3b8d0}
.mx-landing .mx-demo-button{border-radius:6px;font-size:.72rem;box-shadow:none;background:#122c48}
.mx-landing .mx-demo-button.is-primary{background:var(--blue)}
.mx-landing .mx-demo-toolbar{font-size:.6rem;text-transform:none;letter-spacing:0}
.mx-landing .mx-demo-live-dot{display:none}
.mx-landing .mx-demo-champion{border-radius:10px;animation:none;box-shadow:none}
.mx-landing .mx-demo-hint{color:#a0b7d1;font-size:.73rem}
.demo-loading{padding:60px 20px;text-align:center;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.demo-loading a{text-decoration:underline}
[data-interactive-bracket-demo]{min-height:805px}
[data-certificate-demo]{min-height:515px}
.mx-landing .certificate-demo-section{background:var(--surface);overflow:hidden;border-top:1px solid var(--line)}
.mx-landing .mx-certificate-shell{width:100%;gap:34px;grid-template-columns:minmax(260px,.7fr) minmax(0,1.35fr)}
.mx-landing .mx-certificate-controls{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:none;backdrop-filter:none;padding:28px}
.mx-landing .mx-certificate-controls h3{color:var(--text);font-size:1.3rem}
.mx-landing .mx-certificate-controls p,.mx-landing .mx-certificate-controls>small{color:var(--muted)}
.mx-landing .mx-certificate-controls label{color:#c7d4e4}
.mx-landing .mx-certificate-kicker{color:var(--accent);font-size:.6rem}
.mx-landing .mx-certificate-controls input,.mx-landing .mx-certificate-controls select{background:#05101f!important;color:var(--text);border:1px solid #3b5069!important;border-radius:7px;box-shadow:none!important;font-size:.8rem}
.mx-landing .mx-certificate-download{border-radius:7px;background:var(--blue);font-size:.85rem;font-weight:600;box-shadow:none}
.mx-landing .mx-certificate-stage{background:#102439;border:1px solid #34475b;border-radius:12px;box-shadow:0 20px 60px #01091440;padding:16px}
/* Match the current certificate master, independently of the older bundled
   demo stylesheet. Container units keep names aligned at every preview size. */
.mx-landing .mx-certificate-preview{aspect-ratio:3/2;container-type:inline-size;padding:0;border:0;outline:0;background:#fff}
.mx-landing .mx-real-cert-title,.mx-landing .mx-real-cert-subtitle,.mx-landing .mx-real-cert-player,.mx-landing .mx-real-cert-copy,.mx-landing .mx-real-cert-event,.mx-landing .mx-real-cert-date,.mx-landing .mx-real-cert-category,.mx-landing .mx-real-cert-venue,.mx-landing .mx-real-cert-number{position:absolute;display:block;z-index:2;text-align:center;line-height:1.1;color:#102345}
.mx-landing .mx-real-cert-title{top:10.7%;left:17%;width:66%;font-family:Georgia,serif;font-size:6cqw;font-weight:700;letter-spacing:.065em;text-transform:uppercase}
.mx-landing .mx-real-cert-subtitle{top:23.4%;left:18%;width:64%;font-size:2.6cqw;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9e0d19;white-space:nowrap}
.mx-landing .mx-real-cert-player{top:40.6%;left:15%;width:70%;font-family:Georgia,serif;font-size:4.8cqw;font-weight:700;letter-spacing:.01em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-landing .mx-real-cert-copy{top:54.05%;left:18%;width:64%;font-size:1.4cqw;font-weight:500;color:#334155}
.mx-landing .mx-real-cert-event{top:58.35%;left:19%;width:62%;font-size:1.5cqw;font-weight:700;color:#123f84}
.mx-landing .mx-real-cert-date{top:70.3%;left:20.03%;width:11.72%;font-size:1.15cqw}
.mx-landing .mx-real-cert-category{top:70.3%;left:34.82%;width:13.45%;font-size:1cqw}
.mx-landing .mx-real-cert-venue{top:70.3%;left:49.05%;width:13.02%;font-size:1cqw}
.mx-landing .mx-real-cert-number{top:69.25%;left:70.2%;width:16.4%;font-size:1cqw;white-space:nowrap}
.mx-landing .mx-real-cert-qr{left:8.03%;top:74.71%;width:7.6%;aspect-ratio:1}
.venue-section{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;border-top:1px solid var(--line)}
.venue-intro{max-width:420px}.venue-intro h2{font-size:clamp(2.6rem,4.5vw,4.3rem);margin-bottom:28px}.venue-intro p:not(.eyebrow){font-size:.96rem;margin-bottom:28px}
.venue-roles article{padding:24px 0;border-bottom:1px solid var(--line)}.venue-roles article:first-child{padding-top:0}
.venue-roles article>span{display:block;color:#88aacc;font-size:.6rem;letter-spacing:.1em;margin-bottom:14px}
.venue-roles h3{font-size:1.4rem;margin-bottom:12px}.venue-roles p{font-size:.88rem;max-width:430px;margin:0}
.pricing-section{border-top:1px solid var(--line)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pricing-card{position:relative;display:flex;flex-direction:column;padding:34px 28px;background:#0a1a2b;border:1px solid var(--line);border-radius:12px}
.pricing-card h3{margin:0;font-size:.8rem;letter-spacing:.12em;font-weight:600;color:#c7d6e9}
.pricing-card .price{font-size:2.7rem;letter-spacing:-.055em;font-weight:650;line-height:1.2;margin:24px 0 26px}
.pricing-card.featured{border-color:#378bea;background:linear-gradient(170deg,#102f50,#0a1a2b 60%)}
.popular{position:absolute;top:-13px;left:22px;padding:4px 11px;background:#1858a5;border:1px solid #427cbf;border-radius:5px;color:#f2f7ff;font-size:.62rem;white-space:nowrap}
.feature-list{padding:0;list-style:none;margin:0 0 32px;display:grid;gap:10px;font-size:.8rem;color:#bdcadd}
.feature-list li{display:flex;align-items:baseline;gap:10px}.feature-list li:before{content:"✓";color:#84c7f5;font-size:.72rem}
.pricing-card .btn{margin-top:auto;min-height:46px}.pricing-card:not(.featured) .btn{background:#102840;border-color:#3a5a76;color:#d7eaff}
.pricing-card:not(.featured) .btn:hover{background:#1b3e60}
.pricing-note{font-size:.73rem;text-align:center;margin:26px 0 0;color:#9eb1c7}
.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;border-top:1px solid var(--line)}
.faq-intro h2{font-size:clamp(2rem,3.4vw,3.2rem);margin:0 0 20px}.faq-intro .text-link{margin-top:12px}
.faq{min-width:0}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq details:first-child{padding-top:0}
.faq summary{cursor:pointer;list-style:none;position:relative;padding-right:32px;font-size:.87rem;font-weight:550;line-height:1.6}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;color:#87bdea;font-size:1.1rem;font-weight:400}.faq details[open] summary:after{content:"−"}
.faq details p{font-size:.82rem;margin:16px 22px 0 0;line-height:1.75}
.contact-section{border-top:1px solid var(--line)}
.contact-shell{display:grid;grid-template-columns:1fr 1.1fr;gap:8%}
.contact-copy h2{font-size:clamp(2.2rem,3.4vw,3.3rem);margin:0 0 24px}
.contact-copy>p{font-size:.9rem;max-width:370px}.contact-lead{color:#d0dfef}
.contact-methods{display:grid;gap:18px;margin-top:30px}.contact-method strong{font-size:.87rem;font-weight:500;overflow-wrap:anywhere}.contact-method small{display:block;color:#8ea6bf;font-size:.67rem;margin-top:1px}
.social-label{display:block;color:#9cb5cf;font-size:.65rem;margin:10px 0}
.social-links{display:flex;gap:10px}.social-links a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #38516b;border-radius:8px}.social-links svg{width:16px;height:16px;fill:currentColor}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.contact-form{align-self:start;padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}
.field label{color:#bdcfe3;font-size:.74rem;font-weight:500}
.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #3c526d;border-radius:6px;background:#061321;color:#f2f6fc;outline:none;font-size:.83rem;line-height:1.5}
.field input::placeholder,.field textarea::placeholder{color:#91a5bc;opacity:1}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#65b6f8;box-shadow:0 0 0 2px #4bafff30}
.field textarea{resize:vertical;min-height:120px}
.form-status{font-size:.8rem;margin:0;color:#b4dfff}.form-status:empty{display:none}.form-status.is-error{color:#ffacb5}
.mx-landing .site-footer{color:#a8bad0;background:#030d1a;border-top:1px solid var(--line)}
.mx-landing .mxp-compact-footer{padding:55px var(--landing-gutter) 24px!important;gap:35px 24px!important}
.mx-landing .site-footer h4{font-size:.74rem;font-weight:600;color:#e0ebf8}
.mx-landing .site-footer a{font-size:.71rem;line-height:1.8}.mx-landing .site-footer a:hover{color:#7bceff}
.mx-landing .site-footer .brand{color:#f3f6fc;font-size:1.2rem}
.mx-landing .mxp-compact-footer .footer-social-links a{border-radius:6px;background:none;box-shadow:none;backdrop-filter:none}
.mx-landing .demo-dialog{background:#0b1d31!important;border:1px solid #3b5776!important;border-radius:16px;box-shadow:0 20px 70px #000a19aa!important;color:var(--text)}
.mx-landing .demo-dialog h2{font-size:1.9rem;margin:8px 0}.mx-landing .demo-dialog p{font-size:.87rem}
.mx-landing .demo-dialog .eyebrow{color:#a3d5fc;font-size:.6rem}.demo-dialog-head{margin-bottom:24px}
.mx-landing .demo-close{background:#1a344f;color:#d1e4f7;flex-shrink:0}
.mx-landing .demo-dialog select{background-color:#061321!important;border-color:#3c526d!important;box-shadow:none!important}
.mx-landing .demo-consent{flex-direction:row;align-items:center;font-size:.76rem;color:#bdcfe3}.demo-consent input{accent-color:var(--blue)}
.announcement-banner{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 24px;background:#163a62;font-size:.85rem;flex-wrap:wrap}
.announcement-banner button{background:none;border:1px solid #6f95bc;color:#eaf4ff;border-radius:4px;font-size:1.2rem;line-height:1;padding:3px 8px}
@media(prefers-reduced-motion:no-preference){
  .hero-copy{animation:hero-enter .85s cubic-bezier(.16,1,.3,1) both}
  .arena-light-blue{animation:arena-breathe 8s ease-in-out 1s infinite}
  .arena-light-red{animation:arena-breathe 8s ease-in-out 3s infinite}
  .arena-trail{animation:kick-trail 8s ease-in-out 1s infinite}
  [data-reveal].will-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}
  [data-reveal].is-visible{opacity:1;transform:none}
  .score-changed{animation:score-feedback .35s ease-out}
}
@keyframes hero-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes arena-breathe{0%,100%{opacity:.12;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@keyframes score-feedback{0%{transform:scale(.94);opacity:.55}60%{transform:scale(1.06)}100%{transform:none;opacity:1}}
@keyframes kick-trail{0%,16%,80%,100%{opacity:0;transform:rotate(-16deg) scaleX(.75)}28%,44%{opacity:.65;transform:rotate(-16deg) scaleX(1)}65%{opacity:0;transform:rotate(-16deg) scaleX(1.04)}}
.effects-paused .arena-light,.effects-paused .arena-trail{animation-play-state:paused;opacity:0}
/* Keep hero copy near the left edge on wide displays. The arena artwork
   retains its existing right-side composition, independent of this gutter. */
@media(min-width:1600px){.arena-image{object-position:50% 50%}}
@media(max-width:1280px){.site-nav{gap:16px;padding-inline:24px}.site-links{gap:12px;font-size:.7rem}.brand{font-size:1.15rem}.nav-actions .btn-sm{font-size:.68rem;padding-inline:10px}.hero-copy{width:51%}.hero-actions .btn{font-size:.8rem;padding-inline:18px}.mx-landing .mx-demo-board{grid-template-columns:minmax(140px,1fr) 15px minmax(140px,1fr) 15px minmax(140px,1fr) 15px minmax(130px,.8fr)}}
@media(max-width:1100px){
  [data-certificate-demo]{min-height:950px}
  .site-links,.nav-actions{display:none}.mobile-toggle{display:block;padding:9px 14px;border:1px solid #3c5570;border-radius:6px;background:none;color:var(--text);font-size:.8rem}
  .public-mobile-menu.open{display:grid;position:fixed;right:18px;top:86px;z-index:41;width:min(340px,calc(100vw - 36px));max-height:calc(100dvh - 104px);overflow:auto;padding:15px;border:1px solid #3b5673;border-radius:12px;background:#0b1e33;box-shadow:0 30px 70px #00081699}
  .public-mobile-menu a{display:block;padding:11px 14px;border-radius:5px;font-size:.87rem}.public-mobile-menu a:hover{background:#17334f}
  .public-mobile-menu-backdrop.open{display:block;position:fixed;inset:76px 0 0;z-index:29;border:0;background:#00091988}
  .public-mobile-menu-active{overflow:hidden}
  .arena-hero{min-height:590px;max-height:690px}.hero-copy{padding-top:64px}.hero-copy h1{font-size:clamp(3rem,6vw,4.4rem)}
  .hero-description{max-width:350px;font-size:.9rem}.hero-actions{gap:10px}.hero-actions .btn{padding:12px 15px;gap:10px;font-size:.72rem}
  .arena-score{right:7%;bottom:65px;width:176px}.arena-score-points b{font-size:2.2rem}
  .capability{padding:27px}.discipline-feature{padding:0}.discipline-feature>div{padding:27px;max-width:75%}
  .section{padding-block:80px}.mx-landing .mx-demo-board{display:grid;grid-template-columns:180px 18px 180px 18px 180px 18px 165px;overflow-x:auto}
  .mx-landing .mx-certificate-shell{grid-template-columns:1fr;gap:24px}.mx-landing .mx-certificate-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-certificate-controls>div,.mx-certificate-download,.mx-certificate-controls>small{grid-column:1/-1}
  .pricing-card{padding:30px 23px}.pricing-card .price{font-size:2.4rem}.contact-shell{gap:40px}.contact-form{padding:24px}
}
@media(max-width:767px){
  [data-interactive-bracket-demo]{min-height:1660px}
  [data-certificate-demo]{min-height:calc(480px + (100vw - 64px)/1.5)}
  html{scroll-padding-top:76px}.site-nav{height:66px;padding-inline:20px}.brand{font-size:1.2rem}.brand-mark{width:34px;height:34px}
  .public-mobile-menu.open{top:76px}.public-mobile-menu-backdrop.open{inset:66px 0 0}
  .arena-hero{min-height:770px;height:auto;max-height:none}
  .arena-image{top:385px;height:auto;object-fit:contain;object-position:center;width:660px;max-width:none;left:calc(50% - 412px);mask-image:linear-gradient(180deg,transparent,#000 15%,#000 90%,transparent)}
  .arena-shade{background:linear-gradient(180deg,#05101f 0%,#05101f 34%,#05101f00 61%,#05101f00 80%,#05101f 100%)}
  .hero-copy{width:auto;max-width:560px;margin:0;padding:42px 24px 0}
  .hero-copy .eyebrow{font-size:.57rem;margin-bottom:17px;letter-spacing:.17em}
  .hero-copy h1{font-size:clamp(2.65rem,8.8vw,4.2rem);line-height:1.01;max-width:100%;margin-bottom:20px}
  .hero-description{max-width:420px;font-size:.88rem;line-height:1.6}
  .hero-actions{margin-top:22px;gap:10px}.hero-actions .btn{font-size:.73rem;min-height:46px;padding:12px 16px;gap:9px}
  .arena-score{right:25px;bottom:40px;width:148px;padding:10px 14px}.arena-score-label{font-size:.48rem}.arena-score-label>span{font-size:.4rem}.arena-score-points b{font-size:1.9rem}.arena-clock{font-size:.8rem}
  .arena-light-blue{top:50%;width:80%}.arena-light-red{top:47%}
  .arena-trail{display:none}
  .motion-toggle{right:19px;bottom:5px;font-size:.58rem}
  .workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 24px}
  .workflow-strip a{padding:20px 12px;font-size:.76rem;gap:10px}.workflow-strip a:nth-child(2){border-right:0}.workflow-strip a:nth-child(3){padding-left:0}.workflow-strip a:nth-child(-n+2){border-bottom:1px solid var(--line)}.workflow-index{font-size:.55rem}
  .section{padding:66px 24px}.section-head{margin-bottom:34px;text-align:left}.section-head p{margin-left:0;font-size:.9rem}.section-head h2{font-size:clamp(1.95rem,6.8vw,2.8rem);margin-bottom:18px}
  .capability-grid{grid-template-columns:1fr;gap:16px}.capability{padding:28px}.capability h3{font-size:1.85rem}.registration-feature{min-height:340px}.capability p{font-size:.86rem}
  .scoring-feature .feature-heading h3{font-size:1.5rem}.live-score-demo{padding:18px}.live-score-numbers output{font-size:3.7rem}
  .discipline-feature{min-height:340px;padding:0}.discipline-feature>div{padding:28px;max-width:73%}.discipline-feature h3{font-size:1.65rem}.discipline-feature p{font-size:.77rem}
  .reports-feature{min-height:290px}.reports-feature h3{font-size:1.9rem}.export-types{margin-top:26px}.export-types span{height:65px;width:64px}
  .mx-landing .mx-demo-shell{padding:12px}.mx-landing .mx-demo-board{display:flex;flex-direction:column;min-height:0;padding:14px;gap:16px;overflow:visible}.mx-landing .mx-demo-toolbar{align-items:flex-start;flex-direction:column;gap:14px;padding-bottom:16px}.mx-landing .mx-demo-toolbar>div:last-child{width:100%}.mx-demo-button{flex:1}.mx-landing .mx-demo-player{min-height:49px}.mx-landing .mx-demo-connector{height:20px;width:1px;align-self:center;background:#4384bd}.mx-landing .mx-demo-connector::before,.mx-landing .mx-demo-connector::after{display:none}.mx-landing .mx-demo-champion{width:100%;min-height:155px}
  .mx-landing .mx-certificate-controls{grid-template-columns:1fr;padding:23px}.mx-landing .mx-certificate-controls>*{grid-column:1}.mx-landing .mx-certificate-stage{padding:7px;border-radius:8px}.mx-landing .mx-certificate-shell{margin-top:0}
  .venue-section{grid-template-columns:1fr;gap:42px}.venue-intro{max-width:none}.venue-intro h2{font-size:2.8rem}.venue-intro h2 br:first-child{display:none}.venue-intro h2 br:first-child::after{content:" "}.venue-roles article{padding:24px 0}.venue-roles article:last-child{border-bottom:0}
  .pricing-grid{grid-template-columns:1fr;gap:24px}.pricing-card{padding:30px}.pricing-card .price{font-size:2.7rem}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:.71rem}.pricing-card .btn{width:100%}.pricing-note{text-align:left;font-size:.72rem}
  .faq-section{grid-template-columns:1fr;gap:35px}.faq-intro h2 br{display:none}.faq-intro h2{font-size:2.25rem}.faq details{padding:20px 0}
  .contact-shell{grid-template-columns:1fr;gap:36px}.contact-copy h2{font-size:2.35rem}.contact-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.contact-method strong{font-size:.72rem}.contact-method small{font-size:.6rem}.contact-social{grid-column:1/-1}.contact-form{padding:23px;gap:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.contact-form .field label{font-size:.78rem}.field input,.field select,.field textarea{font-size:16px}
  .mx-landing .mxp-compact-footer{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:40px 24px 24px!important;gap:26px!important}.mx-landing .site-footer a{font-size:.76rem}
  .demo-modal{padding:12px}.mx-landing .demo-dialog{max-height:90dvh;padding:23px}.mx-landing .demo-dialog .form-grid{grid-template-columns:1fr}.demo-dialog .field.full{grid-column:1}
}
@media(min-width:768px) and (max-width:1000px){
  .arena-hero{min-height:850px;height:850px;max-height:none}
  .hero-copy{width:100%;max-width:650px;padding:44px 40px 0;margin:0}
  .hero-copy h1{font-size:3.4rem}.hero-description{max-width:460px}
  .hero-copy .eyebrow{margin-bottom:20px}.hero-actions{margin-top:24px}
  .arena-image{top:370px;width:850px;height:auto;max-width:none;left:calc(50% - 535px);object-fit:contain;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 90%,transparent)}
  .arena-shade{background:linear-gradient(180deg,#05101f 0%,#05101f 32%,transparent 58%,transparent 80%,#05101f 100%)}
  .arena-score{bottom:42px;right:8%}.arena-trail{display:none}.arena-light-blue{top:49%}
  .workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-strip a:nth-child(2){border-right:0}.workflow-strip a:nth-child(3){padding-left:0}.workflow-strip a:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:374px){.hero-copy{padding-inline:18px}.hero-copy h1{font-size:2.05rem}.arena-image{width:590px;left:calc(50% - 390px)}.hero-actions .btn{padding-inline:10px;font-size:.68rem}.section{padding-inline:18px}.workflow-strip{padding-inline:18px}.feature-list{grid-template-columns:1fr}.contact-methods{grid-template-columns:1fr}.contact-method strong{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.mx-landing *,.mx-landing *::before,.mx-landing *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-toggle{display:none}[data-reveal]{opacity:1!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){.site-nav{background:#05101f;backdrop-filter:none}.demo-modal{backdrop-filter:none;background:#020916eb}}

/* Full-width landing rhythm, including CMS-injected demos and footer. */
.mx-landing .site-nav,
.mx-landing .section,
.mx-landing .workflow-strip{padding-inline:var(--landing-gutter)}
.mx-landing .hero-copy{margin-left:var(--landing-gutter)}
.mx-landing .mxp-compact-footer{width:100%;max-width:none;padding-inline:var(--landing-gutter)!important}
.mx-landing .section-head{max-width:none;text-align:left}
.mx-landing .section-head h2{max-width:900px}
.mx-landing .section-head p{margin-left:0}

/* Arena header: a strong identity, one-line navigation and distinct account
   actions. Portal topbars are deliberately outside this selector. */
.mx-landing .site-nav{gap:24px;background:#05101ff5;border-bottom-color:#30445b;height:76px}
.mx-landing .site-nav>.brand{flex:none;font-size:1.4rem;gap:10px}
.mx-landing .site-nav .brand-mark{width:50px;flex-basis:50px;height:44px}
.mx-landing .site-links{gap:clamp(14px,1.25vw,24px);margin-inline:auto;font-size:.82rem;font-weight:550}
.mx-landing .site-links>a,.mx-landing .nav-dropdown-toggle{position:relative;padding-block:26px;line-height:23px}
.mx-landing .site-links>a::after,.mx-landing .nav-dropdown-toggle::after{content:"";position:absolute;inset:auto 0 15px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.mx-landing .site-links>a:hover::after,.mx-landing .site-links>a:focus-visible::after,.mx-landing .site-links>a[aria-current="page"]::after,.mx-landing .nav-dropdown:focus-within .nav-dropdown-toggle::after{transform:scaleX(1)}
.mx-landing .site-links>a[aria-current="page"]{color:#f3f6fc}
.mx-landing .nav-actions{gap:10px;flex:none}
.mx-landing .nav-actions .btn{min-height:42px;font-size:.77rem;padding:11px 16px;border-radius:7px}
.mx-landing .nav-actions .btn-ghost{border-color:#344a63;background:#0b1a2d}
.mx-landing .nav-actions .btn-primary{box-shadow:none}
.mx-landing .public-site-nav .nav-dropdown-menu{left:0;transform:none;top:calc(100% - 5px)}
@media(min-width:1101px) and (max-width:1380px){
  .mx-landing .site-nav{gap:16px}
  .mx-landing .site-nav>.brand{font-size:1.15rem;gap:6px}
  .mx-landing .site-nav .brand-mark{width:40px;flex-basis:40px}
  .mx-landing .site-links{gap:12px;font-size:.72rem}
  .mx-landing .nav-actions .btn{font-size:.69rem;padding-inline:11px}
}
@media(max-width:1100px){
  .mx-landing .mobile-toggle{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 14px;background:#0b1a2d}
  .mx-landing .mobile-toggle::before{content:"";width:17px;height:8px;border-block:2px solid currentColor}
}
@media(max-width:1000px){.mx-landing .hero-copy{margin-left:0;padding-inline:var(--landing-gutter)}}
@media(max-width:767px){
  :root{--landing-gutter:24px}
  .mx-landing .site-nav{height:66px}
  .mx-landing .site-nav>.brand{font-size:1.18rem;gap:7px}
  .mx-landing .site-nav .brand-mark{width:38px;flex-basis:38px;height:34px}
}
@media(max-width:374px){:root{--landing-gutter:18px}.mx-landing .site-nav{gap:10px}.mx-landing .site-nav>.brand{font-size:1.05rem}.mx-landing .mobile-toggle{padding-inline:10px}}
@media(prefers-reduced-transparency:reduce){.mx-landing .site-nav{background:#05101f}}