:root{
  --mc-navy:#071b33;
  --mc-navy-2:#0b2b50;
  --mc-blue:#146fe8;
  --mc-blue-dark:#0c58be;
  --mc-ink:#0b1f35;
  --mc-muted:#607086;
  --mc-line:#dfe6ed;
  --mc-mist:#f5f8fb;
  --mc-white:#fff;
  --mc-radius:6px;
  --mc-shadow:0 24px 70px rgba(7,27,51,.11);
  --mc-container:1240px;
  --mc-editorial:1240px;
  --mc-content:790px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--mc-ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.mc-menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--mc-blue)}
img{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
.mc-container{width:min(calc(100% - 48px),var(--mc-container));margin-inline:auto}
.mc-content-narrow{width:min(100%,var(--mc-content))}
.mc-section{padding:96px 0}
.mc-skip-link{position:fixed;top:10px;left:10px;z-index:9999;padding:10px 14px;background:#fff;color:#000;transform:translateY(-180%);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.mc-skip-link:focus{transform:none}
.mc-eyebrow{margin:0 0 18px;color:var(--mc-blue);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.mc-eyebrow--light{color:#60a6ff}
h1,h2,h3,h4{margin:0 0 .55em;color:var(--mc-ink);font-weight:750;line-height:1.06;letter-spacing:-.035em}
h1{font-size:clamp(2.9rem,5.2vw,5.6rem)}
h2{font-size:clamp(2rem,3.4vw,3.4rem)}
h3{font-size:1.12rem;letter-spacing:-.02em}
p{margin:0 0 1.4em}
.mc-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid var(--mc-navy);border-radius:3px;background:var(--mc-navy);color:#fff;font-size:.9rem;font-weight:750;line-height:1;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.mc-button:hover{background:var(--mc-blue);border-color:var(--mc-blue);color:#fff;transform:translateY(-1px)}
.mc-button--secondary{background:#fff;color:var(--mc-navy)}
.mc-button--secondary:hover{background:var(--mc-mist);color:var(--mc-navy);border-color:#aebdcb}
.mc-button--small{min-height:44px;padding:10px 17px;font-size:.82rem}
.mc-button--light{background:#fff;color:var(--mc-navy);border-color:#fff}
.mc-button--light:hover{background:#dfeeff;color:var(--mc-navy);border-color:#dfeeff}
.mc-button--outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}
.mc-button--outline-light:hover{background:#fff;color:var(--mc-navy);border-color:#fff}
.mc-button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.mc-text-link{display:inline-flex;min-height:44px;gap:8px;align-items:center;color:var(--mc-blue);font-size:.88rem;font-weight:800}
.mc-text-link:hover{color:var(--mc-blue-dark)}
.mc-text-link--light{color:#fff}.mc-text-link--light:hover{color:#b9d8ff}

/* Header */
.mc-header-marker{position:absolute;top:0;width:1px;height:1px}
.mc-site-header{position:relative;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid transparent;transition:box-shadow .2s ease,border-color .2s ease}
.mc-site-header.is-scrolled{position:sticky;top:0;border-color:#edf1f5;box-shadow:0 8px 30px rgba(7,27,51,.06)}
.admin-bar .mc-site-header.is-scrolled{top:32px}
.mc-header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.mc-site-branding{flex:0 0 auto;min-width:0}.mc-site-branding .custom-logo-link{display:flex;align-items:center;flex:0 0 auto}.mc-site-branding .custom-logo{display:block;width:auto;height:auto;max-width:220px;max-height:54px;object-fit:contain;object-position:left center}
.mc-brand{display:inline-flex;flex-direction:column;color:var(--mc-ink);font-weight:850;line-height:.9;letter-spacing:.045em}.mc-brand span:last-child{color:var(--mc-blue);font-weight:650;letter-spacing:.09em}
.mc-primary-nav{display:flex;align-items:center;gap:28px}
.mc-primary-menu{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}
.mc-primary-menu a{display:inline-flex;min-height:44px;align-items:center;font-size:.83rem;font-weight:680}
.mc-primary-menu .current-menu-item>a,.mc-primary-menu .current_page_item>a{color:var(--mc-blue)}
.mc-menu-toggle{display:none;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--mc-ink);padding:10px;cursor:pointer}.mc-menu-toggle__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mc-menu-toggle__icon{width:24px;display:grid;gap:5px}.mc-menu-toggle__icon i{height:2px;background:currentColor;display:block;border-radius:3px;transition:.2s ease}

/* Hero */
.mc-hero{overflow:hidden;padding:86px 0 40px;background:linear-gradient(180deg,#fff 0,#fff 73%,#f9fbfd 100%)}
.mc-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);gap:42px;align-items:center}
.mc-hero-copy{padding:28px 0 8px}
.mc-hero h1{max-width:680px;font-size:clamp(3.5rem,5.3vw,5.9rem)}
.mc-hero h1 span{color:var(--mc-blue)}
.mc-hero-lede{max-width:610px;color:#394b61;font-size:clamp(1.02rem,1.35vw,1.18rem);line-height:1.7}
.mc-proof-points{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:58px 0 0;padding:28px 0 0;list-style:none;border-top:1px solid var(--mc-line)}
.mc-proof-points li{padding-right:12px}.mc-proof-points strong{display:block;font-size:.76rem}.mc-proof-points span{display:block;margin-top:5px;color:var(--mc-muted);font-size:.69rem;line-height:1.35}
.mc-hero-visual{min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}
.mc-hero-image-wrap{width:100%;padding:20px 0}.mc-hero-image-wrap img{width:100%;max-height:620px;object-fit:contain}
.mc-device-scene{position:relative;width:100%;min-height:490px;display:flex;align-items:center;justify-content:center;perspective:1200px}
.mc-device-scene:before{content:"";position:absolute;right:-18%;bottom:3%;width:95%;height:58%;background:linear-gradient(145deg,#edf2f6,#fff);transform:skewY(-9deg);z-index:-1}
.mc-laptop{position:relative;width:min(92%,680px);transform:rotateY(-7deg) rotateX(1deg);filter:drop-shadow(0 28px 24px rgba(7,27,51,.18))}
.mc-laptop-screen{aspect-ratio:16/10;border:11px solid #111a24;border-bottom-width:17px;border-radius:15px 15px 7px 7px;background:#fff;overflow:hidden}
.mc-browser-bar{height:36px;background:#e9edf2;display:flex;align-items:center;gap:6px;padding:0 12px}.mc-browser-bar i{width:7px;height:7px;border-radius:50%;background:#bdc7d1}
.mc-browser-content{height:calc(100% - 36px);padding:13% 10%;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 10%,rgba(20,111,232,.30),transparent 38%),linear-gradient(135deg,#0b2b50 0,#0a5a8f 55%,#0d7694 100%);color:#fff}.mc-browser-content strong{font-size:clamp(1.6rem,3vw,3rem);line-height:1.05;letter-spacing:-.04em}.mc-browser-content span:last-child{margin-top:12px;max-width:360px;font-size:.86rem;opacity:.82}.mc-browser-kicker{margin-bottom:10px;font-size:.64rem!important;letter-spacing:.14em;font-weight:800;opacity:.75}
.mc-laptop-base{width:108%;height:15px;margin-left:-4%;border-radius:0 0 55% 55%;background:linear-gradient(#c9ced4,#808990)}
.mc-phone{position:absolute;left:8%;bottom:12%;width:20%;min-width:115px;filter:drop-shadow(0 18px 18px rgba(7,27,51,.2));transform:rotate(-4deg)}
.mc-phone-screen{aspect-ratio:9/19;border:7px solid #111a24;border-radius:24px;background:linear-gradient(160deg,#f4f8fb 0,#fff 35%,#e8f2ff 100%);display:flex;align-items:center;justify-content:center}.mc-phone-screen span{font-weight:850;color:var(--mc-blue);letter-spacing:.08em}

.mc-trust-strip{padding:32px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;background:#fff}.mc-trust-strip p{text-align:center;margin:0 0 20px;color:#52647a;font-size:.68rem;font-weight:800;letter-spacing:.12em}.mc-trust-words{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin:0;padding:0;list-style:none;text-align:center;color:#465a72;font-size:.82rem;font-weight:800;letter-spacing:.06em}.mc-trust-words li{margin:0}

/* Services */
.mc-services-overview{background:#fff}.mc-services-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.65fr);gap:90px}.mc-section-intro h2{font-size:clamp(2.1rem,3.1vw,3.2rem)}.mc-section-intro>p:not(.mc-eyebrow){color:var(--mc-muted);max-width:440px}.mc-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--mc-line);border-left:1px solid var(--mc-line)}.mc-service-item{min-height:190px;padding:26px 28px;border-right:1px solid var(--mc-line);border-bottom:1px solid var(--mc-line)}.mc-service-item h3{font-size:1rem}.mc-service-item p{margin:0;color:var(--mc-muted);font-size:.82rem;line-height:1.55}.mc-service-item a:hover{color:var(--mc-blue)}

/* Featured project */
.mc-featured-project{padding:74px 0;background:linear-gradient(135deg,#06182d 0,#092d52 100%);color:#fff;overflow:hidden}.mc-featured-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:70px}.mc-featured-copy h2{color:#fff;max-width:480px}.mc-featured-copy p{max-width:500px;color:#c5d0db}.mc-featured-image{position:relative}.mc-featured-image img,.mc-project-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;border:10px solid #111820;border-radius:8px;box-shadow:0 25px 60px rgba(0,0,0,.25)}.mc-project-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#dfe8f2,#f9fbfd);color:#698096;border-color:#0b1520}.mc-featured-image:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-13px;height:13px;border-radius:0 0 50% 50%;background:#a7afb8;opacity:.8}

.mc-home-bottom{padding-bottom:70px}.mc-home-editor-content{margin-bottom:70px}.mc-home-proof-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:start}.mc-quote-card blockquote{margin:0;max-width:760px;font-size:clamp(1.45rem,2.1vw,2rem);font-weight:650;line-height:1.4;letter-spacing:-.02em}.mc-fact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--mc-line)}.mc-fact-grid div{padding:6px 24px;border-right:1px solid var(--mc-line)}.mc-fact-grid strong{display:block;font-size:1.35rem}.mc-fact-grid span{display:block;color:var(--mc-muted);font-size:.73rem;line-height:1.45;margin-top:4px}
.mc-cta-band{padding:46px 0;background:linear-gradient(120deg,var(--mc-navy),#0b3d72);color:#fff}.mc-cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.mc-cta-band h2{color:#fff;font-size:clamp(1.7rem,2.7vw,2.6rem);margin:0}.mc-cta-band .mc-eyebrow{margin-bottom:8px}

/* Page and content */
.mc-page-hero{padding:100px 0 72px;background:linear-gradient(180deg,#fff,#f7fafd);border-bottom:1px solid #edf1f5}.mc-page-hero h1{font-size:clamp(3rem,5vw,5.2rem)}.mc-page-lede{width:min(100%,var(--mc-editorial));max-width:var(--mc-editorial);color:var(--mc-muted);font-size:1.15rem}.mc-entry-content{font-size:1.05rem}.mc-entry-content>*:first-child{margin-top:0}.mc-entry-content h2{margin-top:2em;font-size:clamp(1.8rem,2.8vw,2.7rem)}.mc-entry-content h3{margin-top:2em;font-size:1.45rem}.mc-entry-content a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:var(--mc-blue)}.mc-entry-content ul,.mc-entry-content ol{padding-left:1.3em}.mc-entry-content blockquote{margin:2.2em 0;padding:1em 0 1em 1.4em;border-left:4px solid var(--mc-blue);font-size:1.35rem;font-weight:600}.mc-entry-content img{border-radius:var(--mc-radius)}.mc-single-image{margin-top:60px}.mc-single-image img{width:100%;max-height:720px;object-fit:cover;border-radius:var(--mc-radius)}
.mc-post-list{display:grid;gap:42px}.mc-post-card{padding-bottom:36px;border-bottom:1px solid var(--mc-line)}.mc-post-card h2{font-size:2rem}.mc-post-card__image{display:block;margin-bottom:22px}.mc-post-card__image img{aspect-ratio:16/9;object-fit:cover}.mc-post-meta{color:var(--mc-blue);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}

/* Projects */
.mc-work-hero .mc-container{max-width:var(--mc-container)}.mc-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.mc-project-card{border-top:1px solid var(--mc-line);padding-top:18px}.mc-project-card__image{display:block;overflow:hidden;background:var(--mc-mist)}.mc-project-card__image img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .35s ease}.mc-project-card:hover .mc-project-card__image img{transform:scale(1.025)}.mc-project-card__placeholder{display:block;aspect-ratio:3/2;background:linear-gradient(145deg,#edf3f8,#dbe7f2)}.mc-project-card__body{padding:21px 2px}.mc-project-card h2{font-size:1.3rem}.mc-project-card p{color:var(--mc-muted);font-size:.9rem}.mc-case-hero{padding:78px 0 50px}.mc-case-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.mc-case-hero h1{font-size:clamp(3rem,4.5vw,5rem)}.mc-back-link{display:inline-block;margin-bottom:42px;color:var(--mc-blue);font-size:.78rem;font-weight:750}.mc-case-image img,.mc-case-image .mc-project-placeholder{width:100%;aspect-ratio:16/10;object-fit:cover;border:0;border-radius:4px;box-shadow:var(--mc-shadow)}.mc-case-meta{border-top:1px solid var(--mc-line);border-bottom:1px solid var(--mc-line)}.mc-case-meta-grid{display:grid;grid-template-columns:repeat(4,1fr)}.mc-case-meta-grid div{padding:26px 24px;border-right:1px solid var(--mc-line)}.mc-case-meta-grid div:first-child{padding-left:0}.mc-case-meta-grid div:last-child{border-right:0}.mc-case-meta-grid span{display:block;color:var(--mc-muted);font-size:.69rem;text-transform:uppercase;letter-spacing:.08em}.mc-case-meta-grid strong{display:block;margin-top:4px;font-size:.92rem}

/* Footer */
.mc-site-footer{padding:62px 0 22px;background:#06182d;color:#cbd5df}.mc-footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:64px}.mc-site-footer .custom-logo{max-height:42px;width:auto;filter:brightness(0) invert(1)}.mc-brand--footer{color:#fff}.mc-footer-blurb{max-width:330px;margin-top:20px;color:#aebdcb;font-size:.86rem}.mc-site-footer h2{margin-bottom:18px;color:#fff;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.mc-footer-links{list-style:none;margin:0;padding:0}.mc-footer-links li{margin:7px 0;color:#aebdcb;font-size:.82rem}.mc-footer-links a:hover{color:#fff}.mc-contact-list{margin-bottom:20px}.mc-footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);color:#8495a7;font-size:.72rem}.mc-footer-bottom p{margin:0}.mc-footer-legal{display:flex;gap:20px}

/* Forms */
.mc-entry-content input:not([type=submit]):not([type=checkbox]):not([type=radio]),.mc-entry-content textarea,.mc-entry-content select{width:100%;padding:13px 14px;border:1px solid #cbd5df;border-radius:3px;background:#fff;color:var(--mc-ink)}.mc-entry-content input:focus,.mc-entry-content textarea:focus,.mc-entry-content select:focus{outline:3px solid rgba(20,111,232,.16);border-color:var(--mc-blue)}.mc-entry-content button,.mc-entry-content input[type=submit]{min-height:46px;padding:11px 22px;border:1px solid var(--mc-navy);border-radius:3px;background:var(--mc-navy);color:#fff;font-weight:750;cursor:pointer}.mc-entry-content button:hover,.mc-entry-content input[type=submit]:hover{background:var(--mc-blue);border-color:var(--mc-blue)}
.navigation.pagination{margin-top:50px}.nav-links{display:flex;flex-wrap:wrap;gap:8px}.page-numbers{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--mc-line);font-weight:700}.page-numbers.current{background:var(--mc-navy);color:#fff;border-color:var(--mc-navy)}


.mc-areas-overview{background:#f5f8fb;border-top:1px solid var(--mc-line);border-bottom:1px solid var(--mc-line)}.mc-areas-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr);gap:80px;align-items:start}.mc-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--mc-line);border-left:1px solid var(--mc-line);background:#fff}.mc-area-link{position:relative;display:block;min-height:150px;padding:24px 48px 24px 26px;border-right:1px solid var(--mc-line);border-bottom:1px solid var(--mc-line);transition:background .2s ease,transform .2s ease}.mc-area-link:hover{background:#f8fbff}.mc-area-link strong{display:block;font-size:1rem;margin-bottom:9px}.mc-area-link span{display:block;color:var(--mc-muted);font-size:.78rem;line-height:1.5}.mc-area-link i{position:absolute;right:22px;top:23px;font-style:normal;color:var(--mc-blue);font-size:1.15rem}
@media (max-width:1240px) and (min-width:1101px){
  .mc-hero-grid{align-items:stretch}
  .mc-hero-visual{align-items:stretch}
  .mc-hero-image-wrap{height:100%;min-height:610px;padding:0;overflow:hidden}
  .mc-hero-image-wrap img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:72% center}
}
@media (max-width:1100px){
  .mc-hero-grid{grid-template-columns:1fr;gap:34px}.mc-hero-copy{max-width:780px}.mc-hero-visual{min-height:0}.mc-hero-image-wrap{width:100%;padding:0;aspect-ratio:16/9;overflow:hidden}.mc-hero-image-wrap img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:72% center}.mc-proof-points{grid-template-columns:repeat(2,1fr)}.mc-services-layout{gap:52px}.mc-service-grid{grid-template-columns:repeat(2,1fr)}.mc-project-grid{grid-template-columns:repeat(2,1fr)}.mc-footer-grid{grid-template-columns:1.3fr 1fr 1fr}.mc-footer-grid>div:last-child{grid-column:2/4}.mc-home-proof-grid{grid-template-columns:1fr}.mc-fact-grid{max-width:700px}
}
/* Dynamic navigation fit state (JavaScript measures the real logo + menu + CTA width). */
@media (min-width:901px){
  .mc-site-header.mc-nav-compact .mc-header-inner{min-height:74px}
  .mc-site-header.mc-nav-compact .mc-site-branding .custom-logo{max-width:200px;max-height:48px}
  .mc-site-header.mc-nav-compact .mc-menu-toggle{display:inline-flex}
  .mc-site-header.mc-nav-compact .mc-primary-nav{position:fixed;inset:74px 0 0 0;display:none;flex-direction:column;align-items:stretch;gap:24px;padding:34px 24px;background:#fff;overflow:auto;border-top:1px solid var(--mc-line)}
  .admin-bar .mc-site-header.mc-nav-compact .mc-primary-nav{top:106px}
  .mc-site-header.mc-nav-compact .mc-primary-nav.is-open{display:flex}
  .mc-site-header.mc-nav-compact .mc-primary-menu{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .mc-site-header.mc-nav-compact .mc-primary-menu li{border-bottom:1px solid var(--mc-line)}
  .mc-site-header.mc-nav-compact .mc-primary-menu a{display:block;padding:16px 2px;font-size:1.15rem}
  .mc-site-header.mc-nav-compact .mc-header-cta{align-self:flex-start}
  .mc-site-header.mc-nav-compact .mc-menu-toggle[aria-expanded=true] .mc-menu-toggle__icon i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mc-site-header.mc-nav-compact .mc-menu-toggle[aria-expanded=true] .mc-menu-toggle__icon i:nth-child(2){opacity:0}
  .mc-site-header.mc-nav-compact .mc-menu-toggle[aria-expanded=true] .mc-menu-toggle__icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}


}
@media (max-width:900px){
  .admin-bar .mc-site-header.is-scrolled{top:46px}.mc-container{width:min(calc(100% - 36px),var(--mc-container))}.mc-section{padding:72px 0}.mc-header-inner{min-height:74px}.mc-site-branding .custom-logo{max-width:200px;max-height:48px}.mc-menu-toggle{display:inline-flex}.mc-primary-nav{position:fixed;inset:74px 0 0 0;display:none;flex-direction:column;align-items:stretch;gap:24px;padding:34px 24px;background:#fff;overflow:auto;border-top:1px solid var(--mc-line)}.admin-bar .mc-primary-nav{top:106px}.mc-primary-nav.is-open{display:flex}.mc-primary-menu{display:flex;flex-direction:column;align-items:stretch;gap:0}.mc-primary-menu li{border-bottom:1px solid var(--mc-line)}.mc-primary-menu a{display:block;padding:16px 2px;font-size:1.15rem}.mc-header-cta{align-self:flex-start}.mc-menu-toggle[aria-expanded=true] .mc-menu-toggle__icon i:nth-child(1){transform:translateY(7px) rotate(45deg)}.mc-menu-toggle[aria-expanded=true] .mc-menu-toggle__icon i:nth-child(2){opacity:0}.mc-menu-toggle[aria-expanded=true] .mc-menu-toggle__icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mc-hero{padding-top:58px}.mc-hero-copy{max-width:760px}.mc-hero h1{font-size:clamp(3.4rem,9vw,5.5rem)}.mc-device-scene{min-height:420px}.mc-trust-words{grid-template-columns:repeat(3,1fr);row-gap:14px}.mc-services-layout{grid-template-columns:1fr;gap:40px}.mc-areas-layout{grid-template-columns:1fr;gap:40px}.mc-section-intro{max-width:660px}.mc-featured-grid{grid-template-columns:1fr;gap:48px}.mc-featured-copy{max-width:650px}.mc-case-hero-grid{grid-template-columns:1fr}.mc-case-image{max-width:760px}.mc-case-meta-grid{grid-template-columns:repeat(2,1fr)}.mc-case-meta-grid div:nth-child(2){border-right:0}.mc-case-meta-grid div:nth-child(n+3){border-top:1px solid var(--mc-line)}.mc-footer-grid{grid-template-columns:repeat(2,1fr)}.mc-footer-grid>div:last-child{grid-column:auto}.mc-cta-band-inner{align-items:flex-start}
}
@media (max-width:782px){.admin-bar .mc-primary-nav{top:120px}}
@media (max-width:640px){
  .mc-container{width:min(calc(100% - 28px),var(--mc-container))}.mc-section{padding:58px 0}h1{font-size:2.85rem}h2{font-size:2.15rem}.mc-hero{padding-top:38px}.mc-hero h1{font-size:3.25rem}.mc-hero-image-wrap{aspect-ratio:4/3}.mc-hero-image-wrap img{object-position:74% center}.mc-hero-lede{font-size:1rem}.mc-button-row{display:grid;grid-template-columns:1fr 1fr}.mc-proof-points{margin-top:40px;grid-template-columns:1fr 1fr}.mc-proof-points li{padding:0 5px 8px 0}.mc-device-scene{min-height:310px}.mc-laptop{width:94%}.mc-phone{min-width:82px;left:3%;bottom:7%}.mc-browser-bar{height:25px}.mc-browser-content{height:calc(100% - 25px)}.mc-browser-content strong{font-size:1.45rem}.mc-browser-content span:last-child{font-size:.68rem}.mc-trust-strip{padding:24px 0}.mc-trust-words{grid-template-columns:repeat(2,1fr);font-size:.7rem}.mc-service-grid{grid-template-columns:1fr}.mc-area-grid{grid-template-columns:1fr}.mc-area-link{min-height:0}.mc-service-item{min-height:0}.mc-featured-project{padding:60px 0}.mc-featured-grid{gap:36px}.mc-home-proof-grid{gap:45px}.mc-fact-grid{grid-template-columns:1fr;border-left:0}.mc-fact-grid div{padding:18px 0;border-right:0;border-bottom:1px solid var(--mc-line)}.mc-cta-band-inner{flex-direction:column}.mc-project-grid{grid-template-columns:1fr}.mc-page-hero{padding:70px 0 52px}.mc-page-hero h1,.mc-case-hero h1{font-size:3rem}.mc-case-meta-grid{grid-template-columns:1fr}.mc-case-meta-grid div,.mc-case-meta-grid div:first-child{padding:19px 0;border-right:0!important;border-top:1px solid var(--mc-line)}.mc-case-meta-grid div:first-child{border-top:0}.mc-footer-grid{grid-template-columns:1fr;gap:38px}.mc-footer-bottom{flex-direction:column;margin-top:36px}.mc-button-row .mc-button{padding-left:12px;padding-right:12px}.mc-quote-card blockquote{font-size:1.45rem}
}
@media (max-width:420px){.mc-site-branding .custom-logo{max-width:min(180px,calc(100vw - 104px));max-height:46px}.mc-button-row{grid-template-columns:1fr}.mc-proof-points{grid-template-columns:1fr}.mc-hero h1{font-size:2.8rem}.mc-device-scene{min-height:265px}.mc-trust-words{grid-template-columns:1fr 1fr}.mc-primary-nav{padding-inline:18px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* WordPress menu submenus */
.mc-primary-menu .menu-item-has-children{position:relative}
.mc-primary-menu .menu-item-has-children>a{display:flex;align-items:center;gap:6px}
.mc-primary-menu .menu-item-has-children>a:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.65}
.mc-primary-menu .sub-menu{position:absolute;top:calc(100% + 14px);left:-18px;z-index:20;min-width:230px;margin:0;padding:10px;list-style:none;background:#fff;border:1px solid var(--mc-line);box-shadow:0 18px 50px rgba(7,27,51,.12);opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.mc-primary-menu .sub-menu:before{content:"";position:absolute;left:0;right:0;top:-15px;height:15px}
.mc-primary-menu .sub-menu li{border:0}
.mc-primary-menu .sub-menu a{display:block;padding:10px 12px;border-radius:3px;white-space:nowrap}
.mc-primary-menu .sub-menu a:hover,.mc-primary-menu .sub-menu a:focus{background:var(--mc-mist);color:var(--mc-blue)}
.mc-primary-menu .menu-item-has-children:hover>.sub-menu,.mc-primary-menu .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
@media (max-width:900px){.mc-primary-menu .menu-item-has-children>a:after{margin-left:auto}.mc-primary-menu .sub-menu{position:static;min-width:0;padding:0 0 8px 16px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.mc-primary-menu .sub-menu a{padding:10px 2px;font-size:.96rem;color:var(--mc-muted);white-space:normal}.mc-primary-menu .sub-menu li{border:0}}
.mc-site-header.mc-nav-compact .mc-primary-menu .menu-item-has-children>a:after{margin-left:auto}
.mc-site-header.mc-nav-compact .mc-primary-menu .sub-menu{position:static;min-width:0;padding:0 0 8px 16px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}
.mc-site-header.mc-nav-compact .mc-primary-menu .sub-menu a{padding:10px 2px;font-size:.96rem;color:var(--mc-muted);white-space:normal}
.mc-site-header.mc-nav-compact .mc-primary-menu .sub-menu li{border:0}

/* Services template */
.mc-services-hero{padding:78px 0 72px;border-bottom:1px solid var(--mc-line)}
.mc-services-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.mc-services-hero h1{font-size:clamp(3.1rem,5vw,5.4rem)}
.mc-services-visual{display:flex;justify-content:flex-end}
.mc-code-window{width:min(100%,590px);overflow:hidden;border-radius:7px;background:linear-gradient(145deg,#071b33,#0d3157);box-shadow:var(--mc-shadow);color:#d5e7ff}
.mc-code-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;background:rgba(255,255,255,.06)}
.mc-code-top i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}
.mc-code-window pre{margin:0;padding:50px;font:600 clamp(.82rem,1.5vw,1rem)/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.mc-code-window pre span{color:#77b5ff}
.mc-services-list{border-top:1px solid var(--mc-line)}
.mc-services-row{display:grid;grid-template-columns:55px .7fr 1.25fr auto;gap:28px;align-items:start;padding:32px 0;border-bottom:1px solid var(--mc-line)}
.mc-services-row__number{padding-top:4px;color:var(--mc-blue);font-size:.72rem;font-weight:800;letter-spacing:.08em}
.mc-services-row h2{margin:0;font-size:1.22rem;letter-spacing:-.02em}
.mc-services-row p{margin:0;color:var(--mc-muted);font-size:.91rem}
.mc-services-editor-content{margin-top:72px}
@media (max-width:900px){.mc-services-hero-grid{grid-template-columns:1fr;gap:45px}.mc-services-visual{justify-content:flex-start}.mc-services-row{grid-template-columns:45px 1fr auto}.mc-services-row p{grid-column:2/4}}
@media (max-width:640px){.mc-services-hero{padding:58px 0}.mc-code-window pre{padding:32px 26px}.mc-services-row{grid-template-columns:38px 1fr}.mc-services-row p,.mc-services-row .mc-text-link{grid-column:2}.mc-services-row .mc-text-link{justify-self:start}}

/* Accessibility and interaction refinements */
html{scroll-padding-top:110px}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #0a5fc7}
.mc-button:focus-visible,.mc-menu-toggle:focus-visible{outline-color:#fff}
.mc-primary-menu a:focus-visible{border-radius:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{position:fixed!important;top:10px;left:10px;z-index:100000;width:auto;height:auto;padding:10px 14px;margin:0;overflow:visible;clip:auto;white-space:normal;background:#fff;color:#000;box-shadow:0 4px 20px rgba(0,0,0,.2)}
@media (hover:none){.mc-button:hover{transform:none}}
@media (forced-colors:active){:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid Highlight;box-shadow:none}.mc-button,.page-numbers,.mc-service-grid,.mc-service-item{border-color:CanvasText}.mc-button{forced-color-adjust:auto}}

.mc-quote-card cite{display:block;margin-top:20px;color:var(--mc-muted);font-size:.78rem;font-style:normal;font-weight:700}.mc-cta-band-text{margin:8px 0 0;max-width:680px;color:rgba(255,255,255,.78)}

/* Software & platforms */
.mc-software-overview{background:var(--mc-mist);border-top:1px solid var(--mc-line);border-bottom:1px solid var(--mc-line)}
.mc-software-heading{max-width:760px;margin-bottom:42px}
.mc-software-heading h2{max-width:720px;margin-bottom:14px}
.mc-software-heading>p:last-child{max-width:680px;color:var(--mc-muted)}
.mc-software-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mc-software-card{position:relative;min-height:290px;padding:38px;border:1px solid var(--mc-line);background:#fff;box-shadow:0 12px 35px rgba(7,27,51,.055);overflow:hidden}
.mc-software-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--mc-blue)}
.mc-software-card--wine:before{background:var(--mc-navy)}
.mc-software-card__label{margin:0 0 34px;color:var(--mc-blue);font-size:.68rem;font-weight:800;letter-spacing:.13em}
.mc-software-card--wine .mc-software-card__label{color:var(--mc-navy)}
.mc-software-card h3{margin:0 0 14px;font-size:clamp(1.65rem,2.5vw,2.25rem);letter-spacing:-.035em}
.mc-software-card>p:not(.mc-software-card__label){max-width:560px;margin:0 0 26px;color:var(--mc-muted)}
.mc-software-card .mc-text-link{margin-top:auto}
.mc-software-all{margin:26px 0 0}
@media (max-width:760px){.mc-software-grid{grid-template-columns:1fr}.mc-software-card{min-height:0;padding:30px}.mc-software-card__label{margin-bottom:24px}}

/* Software landing and Toonie Toss 360 */
.mc-product-hero{padding:86px 0 78px;background:var(--mc-navy);color:#fff}
.mc-product-hero__inner{max-width:900px}
.mc-product-hero h1{max-width:850px;color:#fff;font-size:clamp(3rem,6vw,5.6rem)}
.mc-product-hero .mc-page-lede{max-width:720px;color:rgba(255,255,255,.78)}
.mc-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mc-product-card{padding:44px;border:1px solid var(--mc-line);background:#fff;box-shadow:var(--mc-shadow)}
.mc-product-card--dark{background:var(--mc-navy);border-color:var(--mc-navy);color:#fff}
.mc-product-card__tag{display:block;margin-bottom:32px;color:var(--mc-blue);font-size:.68rem;font-weight:800;letter-spacing:.13em}
.mc-product-card--dark .mc-product-card__tag{color:#86bfff}
.mc-product-card h2{margin:0 0 16px;font-size:clamp(2rem,3vw,2.8rem)}
.mc-product-card--dark h2{color:#fff}
.mc-product-card>p{color:var(--mc-muted)}
.mc-product-card--dark>p,.mc-product-card--dark li{color:rgba(255,255,255,.78)}
.mc-product-card ul{margin:26px 0 34px;padding-left:20px}
.mc-product-card li+li{margin-top:8px}
.mc-product-editor-content{margin-top:70px}
.mc-toonie-hero{padding:88px 0;background:linear-gradient(135deg,#071b33,#0b3968);color:#fff}
.mc-toonie-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.mc-toonie-hero h1{color:#fff;font-size:clamp(3.2rem,6vw,5.8rem)}
.mc-toonie-hero .mc-page-lede{max-width:680px;color:rgba(255,255,255,.8)}
.mc-toonie-panel{min-height:360px;padding:44px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:0 30px 80px rgba(0,0,0,.24)}
.mc-toonie-panel>span{margin-bottom:12px;color:#91c7ff;font-size:.68rem;font-weight:800;letter-spacing:.13em}
.mc-toonie-panel>strong{max-width:420px;font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:1.05}
.mc-toonie-panel>div{display:flex;gap:8px;margin-top:38px}.mc-toonie-panel i{display:block;width:54px;height:6px;background:#2185e8}.mc-toonie-panel i:nth-child(2){width:100px;background:#fff}.mc-toonie-panel i:nth-child(3){width:72px;background:#71b5f3}
.mc-toonie-features{border-bottom:1px solid var(--mc-line);background:#fff}
.mc-toonie-feature-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.mc-toonie-feature-grid>div{padding:30px 34px;border-right:1px solid var(--mc-line)}
.mc-toonie-feature-grid>div:first-child{border-left:1px solid var(--mc-line)}
.mc-toonie-feature-grid strong,.mc-toonie-feature-grid span{display:block}.mc-toonie-feature-grid strong{font-size:1.15rem}.mc-toonie-feature-grid span{margin-top:4px;color:var(--mc-muted);font-size:.82rem}
@media (max-width:850px){.mc-product-grid,.mc-toonie-hero__grid{grid-template-columns:1fr}.mc-toonie-panel{min-height:280px}.mc-toonie-feature-grid{grid-template-columns:1fr}.mc-toonie-feature-grid>div,.mc-toonie-feature-grid>div:first-child{border-left:1px solid var(--mc-line);border-right:1px solid var(--mc-line);border-bottom:1px solid var(--mc-line)}}
@media (max-width:600px){.mc-product-hero,.mc-toonie-hero{padding:64px 0}.mc-product-card{padding:30px}.mc-toonie-panel{padding:30px}}

/* Custom development differentiator */
.mc-custom-development{position:relative;overflow:hidden;background:var(--mc-navy);color:#fff}
.mc-custom-development:after{content:"";position:absolute;right:-180px;top:-220px;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018);pointer-events:none}
.mc-custom-development__layout{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:start}
.mc-custom-development__intro h2{max-width:620px;color:#fff;font-size:clamp(2.35rem,4.4vw,4.25rem);line-height:1.02;letter-spacing:-.045em}
.mc-custom-development__intro>p:not(.mc-eyebrow){max-width:620px;margin:22px 0 28px;color:rgba(255,255,255,.76)}
.mc-custom-development__grid{border-top:1px solid rgba(255,255,255,.16)}
.mc-custom-development__grid article{display:grid;grid-template-columns:48px 1fr;column-gap:18px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.mc-custom-development__number{grid-row:1/3;padding-top:5px;color:#74b6fa;font-size:.7rem;font-weight:800;letter-spacing:.1em}
.mc-custom-development__grid h3{margin:0 0 8px;color:#fff;font-size:1.15rem}
.mc-custom-development__grid p{margin:0;color:rgba(255,255,255,.68);font-size:.91rem}
.mc-custom-development__principle{position:relative;z-index:1;margin:58px 0 0;padding-top:25px;border-top:1px solid rgba(255,255,255,.16);color:#fff;font-size:clamp(1.2rem,2.1vw,1.65rem);font-weight:750;letter-spacing:-.02em}
@media (max-width:900px){.mc-custom-development__layout{grid-template-columns:1fr;gap:46px}.mc-custom-development__intro h2{max-width:760px}.mc-custom-development__intro>p:not(.mc-eyebrow){max-width:760px}}
@media (max-width:600px){.mc-custom-development__grid article{grid-template-columns:38px 1fr}.mc-custom-development__principle{margin-top:42px}}


/* v1.11: differentiators, expert resources and evidence-led case studies */
.mc-why{background:#fff;border-top:1px solid var(--mc-line);border-bottom:1px solid var(--mc-line)}
.mc-why-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.mc-why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mc-why-card{position:relative;min-height:330px;padding:34px;border:1px solid var(--mc-line);background:var(--mc-mist)}
.mc-why-card__mark{display:block;margin-bottom:52px;color:var(--mc-blue);font-size:.72rem;font-weight:800;letter-spacing:.12em}
.mc-why-card h3{font-size:1.45rem;margin-bottom:14px}
.mc-why-card p{color:var(--mc-muted);font-size:.94rem}
.mc-resource-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}
.mc-resource-heading>div{max-width:780px}.mc-resource-heading h2{margin-bottom:0}
.mc-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mc-resource-card{display:flex;flex-direction:column;min-height:300px;padding:28px;border-top:2px solid var(--mc-navy);background:#fff}
.mc-resource-card__meta{margin:0 0 22px;color:var(--mc-muted);font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.mc-resource-card h2,.mc-resource-card h3{font-size:1.3rem;margin-bottom:13px}.mc-resource-card h2 a,.mc-resource-card h3 a{color:var(--mc-navy)}
.mc-resource-card>p:not(.mc-resource-card__meta){color:var(--mc-muted);font-size:.91rem}.mc-resource-card .mc-text-link{margin-top:auto;padding-top:18px}
.mc-expert-resources{background:var(--mc-mist)}.mc-resource-grid--archive{margin-top:42px}.mc-resource-intro{margin-bottom:44px}.mc-resource-empty{padding:36px;border:1px solid var(--mc-line);background:var(--mc-mist)}
.mc-case-story{background:var(--mc-mist)}.mc-case-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--mc-line);border:1px solid var(--mc-line)}
.mc-case-story__item{padding:42px;background:#fff}.mc-case-story__item h2{font-size:1.65rem}.mc-case-story__item>p:last-child{color:var(--mc-muted)}
.mc-case-detail{border-top:1px solid var(--mc-line)}
@media (max-width:900px){.mc-why-layout{grid-template-columns:1fr;gap:42px}.mc-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-resource-heading{align-items:start}.mc-case-story-grid{grid-template-columns:1fr}}
@media (max-width:600px){.mc-why-grid,.mc-resource-grid{grid-template-columns:1fr}.mc-why-card{min-height:0}.mc-resource-heading{flex-direction:column;align-items:flex-start;gap:18px}.mc-resource-card{min-height:0}.mc-case-story__item{padding:28px 22px}}

.mc-case-meta-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
@media (max-width:900px){.mc-case-meta-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.mc-case-meta-grid{grid-template-columns:1fr}}


/* v1.11.6 hero composition and professional responsive navigation */
.mc-mobile-nav-head,.mc-mobile-nav-meta,.mc-submenu-toggle,.mc-menu-backdrop{display:none}

/* The artwork is deliberately wide and fades to white. On desktop, crop its
   mostly-empty left edge so the devices remain a substantial part of the hero. */
@media (min-width:1101px){
  .mc-hero{padding:64px 0 36px}
  .mc-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:18px;align-items:stretch}
  .mc-hero-copy{position:relative;z-index:2;padding:38px 0 14px}
  .mc-hero-visual{position:relative;align-self:stretch;min-height:610px;margin-left:-48px;align-items:stretch;justify-content:stretch}
  .mc-hero-image-wrap{width:100%;height:100%;min-height:610px;padding:0;overflow:hidden}
  .mc-hero-image-wrap img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:82% 50%}
}
@media (min-width:1380px){
  .mc-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(600px,1.12fr);gap:8px}
  .mc-hero-visual{margin-left:-72px;min-height:630px}
  .mc-hero-image-wrap{min-height:630px}
  .mc-hero-image-wrap img{object-position:84% 50%}
}
@media (max-width:1100px){
  .mc-hero{padding-bottom:28px}
  .mc-hero-grid{gap:24px}
  .mc-hero-image-wrap{aspect-ratio:16/8.6;background:#fff}
  .mc-hero-image-wrap img{object-position:80% 50%}
}
@media (max-width:640px){
  .mc-hero-grid{gap:18px}
  .mc-hero-image-wrap{aspect-ratio:4/3}
  .mc-hero-image-wrap img{object-position:82% 50%}
}

/* Off-canvas menu shell. */
.mc-menu-backdrop{position:fixed;inset:0;z-index:90;background:rgba(7,27,51,.48);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
body.mc-menu-open .mc-menu-backdrop{display:block;opacity:1;visibility:visible}
.mc-menu-close{display:none}

.mc-site-header.mc-nav-compact .mc-primary-nav{
  position:fixed;z-index:110;top:0;right:0;bottom:0;left:auto;inset:auto 0 0 auto;width:min(430px,100vw);height:100dvh;
  display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:#fff;border:0;
  box-shadow:-24px 0 70px rgba(7,27,51,.18);overflow:auto;overscroll-behavior:contain;
  transform:translateX(104%);visibility:hidden;transition:transform .26s cubic-bezier(.22,.61,.36,1),visibility .26s ease
}
.mc-site-header.mc-nav-compact .mc-primary-nav.is-open{display:flex;transform:none;visibility:visible}
.mc-site-header.mc-nav-compact .mc-mobile-nav-head{display:flex;flex:0 0 auto;min-height:92px;align-items:center;justify-content:space-between;gap:20px;padding:19px 26px;border-bottom:1px solid var(--mc-line);background:#fff}
.mc-mobile-nav-kicker{display:block;margin-bottom:1px;color:var(--mc-blue);font-size:.64rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.mc-mobile-nav-head strong{display:block;color:var(--mc-navy);font-size:1.25rem;letter-spacing:-.02em}
.mc-site-header.mc-nav-compact .mc-menu-close{display:inline-flex;width:46px;height:46px;flex:0 0 46px;align-items:center;justify-content:center;border:1px solid var(--mc-line);border-radius:50%;background:var(--mc-mist);color:var(--mc-navy);cursor:pointer}
.mc-menu-close span,.mc-menu-close span:before{display:block;width:19px;height:2px;border-radius:2px;background:currentColor;content:""}.mc-menu-close span{transform:rotate(45deg)}.mc-menu-close span:before{transform:rotate(90deg)}
.mc-site-header.mc-nav-compact .mc-primary-menu{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px 26px 8px}
.mc-site-header.mc-nav-compact .mc-primary-menu>li{position:relative;border-bottom:1px solid #e8edf2}
.mc-site-header.mc-nav-compact .mc-primary-menu>li>a{display:flex;min-height:60px;align-items:center;padding:13px 54px 13px 0;color:var(--mc-navy);font-size:1.05rem;font-weight:760;line-height:1.25}
.mc-site-header.mc-nav-compact .mc-primary-menu>li>a:hover,.mc-site-header.mc-nav-compact .mc-primary-menu>li>a:focus{color:var(--mc-blue)}
.mc-site-header.mc-nav-compact .mc-primary-menu .menu-item-has-children>a:after{display:none}
.mc-site-header.mc-nav-compact .mc-submenu-toggle{position:absolute;display:inline-flex;right:0;top:8px;width:44px;height:44px;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--mc-mist);color:var(--mc-navy);cursor:pointer}
.mc-submenu-toggle span{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .18s ease}
.mc-site-header.mc-nav-compact .is-submenu-open>.mc-submenu-toggle span{transform:rotate(225deg) translate(-1px,-1px)}
.mc-site-header.mc-nav-compact .mc-primary-menu .sub-menu{position:static;display:none;min-width:0;margin:0 0 14px;padding:8px 14px;border:0;border-radius:6px;background:var(--mc-mist);box-shadow:none;opacity:1;visibility:visible;transform:none}
.mc-site-header.mc-nav-compact .mc-primary-menu .is-submenu-open>.sub-menu{display:block}
.mc-site-header.mc-nav-compact .mc-primary-menu .sub-menu:before{display:none}
.mc-site-header.mc-nav-compact .mc-primary-menu .sub-menu li{border:0}
.mc-site-header.mc-nav-compact .mc-primary-menu .sub-menu a{display:flex;min-height:44px;align-items:center;padding:8px 5px;color:#506176;font-size:.91rem;font-weight:650;line-height:1.35;white-space:normal}
.mc-site-header.mc-nav-compact .mc-primary-menu .sub-menu a:hover,.mc-site-header.mc-nav-compact .mc-primary-menu .sub-menu a:focus{background:transparent;color:var(--mc-blue)}
.mc-site-header.mc-nav-compact .mc-header-cta{width:auto;min-height:52px;margin:12px 26px 0;align-self:stretch;font-size:.95rem}
.mc-site-header.mc-nav-compact .mc-mobile-nav-meta{display:block;margin:auto 26px 0;padding:24px 0 28px;border-top:1px solid var(--mc-line);color:var(--mc-muted);font-size:.72rem;font-weight:700;line-height:1.45}

/* The mobile width fallback receives the same drawer before JS has completed
   the fit measurement. */
@media (max-width:900px){
  .mc-primary-nav{position:fixed;z-index:110;top:0;right:0;bottom:0;left:auto;inset:auto 0 0 auto;width:min(430px,100vw);height:100dvh;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:#fff;border:0;box-shadow:-24px 0 70px rgba(7,27,51,.18);overflow:auto;overscroll-behavior:contain;transform:translateX(104%);visibility:hidden;transition:transform .26s cubic-bezier(.22,.61,.36,1),visibility .26s ease}
  .mc-primary-nav.is-open{display:flex;transform:none;visibility:visible}
  .admin-bar .mc-primary-nav{top:0;height:100dvh}
  .mc-mobile-nav-head{display:flex;flex:0 0 auto;min-height:92px;align-items:center;justify-content:space-between;gap:20px;padding:19px 26px;border-bottom:1px solid var(--mc-line);background:#fff}
  .mc-menu-close{display:inline-flex;width:46px;height:46px;flex:0 0 46px;align-items:center;justify-content:center;border:1px solid var(--mc-line);border-radius:50%;background:var(--mc-mist);color:var(--mc-navy);cursor:pointer}
  .mc-primary-menu{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px 26px 8px}
  .mc-primary-menu>li{position:relative;border-bottom:1px solid #e8edf2}
  .mc-primary-menu>li>a{display:flex;min-height:60px;align-items:center;padding:13px 54px 13px 0;color:var(--mc-navy);font-size:1.05rem;font-weight:760;line-height:1.25}
  .mc-primary-menu .menu-item-has-children>a:after{display:none}
  .mc-submenu-toggle{position:absolute;display:inline-flex;right:0;top:8px;width:44px;height:44px;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--mc-mist);color:var(--mc-navy);cursor:pointer}
  .mc-primary-menu .sub-menu{position:static;display:none;min-width:0;margin:0 0 14px;padding:8px 14px;border:0;border-radius:6px;background:var(--mc-mist);box-shadow:none;opacity:1;visibility:visible;transform:none}
  .mc-primary-menu .is-submenu-open>.sub-menu{display:block}
  .mc-primary-menu .sub-menu:before{display:none}
  .mc-primary-menu .sub-menu li{border:0}
  .mc-primary-menu .sub-menu a{display:flex;min-height:44px;align-items:center;padding:8px 5px;color:#506176;font-size:.91rem;font-weight:650;line-height:1.35;white-space:normal}
  .mc-header-cta{width:auto;min-height:52px;margin:12px 26px 0;align-self:stretch;font-size:.95rem}
  .mc-mobile-nav-meta{display:block;margin:auto 26px 0;padding:24px 0 28px;border-top:1px solid var(--mc-line);color:var(--mc-muted);font-size:.72rem;font-weight:700;line-height:1.45}
}
@media (max-width:520px){
  .mc-primary-nav,.mc-site-header.mc-nav-compact .mc-primary-nav{width:100vw}
  .mc-mobile-nav-head,.mc-site-header.mc-nav-compact .mc-mobile-nav-head{padding-inline:20px}
  .mc-primary-menu,.mc-site-header.mc-nav-compact .mc-primary-menu{padding-inline:20px}
  .mc-header-cta,.mc-site-header.mc-nav-compact .mc-header-cta{margin-inline:20px}
  .mc-mobile-nav-meta,.mc-site-header.mc-nav-compact .mc-mobile-nav-meta{margin-inline:20px}
}
@media (prefers-reduced-motion:reduce){.mc-primary-nav,.mc-menu-backdrop{transition:none!important}}
/* Keep the WordPress admin toolbar from covering the drawer controls. */
.admin-bar .mc-site-header.mc-nav-compact .mc-primary-nav{top:32px;height:calc(100dvh - 32px)}
@media (max-width:900px){.admin-bar .mc-primary-nav{top:32px;height:calc(100dvh - 32px)}}
@media (max-width:782px){.admin-bar .mc-primary-nav,.admin-bar .mc-site-header.mc-nav-compact .mc-primary-nav{top:46px;height:calc(100dvh - 46px)}}

/* v1.11.8 integrated hero + non-rendering dynamic navigation */

/* Header gets a little more room on wide screens. The JavaScript fit probe
   remains authoritative and will switch to the drawer whenever the actual
   logo + top-level navigation + CTA do not fit. */
.mc-site-header .mc-header-inner{width:min(calc(100% - 48px),1520px)}

/* Initial/mode-changing states are never painted. This prevents any drawer
   flash on first load and any slide-off animation during responsive changes. */
.mc-site-header.mc-nav-pending .mc-primary-nav,
.mc-site-header.mc-nav-mode-changing .mc-primary-nav{visibility:hidden!important;transition:none!important}
.mc-site-header.mc-nav-pending .mc-menu-toggle{visibility:hidden}
.mc-site-header.mc-nav-mode-changing .mc-menu-toggle{visibility:hidden!important}
@media (max-width:900px){
  .mc-site-header.mc-nav-pending .mc-menu-toggle{display:inline-flex;visibility:visible}
}

/* Invisible desktop-width probe. It is never placed in the visible viewport,
   so dynamic fit calculations cannot cause the real navigation to flash. */
.mc-nav-fit-probe{
  position:absolute!important;left:-100000px!important;top:-100000px!important;
  z-index:-1!important;display:flex!important;width:max-content!important;
  max-width:none!important;align-items:center!important;gap:28px!important;
  visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  contain:layout style!important;
}
.mc-nav-fit-probe .mc-primary-menu{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  gap:32px!important;width:max-content!important;margin:0!important;padding:0!important;
}
.mc-nav-fit-probe .mc-primary-menu>li{position:relative!important;border:0!important;width:auto!important}
.mc-nav-fit-probe .mc-primary-menu>li>a{
  display:inline-flex!important;min-height:44px!important;align-items:center!important;
  padding:0!important;font-size:.83rem!important;font-weight:680!important;white-space:nowrap!important;
}
.mc-nav-fit-probe .mc-primary-menu .sub-menu,
.mc-nav-fit-probe .mc-submenu-toggle{display:none!important}
.mc-nav-fit-probe .mc-header-cta{
  display:inline-flex!important;width:auto!important;min-height:44px!important;margin:0!important;
  padding:13px 18px!important;align-self:auto!important;white-space:nowrap!important;
}

/* Professional drawer. It stays off-canvas and non-visible until the user
   explicitly opens it. Changing responsive mode never invokes its transition. */
.mc-site-header.mc-nav-compact .mc-menu-toggle{display:inline-flex}
.mc-site-header.mc-nav-compact .mc-primary-nav{
  position:fixed;z-index:110;inset:0 0 0 auto;width:min(430px,100vw);height:100dvh;
  display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:#fff;border:0;
  box-shadow:-24px 0 70px rgba(7,27,51,.18);overflow:auto;overscroll-behavior:contain;
  transform:translate3d(104%,0,0);visibility:hidden;pointer-events:none;
  transition:transform .26s cubic-bezier(.22,.61,.36,1),visibility 0s linear .26s;
  will-change:transform;
}
.mc-site-header.mc-nav-compact .mc-primary-nav.is-open{
  transform:translate3d(0,0,0);visibility:visible;pointer-events:auto;
  transition:transform .26s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s;
}
.mc-site-header.mc-nav-desktop .mc-menu-toggle{display:none}
.mc-site-header.mc-nav-desktop .mc-primary-nav{position:static;display:flex;transform:none;visibility:visible;pointer-events:auto;box-shadow:none;height:auto;width:auto;overflow:visible}

/* Pending mobile fallback: drawer geometry is available immediately, but it is
   hard-hidden and transition-free until JavaScript declares the mode ready. */
@media (max-width:900px){
  .mc-primary-nav{
    position:fixed;z-index:110;inset:0 0 0 auto;width:min(430px,100vw);height:100dvh;
    display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:#fff;border:0;
    box-shadow:-24px 0 70px rgba(7,27,51,.18);overflow:auto;overscroll-behavior:contain;
    transform:translate3d(104%,0,0);visibility:hidden;pointer-events:none;transition:none;
  }
  .mc-site-header.mc-nav-ready .mc-primary-nav{
    transition:transform .26s cubic-bezier(.22,.61,.36,1),visibility 0s linear .26s;
  }
  .mc-site-header.mc-nav-ready .mc-primary-nav.is-open{
    transform:translate3d(0,0,0);visibility:visible;pointer-events:auto;
    transition:transform .26s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s;
  }
}

/* Desktop hero: integrate the supplied wide artwork into the hero rather than
   showing it as a rectangular card. The blank left portion becomes part of the
   page, while soft white masks dissolve the artwork into the background. */
@media (min-width:1101px){
  .mc-hero{position:relative;padding:34px 0 26px;background:linear-gradient(180deg,#fff 0,#fff 82%,#f9fbfd 100%)}
  .mc-hero-grid{position:relative;display:block;min-height:680px}
  .mc-hero-copy{position:relative;z-index:3;width:min(47%,640px);max-width:none;padding:76px 0 18px}
  .mc-hero-visual{position:absolute;z-index:1;top:-48px;bottom:-20px;left:30%;right:calc((100vw - 100%)/-2 - 28px);display:block;min-height:0;margin:0;overflow:hidden;pointer-events:none}
  .mc-hero-image-wrap{position:absolute;inset:0;width:auto;height:auto;min-height:0;padding:0;overflow:hidden;background:transparent}
  .mc-hero-image-wrap img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:77% 50%}
  .mc-hero-image-wrap:after{content:"";position:absolute;inset:-2px;z-index:2;pointer-events:none;background:
    linear-gradient(270deg,#fff 0%,rgba(255,255,255,.72) 1.25%,rgba(255,255,255,.18) 2.75%,rgba(255,255,255,0) 4.5%),
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.995) 8%,rgba(255,255,255,.96) 16%,rgba(255,255,255,.78) 25%,rgba(255,255,255,.38) 35%,rgba(255,255,255,.08) 43%,rgba(255,255,255,0) 51%),
    linear-gradient(180deg,#fff 0%,rgba(255,255,255,.92) 4%,rgba(255,255,255,.2) 12%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 84%,rgba(255,255,255,.64) 94%,#fff 100%)}
}
@media (min-width:1450px){
  .mc-hero-grid{min-height:710px}
  .mc-hero-copy{padding-top:88px}
  .mc-hero-visual{top:-56px;bottom:-24px;left:31%;right:calc((100vw - 100%)/-2 - 32px)}
  .mc-hero-image-wrap img{object-position:79% 50%}
}

/* Tablet and compact widths use a deliberately stacked composition so the
   device artwork remains large and does not leave empty vertical bands. */
@media (max-width:1100px){
  .mc-hero{padding:48px 0 26px}
  .mc-hero-grid{display:grid;grid-template-columns:1fr;gap:18px;min-height:0}
  .mc-hero-copy{width:100%;max-width:780px;padding:14px 0 0}
  .mc-hero-visual{position:relative;inset:auto;display:block;width:100%;min-height:0;margin:0;overflow:hidden}
  .mc-hero-image-wrap{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:16/8.5;padding:0;overflow:hidden;background:#fff}
  .mc-hero-image-wrap img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:79% 50%}
  .mc-hero-image-wrap:after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 9%,rgba(255,255,255,0) 91%,#fff 100%)}
}
@media (max-width:640px){
  .mc-hero{padding-top:32px}
  .mc-hero-grid{gap:14px}
  .mc-hero-image-wrap{aspect-ratio:4/3}
  .mc-hero-image-wrap img{object-position:81% 50%}
}

/* v1.12.1 unified internal page headers */
.mc-page-hero{
  padding:82px 0 72px;
  background:linear-gradient(135deg,var(--mc-navy) 0%,#0b315b 100%);
  color:#fff;
  border-bottom:0;
}
.mc-page-hero__content{
  width:min(100%,var(--mc-editorial));
}
.mc-page-hero h1{
  max-width:var(--mc-editorial);
  color:#fff;
  font-size:clamp(3rem,5vw,5.2rem);
}
.mc-page-hero .mc-eyebrow{
  color:#7ebcff;
}
.mc-page-hero .mc-page-lede{
  width:min(100%,var(--mc-editorial));
  max-width:var(--mc-editorial);
  color:rgba(255,255,255,.8);
}
.mc-page-hero .mc-button--light{
  margin-top:8px;
}

/* Case studies retain the richer image-led layout, but use the same dark
   header treatment and the same 1240px outer content grid as every page. */
.mc-case-hero{
  padding:82px 0 72px;
  background:linear-gradient(135deg,var(--mc-navy) 0%,#0b315b 100%);
  color:#fff;
}
.mc-case-hero h1{color:#fff}
.mc-case-hero .mc-eyebrow{color:#7ebcff}
.mc-case-hero .mc-page-lede{color:rgba(255,255,255,.8)}
.mc-case-hero .mc-back-link{color:#b9d8ff}
.mc-case-hero .mc-back-link:hover{color:#fff}
.mc-case-hero .mc-text-link{color:#fff}
.mc-case-hero .mc-text-link:hover{color:#b9d8ff}
.mc-case-hero .mc-case-image img,
.mc-case-hero .mc-case-image .mc-project-placeholder{
  box-shadow:0 26px 70px rgba(0,0,0,.28);
}

@media (max-width:900px){
  .mc-page-hero,.mc-case-hero{padding:68px 0 58px}
}
@media (max-width:640px){
  .mc-page-hero,.mc-case-hero{padding:56px 0 48px}
  .mc-page-hero h1,.mc-case-hero h1{font-size:clamp(2.55rem,12vw,3.35rem)}
  .mc-page-hero .mc-page-lede,.mc-case-hero .mc-page-lede{font-size:1.03rem}
}

/* v1.13.0 premium visual polish
   Refines the established Mumford Connect design system without adding
   frameworks, remote assets or decorative JavaScript dependencies. */
:root{
  --mc-line:#e2e8ef;
  --mc-mist:#f6f8fb;
  --mc-radius:10px;
  --mc-radius-lg:16px;
  --mc-shadow:0 24px 70px rgba(7,27,51,.105);
  --mc-shadow-soft:0 12px 35px rgba(7,27,51,.065);
  --mc-shadow-hover:0 24px 55px rgba(7,27,51,.12);
}

/* Global rhythm and type polish */
.mc-section{padding:108px 0}
.mc-eyebrow{margin-bottom:20px;font-size:.72rem;letter-spacing:.145em}
h1,h2{letter-spacing:-.045em}
h3{letter-spacing:-.025em}
.mc-section-intro>p:not(.mc-eyebrow),.mc-page-lede,.mc-hero-lede{line-height:1.75}

/* Buttons and text actions */
.mc-button{
  min-height:50px;padding:13px 23px;border-radius:8px;
  box-shadow:0 7px 18px rgba(7,27,51,.09);
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.mc-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(7,27,51,.14)}
.mc-button--secondary{box-shadow:none}
.mc-button--secondary:hover{box-shadow:0 10px 24px rgba(7,27,51,.07)}
.mc-button--light{box-shadow:0 8px 24px rgba(0,0,0,.13)}
.mc-button--outline-light{box-shadow:none}
.mc-text-link{position:relative;gap:9px}
.mc-text-link span{display:inline-block;transition:transform .18s ease}
.mc-text-link:hover span,.mc-text-link:focus-visible span{transform:translateX(4px)}

/* Header: quieter at rest, premium glass treatment once it becomes sticky. */
.mc-site-header{border-bottom-color:rgba(226,232,239,.72)}
.mc-site-header.is-scrolled{
  background:rgba(255,255,255,.91);
  -webkit-backdrop-filter:saturate(150%) blur(16px);
  backdrop-filter:saturate(150%) blur(16px);
  border-color:rgba(216,224,233,.9);
  box-shadow:0 12px 35px rgba(7,27,51,.075);
}
.mc-header-inner{min-height:92px}
.mc-primary-menu>li>a{position:relative}
.mc-site-header.mc-nav-desktop .mc-primary-menu>li>a:before{
  content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:2px;
  background:var(--mc-blue);transform:scaleX(0);transform-origin:right center;
  transition:transform .2s ease;
}
.mc-site-header.mc-nav-desktop .mc-primary-menu>li>a:hover:before,
.mc-site-header.mc-nav-desktop .mc-primary-menu>li>a:focus-visible:before,
.mc-site-header.mc-nav-desktop .mc-primary-menu>.current-menu-item>a:before,
.mc-site-header.mc-nav-desktop .mc-primary-menu>.current_page_item>a:before{transform:scaleX(1);transform-origin:left center}
.mc-primary-menu .sub-menu{border-radius:12px;padding:9px;box-shadow:0 22px 58px rgba(7,27,51,.14)}
.mc-primary-menu .sub-menu a{border-radius:7px}

/* Homepage hero copy and proof line. Keep the image integration from v1.11.8. */
.mc-hero-copy .mc-eyebrow{display:inline-flex;align-items:center;gap:10px}
.mc-hero-copy .mc-eyebrow:before{content:"";width:26px;height:2px;border-radius:2px;background:var(--mc-blue)}
.mc-hero-lede{color:#41546a}
.mc-proof-points{gap:0;margin-top:54px;padding-top:25px}
.mc-proof-points li{position:relative;padding:0 18px 0 0}
.mc-proof-points li+li{padding-left:18px}
.mc-proof-points li+li:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:1px;background:var(--mc-line)}
.mc-proof-points strong{font-size:.77rem;letter-spacing:-.01em}
.mc-proof-points span{margin-top:6px;font-size:.7rem}

/* Trust strip: simple, editorial and intentionally not card-like. */
.mc-trust-strip{padding:29px 0;background:linear-gradient(180deg,#fff,#fbfcfe)}
.mc-trust-strip p{margin-bottom:18px;color:#64758a;font-size:.65rem;letter-spacing:.15em}
.mc-trust-words{gap:0;color:#344a62;font-size:.78rem;letter-spacing:.045em}
.mc-trust-words li{position:relative;padding:0 18px}
.mc-trust-words li+li:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:var(--mc-line)}

/* Services remain a clean matrix, but gain depth and a precise interaction. */
.mc-services-overview{background:linear-gradient(180deg,#fff 0,#fff 72%,#fafbfd 100%)}
.mc-services-layout{gap:86px}
.mc-service-grid{overflow:hidden;border-radius:14px;border:1px solid var(--mc-line);background:var(--mc-line);gap:1px}
.mc-service-item{
  position:relative;min-height:194px;padding:30px;background:#fff;border:0;
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.mc-service-item:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--mc-blue);transition:right .24s ease}
.mc-service-item:hover{z-index:1;background:#fbfdff;box-shadow:0 12px 32px rgba(7,27,51,.065)}
.mc-service-item:hover:after{right:0}
.mc-service-item h3{font-size:1.04rem}
.mc-service-item p{font-size:.84rem;line-height:1.65}

/* Dark custom-development section: subtle depth and technical geometry. */
.mc-custom-development{
  background:
    radial-gradient(circle at 84% 18%,rgba(35,126,232,.22),transparent 28%),
    linear-gradient(135deg,#06172c 0%,#082746 58%,#09345d 100%);
}
.mc-custom-development:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(90deg,transparent 34%,#000 78%);
  mask-image:linear-gradient(90deg,transparent 34%,#000 78%);
}
.mc-custom-development__grid article{transition:padding-left .2s ease,background .2s ease}
.mc-custom-development__grid article:hover{padding-left:12px;background:linear-gradient(90deg,rgba(255,255,255,.045),transparent)}

/* Differentiators: premium editorial cards, not generic dashboard tiles. */
.mc-why{background:#fbfcfe}
.mc-why-grid{gap:18px}
.mc-why-card{
  min-height:330px;padding:38px;border-radius:var(--mc-radius-lg);background:#fff;
  box-shadow:var(--mc-shadow-soft);overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.mc-why-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--mc-blue),#76b5ff);opacity:.9}
.mc-why-card:hover{transform:translateY(-4px);box-shadow:var(--mc-shadow-hover);border-color:#d7e3ef}
.mc-why-card__mark{margin-bottom:58px;color:#71849a}

/* Software cards */
.mc-software-overview{background:linear-gradient(180deg,#f6f8fb,#f9fbfd)}
.mc-software-card{
  border-radius:var(--mc-radius-lg);box-shadow:var(--mc-shadow-soft);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.mc-software-card:before{height:4px}
.mc-software-card:hover{transform:translateY(-4px);box-shadow:var(--mc-shadow-hover);border-color:#d5e1ed}
.mc-product-card{border-radius:var(--mc-radius-lg);box-shadow:var(--mc-shadow-soft)}

/* Featured project: cleaner device-like presentation and richer backdrop. */
.mc-featured-project{
  padding:92px 0;
  background:
    radial-gradient(circle at 82% 22%,rgba(46,130,226,.2),transparent 30%),
    linear-gradient(135deg,#05162a 0%,#082846 58%,#0a345d 100%);
}
.mc-featured-image img,.mc-featured-image .mc-project-placeholder{border-width:7px;border-radius:14px;box-shadow:0 34px 85px rgba(0,0,0,.32)}
.mc-featured-image:after{left:3%;right:3%;bottom:-10px;height:10px;filter:blur(.2px);opacity:.62}

/* Resource cards and location grid */
.mc-expert-resources{background:#f6f8fb}
.mc-resource-card{
  padding:30px;border:1px solid var(--mc-line);border-top:3px solid var(--mc-navy);
  border-radius:12px;box-shadow:0 8px 24px rgba(7,27,51,.035);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.mc-resource-card:hover{transform:translateY(-4px);box-shadow:var(--mc-shadow-soft);border-color:#d6e1ec;border-top-color:var(--mc-blue)}
.mc-areas-overview{background:#f8fafc}
.mc-area-grid{overflow:hidden;border-radius:14px;border:1px solid var(--mc-line);background:var(--mc-line);gap:1px}
.mc-area-link{background:#fff;border:0;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.mc-area-link i{transition:transform .18s ease}
.mc-area-link:hover{z-index:1;background:#fbfdff;box-shadow:0 10px 28px rgba(7,27,51,.06)}
.mc-area-link:hover i{transform:translateX(4px)}

/* Projects and editorial content */
.mc-project-card{border-top:0;padding-top:0}
.mc-project-card__image{border-radius:12px;box-shadow:0 10px 30px rgba(7,27,51,.075)}
.mc-project-card__body{padding:23px 2px 0}
.mc-project-card{transition:transform .22s ease}
.mc-project-card:hover{transform:translateY(-3px)}
.mc-project-card:hover .mc-project-card__image img{transform:scale(1.035)}
.mc-entry-content{line-height:1.78}
.mc-entry-content h2{margin-top:2.15em}
.mc-entry-content blockquote{padding:1.15em 1.3em;border-left:3px solid var(--mc-blue);border-radius:0 10px 10px 0;background:#f7faff}
.mc-entry-content img,.mc-single-image img{border-radius:12px}

/* Unified dark page headers: more dimensional while preserving exact page grid. */
.mc-page-hero,.mc-case-hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(36,128,236,.28),transparent 31%),
    radial-gradient(circle at 96% 110%,rgba(92,164,244,.13),transparent 31%),
    linear-gradient(135deg,#06172c 0%,#082847 58%,#0a345f 100%);
}
.mc-page-hero:before,.mc-case-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:linear-gradient(90deg,transparent 18%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 18%,#000 100%);
}
.mc-page-hero:after,.mc-case-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(101,173,255,.75) 24%,rgba(101,173,255,.18) 70%,transparent 100%)}
.mc-page-hero>.mc-container,.mc-case-hero>.mc-container{position:relative;z-index:1}
.mc-page-hero .mc-eyebrow,.mc-case-hero .mc-eyebrow{display:inline-flex;align-items:center;gap:10px}
.mc-page-hero .mc-eyebrow:before,.mc-case-hero .mc-eyebrow:before{content:"";width:24px;height:2px;background:#66adff;border-radius:2px}
.mc-page-hero .mc-page-lede,.mc-case-hero .mc-page-lede{font-size:clamp(1.06rem,1.5vw,1.19rem);line-height:1.75}

/* CTA and footer */
.mc-cta-band{position:relative;overflow:hidden;padding:60px 0;background:linear-gradient(120deg,#06172c,#0a3562)}
.mc-cta-band:after{content:"";position:absolute;right:-130px;top:-190px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);pointer-events:none}
.mc-cta-band-inner{position:relative;z-index:1}
.mc-site-footer{padding-top:74px;background:linear-gradient(180deg,#05162a,#041321)}
.mc-footer-grid{gap:72px}
.mc-footer-links li{margin:9px 0}
.mc-footer-bottom{margin-top:58px;padding-top:24px}

/* Mobile drawer polish. */
.mc-menu-backdrop{background:rgba(4,19,36,.58);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.mc-mobile-nav-head,.mc-site-header.mc-nav-compact .mc-mobile-nav-head{background:linear-gradient(135deg,#06172c,#0a345f);border-bottom-color:rgba(255,255,255,.1)}
.mc-mobile-nav-kicker{color:#7fbdff}
.mc-mobile-nav-head strong{color:#fff}
.mc-menu-close,.mc-site-header.mc-nav-compact .mc-menu-close{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff}
.mc-site-header.mc-nav-compact .mc-primary-menu>li>a{font-size:1.07rem;letter-spacing:-.015em}
.mc-site-header.mc-nav-compact .mc-submenu-toggle{background:#f1f5f9}
.mc-site-header.mc-nav-compact .mc-primary-menu .sub-menu{border-radius:10px;background:#f4f7fa}
.mc-site-header.mc-nav-compact .mc-primary-menu .is-submenu-open>.sub-menu{box-shadow:inset 3px 0 0 #78b5f7}
.mc-site-header.mc-nav-compact .mc-header-cta{border-radius:8px}
@media (max-width:900px){
  .mc-primary-menu>li>a{font-size:1.07rem;letter-spacing:-.015em}
  .mc-submenu-toggle{background:#f1f5f9}
  .mc-primary-menu .sub-menu{border-radius:10px;background:#f4f7fa}
  .mc-primary-menu .is-submenu-open>.sub-menu{box-shadow:inset 3px 0 0 #78b5f7}
  .mc-header-cta{border-radius:8px}
}

@media (max-width:900px){
  .mc-section{padding:82px 0}
  .mc-trust-words{gap:12px}
  .mc-trust-words li{padding:0 10px}
  .mc-trust-words li+li:before{display:none}
  .mc-service-item:hover,.mc-why-card:hover,.mc-software-card:hover,.mc-resource-card:hover,.mc-project-card:hover{transform:none}
}
@media (max-width:640px){
  .mc-section{padding:64px 0}
  .mc-button{min-height:50px}
  .mc-proof-points li+li:before{display:none}
  .mc-proof-points li+li{padding-left:0}
  .mc-trust-words{row-gap:14px}
  .mc-service-grid,.mc-area-grid{border-radius:12px}
  .mc-service-item{padding:26px 24px}
  .mc-why-card{padding:30px;min-height:0}
  .mc-featured-project{padding:70px 0}
  .mc-cta-band{padding:52px 0}
}
@media (prefers-reduced-motion:reduce){
  .mc-text-link span,.mc-service-item:after,.mc-area-link i{transition:none!important}
}

/* v1.13.1 mobile overflow, spacing and trust-strip refinement */

/* Six balanced audience items with restrained line icons. */
.mc-trust-words{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.mc-trust-words li{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:4px 14px 2px}
.mc-trust-icon{display:flex;width:32px;height:32px;align-items:center;justify-content:center;color:var(--mc-blue)}
.mc-trust-icon svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}

/* Keep the off-canvas panel inside the viewport while closed. Revealing it
   with clip-path avoids the horizontal scroll area created by translating a
   fixed 100vw panel beyond the viewport. */
.mc-site-header.mc-nav-compact .mc-primary-nav{
  transform:none!important;clip-path:inset(0 0 0 100%);visibility:hidden;pointer-events:none;
  transition:clip-path .26s cubic-bezier(.22,.61,.36,1),visibility 0s linear .26s;
  will-change:clip-path
}
.mc-site-header.mc-nav-compact .mc-primary-nav.is-open{
  transform:none!important;clip-path:inset(0);visibility:visible;pointer-events:auto;
  transition:clip-path .26s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s
}
.mc-site-header.mc-nav-mode-changing .mc-primary-nav,
.mc-site-header.mc-nav-pending .mc-primary-nav{transition:none!important}

@media (max-width:900px){
  .mc-primary-nav{
    transform:none!important;clip-path:inset(0 0 0 100%);visibility:hidden;pointer-events:none;max-width:100%;
    transition:none
  }
  .mc-site-header.mc-nav-ready .mc-primary-nav{
    transition:clip-path .26s cubic-bezier(.22,.61,.36,1),visibility 0s linear .26s
  }
  .mc-site-header.mc-nav-ready .mc-primary-nav.is-open{
    transform:none!important;clip-path:inset(0);visibility:visible;pointer-events:auto;
    transition:clip-path .26s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s
  }
  .mc-trust-words{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}
  .mc-trust-words li{padding-inline:12px}
}

@media (max-width:640px){
  /* 20px page gutters replace the previous 14px mobile gutters. */
  .mc-container{width:min(calc(100% - 40px),var(--mc-container))}
  .mc-site-header .mc-header-inner{width:min(calc(100% - 40px),1520px)}
  .mc-trust-strip{padding:30px 0}
  .mc-trust-strip p{max-width:330px;margin:0 auto 24px;line-height:1.55}
  .mc-trust-words{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 8px}
  .mc-trust-words li{padding:0 4px;font-size:.69rem;line-height:1.3}
  .mc-trust-icon{width:30px;height:30px}
  .mc-trust-icon svg{width:23px;height:23px}
}

@media (max-width:360px){
  .mc-container{width:min(calc(100% - 32px),var(--mc-container))}
  .mc-site-header .mc-header-inner{width:min(calc(100% - 32px),1520px)}
}

@media (prefers-reduced-motion:reduce){
  .mc-primary-nav,.mc-site-header.mc-nav-compact .mc-primary-nav{transition:none!important}
}


/* v1.13.2 homepage long-term partnership proof block */
.mc-home-bottom{
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 58%,#f7f9fc 100%);
  padding-top:82px;
  padding-bottom:88px;
}
.mc-home-proof-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);
  gap:72px;
  align-items:stretch;
}
.mc-quote-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:18px 0 18px 30px;
}
.mc-quote-card:before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:3px;
  border-radius:3px;
  background:linear-gradient(180deg,var(--mc-blue),#78b8ff);
}
.mc-quote-card .mc-eyebrow{margin-bottom:22px}
.mc-quote-card blockquote{
  max-width:720px;
  font-size:clamp(1.7rem,2.15vw,2.25rem);
  line-height:1.28;
  letter-spacing:-.035em;
}
.mc-quote-card cite{margin-top:24px}
.mc-fact-grid{
  display:grid;
  grid-template-columns:1fr;
  align-content:center;
  border:0;
  border-radius:18px;
  padding:13px 30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 6%,rgba(55,143,245,.22),transparent 34%),
    linear-gradient(145deg,#06172c 0%,#082746 100%);
  box-shadow:0 22px 56px rgba(7,27,51,.14);
}
.mc-fact-grid div{
  display:grid;
  grid-template-columns:minmax(118px,.8fr) minmax(0,1.2fr);
  align-items:center;
  gap:22px;
  padding:24px 0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.mc-fact-grid div:last-child{border-bottom:0}
.mc-fact-grid strong{
  color:#fff;
  font-size:clamp(1.35rem,1.8vw,1.72rem);
  line-height:1.15;
  letter-spacing:-.025em;
}
.mc-fact-grid span{
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:.78rem;
  line-height:1.5;
}

@media (max-width:1100px){
  .mc-home-proof-grid{grid-template-columns:1fr;gap:38px}
  .mc-quote-card{padding-right:26px}
  .mc-fact-grid{grid-template-columns:repeat(3,1fr);padding:0 12px}
  .mc-fact-grid div{
    grid-template-columns:1fr;
    align-content:center;
    gap:7px;
    min-height:132px;
    padding:24px 22px;
    border-bottom:0;
    border-right:1px solid rgba(255,255,255,.13);
  }
  .mc-fact-grid div:last-child{border-right:0}
}

@media (max-width:640px){
  .mc-home-bottom{padding-top:62px;padding-bottom:66px}
  .mc-home-proof-grid{gap:30px}
  .mc-quote-card{padding:4px 0 4px 20px}
  .mc-quote-card:before{top:4px;bottom:4px}
  .mc-quote-card .mc-eyebrow{margin-bottom:16px}
  .mc-quote-card blockquote{font-size:1.55rem;line-height:1.32}
  .mc-fact-grid{grid-template-columns:1fr;padding:10px 22px;border-radius:15px}
  .mc-fact-grid div{
    grid-template-columns:110px 1fr;
    min-height:0;
    padding:19px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.13);
  }
  .mc-fact-grid div:last-child{border-bottom:0}
  .mc-fact-grid strong{font-size:1.25rem}
  .mc-fact-grid span{font-size:.75rem}
}


/* v1.13.3 homepage editorial intro width refinement
   Use the full site grid without forcing long prose across 1240px. Existing
   home content is targeted structurally; new installs also receive the
   mc-home-editor-intro class for clearer editor semantics. */
.mc-home-editor-content{
  margin-bottom:82px;
}
.mc-home-editor-content>.wp-block-group,
.mc-home-editor-content>.mc-home-editor-intro{
  width:100%;
  max-width:none!important;
  margin-inline:0!important;
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  column-gap:clamp(52px,6vw,96px);
  align-items:start;
}
.mc-home-editor-content>.wp-block-group>*,
.mc-home-editor-content>.mc-home-editor-intro>*{
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.mc-home-editor-content>.wp-block-group>h2,
.mc-home-editor-content>.mc-home-editor-intro>h2{
  grid-column:1;
  grid-row:1 / span 20;
  width:min(100%,460px);
  margin-top:0;
  margin-bottom:0;
  font-size:clamp(2.25rem,3.25vw,3.55rem);
  line-height:1.04;
}
.mc-home-editor-content>.wp-block-group>:not(h2),
.mc-home-editor-content>.mc-home-editor-intro>:not(h2){
  grid-column:2;
  width:min(100%,760px);
}
.mc-home-editor-content>.wp-block-group>p,
.mc-home-editor-content>.mc-home-editor-intro>p{
  font-size:1.02rem;
  line-height:1.8;
}
.mc-home-editor-content>.wp-block-group>p:last-child,
.mc-home-editor-content>.mc-home-editor-intro>p:last-child{
  margin-bottom:0;
}
@media (max-width:900px){
  .mc-home-editor-content{margin-bottom:64px}
  .mc-home-editor-content>.wp-block-group,
  .mc-home-editor-content>.mc-home-editor-intro{
    display:block;
    width:min(100%,var(--mc-content));
  }
  .mc-home-editor-content>.wp-block-group>h2,
  .mc-home-editor-content>.mc-home-editor-intro>h2{
    width:100%;
    margin-bottom:.75em;
    font-size:clamp(2.15rem,7vw,3rem);
  }
  .mc-home-editor-content>.wp-block-group>:not(h2),
  .mc-home-editor-content>.mc-home-editor-intro>:not(h2){width:100%}
}

/* v1.13.4 content width consistency
   Page sections always occupy the full site grid. Readability is controlled
   at the child-content level instead of shrinking the entire section. */
.mc-prose,
.mc-content-narrow{width:min(100%,var(--mc-content))}
.mc-page-content,
.mc-listing-content{width:100%;max-width:none}

/* Standard page/editor sections get a broader editorial measure while
   media, columns, tables, galleries, forms and explicitly wide blocks can
   use the complete 1240px container. */
.mc-page-content>p,
.mc-page-content>ul,
.mc-page-content>ol,
.mc-page-content>blockquote,
.mc-page-content>pre,
.mc-page-content>h2,
.mc-page-content>h3,
.mc-page-content>h4,
.mc-page-content>h5,
.mc-page-content>h6{
  width:min(100%,960px);
}
.mc-page-content>h2,
.mc-page-content>h3{
  max-width:1040px;
}
.mc-page-content>.alignwide,
.mc-page-content>.alignfull,
.mc-page-content>.wp-block-columns,
.mc-page-content>.wp-block-group,
.mc-page-content>.wp-block-cover,
.mc-page-content>.wp-block-gallery,
.mc-page-content>.wp-block-table,
.mc-page-content>form{
  width:100%;
  max-width:none;
}

/* Listing/archive pages use the same outer grid instead of an arbitrary
   narrow column. Cards still control their own readable line lengths. */
.mc-listing-content .mc-post-list{width:100%}
.mc-listing-content .mc-post-card>p{max-width:900px}

@media (max-width:900px){
  .mc-page-content>p,
  .mc-page-content>ul,
  .mc-page-content>ol,
  .mc-page-content>blockquote,
  .mc-page-content>pre,
  .mc-page-content>h2,
  .mc-page-content>h3,
  .mc-page-content>h4,
  .mc-page-content>h5,
  .mc-page-content>h6{width:100%;max-width:none}
}

/* Standard page headers use the same broader editorial measure as the first
   page-content section; article/case-study prose remains intentionally narrower. */
.mc-page-hero__content{width:min(100%,var(--mc-editorial))}
.mc-page-hero h1{max-width:var(--mc-editorial)}
.mc-page-hero .mc-page-lede{width:min(100%,var(--mc-editorial));max-width:var(--mc-editorial)}
.mc-page-content>p,
.mc-page-content>ul,
.mc-page-content>ol,
.mc-page-content>blockquote,
.mc-page-content>pre,
.mc-page-content>h2,
.mc-page-content>h3,
.mc-page-content>h4,
.mc-page-content>h5,
.mc-page-content>h6{width:min(100%,var(--mc-editorial))}


/* v1.13.5 editorial width normalization
   A page-level lede inside editor content must use the same editorial measure
   as neighbouring headings and prose. The generic .mc-page-lede rule earlier
   in the stylesheet intentionally remains useful elsewhere, but must not
   shrink an in-content introduction back to the legacy 780px width. */
.mc-page-content > .mc-page-lede {
  width:min(100%,var(--mc-editorial));
  max-width:var(--mc-editorial);
}


/* v1.13.6 canonical content width system
   One width model is used across every standard page/template:
   - 1240px: structural/site grid
   - 960px: standard page editorial content
   - 790px: long-form article/case-study prose only
   Gutenberg theme.json uses the same 960/1240 values. */
.mc-page-hero > .mc-container,
.mc-section > .mc-container,
.mc-services-page > .mc-container,
.mc-toonie-features > .mc-container,
.mc-cta-band > .mc-container{
  width:min(calc(100% - 48px),var(--mc-container));
  max-width:var(--mc-container);
  margin-inline:auto;
}

.mc-page-hero__content{
  width:min(100%,var(--mc-editorial));
  max-width:var(--mc-editorial);
  margin-left:0;
  margin-right:0;
}

.mc-page-hero h1,
.mc-page-hero .mc-page-lede,
.mc-page-content > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6),
.mc-resource-intro > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6),
.mc-product-editor-content > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6),
.mc-services-editor-content > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6){
  width:min(100%,var(--mc-editorial));
  max-width:var(--mc-editorial);
  margin-left:0;
  margin-right:0;
}

/* Structural Gutenberg blocks are allowed to use the complete page grid.
   This prevents a page from unexpectedly collapsing to the editor's prose
   width simply because a column/group/gallery/table is present. */
.mc-page-content > :where(
  .alignwide,
  .alignfull,
  .wp-block-columns,
  .wp-block-group,
  .wp-block-cover,
  .wp-block-gallery,
  .wp-block-table,
  .wp-block-media-text,
  .wp-block-image,
  .wp-block-buttons,
  form
){
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

/* WordPress constrained-layout blocks inherit theme.json's 960px normal
   width and 1240px wide width. Never allow legacy 790px page constraints. */
.mc-page-content :where(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)){
  --wp--style--global--content-size:var(--mc-editorial);
}
.mc-page-content :where(.alignwide){
  max-width:var(--mc-container);
}

/* Long-form reading templates intentionally stay narrower. */
.mc-prose{
  width:min(100%,var(--mc-content));
  max-width:var(--mc-content);
  margin-left:0;
  margin-right:0;
}

@media (max-width:900px){
  .mc-page-hero > .mc-container,
  .mc-section > .mc-container,
  .mc-services-page > .mc-container,
  .mc-toonie-features > .mc-container,
  .mc-cta-band > .mc-container{
    width:min(calc(100% - 40px),var(--mc-container));
  }
  .mc-page-hero__content,
  .mc-page-hero h1,
  .mc-page-hero .mc-page-lede,
  .mc-page-content > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6),
  .mc-resource-intro > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6),
  .mc-product-editor-content > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6),
  .mc-services-editor-content > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6){
    width:100%;
    max-width:none;
  }
}

@media (max-width:359px){
  .mc-page-hero > .mc-container,
  .mc-section > .mc-container,
  .mc-services-page > .mc-container,
  .mc-toonie-features > .mc-container,
  .mc-cta-band > .mc-container{
    width:min(calc(100% - 32px),var(--mc-container));
  }
}


/* v1.13.7 single-width standard page system
   Standard internal pages use the same 1240px content grid for their header
   and all normal page/editor content. Only .mc-prose stays intentionally
   narrower for long-form articles and case-study narrative. */
.mc-page-hero__content,
.mc-page-hero h1,
.mc-page-hero .mc-page-lede,
.mc-page-content > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6),
.mc-resource-intro > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6),
.mc-product-editor-content > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6),
.mc-services-editor-content > :where(p,ul,ol,blockquote,pre,h2,h3,h4,h5,h6){
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

.mc-page-content > .mc-page-lede{
  width:100%;
  max-width:none;
}

/* Gutenberg constrained layouts on standard pages use the same site grid.
   This neutralizes legacy/global narrower content-size rules that can be
   present in stored block markup or generated block CSS. */
.mc-page-content :where(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
  width:100%;
  max-width:var(--mc-container);
  margin-left:0;
  margin-right:0;
}

.mc-prose{
  width:min(100%,var(--mc-content));
  max-width:var(--mc-content);
}

/* v1.13.8 hero edge integration
   Extend the desktop artwork to (and slightly beyond) the viewport edge rather
   than ending at the centred content container, with a very narrow right-side
   dissolve to prevent a visible vertical seam on wide displays. */