/*
Theme Name: MyMember.online — Neon Membership
Theme URI: https://www.mymember.online/
Author: MyMember.online
Description: Custom WordPress marketing theme based on the approved MyMember.online neon-navy, cyan and lime design. Editable content, responsive sections, sector examples and a secure demo enquiry form.
Version: 2.0.0
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: mymember-online
License: GPL-2.0-or-later
*/
:root{--navy:#041632;--navy2:#06234a;--panel:#041b38;--panel2:#0a3060;--blue:#0078ff;--cyan:#00d8f4;--lime:#c6ff00;--green:#78ed00;--white:#f8fcff;--muted:#c6d8ef;--line:#24cfff;--max:1500px;--radius:20px;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--white);background:var(--navy);line-height:1.5;-webkit-font-smoothing:antialiased}body.mm-site{background-image:radial-gradient(ellipse 60% 35% at 100% 3%,#053365 0%,transparent 75%),radial-gradient(ellipse 60% 32% at 4% 35%,#0349aa88 0%,transparent 76%),linear-gradient(155deg,#06182f,#03132b 55%,#071d40)}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}p{color:var(--muted)}.mm-container{max-width:var(--max);margin:0 auto;padding-left:clamp(18px,5.4vw,90px);padding-right:clamp(18px,5.4vw,90px)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mm-skip-link{position:absolute;left:8px;top:-70px;background:var(--lime);color:#03132b;z-index:100;padding:10px 18px;border-radius:10px}.mm-skip-link:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}::selection{background:var(--lime);color:#03132b}
/* Brand & primary header */
.mm-header{position:relative;z-index:20;background:linear-gradient(180deg,rgba(3,19,43,.97),rgba(3,19,43,.63));border-bottom:1px solid rgba(20,172,255,.08)}.mm-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:83px}.mm-brand-link{display:inline-flex;flex-shrink:0;min-width:0}.mm-brand{display:inline-flex;align-items:center;gap:7px;position:relative;white-space:nowrap}.mm-brand__icon{width:62px;height:61px;object-fit:cover;display:block;border-radius:10px}.mm-brand__name{font-size:clamp(22px,2.3vw,34px);font-weight:860;color:white;letter-spacing:-.06em;line-height:1}.mm-brand__dot,.mm-lime{color:var(--lime)}.mm-brand::after{content:"";position:absolute;left:27%;bottom:-10px;width:70%;height:4px;border-radius:50% 100% 100% 0;background:linear-gradient(90deg,transparent,#008fff 15%,#04dff0 52%,#74e000 90%,transparent);transform:rotate(-2deg);filter:drop-shadow(0 0 4px #08c7fb77)}.mm-nav{display:flex;align-items:center;gap:clamp(16px,2.8vw,48px);margin-left:auto}.mm-nav>a{font-size:16px;font-weight:580;position:relative;padding:12px 0}.mm-nav>a:hover,.mm-nav>a.is-current{color:#fff}.mm-nav>a.is-current:after,.mm-nav>a:hover:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:3px;background:var(--lime);border-radius:10px}.mm-header__actions{display:flex;align-items:center;gap:13px;margin-left:auto}.mm-menu-toggle{display:none;color:#fff;background:#052951;border:1px solid var(--cyan);font-size:24px;border-radius:10px;padding:3px 11px}
.mm-button{border-radius:100px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:10px 28px;font-weight:800;letter-spacing:-.03em;color:white;border:2px solid transparent;transition:transform .18s,filter .18s,background .18s;text-align:center}.mm-button:hover{transform:translateY(-2px);filter:brightness(1.07)}.mm-button--lime{background:linear-gradient(120deg,#d6ff00,#aaff00);color:#00162a;box-shadow:0 0 24px #a8ff0024}.mm-button--outline{border-color:var(--cyan);background:#041c35}.mm-button--small{min-height:39px;padding:6px 22px;font-weight:750;font-size:15px}.mm-button--video{border-color:#e1ee15;background:rgba(4,19,42,.78)}.mm-button--video span{color:var(--cyan);font-size:22px}
/* The approved above-the-fold composition, adapted responsively */
.mm-hero{position:relative;isolation:isolate;overflow:hidden}.mm-hero::before{content:"";position:absolute;z-index:-1;width:85vw;height:250px;left:-22vw;bottom:-135px;transform:rotate(-18deg);border-radius:50%;background:linear-gradient(110deg,#003eac,#006fff 53%,#08ccfc88 73%,transparent);filter:blur(1px)}.mm-hero::after{content:"";position:absolute;z-index:-1;width:900px;height:130px;right:-460px;top:80px;transform:rotate(-12deg);border-radius:65%;background:linear-gradient(0deg,#0069c6,#00c86d,#a8ff00);box-shadow:0 18px 10px #00b88844}.mm-hero__grid{min-height:390px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:10px}.mm-hero__content{position:relative;z-index:2;padding:25px 0 25px}.mm-eyebrow{text-transform:uppercase;color:var(--cyan);font-size:clamp(14px,1.4vw,22px);font-weight:780;letter-spacing:.015em;margin-bottom:12px}.mm-hero h1{font-size:clamp(38px,4.25vw,67px);font-weight:880;letter-spacing:-.055em;line-height:1.04;margin:0 0 15px;max-width:760px}.mm-hero h1 span,.mm-intro h2 span,.mm-subhero h1 span,.mm-final-cta h2 span{display:block;color:var(--lime)}.mm-hero__lead{font-size:clamp(17px,1.48vw,22px);line-height:1.27;max-width:640px;color:#fff;margin-bottom:20px}.mm-hero__buttons{display:flex;flex-wrap:wrap;gap:17px}.mm-hero__buttons>.mm-button:first-child{min-width:250px}.mm-hero__art{position:relative;height:406px;display:grid;place-items:center;margin:-18px 0 -5px}.mm-hero__art img{width:min(100%,505px);max-height:455px;object-fit:contain;filter:drop-shadow(0 8px 15px #020c1c55);mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%)}.mm-value-strip{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-top:18px}.mm-value-strip span{display:flex;align-items:center;gap:10px;font-size:15px;padding:0 19px;color:#fff;font-weight:630;border-right:1px solid var(--cyan)}.mm-value-strip span:first-child{padding-left:0}.mm-value-strip span:last-child{border:0}.mm-value-strip b{font-size:22px;color:var(--cyan)}
/* Featured product tiles: same approved icon graphics and native responsive labels */
.mm-front-features{position:relative;z-index:3;margin-top:0;padding-bottom:11px}.mm-section-heading{display:flex;align-items:center;justify-content:center;gap:32px;margin:0 auto 12px;text-align:center}.mm-section-heading h2{font-size:clamp(23px,2.3vw,33px);font-weight:830;letter-spacing:-.045em;line-height:1.15;margin:0;white-space:nowrap}.mm-section-heading h2 span{color:var(--lime)}.mm-hline{width:clamp(45px,12vw,170px);height:3px;background:linear-gradient(90deg,transparent,#6fff00,#d0fc00);border-radius:10px;flex-shrink:1}.mm-hline:last-child{background:linear-gradient(90deg,#d0fc00,#6fff00,transparent)}.mm-feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px 12px;border:2px solid var(--cyan);border-radius:19px;padding:14px 17px;box-shadow:inset 0 0 23px #00adff31,0 0 22px #00c8ff17;background:linear-gradient(170deg,#031933ed,#052a50c7)}.mm-feature-tile{min-height:66px;display:flex;align-items:center;gap:9px;padding:5px 9px;border-radius:13px;border:1.5px solid #4cc4fe;background:linear-gradient(165deg,#08467b,#06182f 73%);box-shadow:inset 0 2px 8px #006fff25;min-width:0;transition:transform .16s,box-shadow .16s}.mm-feature-tile:hover{transform:translateY(-3px);box-shadow:0 4px 18px #00c8ff45}.mm-feature-tile img{width:61px;height:52px;flex:0 0 61px;object-fit:cover;border-radius:9px}.mm-feature-tile span{font-size:clamp(12px,1.08vw,16px);font-weight:770;line-height:1.17;letter-spacing:-.035em;color:white}.mm-orgs{padding:3px 0 33px}.mm-orgs .mm-section-heading{margin-top:9px;margin-bottom:20px}.mm-org-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.mm-org-tile{position:relative;display:flex;align-items:center;min-height:112px;gap:9px;padding:10px 12px;overflow:hidden;background:linear-gradient(170deg,#055bba 0%,#0a2852 48%,#072349 80%);border-radius:17px;border:1.5px solid #29d4ff;box-shadow:inset 0 0 10px #005fff66}.mm-org-tile:after{position:absolute;content:"";height:26px;bottom:-11px;left:-5%;right:-5%;transform:rotate(-6deg);background:linear-gradient(90deg,#0051e2,#02c0f4,#99ff00);border-radius:50%;z-index:0}.mm-org-tile img{width:clamp(65px,7vw,90px);height:65px;object-fit:contain;flex:0 0 auto;position:relative;z-index:1;mix-blend-mode:screen}.mm-org-tile span{font-weight:790;font-size:clamp(14px,1.22vw,19px);line-height:1.12;letter-spacing:-.035em;position:relative;z-index:1}.mm-org-tile:hover{box-shadow:0 0 22px #00c6fb55}
/* Below fold: genuine editable, interactive website content */
.mm-below{position:relative;background:linear-gradient(135deg,#071a37 2%,#082d56 62%,#031733);border-top:1px solid #0a4380;border-bottom:1px solid #0b426b;padding:75px 0}.mm-below__inner{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.mm-intro h2,.mm-final-cta h2{font-size:clamp(29px,3.3vw,48px);font-weight:850;line-height:1.12;letter-spacing:-.045em}.mm-intro p:not(.mm-eyebrow){max-width:630px;font-size:19px;line-height:1.6}.mm-inline-link{display:inline-block;color:var(--cyan);font-weight:760;margin-top:8px}.mm-inline-link:hover{text-decoration:underline}.mm-interactive-app{border:2px solid #06b9f7;max-width:445px;width:100%;margin-inline:auto;border-radius:25px;padding:21px;background:linear-gradient(155deg,#073a79,#051730 75%);box-shadow:0 0 50px #0352ff36,inset 0 0 40px #032b76}.mm-app-top{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #26cdff55;padding-bottom:14px;font-weight:800}.mm-app-orb{color:var(--cyan);letter-spacing:1px}.mm-micro{color:var(--cyan);font-size:12px;font-weight:750;letter-spacing:.1em;margin:18px 0 10px}.mm-demo-screen{min-height:174px}.mm-card{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px;border-radius:16px;border:2px solid var(--lime);background:linear-gradient(135deg,#052445,#0e705a,#093060);box-shadow:0 0 16px #a3ff008c}.mm-card b{font-size:14px}.mm-card p{color:#fff;margin:13px 0 1px;font-weight:760}.mm-card small{font-size:12px;color:#d8ffcb}.mm-card__code{font-size:67px;color:#fff;line-height:1}.mm-small-note{font-size:12px;margin:12px 0;color:#a3c0d7}.mm-app-tabs{display:flex;gap:6px;margin-top:13px}.mm-app-tabs button{flex:1;background:#0b3765;border:1px solid #2476a3;color:#e2f8ff;border-radius:9px;padding:10px 3px;font-weight:760}.mm-app-tabs button.is-active,.mm-app-tabs button:hover{background:var(--lime);color:#05203a;border-color:var(--lime)}.mm-demo-item{border:1px solid #1e9bc5;padding:15px;margin:10px 0;background:#062d54;border-radius:10px}.mm-demo-item b,.mm-demo-item span{display:block}.mm-demo-item span{color:#b7d4ec;font-size:13px;margin-top:4px}
.mm-growth{padding:75px 0 84px}.mm-growth h2{font-size:clamp(28px,3.2vw,44px);letter-spacing:-.04em;line-height:1.2;margin-bottom:28px}.mm-growth__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mm-growth__cards article{padding:29px 27px;border-radius:17px;border:1px solid #0d84b6;background:linear-gradient(155deg,#103c67,#061731 80%)}.mm-growth__cards article span{color:var(--lime);font-size:36px;font-weight:800}.mm-growth__cards h3{font-size:22px;margin:12px 0}.mm-growth__cards p{margin:0;font-size:16px}.mm-final-cta{padding:73px 0 84px;text-align:center;background:linear-gradient(130deg,#0354a4aa,#061936 40%,#035e5a77);border-block:1px solid #057aa0}.mm-final-cta h2 span{display:inline}.mm-final-cta p{font-size:19px;color:white;margin-bottom:28px}
/* Internal marketing pages */
.mm-subhero{padding:92px 0 80px;position:relative;overflow:hidden;background:radial-gradient(ellipse 40% 100% at 98% 20%,#0265a688,transparent 75%),linear-gradient(125deg,#071a37,#052e5b)}.mm-subhero:after{content:"";position:absolute;pointer-events:none;right:-10vw;bottom:-135px;width:60vw;height:200px;background:linear-gradient(90deg,#0069f5,#07e3dd,#a9ff00);border-radius:80%;transform:rotate(-13deg);opacity:.5}.mm-subhero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.05;letter-spacing:-.045em;max-width:1000px;margin-bottom:20px}.mm-subhero p:not(.mm-eyebrow){max-width:800px;color:white;font-size:20px}.mm-internal-section{padding:72px 0 90px;min-height:350px}.mm-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.mm-detail-card{scroll-margin-top:35px;display:flex;gap:17px;align-items:flex-start;min-height:170px;border:1px solid #1397c6;border-radius:17px;padding:23px;background:linear-gradient(140deg,#0a3b69,#071a36)}.mm-detail-card img{width:64px;height:55px;object-fit:cover;border-radius:10px;flex:0 0 auto}.mm-detail-card h2{font-size:20px;letter-spacing:-.02em;line-height:1.2;margin:2px 0 9px}.mm-detail-card p{font-size:15px;line-height:1.5;margin:0}.mm-glyph{width:64px;min-width:64px;height:58px;display:grid;place-items:center;color:white;border:1px solid cyan;border-radius:14px;background:linear-gradient(135deg,#0a7bb0,#009a81);font-size:27px}.mm-centered-cta{text-align:center;margin:43px auto 0}.mm-solution-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mm-solution-item{display:flex;align-items:flex-start;gap:23px;scroll-margin-top:20px;border:1px solid #1479b3;border-radius:18px;padding:29px;background:linear-gradient(145deg,#0c3462,#041936)}.mm-solution-item img{width:100px;height:85px;object-fit:contain}.mm-solution-item h2{font-size:24px;line-height:1.2;letter-spacing:-.025em}.mm-solution-item p{margin-bottom:4px}.mm-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mm-price-card{border:1px solid #108ecb;border-radius:19px;background:linear-gradient(155deg,#0c3767,#07172f);padding:30px}.mm-price-card--primary{border-color:var(--lime);box-shadow:0 0 33px #90ff001b}.mm-price-card__number{color:var(--cyan);font-size:35px;font-weight:850}.mm-price-card h2{font-size:25px;margin:14px 0}.mm-price-card p{min-height:72px}.mm-price-card ul,.mm-demo-side ul{padding:0 0 0 23px;color:#e1f1fa;line-height:2}.mm-price-card li::marker,.mm-demo-side li::marker{color:var(--lime)}.mm-price-note{color:#9fbee2;font-size:14px;max-width:870px;margin:28px auto;text-align:center}.mm-demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.mm-demo-side h2{font-size:32px}.mm-demo-side p{font-size:19px}.mm-demo-side .mm-price-note{text-align:left;margin:24px 0}.mm-form-card{background:linear-gradient(155deg,#0a3566,#071932);border:1px solid #02bafb;border-radius:20px;padding:35px}.mm-form-card h2{font-size:30px;margin-bottom:22px}.mm-form-card label{display:block;font-weight:650;font-size:14px;margin-bottom:16px}.mm-form-card label span:not(.mm-checkbox span){color:var(--lime)}.mm-form-card input:not([type=checkbox]),.mm-form-card select,.mm-form-card textarea{width:100%;display:block;border:1px solid #64b7d8;border-radius:9px;background:#061b36;color:white;padding:12px 13px;margin-top:7px}.mm-form-card textarea{resize:vertical}.mm-form-card .mm-checkbox{display:flex;align-items:flex-start;gap:10px}.mm-form-card .mm-checkbox input{margin-top:6px;accent-color:var(--lime)}.mm-form-card .mm-checkbox span{color:#d5eaf9;font-weight:400}.mm-form-card .mm-checkbox strong{color:var(--lime)}.mm-form-card button{width:100%}.mm-honeypot{position:absolute;left:-9999px;height:1px;overflow:hidden}.mm-form-alert{padding:12px 15px;background:#5a263b;border:1px solid #ff6781;border-radius:9px;color:#fff}.mm-form-alert--success{background:#164e39;border-color:#adff00}.mm-article-body{max-width:900px;line-height:1.75;color:#e4f2fb;font-size:18px}.mm-article-body a{color:var(--cyan);text-decoration:underline}.mm-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mm-post-card{padding:25px;border:1px solid #1a9bcd;border-radius:15px;background:#08274a}.mm-post-card h2{font-size:23px}.mm-not-found{text-align:center}
/* Footer */
.mm-footer{padding:55px 0 20px;background:#031227;border-top:1px solid #0b6fb2}.mm-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.mm-footer__about{max-width:450px}.mm-footer__about p{margin:27px 0 0;font-size:15px}.mm-footer h3{font-size:17px;color:var(--lime);margin-bottom:16px}.mm-footer__grid>div:not(:first-child) a{display:block;color:#c7d8e9;margin:8px 0;font-size:15px}.mm-footer__grid>div:not(:first-child) a:hover{color:var(--cyan)}.mm-brand--footer .mm-brand__name{font-size:25px}.mm-brand--footer .mm-brand__icon{width:48px;height:48px}.mm-footer__bottom{border-top:1px solid #173755;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#9cb3cf;font-size:13px}
@media(max-width:1240px){.mm-header__inner{gap:12px}.mm-brand__name{font-size:24px}.mm-nav{gap:22px}.mm-header__actions{gap:7px}.mm-header__actions .mm-button{padding-inline:13px}.mm-hero h1{font-size:clamp(36px,4.4vw,58px)}.mm-hero__art{height:365px}.mm-feature-tile img{width:51px;height:48px;flex-basis:51px}.mm-feature-tile{padding:6px}.mm-org-tile img{width:65px}}
@media(max-width:1020px){.mm-container{padding-inline:26px}.mm-header__inner{min-height:76px}.mm-menu-toggle{display:block;margin-left:auto}.mm-nav{display:none;position:absolute;top:76px;left:0;right:0;margin:0;padding:20px 27px;background:#041b38;border-bottom:1px solid var(--cyan);flex-direction:column;align-items:stretch;gap:6px}.mm-nav.is-open{display:flex}.mm-nav>a{padding:10px}.mm-header__actions{margin-left:0}.mm-hero__grid{grid-template-columns:1fr 1fr}.mm-hero__buttons>.mm-button:first-child{min-width:0}.mm-hero__art{height:345px}.mm-value-strip span{font-size:12px;padding-inline:10px}.mm-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mm-feature-tile img{width:62px;height:52px;flex-basis:62px}.mm-feature-tile span{font-size:15px}.mm-org-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mm-org-tile span{font-size:17px}.mm-below__inner{gap:34px}.mm-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mm-container{padding-inline:19px}.mm-header__inner{min-height:66px}.mm-brand__icon{width:44px;height:43px}.mm-brand__name{font-size:22px}.mm-brand::after{bottom:-5px}.mm-nav{top:66px}.mm-header__actions .mm-button--outline{display:none}.mm-header__actions .mm-button{min-height:34px;font-size:13px;padding:4px 12px}.mm-hero__grid{display:flex;flex-direction:column;gap:0}.mm-hero__content{padding-top:31px;padding-bottom:4px}.mm-eyebrow{font-size:14px}.mm-hero h1{font-size:clamp(36px,8vw,49px)}.mm-hero__lead{font-size:17px}.mm-hero__buttons{gap:10px}.mm-hero__buttons .mm-button{padding-inline:17px;min-height:46px;font-size:14px}.mm-hero__art{height:auto;max-height:none;width:100%;margin:2px 0}.mm-hero__art img{width:min(100%,430px);max-height:none}.mm-value-strip{margin-top:17px}.mm-value-strip span{font-size:11px;padding-inline:8px;gap:4px}.mm-value-strip b{font-size:16px}.mm-section-heading{gap:7px;margin-top:12px}.mm-section-heading h2{font-size:clamp(20px,4.5vw,27px);white-space:normal}.mm-hline{min-width:15px;width:12vw}.mm-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}.mm-feature-tile{min-height:70px;gap:7px}.mm-feature-tile img{width:44px;height:46px;flex-basis:44px}.mm-feature-tile span{font-size:clamp(11px,2.9vw,14px)}.mm-org-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mm-org-tile{min-height:92px;padding:9px;gap:5px}.mm-org-tile img{width:56px;height:55px}.mm-org-tile span{font-size:14px}.mm-orgs{padding-bottom:34px}.mm-below{padding:45px 0}.mm-below__inner{grid-template-columns:1fr;gap:25px}.mm-intro p:not(.mm-eyebrow){font-size:16px}.mm-growth{padding:45px 0}.mm-growth__cards{grid-template-columns:1fr}.mm-growth__cards article{padding:20px}.mm-final-cta{padding:45px 0}.mm-subhero{padding:55px 0}.mm-subhero p:not(.mm-eyebrow){font-size:17px}.mm-internal-section{padding:42px 0}.mm-detail-grid,.mm-solution-list,.mm-pricing-grid,.mm-demo-layout,.mm-post-grid{grid-template-columns:1fr}.mm-detail-card{padding:17px;min-height:0}.mm-solution-item{padding:20px}.mm-footer{padding-top:35px}.mm-footer__grid{grid-template-columns:1fr 1fr;gap:24px}.mm-footer__about{grid-column:span 2}.mm-footer__bottom{flex-direction:column;gap:5px}.mm-form-card{padding:19px}}
@media(max-width:390px){.mm-brand__name{font-size:19px}.mm-brand__icon{width:38px;height:38px}.mm-header__actions .mm-button{font-size:11px;padding:5px 9px}.mm-feature-tile img{width:40px;flex-basis:40px}.mm-org-tile img{width:48px}.mm-org-tile span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
[hidden]{display:none!important}
@media(max-width:700px){.mm-hero::after{display:none}}

/* ------------------------------------------------------------------
   V2 DESIGN SYSTEM — high-definition vector iconography and feature UX
   ------------------------------------------------------------------ */
:root{--mm-card:#071f3f;--mm-edge:rgba(64,179,236,.25);--mm-glow:rgba(0,196,248,.1)}
.mm-brand__icon{object-fit:contain;image-rendering:auto;transform:translateZ(0)}
.mm-external-mark{font-size:12px;color:var(--cyan);margin-left:2px}
.mm-cre8tive-note{font-size:13px!important;margin-top:12px!important;color:#a6cce1!important}.mm-cre8tive-note a{color:#b4ff00;font-weight:750;text-decoration:underline}
.mm-section-desc{text-align:center;color:#b9d2e6;max-width:780px;margin:4px auto 22px;font-size:16px}
.mm-front-features{padding:35px 0 54px}.mm-front-features .mm-section-heading{margin-bottom:12px}
.mm-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;border:0;box-shadow:none;background:none;border-radius:0;padding:0}
.mm-feature-tile{position:relative;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 18px;border:1px solid var(--mm-edge);border-radius:20px;background:linear-gradient(150deg,rgba(17,56,96,.94),rgba(6,24,48,.98));box-shadow:0 16px 34px rgba(0,6,22,.16);transition:border-color .2s,transform .2s,box-shadow .2s}
.mm-feature-tile:hover{transform:translateY(-3px);border-color:rgba(18,209,243,.72);box-shadow:0 16px 38px rgba(0,169,235,.14)}
.mm-feature-tile:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.mm-feature-tile .mm-feature-tile__text{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.mm-feature-tile .mm-feature-tile__text strong{font-size:17px;line-height:1.23;letter-spacing:-.025em;font-weight:750;color:#fff}
.mm-feature-tile .mm-feature-tile__text small{font-size:13.5px;color:#b2cde2;line-height:1.4;font-weight:430;letter-spacing:0}
.mm-feature-tile .mm-feature-tile__text em{font-style:normal;font-size:12px;font-weight:750;letter-spacing:.01em;color:var(--lime);margin-top:5px}
.mm-vector-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;flex:0 0 58px;position:relative;border-radius:17px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(145deg,#0e8bd2,#0359a5);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.16)}
.mm-vector-icon svg{width:28px;height:28px;display:block;color:#fff;overflow:visible}
.mm-vector-icon--green{background:linear-gradient(145deg,#27ae5c,#087f59)}
.mm-vector-icon--blue{background:linear-gradient(145deg,#259cf3,#0758b3)}
.mm-vector-icon--orange{background:linear-gradient(145deg,#f89b40,#d04f19)}
.mm-vector-icon--teal{background:linear-gradient(145deg,#22bea9,#066c85)}
.mm-vector-icon--purple{background:linear-gradient(145deg,#a66afb,#5f34bd)}
.mm-vector-icon--amber{background:linear-gradient(145deg,#f1b829,#d47711)}
.mm-vector-icon--coral{background:linear-gradient(145deg,#ff6582,#cd2b65)}
.mm-vector-icon--rose{background:linear-gradient(145deg,#ed517a,#a61863)}
/* Professional vector feature directory */
.mm-feature-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.mm-feature-overview-card{display:flex;gap:20px;align-items:flex-start;min-height:202px;border:1px solid var(--mm-edge);border-radius:20px;padding:23px;background:linear-gradient(155deg,#0c315b,#071b38);transition:transform .2s,border-color .2s}
.mm-feature-overview-card:hover{transform:translateY(-3px);border-color:#28d6ee}
.mm-feature-overview-card .mm-vector-icon{width:58px;flex:0 0 58px}
.mm-feature-overview-card h2{font-size:21px;line-height:1.2;margin:2px 0 9px;color:#fff}
.mm-feature-overview-card p:not(.mm-feature-tag){font-size:14px;line-height:1.5;margin:0;color:#bed7e9}
.mm-feature-tag{font-size:11px;line-height:1.3;letter-spacing:.12em;font-weight:800;color:var(--cyan);text-transform:uppercase;margin:0 0 8px}
.mm-more-link{display:inline-block;color:var(--lime);font-size:13px;font-weight:750;margin-top:14px}
/* Individual feature pages */
.mm-feature-hero{padding:50px 0 74px;background:radial-gradient(ellipse 55% 115% at 85% 20%,rgba(0,144,221,.18),transparent),linear-gradient(140deg,#071a39,#092c55);overflow:hidden}
.mm-feature-hero__grid{display:grid;grid-template-columns:1.4fr .6fr;gap:65px;align-items:center}
.mm-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 48px;font-size:13px;color:#b1ccdf}.mm-breadcrumb a:hover{color:var(--cyan)}.mm-breadcrumb span:not(:last-child){color:#00d8f4}
.mm-feature-hero h1{font-size:clamp(42px,4.5vw,70px);max-width:900px;font-weight:850;letter-spacing:-.055em;line-height:1.05;margin:10px 0 18px}
.mm-feature-hero__lead{font-size:clamp(18px,1.6vw,24px);color:#d5e9f6;line-height:1.5;max-width:760px}
.mm-feature-hero__actions{display:flex;flex-wrap:wrap;gap:13px;margin:28px 0 0}
.mm-feature-hero__visual{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.mm-feature-hero__halo{position:absolute;z-index:0;width:300px;height:300px;border:1.5px solid rgba(45,224,246,.35);border-radius:50%;background:radial-gradient(circle,rgba(0,218,244,.12),transparent 69%);box-shadow:0 0 80px rgba(0,181,245,.08)}
.mm-feature-hero__visual .mm-vector-icon--hero{z-index:1;width:158px;height:158px;flex:0 0 158px;border-radius:43px;box-shadow:0 16px 54px rgba(0,11,30,.45),0 0 25px rgba(0,217,237,.12)}
.mm-feature-hero__visual .mm-vector-icon--hero svg{width:82px;height:82px;stroke-width:1.35}
.mm-feature-hero__mini{z-index:1;color:#9fc8dd;font-size:10px;font-weight:800;letter-spacing:.11em;margin-top:34px}
.mm-feature-explainer{padding-top:63px}
.mm-explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mm-explainer-card{border:1px solid var(--mm-edge);border-radius:20px;padding:30px;background:linear-gradient(145deg,#0c3157,#061b38)}
.mm-explainer-card--how{border-color:rgba(91,222,232,.4)}
.mm-explainer-card h2{font-size:24px;line-height:1.2;letter-spacing:-.035em;margin:7px 0 23px}
.mm-explainer-card ul{list-style:none;margin:0;padding:0;display:grid;gap:19px}
.mm-explainer-card li{position:relative;padding-left:26px;color:#d3e6f5;line-height:1.5;font-size:15px}
.mm-explainer-card li::before{content:'✓';position:absolute;top:1px;left:0;color:var(--lime);font-size:16px;font-weight:850}
.mm-example-strip{display:flex;gap:40px;justify-content:space-between;align-items:center;margin:34px 0 64px;padding:30px 37px;border:1px solid rgba(176,255,0,.4);border-radius:21px;background:linear-gradient(95deg,#0d3f56,#0a2d43,#09243e)}
.mm-example-strip h2{font-size:27px;margin:5px 0 13px;letter-spacing:-.025em}
.mm-example-strip p:not(.mm-feature-tag){font-size:17px;max-width:850px;margin:0;color:#d5edf6}
.mm-example-strip .mm-button{flex-shrink:0}
.mm-feature-extra{margin:0 auto 50px;padding:25px;border:1px solid rgba(64,179,236,.3);border-radius:16px}
.mm-related-features{margin-top:30px}.mm-related-features .mm-section-heading{justify-content:flex-start;margin-bottom:22px}
.mm-related-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mm-related-feature-grid a{display:flex;gap:15px;align-items:center;border:1px solid var(--mm-edge);padding:14px;border-radius:16px;background:#0b2b4e;font-weight:750}
.mm-related-feature-grid a:hover{border-color:var(--lime)}
.mm-related-feature-grid a>span:last-child{margin-left:auto;color:var(--lime)}
.mm-related-feature-grid .mm-vector-icon{width:48px;height:48px;flex-basis:48px;border-radius:14px}
.mm-related-feature-grid .mm-vector-icon svg{height:24px;width:24px}
.mm-floating-cta{position:fixed;z-index:40;bottom:26px;right:25px;display:flex;align-items:center;gap:9px;border-radius:99px;background:linear-gradient(110deg,#cfff03,#9aef00);color:#08203c;padding:13px 18px;font-size:13px;font-weight:850;box-shadow:0 12px 28px rgba(0,6,22,.4)}
.mm-floating-cta:hover{transform:translateY(-2px)}
/* Larger screens: better breathing room and type */
.mm-hero__lead{line-height:1.37}
.mm-section-heading h2{letter-spacing:-.035em}
.mm-feature-tile,.mm-feature-overview-card,.mm-explainer-card{backdrop-filter:blur(4px)}
@media(max-width:1250px){.mm-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mm-feature-tile{min-height:188px}.mm-feature-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1020px){.mm-hero__grid{grid-template-columns:1.1fr .9fr}.mm-nav{gap:5px}.mm-explainer-grid{grid-template-columns:1fr 1fr}.mm-explainer-card--how{grid-column:span 2}.mm-feature-hero__grid{gap:26px}}
@media(max-width:700px){.mm-front-features{padding:34px 0}.mm-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mm-feature-tile{padding:15px;min-height:175px;gap:10px;border-radius:15px}.mm-feature-tile .mm-feature-tile__text strong{font-size:14px}.mm-feature-tile .mm-feature-tile__text small{font-size:12px;line-height:1.34}.mm-feature-tile .mm-feature-tile__text em{font-size:11px}.mm-vector-icon{width:47px;height:47px;flex-basis:47px;border-radius:14px}.mm-vector-icon svg{width:23px;height:23px}.mm-feature-detail-grid{grid-template-columns:1fr}.mm-feature-overview-card{min-height:155px;padding:20px}.mm-feature-hero{padding:26px 0 51px}.mm-feature-hero__grid{grid-template-columns:1fr}.mm-feature-hero h1{font-size:41px}.mm-breadcrumb{margin-bottom:27px}.mm-feature-hero__visual{min-height:205px}.mm-feature-hero__halo{width:215px;height:215px}.mm-feature-hero__visual .mm-vector-icon--hero{width:120px;height:120px;flex-basis:120px;border-radius:31px}.mm-feature-hero__visual .mm-vector-icon--hero svg{width:58px;height:58px}.mm-feature-hero__mini{margin-top:14px}.mm-explainer-grid{grid-template-columns:1fr}.mm-explainer-card--how{grid-column:auto}.mm-explainer-card{padding:22px}.mm-example-strip{flex-direction:column;align-items:flex-start;padding:23px;gap:20px}.mm-example-strip h2{font-size:24px}.mm-related-feature-grid{grid-template-columns:1fr}.mm-floating-cta{right:14px;bottom:14px;padding:10px 14px}.mm-feature-tile img{display:none}}
@media(max-width:390px){.mm-feature-tile{padding:12px;min-height:190px}.mm-feature-tile .mm-feature-tile__text strong{font-size:13px}.mm-feature-tile .mm-feature-tile__text small{font-size:11.5px}}

@media(max-width:700px){.mm-header__actions{display:none!important}.mm-menu-toggle{margin-left:auto}}

/* Vector category artwork: consistent sizes across all organisation types */
.mm-sector-icon{display:inline-flex;width:59px;height:59px;flex:0 0 59px;align-items:center;justify-content:center;position:relative;z-index:1;color:#fff;border-radius:15px;background:linear-gradient(145deg,#0870c5,#0a386c);box-shadow:inset 0 1px 0 #ffffff4f,0 5px 16px #03173466}
.mm-sector-icon svg{width:36px;height:36px;display:block}
.mm-sector-icon--sports{background:linear-gradient(145deg,#0b8fd5,#075caa)}
.mm-sector-icon--running{background:linear-gradient(145deg,#09aaa7,#0470a9)}
.mm-sector-icon--professional{background:linear-gradient(145deg,#346cc9,#17378c)}
.mm-sector-icon--associations{background:linear-gradient(145deg,#8551d4,#4d35aa)}
.mm-sector-icon--communities{background:linear-gradient(145deg,#41b643,#087f5e)}
.mm-org-tile{gap:13px;padding-inline:17px;min-height:111px}
.mm-org-tile span:not(.mm-sector-icon){font-size:clamp(14px,1.15vw,19px)}
.mm-solution-item .mm-sector-icon{width:80px;height:80px;flex:0 0 80px;border-radius:19px}
.mm-solution-item .mm-sector-icon svg{height:49px;width:49px}
@media(max-width:700px){.mm-org-tile{padding:11px;gap:8px}.mm-sector-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px}.mm-sector-icon svg{width:26px;height:26px}.mm-org-tile span:not(.mm-sector-icon){font-size:14px}.mm-solution-item .mm-sector-icon{width:58px;height:58px;flex-basis:58px}.mm-solution-item .mm-sector-icon svg{width:35px;height:35px}}