/* Website composition — all colors, type, radius and motion inherit Media Miners tokens. */
:root{--mm-content:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;color:var(--text-body);background:var(--surface-page)}#root,#scroll-top{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.mm-wrap{width:min(var(--mm-content),calc(100% - 80px));margin:auto}.mm-section{background:var(--surface-page);color:var(--text-body)}.mm-section.is-dark{background:var(--mm-midnight);color:var(--mm-ice)}.mm-label{color:var(--text-muted);font-size:13px;font-weight:300;letter-spacing:.16em;text-transform:uppercase}.mm-label.is-light{color:rgba(245,246,252,.56)}
@media (prefers-reduced-motion:no-preference){.mm-reveal{opacity:0;transition:opacity 580ms var(--ease-out) var(--mm-reveal-delay,0ms),transform 760ms var(--ease-out) var(--mm-reveal-delay,0ms),filter 620ms var(--ease-out) var(--mm-reveal-delay,0ms),letter-spacing 760ms var(--ease-out) var(--mm-reveal-delay,0ms);will-change:opacity,transform,filter}.mm-reveal--headline{filter:blur(9px);transform:translate3d(0,42px,0) scale(.965)}.mm-reveal--label{transform:translate3d(-22px,0,0);letter-spacing:.28em}.mm-reveal--card{filter:blur(5px);transform:perspective(1200px) rotateX(13deg) translate3d(0,38px,0) scale(.94);transform-origin:center bottom}.mm-reveal--row{transform:translate3d(-28px,0,0)}.mm-reveal--metric{filter:blur(5px);transform:translate3d(0,22px,0) scale(.88)}.mm-reveal--soft{filter:blur(4px);transform:translate3d(0,14px,0)}.mm-reveal--rise{filter:blur(6px);transform:translate3d(0,26px,0) scale(.985)}.mm-reveal.mm-reveal--visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1);letter-spacing:inherit}.mm-pixel-field .mm-pixel{transform:rotate(0);transform-origin:center}.mm-pixel-field--active .mm-pixel{animation:mm-pixel-rotate 620ms var(--ease-out) both;animation-delay:var(--mm-pixel-delay,0ms)}@keyframes mm-pixel-rotate{0%{opacity:0;transform:rotate(-105deg) scale(.45)}65%{opacity:1;transform:rotate(16deg) scale(1.13)}100%{opacity:1;transform:rotate(0) scale(1)}}.mm-action-button{transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)!important}.mm-action-button:hover{background:var(--mm-lime)!important;color:var(--mm-midnight)!important;box-shadow:var(--shadow-lime)!important}.mm-project-card,.mm-article-card,.mm-mini-grid button,.mm-services-list>button,.mm-home-feature-card,.mm-home-small-service,.mm-home-portfolio-card,.mm-home-quote-card{transition-timing-function:var(--ease-out)}.mm-project-card:hover,.mm-article-card:hover,.mm-home-feature-card:hover,.mm-home-small-service:hover,.mm-home-portfolio-card:hover,.mm-home-quote-card:hover{border-color:var(--mm-lime)!important;filter:saturate(1.2) brightness(1.06)}.mm-project-card:hover,.mm-article-card:hover{transform:translate3d(0,-5px,0) scale(1.006)}.mm-services-list>button:hover{transform:translateX(6px)}}
.mm-nav{position:sticky;top:0;z-index:40;height:76px;background:rgba(20,20,26,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(245,246,252,.08)}.mm-nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.mm-logo-button,.mm-nav-links button,.mm-menu{padding:0;border:0;background:none;cursor:pointer}.mm-logo-button{flex:0 0 auto}.mm-nav-links{display:flex;align-items:center;gap:24px;margin-left:auto}.mm-nav-links button{color:rgba(245,246,252,.58);font-size:14px;font-weight:600;transition:color var(--dur-base) var(--ease-out)}.mm-nav-links button:hover,.mm-nav-links .active{color:var(--mm-ice)}.mm-nav-more{color:var(--mm-purple-300)!important}.mm-nav-actions{display:flex;align-items:center;gap:10px}.mm-menu{display:none;color:var(--mm-ice)}
.mm-home-hero{overflow:hidden}.mm-home-grid,.mm-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(300px,.97fr);gap:clamp(48px,7vw,105px);align-items:center}.mm-home-grid{min-height:540px;padding:82px 0 72px}.mm-home-grid h1,.mm-page-hero h1{margin:20px 0 0;color:var(--mm-ice);font-size:clamp(47px,5.4vw,78px);line-height:1.01;letter-spacing:-.04em;font-weight:800}.mm-home-grid h1 span,.mm-page-hero h1 span{color:var(--mm-purple-300)}.mm-home-grid>div>p,.mm-page-hero p{max-width:535px;margin:23px 0 0;font-size:17px;line-height:1.65;color:rgba(245,246,252,.7)}.mm-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.mm-light-button{color:var(--mm-ice)!important;border-color:rgba(245,246,252,.18)!important}.mm-pixel-stage{position:relative;display:flex;min-height:330px;justify-content:flex-end;align-items:center}.mm-pixels{position:absolute;top:-20px;right:-30px;opacity:.55;filter:blur(1px)}.mm-impact-card{position:relative;width:min(100%,330px);background:rgba(34,34,44,.78)!important;border:1px solid rgba(245,246,252,.1)!important;backdrop-filter:blur(9px)}.mm-stat{padding:15px 0;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgba(245,246,252,.09)}.mm-stat:last-child{border:0;padding-bottom:0}.mm-stat strong{font-size:30px;letter-spacing:-.03em}.mm-stat span{max-width:128px;text-align:right;font-size:13px;color:rgba(245,246,252,.6)}
.mm-home-work,.mm-section-pad{padding:88px 0 100px}.mm-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.mm-section-head h2,.mm-two-col h2,.mm-contact-grid h2,.mm-case-body h2,.mm-legal h2{margin:12px 0 0;color:inherit;font-size:clamp(31px,3.6vw,48px);line-height:1.05;letter-spacing:-.03em;font-weight:800}.mm-section-head p{max-width:550px;margin:14px 0 0;line-height:1.65}.mm-feature-grid{display:grid;grid-template-columns:1.32fr 1fr;gap:18px}.mm-feature-stack{display:grid;gap:18px}
.mm-project-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;width:100%;min-height:260px;padding:25px;color:var(--mm-ice);text-align:left;border:1px solid rgba(245,246,252,.1);border-radius:var(--radius-xl);cursor:pointer;transition:transform var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out)}.mm-project-card.is-big{min-height:540px}.mm-project-card:hover{transform:translateY(-3px);filter:brightness(1.06)}.mm-project-pixels{position:absolute;top:-8px;right:-8px;opacity:.35}.mm-project-copy{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.mm-project-copy strong{display:block;margin-top:13px;font-size:27px;letter-spacing:-.025em}.is-big .mm-project-copy strong{font-size:36px}.mm-project-copy span{display:block;margin-top:3px;font-size:14px;color:rgba(245,246,252,.68)}.mm-project-copy i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(245,246,252,.13);font-style:normal}
.mm-service-preview{border-top:1px solid var(--border-subtle)}.mm-service-preview button{width:100%;display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;padding:19px 0;color:var(--text-strong);text-align:left;border:0;border-bottom:1px solid var(--border-subtle);background:none;cursor:pointer}.mm-service-preview button:hover strong{color:var(--text-accent)}.mm-service-preview span,.mm-services-list>button>span{font-size:12px;color:var(--text-muted);letter-spacing:.1em}.mm-service-preview strong{font-size:19px}.mm-cta{padding:86px 0}.mm-cta h2{max-width:650px;margin:13px 0 30px;font-size:clamp(38px,4.7vw,62px);line-height:1.03;letter-spacing:-.04em;color:var(--mm-ice)}
.mm-page-hero{padding:102px 0 96px;overflow:hidden}.mm-page-hero:not(.is-dark) h1{color:var(--text-strong)}.mm-page-hero:not(.is-dark) h1 span{color:var(--text-accent)}.mm-page-hero:not(.is-dark) p{color:var(--text-body)}.mm-hero-aside{display:flex;justify-content:flex-end}.mm-hero-number{width:min(100%,300px);padding:29px;border:1px solid rgba(98,50,255,.18);border-radius:var(--radius-xl);background:rgba(98,50,255,.1)}.is-dark .mm-hero-number{background:rgba(245,246,252,.06);border-color:rgba(245,246,252,.1)}.mm-hero-number strong{display:block;color:var(--text-accent);font-size:54px;line-height:1;letter-spacing:-.05em}.is-dark .mm-hero-number strong{color:var(--mm-lime)}.mm-hero-number span{display:block;margin-top:14px;font-size:15px;line-height:1.5;color:var(--text-muted)}.is-dark .mm-hero-number span{color:rgba(245,246,252,.63)}
@media(min-width:851px){.mm-page-hero{display:flex;align-items:center;min-height:calc(100svh - 76px)}.mm-page-hero>.mm-wrap{width:min(var(--mm-content),calc(100% - 80px))}}
.mm-two-col,.mm-contact-grid,.mm-case-body{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,8vw,130px);align-items:start}.mm-lead{margin:0;font-size:21px;line-height:1.55;color:var(--text-strong)}.mm-two-col button{margin-top:28px}.mm-value-grid,.mm-process-grid,.mm-team-grid,.mm-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mm-value-grid>div{min-height:230px;padding:28px;border:1px solid rgba(245,246,252,.09);border-radius:var(--radius-xl);background:rgba(245,246,252,.045)}.mm-value-grid>div>span{display:grid;place-items:center;width:46px;height:46px;color:var(--mm-midnight);border-radius:14px;background:var(--mm-lime)}.mm-value-grid h3,.mm-process-grid h3,.mm-team-card h3,.mm-mini-grid h3{margin:28px 0 0;font-size:20px;color:var(--mm-ice)}.mm-value-grid p,.mm-process-grid p{margin:8px 0 0;line-height:1.55;color:rgba(245,246,252,.62)}.mm-process-grid{grid-template-columns:repeat(4,1fr)}.mm-process-grid>div{min-height:250px;padding:25px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-raised)}.mm-process-grid .is-primary{border-color:var(--mm-purple);background:var(--mm-purple)}.mm-process-grid span{color:var(--text-accent);font-size:13px;font-weight:700;letter-spacing:.11em}.mm-process-grid h3{color:var(--text-strong)}.mm-process-grid p{color:var(--text-muted)}.mm-process-grid .is-primary span{color:var(--mm-lime)}.mm-process-grid .is-primary h3,.mm-process-grid .is-primary p{color:var(--mm-ice)}.mm-team-grid{grid-template-columns:repeat(4,1fr)}.mm-team-card h3{margin:22px 0 0;color:var(--text-strong)}.mm-team-card p{margin:4px 0;color:var(--text-muted);font-size:14px}
.mm-services-list{border-top:1px solid var(--border-subtle)}.mm-services-list>button{display:grid;grid-template-columns:64px 1fr auto;width:100%;gap:22px;align-items:center;padding:29px 4px;color:inherit;text-align:left;border:0;border-bottom:1px solid var(--border-subtle);background:none;cursor:pointer;transition:padding var(--dur-base) var(--ease-out)}.mm-services-list>button:hover{padding-left:13px}.mm-services-list h2{margin:0;color:var(--text-strong);font-size:clamp(23px,2.5vw,34px);letter-spacing:-.025em}.mm-services-list p{max-width:580px;margin:7px 0 0;line-height:1.55;color:var(--text-muted)}.mm-services-list small{display:block;margin-top:12px;color:var(--text-accent);font-size:12px;letter-spacing:.08em}.mm-services-list i{color:var(--text-accent);font-style:normal}.mm-deliverables{border-top:1px solid var(--border-subtle)}.mm-deliverables>div{display:flex;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--border-subtle)}.mm-deliverables span,.mm-mini-grid span{color:var(--text-accent);font-size:12px;letter-spacing:.1em}.mm-deliverables strong{font-size:19px;color:var(--text-strong)}.mm-mini-grid button{min-height:190px;padding:25px;color:var(--mm-ice);text-align:left;border:1px solid rgba(245,246,252,.09);border-radius:var(--radius-xl);background:rgba(245,246,252,.04);cursor:pointer}.mm-mini-grid button:hover{border-color:var(--mm-purple-300)}.mm-mini-grid h3{min-height:52px}.mm-mini-grid svg{color:var(--mm-purple-300)}
.mm-work-list{padding-bottom:104px}.mm-work-list .mm-wrap>div:first-child{margin-bottom:31px}.mm-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mm-work-grid .mm-project-card{min-height:330px}.mm-case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:37px}.mm-case-stats>div{padding:17px 0;border-top:1px solid var(--border-subtle)}.mm-case-stats strong{display:block;color:var(--text-accent);font-size:25px}.mm-case-stats span{display:block;margin-top:6px;font-size:13px;color:var(--text-muted)}
.mm-post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:31px}.mm-article-card{padding:0;overflow:hidden;color:inherit;text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-raised);cursor:pointer;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.mm-article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.mm-article-visual{position:relative;min-height:205px;padding:22px;overflow:hidden;color:var(--mm-ice);background:var(--mm-midnight)}.mm-article-visual>span{display:inline-block;padding:6px 10px;color:var(--mm-midnight);font-size:12px;font-weight:700;border-radius:var(--radius-pill);background:var(--mm-lime)}.mm-article-pixels{position:absolute;right:30px;bottom:26px;display:grid;place-items:center;width:100px;height:100px;color:var(--mm-lime);border-radius:var(--radius-xl);background:var(--mm-purple);transform:rotate(-10deg)}.mm-article-card>div:last-child{padding:26px}.mm-article-card small{color:var(--text-muted);font-size:12px;letter-spacing:.08em}.mm-article-card h2{margin:12px 0 0;color:var(--text-strong);font-size:27px;line-height:1.08;letter-spacing:-.03em}.mm-article-card p{margin:11px 0 0;line-height:1.55;color:var(--text-muted)}.mm-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:21px;color:var(--text-accent);font-size:14px;font-weight:700}.mm-article-body,.mm-legal{width:min(720px,calc(100% - 80px));margin:auto;padding:86px 0 110px}.mm-article-body p,.mm-legal p{margin:22px 0 0;font-size:17px;line-height:1.72}.mm-article-body h2{margin:47px 0 0;color:var(--text-strong);font-size:32px}.mm-back-link{margin-top:45px;color:var(--text-accent);font-weight:700;border:0;background:none;cursor:pointer}
.mm-contact-grid>div>p{margin-top:19px;max-width:480px;line-height:1.65}.mm-contact-options{display:grid;gap:1px;margin-top:33px;border-top:1px solid var(--border-subtle)}.mm-contact-options a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;color:var(--text-strong);font-weight:700;text-decoration:none;border-bottom:1px solid var(--border-subtle)}.mm-contact-options a:hover{color:var(--text-accent)}.mm-form-card form{display:grid;gap:17px}.mm-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mm-form-tags{display:flex;flex-wrap:wrap;gap:7px}.mm-form-success{display:grid;min-height:294px;place-content:center;text-align:center}.mm-form-success>span{display:grid;place-items:center;width:56px;height:56px;margin:auto;color:var(--mm-midnight);border-radius:50%;background:var(--mm-lime)}.mm-form-success h3{margin:15px 0 0;color:var(--text-strong);font-size:23px}.mm-form-success p{margin:7px 0 18px;color:var(--text-muted)}.mm-list{padding-left:19px;line-height:1.8;color:var(--text-body)}.mm-faq-wrap{width:min(820px,100%)}.mm-faq{border-top:1px solid var(--border-subtle)}.mm-faq:last-of-type{border-bottom:1px solid var(--border-subtle)}.mm-faq button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;color:var(--text-strong);font-size:18px;text-align:left;border:0;background:none;cursor:pointer}.mm-faq button span{color:var(--text-accent);font-size:25px}.mm-faq p{max-width:680px;margin:0;padding:0 0 23px;line-height:1.65;color:var(--text-muted)}.mm-faq-wrap>button{margin-top:34px}.mm-legal h2{margin-top:50px}
.mm-footer{padding:62px 0 25px;color:var(--mm-ice);border-top:1px solid rgba(245,246,252,.08);background:var(--mm-midnight)}.mm-footer-top{display:grid;grid-template-columns:2.2fr repeat(3,1fr);gap:35px}.mm-footer-top>div:first-child p{max-width:220px;margin:18px 0 0;color:rgba(245,246,252,.52);font-size:14px;line-height:1.55}.mm-footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.mm-footer-top button{padding:0;color:rgba(245,246,252,.62);font-size:14px;text-align:left;border:0;background:none;cursor:pointer}.mm-footer-top button:hover{color:var(--mm-ice)}.mm-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:56px;padding-top:20px;color:rgba(245,246,252,.43);font-size:13px;border-top:1px solid rgba(245,246,252,.08)}.mm-footer-bottom a{color:inherit;text-decoration:none}
@media(max-width:850px){.mm-wrap{width:min(var(--mm-content),calc(100% - 40px))}.mm-nav-links{position:absolute;top:76px;left:0;right:0;display:none;align-items:flex-start;flex-direction:column;gap:18px;padding:20px;background:rgba(20,20,26,.98);border-bottom:1px solid rgba(245,246,252,.08)}.mm-nav-links.is-open{display:flex}.mm-nav-links button{font-size:16px}.mm-menu{display:block}.mm-nav-actions>button:first-child{display:none}.mm-home-grid,.mm-hero-grid,.mm-two-col,.mm-contact-grid,.mm-case-body{grid-template-columns:1fr}.mm-home-grid{min-height:0;padding:72px 0 55px}.mm-hero-aside{justify-content:flex-start}.mm-page-hero{padding:77px 0 74px}.mm-pixel-stage{min-height:250px;justify-content:flex-start}.mm-impact-card{width:min(100%,360px)}.mm-feature-grid{grid-template-columns:1fr}.mm-feature-stack{grid-template-columns:1fr 1fr}.mm-project-card.is-big{min-height:390px}.mm-value-grid,.mm-mini-grid{grid-template-columns:1fr}.mm-process-grid{grid-template-columns:repeat(2,1fr)}.mm-team-grid{grid-template-columns:repeat(2,1fr)}.mm-work-grid{grid-template-columns:repeat(2,1fr)}.mm-footer-top{grid-template-columns:1.6fr repeat(2,1fr)}.mm-footer-top>div:last-child{grid-column:2}}
@media(max-width:560px){.mm-wrap{width:min(var(--mm-content),calc(100% - 32px))}.mm-home-grid h1,.mm-page-hero h1{font-size:45px}.mm-home-grid>div>p,.mm-page-hero p{font-size:16px}.mm-section-head{align-items:flex-start;flex-direction:column}.mm-home-work,.mm-section-pad{padding:63px 0 70px}.mm-feature-stack,.mm-work-grid,.mm-post-grid,.mm-team-grid,.mm-process-grid{grid-template-columns:1fr}.mm-project-card,.mm-work-grid .mm-project-card{min-height:275px}.mm-project-card.is-big{min-height:335px}.mm-project-copy strong,.is-big .mm-project-copy strong{font-size:26px}.mm-services-list>button{grid-template-columns:35px 1fr auto;gap:10px;padding:22px 0}.mm-services-list p{font-size:14px}.mm-case-stats{grid-template-columns:1fr}.mm-form-pair{grid-template-columns:1fr}.mm-article-body,.mm-legal{width:min(720px,calc(100% - 32px));padding:62px 0 75px}.mm-footer-top{grid-template-columns:1fr 1fr}.mm-footer-top>div:first-child{grid-column:1/-1}.mm-footer-top>div:last-child{grid-column:auto}.mm-footer-bottom{flex-direction:column;margin-top:36px}}
/* Responsive treatment for the approved creative-and-technology homepage. */
.mm-home-menu{display:none;padding:7px;color:var(--mm-ice);border:0;background:none;cursor:pointer}.mm-home-nav{height:76px}.mm-home-nav .mm-home-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.mm-home-nav-links{margin-left:auto}.mm-home-nav a{white-space:nowrap}
@media(max-width:850px){.mm-home-wrap{width:100%!important;padding-left:24px!important;padding-right:24px!important}.mm-home-menu{display:grid;place-items:center}.mm-home-nav .mm-home-wrap>a:last-of-type{display:none}.mm-home-nav-links{position:absolute;top:76px;left:0;right:0;display:none!important;flex-direction:column;align-items:flex-start;gap:18px!important;padding:22px 24px;background:rgba(20,20,26,.98);border-bottom:1px solid rgba(245,246,252,.1)}.mm-home-nav-links.is-open{display:flex!important}.mm-home-nav-links a{font-size:17px!important}.mm-home-nav+section#top>.mm-home-wrap{grid-template-columns:1fr!important;gap:42px!important;padding-top:72px!important;padding-bottom:68px!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child{justify-content:flex-start!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div{width:min(100%,440px)!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div>div{grid-template-columns:1fr 1fr!important}.mm-home-nav+section#top h1{max-width:680px}#services>.mm-home-wrap>div:nth-child(2),#services>.mm-home-wrap>div:nth-child(3),#why>.mm-home-wrap,#faq>.mm-home-wrap,#contact>.mm-home-wrap>div>div{grid-template-columns:1fr!important}#work>.mm-home-wrap>div:nth-child(2){grid-template-columns:repeat(2,1fr)!important}#work>.mm-home-wrap>div:nth-child(2)>div{grid-column:auto!important;min-height:250px!important}#process .mm-home-wrap>div:nth-child(2){grid-template-columns:repeat(2,1fr)!important}.mm-home-testimonials .mm-home-wrap>div:nth-child(2){grid-template-columns:1fr!important}.mm-home-testimonials .mm-home-wrap>div:nth-child(2)>div{grid-column:auto!important}.mm-home-footer .mm-home-wrap>div:first-child{grid-template-columns:repeat(2,1fr)!important}.mm-home-footer .mm-home-wrap>div:first-child>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.mm-home-wrap{padding-left:16px!important;padding-right:16px!important}.mm-home-nav+section#top>.mm-home-wrap{padding-top:56px!important;padding-bottom:54px!important}.mm-home-nav+section#top h1{font-size:44px!important}.mm-home-nav+section#top p{font-size:16px!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div{width:100%!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div>div{grid-template-columns:1fr!important}#services>.mm-home-wrap>div:nth-child(2),#services>.mm-home-wrap>div:nth-child(3),#work>.mm-home-wrap>div:nth-child(2),#process .mm-home-wrap>div:nth-child(2){grid-template-columns:1fr!important}#services,#work,#why,#process,.mm-home-testimonials{padding-top:64px!important;padding-bottom:70px!important}#faq{padding-bottom:70px!important}#work>.mm-home-wrap>div:nth-child(2)>div{min-height:250px!important}.mm-home-testimonials .mm-home-wrap>div:nth-child(2)>div{padding:24px!important}.mm-home-testimonials .mm-home-wrap>div:nth-child(2)>div p{font-size:18px!important}.mm-home-footer{padding-top:48px!important}.mm-home-footer .mm-home-wrap>div:first-child{grid-template-columns:1fr 1fr!important;gap:26px!important}.mm-home-footer .mm-home-wrap>div:first-child>div:first-child{grid-column:1/-1}.mm-home-footer .mm-home-wrap>div:last-child{align-items:flex-start!important;flex-direction:column;margin-top:34px!important}#contact>.mm-home-wrap>div{padding:36px 24px!important}#contact>.mm-home-wrap>div>div{gap:30px!important}#contact>.mm-home-wrap>div>div>div:last-child{padding:20px!important}}
/* Compact, right-side hamburger panel: it never covers the whole mobile viewport. */
@media(max-width:850px){.mm-home-menu,.mm-menu{width:42px;height:42px;border:1px solid rgba(245,246,252,.13)!important;border-radius:14px!important;background:rgba(245,246,252,.08)!important;box-shadow:var(--shadow-sm);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)!important}.mm-home-menu[aria-expanded="true"],.mm-menu[aria-expanded="true"]{color:var(--mm-midnight)!important;background:var(--mm-lime)!important;transform:rotate(90deg)}.mm-home-nav-links,.mm-nav-links{position:absolute!important;top:66px!important;right:16px!important;left:auto!important;width:min(310px,calc(100vw - 32px))!important;display:flex!important;align-items:stretch!important;gap:3px!important;padding:12px!important;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-8px,0) scale(.97);transform-origin:top right;border:1px solid rgba(245,246,252,.12)!important;border-radius:var(--radius-lg)!important;background:rgba(27,27,35,.92)!important;backdrop-filter:blur(18px);box-shadow:0 18px 48px rgba(0,0,0,.28);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility var(--dur-base) var(--ease-out)}.mm-home-nav-links.is-open,.mm-nav-links.is-open{display:flex!important;opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}.mm-home-nav-links a,.mm-home-nav-links button,.mm-nav-links button{width:100%;padding:13px 14px!important;border-radius:var(--radius-md)!important;text-align:left!important;color:rgba(245,246,252,.74)!important;background:transparent!important}.mm-home-nav-links a:hover,.mm-home-nav-links button:hover,.mm-home-nav-links button.active,.mm-nav-links button:hover,.mm-nav-links button.active{color:var(--mm-midnight)!important;background:var(--mm-lime)!important}.mm-nav-links .mm-nav-more{color:var(--mm-purple-300)!important}.mm-nav-links .mm-nav-more:hover{color:var(--mm-midnight)!important}}

/* Keep the restored hero headline legible on the midnight surface. */
.mm-home-nav + section#top h1{color:var(--mm-ice)!important}

/* Desktop hero fills the available screen without affecting mobile reading flow. */
@media(min-width:851px){.mm-home-nav + section#top{min-height:calc(100vh - 76px);display:flex;flex-direction:column;justify-content:space-between}.mm-home-nav + section#top>.mm-home-wrap:first-of-type{flex:1;min-height:calc(100vh - 142px);align-content:center}}

/* Full-width desktop composition across every homepage section. */
@media(min-width:851px){.mm-home-wrap{max-width:none!important;width:100%!important;padding-left:clamp(40px,7vw,128px)!important;padding-right:clamp(40px,7vw,128px)!important}}

/* What we do: bring the service cards into the Media Miners colour world. */
#services{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 7%,rgba(98,50,255,.18),transparent 30%),linear-gradient(135deg,#f6f3ff 0%,#f5f6fc 48%,#eef0ff 100%)!important}
#services .mm-label{color:var(--mm-purple)!important;font-weight:700!important}
#services .mm-home-feature-card,#services .mm-home-small-service{isolation:isolate;overflow:hidden;border-color:transparent!important;box-shadow:0 20px 42px rgba(31,24,57,.13)!important}
#services .mm-home-feature-card:nth-child(1){background:linear-gradient(145deg,#6232ff 0%,#3e1cae 100%)!important}
#services .mm-home-feature-card:nth-child(2){background:linear-gradient(145deg,#20202b 0%,#393949 100%)!important}
#services>.mm-home-wrap>div:nth-child(3) .mm-home-small-service:nth-child(1){background:linear-gradient(145deg,#ceff1c 0%,#b7ed00 100%)!important;color:var(--mm-midnight)}
#services>.mm-home-wrap>div:nth-child(3) .mm-home-small-service:nth-child(2){background:linear-gradient(145deg,#8f59ff 0%,#6232ff 100%)!important}
#services .mm-home-feature-card h3,#services .mm-home-feature-card p{color:var(--mm-ice)!important}
#services .mm-home-feature-card .mm-badge{background:rgba(245,246,252,.14)!important;color:var(--mm-ice)!important;border-color:rgba(245,246,252,.2)!important}
#services .mm-home-feature-card>div:nth-child(2)>span{position:relative;overflow:visible;background:rgba(245,246,252,.16)!important;color:var(--mm-lime)!important;box-shadow:inset 0 0 0 1px rgba(245,246,252,.16),0 10px 22px rgba(0,0,0,.18)}
#services .mm-home-feature-card>div:nth-child(2)>span:after,#services .mm-home-small-service>span:after{position:absolute;inset:-5px;z-index:-1;content:"";border:1px solid currentColor;border-radius:inherit;opacity:.38;transform:rotate(10deg)}
#services .mm-home-small-service:nth-child(1)>span{position:relative;background:var(--mm-midnight)!important;color:var(--mm-lime)!important;box-shadow:0 10px 22px rgba(20,20,26,.18)}
#services .mm-home-small-service:nth-child(2)>span{position:relative;background:rgba(245,246,252,.18)!important;color:var(--mm-lime)!important;box-shadow:0 10px 22px rgba(20,20,26,.18)}
#services .mm-home-small-service:nth-child(1) h4,#services .mm-home-small-service:nth-child(1) p{color:var(--mm-midnight)!important}
#services .mm-home-small-service:nth-child(2) h4,#services .mm-home-small-service:nth-child(2) p{color:var(--mm-ice)!important}
#services .mm-home-feature-card:hover{box-shadow:0 28px 55px rgba(31,24,57,.25)!important}
#services .mm-home-feature-card:hover>div:nth-child(2)>span{animation:mm-service-icon-orbit 850ms var(--ease-out) both}
#services .mm-home-small-service:hover>span{animation:mm-service-icon-pop 720ms var(--ease-out) both}
#services .mm-home-feature-card .mm-pixel-field{opacity:.68!important;transition:transform 700ms var(--ease-out),opacity 700ms var(--ease-out)}
#services .mm-home-feature-card:hover .mm-pixel-field{opacity:1!important;transform:rotate(8deg) scale(1.08)}
#services .mm-home-small-service{transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)!important}
#services .mm-home-small-service:hover{transform:translateY(-6px) rotate(-.45deg)!important;box-shadow:0 26px 46px rgba(31,24,57,.22)!important}
@keyframes mm-service-icon-orbit{0%{transform:rotate(0) scale(1)}45%{transform:rotate(-12deg) scale(1.17)}100%{transform:rotate(360deg) scale(1)}}
@keyframes mm-service-icon-pop{0%{transform:scale(1) rotate(0)}45%{transform:scale(1.2) rotate(12deg)}100%{transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){#services .mm-home-feature-card:hover>div:nth-child(2)>span,#services .mm-home-small-service:hover>span{animation:none}}

/* Solid cards and clear type contrast for the two feature cards. */
#services .mm-home-feature-card:nth-child(1){background:#6232ff!important}
#services .mm-home-feature-card:nth-child(2){background:#20202b!important}
#services>.mm-home-wrap>div:nth-child(3) .mm-home-small-service:nth-child(1){background:#ceff1c!important}
#services>.mm-home-wrap>div:nth-child(3) .mm-home-small-service:nth-child(2){background:#8f59ff!important}
#services .mm-home-feature-card [style*="var(--text-body)"],#services .mm-home-feature-card [style*="var(--text-muted)"]{color:rgba(245,246,252,.78)!important}
#services .mm-home-feature-card [style*="var(--text-accent)"]{color:var(--mm-lime)!important}
#services .mm-home-feature-card h3{color:#fff!important}
#services .mm-home-feature-card p{color:rgba(245,246,252,.82)!important}
#services .mm-home-feature-card span[style*="background: var(--surface-sunken)"]{color:var(--mm-midnight)!important;background:#fff!important;border-color:rgba(20,20,26,.12)!important}

/* 3D flip language for the hero service cards. */
.mm-home-nav + section#top>.mm-home-wrap>div:nth-child(2)>div{perspective:1300px}
.mm-hero-flip-card{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,filter}
.mm-hero-flip-card.is-flipping{animation-duration:1120ms;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}
.mm-hero-flip-card--wide.is-flipping{animation-name:mm-hero-wide-flip}
.mm-hero-flip-card--app.is-flipping{animation-name:mm-hero-app-flip}
.mm-hero-flip-card--metric.is-flipping{animation-name:mm-hero-metric-flip}
.mm-hero-flip-card.is-flipping>*{backface-visibility:hidden}
@keyframes mm-hero-wide-flip{0%{transform:rotateX(0) translateY(0)}48%{transform:rotateX(88deg) translateY(-3px)}52%{transform:rotateX(88deg) translateY(-3px)}100%{transform:rotateX(0) translateY(0)}}
@keyframes mm-hero-app-flip{0%{transform:rotateY(0) scale(1)}48%{transform:rotateY(-88deg) scale(.985)}52%{transform:rotateY(-88deg) scale(.985)}100%{transform:rotateY(0) scale(1)}}
@keyframes mm-hero-metric-flip{0%{transform:rotateX(0) rotateZ(0) scale(1)}48%{transform:rotateX(-88deg) rotateZ(1deg) scale(.975)}52%{transform:rotateX(-88deg) rotateZ(1deg) scale(.975)}100%{transform:rotateX(0) rotateZ(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.mm-hero-flip-card.is-flipping{animation:none}}

/* The top-right pixel artwork is decorative and remains static; only service cards flip. */
#top>.mm-pixel-field,#top .mm-pixel-field{animation:none!important}#top .mm-pixel-field .mm-pixel{animation:none!important;transform:none!important}

/* Scroll-linked pixel travel: each section owns a separate reverse journey. */
.mm-pixel-field.mm-pixel-travel,.mm-section-pixel-trail.mm-pixel-travel{opacity:var(--mm-pixel-travel-opacity,1)!important;transform:translate3d(var(--mm-pixel-travel-x,0),var(--mm-pixel-travel-y,0),0) rotate(var(--mm-pixel-travel-rotate,0deg));will-change:transform,opacity;transition:transform 760ms cubic-bezier(.22,1,.36,1),opacity 580ms cubic-bezier(.22,1,.36,1)}
#services .mm-home-feature-card:hover .mm-pixel-field.mm-pixel-travel{transform:translate3d(var(--mm-pixel-travel-x,0),var(--mm-pixel-travel-y,0),0) rotate(calc(var(--mm-pixel-travel-rotate,0deg) + 8deg)) scale(1.08)}
@media(prefers-reduced-motion:reduce){.mm-pixel-field.mm-pixel-travel,.mm-section-pixel-trail.mm-pixel-travel{transform:none!important}}
.mm-section-pixel-trail{position:absolute;z-index:0;top:18%;right:clamp(12px,3.2vw,56px);display:grid;grid-template-columns:repeat(11,13px);gap:7px;width:max-content;pointer-events:none}.mm-section-pixel-trail i{width:13px;height:13px;border-radius:3px;background:transparent}.mm-section-pixel-trail i.is-on{background:var(--mm-purple);box-shadow:0 4px 12px rgba(98,50,255,.19)}.mm-section-pixel-trail i.is-lime{background:var(--mm-lime);box-shadow:0 4px 14px rgba(206,255,28,.2)}.mm-pixel-shape--1{top:24%}.mm-pixel-shape--2{top:16%}.mm-pixel-shape--3{top:29%}#scroll-top section{position:relative}#scroll-top section>.mm-home-wrap,#scroll-top section>.mm-wrap{position:relative;z-index:1}@media(max-width:560px){.mm-section-pixel-trail{right:-22px;transform:scale(.64)!important;transform-origin:right top}}

/* Every route renders at the browser's true scale so shared chrome stays visually identical. */
#scroll-top{width:100%;min-height:100%;zoom:1}
.mm-home-nav .mm-logo-button{padding:0;border:0;background:none;cursor:pointer;flex:0 0 auto}.mm-home-nav-links{display:flex;align-items:center;gap:32px}.mm-home-nav-links button{padding:0;color:rgba(245,246,252,.62);font:inherit;font-size:15px;font-weight:500;white-space:nowrap;border:0;background:none;cursor:pointer;transition:color var(--dur-base) var(--ease-out)}.mm-home-nav-links button:hover,.mm-home-nav-links button.active{color:var(--mm-ice)}.mm-home-nav-actions{display:flex;align-items:center;gap:10px}.mm-home-footer{padding:56px 0 40px;color:var(--mm-ice);border-top:1px solid rgba(245,246,252,.08);background:var(--mm-midnight)}.mm-home-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.mm-home-footer-grid>div:first-child p{max-width:260px;margin:18px 0 0;color:rgba(245,246,252,.55);font-size:14.5px;line-height:1.6}.mm-home-footer-title{color:rgba(245,246,252,.4);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.mm-home-footer-grid>div:not(:first-child)>div:last-child{display:flex;flex-direction:column;gap:11px;margin-top:16px}.mm-home-footer-grid button{padding:0;color:rgba(245,246,252,.72);font:inherit;font-size:14.5px;text-align:left;border:0;background:none;cursor:pointer}.mm-home-footer-grid button:hover{color:var(--mm-lime)}.mm-home-footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:24px;color:rgba(245,246,252,.4);font-size:13px;border-top:1px solid rgba(245,246,252,.08)}
@media(max-width:850px){.mm-home-nav .mm-home-wrap{height:76px}.mm-home-nav-actions>*:first-child{display:none!important}.mm-home-nav-links button{font-size:17px!important}.mm-home-footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:26px!important}.mm-home-footer-grid>div:first-child{grid-column:1/-1}.mm-home-footer-bottom{align-items:flex-start;flex-direction:column;margin-top:34px}}

/* Keep section names compact, but make them unmistakable navigation cues. */
#scroll-top .mm-label{color:var(--mm-purple)!important;font-weight:700!important;letter-spacing:.18em!important;text-shadow:0 0 18px rgba(98,50,255,.14)}
#scroll-top .mm-label.is-light{color:var(--mm-lime)!important;text-shadow:0 0 18px rgba(206,255,28,.18)}
#scroll-top .mm-section.is-dark .mm-label,#scroll-top #work .mm-label,#scroll-top #process .mm-label,#scroll-top .mm-home-testimonials .mm-label,#scroll-top #contact .mm-label{color:var(--mm-lime)!important;text-shadow:0 0 18px rgba(206,255,28,.18)}
#scroll-top .mm-home-testimonials .mm-label{color:var(--mm-purple-300)!important;text-shadow:0 0 18px rgba(162,105,255,.24)}

.mm-footer-connect-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--mm-lime);filter:drop-shadow(0 0 7px rgba(206,255,28,.42));transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-base) var(--ease-out)}.mm-footer-connect-icon svg{width:17px;height:17px}.mm-home-footer a:hover .mm-footer-connect-icon{transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 0 10px rgba(206,255,28,.72))}
.mm-home-footer .mm-footer-column-title{color:var(--mm-purple-300)!important;text-shadow:0 0 14px rgba(162,105,255,.22)}.mm-home-footer a{transition:color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.mm-home-footer a:hover{color:var(--mm-lime)!important;transform:translateX(4px)}

#top h1 .mm-hero-highlight{display:inline;color:var(--mm-purple-300);text-shadow:0 0 24px rgba(162,105,255,.2)}#top h1 .mm-hero-highlight.is-lime{color:var(--mm-lime);text-shadow:0 0 24px rgba(206,255,28,.24)}

/* The longer homepage message stays compact on desktop, with copy and cards aligned in one row. */
@media(min-width:851px){.mm-home-nav+section#top>.mm-home-wrap:first-of-type{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)!important;gap:clamp(34px,4vw,64px)!important;align-items:center!important;padding-top:52px!important;padding-bottom:44px!important}.mm-home-nav+section#top h1{font-size:clamp(42px,4.65vw,70px)!important;line-height:1.03!important}.mm-home-nav+section#top h1+p{max-width:650px!important;margin-top:18px!important;font-size:16.5px!important;line-height:1.52!important}.mm-home-nav+section#top h1+p+div{margin-top:25px!important}.mm-home-nav+section#top h1+p+div+div{margin-top:30px!important}.mm-home-nav+section#top>.mm-home-wrap:first-of-type>div:last-child>div{width:340px!important;gap:12px!important}}


/* Why-section cards inherit the service-card icon language and reveal their own solid brand tone. */
#why .mm-why-point{overflow:hidden;transition:transform var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}#why .mm-why-point>span{transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}#why .mm-why-point h4,#why .mm-why-point p{transition:color var(--dur-base) var(--ease-out)}#why .mm-why-point:hover{transform:translateY(-5px);border-color:transparent!important;box-shadow:0 20px 36px rgba(31,24,57,.2)}#why .mm-why-point:hover>span{transform:rotate(-7deg) scale(1.1);background:rgba(245,246,252,.17)!important;color:var(--mm-lime)!important;box-shadow:inset 0 0 0 1px rgba(245,246,252,.15)}#why .mm-why-point:nth-child(1):hover{background:#6232ff!important}#why .mm-why-point:nth-child(2):hover{background:#20202b!important}#why .mm-why-point:nth-child(3):hover{background:#ceff1c!important}#why .mm-why-point:nth-child(4):hover{background:#8f59ff!important}#why .mm-why-point:nth-child(1):hover h4,#why .mm-why-point:nth-child(2):hover h4,#why .mm-why-point:nth-child(4):hover h4{color:var(--mm-ice)!important}#why .mm-why-point:nth-child(1):hover p,#why .mm-why-point:nth-child(2):hover p,#why .mm-why-point:nth-child(4):hover p{color:rgba(245,246,252,.78)!important}#why .mm-why-point:nth-child(3):hover h4,#why .mm-why-point:nth-child(3):hover p{color:var(--mm-midnight)!important}#why .mm-why-point:nth-child(3):hover>span{background:var(--mm-midnight)!important;color:var(--mm-lime)!important;box-shadow:none}
#why .mm-why-point:hover>span{animation:mm-service-icon-orbit 850ms var(--ease-out) both}#why .mm-why-point:nth-child(even):hover>span{animation:mm-service-icon-pop 720ms var(--ease-out) both}

/* Inner-page navigation uses the same layered header as the homepage, so its mobile drawer stays above page content. */
#scroll-top>header.mm-home-nav{position:sticky;top:0;z-index:60;background:rgba(20,20,26,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(245,246,252,.08)}

@media(max-width:560px){.mm-home-nav+section#top h1+p{text-align:left;text-align-last:auto;text-justify:auto}}

/* Compact mobile composition: preserve every message, reduce only redundant space and vertical card stacking. */
@media(max-width:560px){.mm-home-nav+section#top>.mm-home-wrap{gap:30px!important;padding-top:42px!important;padding-bottom:38px!important}.mm-home-nav+section#top h1{font-size:36px!important;line-height:1.05!important;letter-spacing:-.018em!important}.mm-home-nav+section#top h1+p{max-width:none!important;margin-top:16px!important;font-size:14.5px!important;line-height:1.48!important;text-align:justify;text-align-last:left;text-justify:inter-word}.mm-home-nav+section#top h1+p+div{margin-top:22px!important}.mm-home-nav+section#top h1+p+div+div{gap:16px!important;margin-top:28px!important}.mm-home-nav+section#top h1+p+div+div>div>div:first-child{font-size:22px!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div{gap:10px!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div>div>div{padding:14px!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div>div>div>div[style*="font-size: 28px"]{font-size:23px!important}#services,#work,#why,#process,.mm-home-testimonials{padding-top:48px!important;padding-bottom:52px!important}#faq{padding-top:12px!important;padding-bottom:52px!important}#services>.mm-home-wrap>div:first-child h2,#work>.mm-home-wrap>div:first-child h2,#why>.mm-home-wrap>div:first-child h2,#process .mm-home-wrap>div:first-child h2,.mm-home-testimonials h2,#faq h2{font-size:29px!important;line-height:1.08!important}#services>.mm-home-wrap>div:first-child p,#why>.mm-home-wrap>div:first-child p{font-size:15px!important;line-height:1.5!important}#services>.mm-home-wrap>div:nth-child(2){gap:12px!important;margin-top:28px!important}#services .mm-home-feature-card{padding:21px!important}#services .mm-home-feature-card>div:nth-child(2)>span{width:46px!important;height:46px!important;border-radius:14px!important}#services .mm-home-feature-card h3{margin-top:16px!important;font-size:23px!important}#services .mm-home-feature-card p{font-size:14px!important;line-height:1.48!important}#services .mm-home-feature-card>div:nth-child(2)>div:nth-of-type(2){gap:8px 12px!important;margin-top:16px!important}#services .mm-home-feature-card>div:nth-child(2)>div:nth-of-type(3){gap:6px!important;margin-top:16px!important}#services>.mm-home-wrap>div:nth-child(3){gap:12px!important;margin-top:12px!important}#services .mm-home-small-service{padding:18px!important;gap:12px!important}#services .mm-home-small-service h4{font-size:18px!important}#services .mm-home-small-service p{font-size:14px!important;line-height:1.45!important}#work>.mm-home-wrap>div:first-child{margin-bottom:24px!important}#work>.mm-home-wrap>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}#work>.mm-home-wrap>div:nth-child(2)>div{min-height:210px!important;padding:17px!important}#work>.mm-home-wrap>div:nth-child(2)>div:first-child{grid-column:1/-1!important;min-height:260px!important}#work .mm-home-portfolio-card [style*="font-size: 32px"]{font-size:26px!important}#work .mm-home-portfolio-card [style*="font-size: 24px"]{font-size:19px!important}#why>.mm-home-wrap{gap:30px!important}#why>.mm-home-wrap>div:first-child>div:last-child{gap:15px!important;margin-top:24px!important;padding:18px!important}#why .mm-why-point{padding:17px!important;gap:13px!important}#why .mm-why-point>span{width:38px!important;height:38px!important}#why .mm-why-point h4{font-size:16px!important}#why .mm-why-point p{font-size:13.5px!important;line-height:1.45!important}#process .mm-home-wrap>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:30px!important}#process .mm-home-wrap>div:nth-child(2)>div{padding:18px!important}#process .mm-home-wrap>div:nth-child(2)>div>div:nth-child(2){margin-top:24px!important;font-size:18px!important}#process .mm-home-wrap>div:nth-child(2)>div p{font-size:13px!important;line-height:1.45!important}.mm-home-testimonials .mm-home-wrap>div:first-child{margin-bottom:28px!important}.mm-home-testimonials .mm-home-wrap>div:nth-child(2){gap:12px!important}.mm-home-testimonials .mm-home-wrap>div:nth-child(2)>div{padding:20px!important}.mm-home-testimonials .mm-home-wrap>div:nth-child(2)>div p{font-size:16px!important;line-height:1.45!important}.mm-home-faq button{padding:17px 4px!important}.mm-home-faq button>span:first-child{font-size:16px!important}.mm-home-faq p{font-size:14px!important;line-height:1.5!important;padding-bottom:18px!important}#contact>.mm-home-wrap>div{padding:30px 20px!important}#contact>.mm-home-wrap>div>div{gap:24px!important}#contact>.mm-home-wrap>div>div h2{font-size:32px!important}}

@media(max-width:560px){.mm-home-nav+section#top h1+p{text-align:left!important;text-align-last:auto!important;text-justify:auto!important}}

/* A denser mobile hero keeps the full message while reducing first-screen scroll. */
@media(max-width:560px){.mm-home-nav+section#top>.mm-home-wrap{gap:22px!important;padding-top:32px!important;padding-bottom:30px!important}.mm-home-nav+section#top h1{font-size:33px!important;line-height:1.03!important}.mm-home-nav+section#top h1+p{margin-top:13px!important;font-size:13.5px!important;line-height:1.42!important}.mm-home-nav+section#top h1+p+div{gap:9px!important;margin-top:18px!important}.mm-home-nav+section#top h1+p+div+div{gap:13px!important;margin-top:22px!important}.mm-home-nav+section#top h1+p+div+div>div>div:first-child{font-size:20px!important}.mm-home-nav+section#top h1+p+div+div>div>div:last-child{font-size:11px!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div{gap:8px!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div>div{gap:8px!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div>div>div{padding:12px!important}.mm-home-nav+section#top>.mm-home-wrap>div:last-child>div>div>div>div[style*="font-size: 28px"]{font-size:21px!important}}

/* Persistent, compact contact shortcut. */
.mm-whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:90;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;background:#25d366;box-shadow:0 12px 28px rgba(37,211,102,.28),0 0 0 1px rgba(255,255,255,.22);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.mm-whatsapp-float svg{width:27px;height:27px}.mm-whatsapp-float:hover{background:#1ebe5d;transform:translateY(-4px) scale(1.06);box-shadow:0 16px 34px rgba(37,211,102,.42),0 0 0 5px rgba(37,211,102,.13)}.mm-whatsapp-float:focus-visible{outline:3px solid var(--mm-lime);outline-offset:4px}@media(max-width:560px){.mm-whatsapp-float{right:16px;bottom:16px;width:48px;height:48px}.mm-whatsapp-float svg{width:25px;height:25px}}

/* Let the hero copy use the open space beside it, while retaining the mobile composition. */
@media(min-width:851px){.mm-home-nav+section#top h1+p{max-width:650px!important}}
@media(max-width:850px){.mm-home-nav+section#top h1+p{width:auto!important;max-width:none!important;margin-right:0!important}}

/* Bring the service ticker closer to the hero cards and keep its moving labels compact. */
@media(min-width:851px){#top{min-height:unset!important;justify-content:flex-start!important}#top>.mm-home-wrap:first-of-type{flex:none!important;min-height:0!important;align-content:initial!important}}
#top>.mm-home-wrap:last-of-type>div{padding:12px 0!important}
#top>.mm-home-wrap:last-of-type>div>div{gap:34px!important}
#top>.mm-home-wrap:last-of-type>div>div>span{gap:10px!important;font-size:18px!important}
#top>.mm-home-wrap:last-of-type>div>div>span>span{width:6px!important;height:6px!important}

/* Desktop hero: keep the longer headline and copy compact without disturbing the card column. */
@media(min-width:851px){.mm-home-nav+section#top>.mm-home-wrap:first-of-type{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)!important;padding-top:40px!important;padding-bottom:30px!important}.mm-home-nav+section#top h1{font-size:clamp(40px,3.5vw,58px)!important;line-height:1.02!important}.mm-home-nav+section#top h1+p{max-width:790px!important;margin-top:15px!important;font-size:16px!important;line-height:1.46!important}.mm-home-nav+section#top h1+p+div{margin-top:20px!important}.mm-home-nav+section#top h1+p+div+div{margin-top:24px!important}}

/* Restore the prior desktop hero composition. */
@media(min-width:851px){.mm-home-nav+section#top>.mm-home-wrap:first-of-type{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)!important;padding-top:52px!important;padding-bottom:44px!important}.mm-home-nav+section#top h1{font-size:clamp(42px,4.65vw,70px)!important;line-height:1.03!important}.mm-home-nav+section#top h1+p{max-width:650px!important;margin-top:18px!important;font-size:16.5px!important;line-height:1.52!important}.mm-home-nav+section#top h1+p+div{margin-top:25px!important}.mm-home-nav+section#top h1+p+div+div{margin-top:30px!important}}

/* Contact quotation form fields. */
.mm-contact-field-label{margin-bottom:-5px;color:rgba(255,255,255,.86);font-size:13px;font-weight:700;letter-spacing:.03em}.mm-contact-select-hint{margin-top:-8px;color:rgba(255,255,255,.62);font-size:12.5px}.mm-contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mm-contact-form-grid select{min-width:0}@media(max-width:560px){#contact>.mm-home-wrap>div>div{grid-template-columns:1fr!important}#contact>.mm-home-wrap>div{padding:30px 20px!important}.mm-contact-form-grid{grid-template-columns:1fr}}

/* Homepage quotation fields within the original Contact-page card. */
.mm-contact-page-form label{margin-bottom:-8px;color:var(--text-strong);font-size:13px;font-weight:700}.mm-contact-page-form small{margin-top:-10px;color:var(--text-muted);font-size:12px}.mm-contact-page-select,.mm-contact-page-form textarea{width:100%;min-height:48px;padding:0 42px 0 14px;color:var(--text-strong);font:inherit;border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--surface-sunken);outline:0}.mm-contact-page-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236232ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.mm-contact-page-select:focus,.mm-contact-page-form textarea:focus{border-color:var(--mm-purple);box-shadow:0 0 0 3px rgba(98,50,255,.12)}.mm-contact-page-select option{color:var(--text-strong);background:var(--surface-raised)}.mm-contact-page-multi{height:auto;padding:9px 14px;background-image:none}.mm-contact-page-form textarea{height:94px;padding:13px 14px;resize:vertical}

/* Only the Contact-page form receives the brand-purple surface. */
.mm-contact-page-form{background:var(--mm-purple)!important;border-color:rgba(98,50,255,.72)!important;box-shadow:var(--shadow-brand)!important}.mm-contact-page-form label{color:#fff!important}.mm-contact-page-form small{color:rgba(255,255,255,.74)!important}.mm-contact-page-form .mm-contact-page-select,.mm-contact-page-form textarea{color:#fff!important;border-color:rgba(255,255,255,.25)!important;background-color:rgba(20,20,26,.3)!important}.mm-contact-page-form .mm-contact-page-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ceff1c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}.mm-contact-page-form .mm-contact-page-select:focus,.mm-contact-page-form textarea:focus{border-color:var(--mm-lime)!important;box-shadow:0 0 0 3px rgba(206,255,28,.16)!important}.mm-contact-page-form input{background:rgba(20,20,26,.3)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}

/* Contact-page palette: clear light content area, lime form, and identifiable contact actions. */
.mm-contact-grid>div:first-child .mm-label{color:var(--mm-purple)!important}.mm-contact-option-copy{display:inline-flex;align-items:center;gap:10px}.mm-contact-option-icon{display:grid;place-items:center;width:30px;height:30px;color:var(--mm-purple);border-radius:9px;background:rgba(98,50,255,.1);transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.mm-contact-options a:hover .mm-contact-option-icon{color:var(--mm-midnight);background:var(--mm-lime);transform:rotate(-6deg) scale(1.08)}.mm-contact-page-form{background:var(--mm-lime)!important;border-color:rgba(206,255,28,.86)!important;box-shadow:0 20px 42px rgba(158,197,0,.2)!important}.mm-contact-page-form label{color:var(--mm-midnight)!important}.mm-contact-page-form small{color:rgba(20,20,26,.68)!important}.mm-contact-page-form .mm-contact-page-select,.mm-contact-page-form textarea,.mm-contact-page-form input{color:var(--mm-ice)!important;border-color:rgba(20,20,26,.33)!important;background-color:var(--mm-midnight)!important}.mm-contact-page-form .mm-contact-page-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ceff1c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}.mm-contact-page-form .mm-contact-page-select:focus,.mm-contact-page-form textarea:focus{border-color:var(--mm-purple)!important;box-shadow:0 0 0 3px rgba(98,50,255,.2)!important}.mm-contact-page-form button[type="submit"]{background:var(--mm-purple)!important;color:#fff!important;box-shadow:0 10px 20px rgba(98,50,255,.28)!important}.mm-contact-page-form button[type="submit"]:hover{background:var(--mm-midnight)!important;color:var(--mm-lime)!important}

/* Modern, unified contact-action icons. */
.mm-contact-option-icon{width:38px;height:38px;color:#fff;border-radius:50%;background:var(--mm-purple);box-shadow:0 8px 16px rgba(98,50,255,.2)}.mm-contact-option-icon svg{width:19px;height:19px}.mm-contact-options a>svg{box-sizing:content-box;width:18px;height:18px;padding:8px;color:#fff;border-radius:50%;background:var(--mm-purple);box-shadow:0 7px 15px rgba(98,50,255,.18);transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.mm-contact-options a:hover .mm-contact-option-icon,.mm-contact-options a:hover>svg{color:var(--mm-midnight);background:var(--mm-lime);transform:translateX(3px) scale(1.07)}.mm-contact-options a:hover .mm-contact-option-icon{transform:rotate(-8deg) scale(1.07)}

/* Restore the original minimal contact-action icons. */
.mm-contact-option-icon{width:30px;height:30px;color:var(--mm-purple);border-radius:9px;background:rgba(98,50,255,.1);box-shadow:none}.mm-contact-option-icon svg{width:19px;height:19px}.mm-contact-options a>svg{box-sizing:content-box;width:auto;height:auto;padding:0;color:currentColor;border-radius:0;background:none;box-shadow:none}.mm-contact-options a:hover .mm-contact-option-icon{color:var(--mm-midnight);background:var(--mm-lime);transform:rotate(-6deg) scale(1.08)}.mm-contact-options a:hover>svg{color:var(--text-accent);background:none;transform:none}

/* Editorial service layout: existing copy, font and palette retained. */
@media(min-width:851px){#services>.mm-home-wrap>div:nth-child(2){grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important;align-items:stretch}#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:first-child{min-height:438px;border-radius:34px 14px 34px 14px!important}#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:last-child{min-height:382px;margin-top:56px;border-radius:14px 34px 14px 34px!important}#services>.mm-home-wrap>div:nth-child(3){grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;align-items:start}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:first-child{margin-top:-18px;border-radius:14px 28px 14px 28px!important}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:last-child{border-radius:28px 14px 28px 14px!important}}

/* Strong bento proportions for the desktop services composition. */
@media(min-width:851px){#services>.mm-home-wrap>div:nth-child(2){grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:22px!important}#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:first-child{grid-column:span 8!important;min-height:460px!important}#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:last-child{grid-column:span 4!important;min-height:364px!important;margin-top:74px!important}#services>.mm-home-wrap>div:nth-child(3){grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:22px!important;margin-top:22px!important}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:first-child{grid-column:span 4!important;margin-top:-54px!important;min-height:176px}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:last-child{grid-column:span 8!important;min-height:176px}#services .mm-home-feature-card:after{position:absolute;right:-54px;bottom:-54px;z-index:0;width:168px;height:168px;content:"";border:1px solid rgba(245,246,252,.2);border-radius:50%;transition:transform 700ms var(--ease-out)}#services .mm-home-feature-card:hover:after{transform:scale(1.22) rotate(18deg)}}

/* Service canvas: a deliberately asymmetric, connected composition. */
#services>.mm-home-wrap{position:relative}#services>.mm-home-wrap:before{position:absolute;z-index:0;top:184px;right:-8%;width:46%;height:520px;content:"";pointer-events:none;border:1px solid rgba(98,50,255,.16);border-radius:50%;transform:rotate(-22deg)}#services>.mm-home-wrap>div{position:relative;z-index:1}@media(min-width:851px){#services>.mm-home-wrap>div:first-child{display:grid;grid-template-columns:minmax(0,.95fr) minmax(330px,.75fr);column-gap:clamp(56px,8vw,150px);align-items:end;max-width:none!important}#services>.mm-home-wrap>div:first-child h2{max-width:600px}#services>.mm-home-wrap>div:first-child p{margin:0 0 4px!important;max-width:490px}#services>.mm-home-wrap>div:nth-child(2){margin-top:56px!important}#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:first-child{transform:translateY(0)}#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:last-child{transform:translateY(0)}#services>.mm-home-wrap>div:nth-child(3){margin-top:28px!important}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:first-child{transform:translateX(24px)}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:last-child{transform:translateX(-24px)}}#services .mm-home-feature-card,#services .mm-home-small-service{transition:transform 500ms var(--ease-out),box-shadow 500ms var(--ease-out),filter 500ms var(--ease-out)!important}#services .mm-home-feature-card:hover{transform:translateY(-9px)!important}#services .mm-home-small-service:hover{transform:translateY(-8px)!important}@media(max-width:850px){#services>.mm-home-wrap:before{top:210px;right:-48%;width:95%;height:440px}#services>.mm-home-wrap>div:first-child{max-width:none!important}#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:last-child{margin-left:28px!important;border-radius:14px 30px 14px 30px!important}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:first-child{margin-right:26px!important}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:last-child{margin-left:26px!important}}@media(max-width:560px){#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:last-child{margin-left:18px!important}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:first-child{margin-right:16px!important}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:last-child{margin-left:16px!important}}
#services .mm-home-small-service{position:relative}#services .mm-home-feature-card:before,#services .mm-home-small-service:before{position:absolute;inset:12px;z-index:0;content:"";pointer-events:none;border:1px solid rgba(245,246,252,.13);border-radius:inherit;opacity:.7;transition:inset var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}#services .mm-home-feature-card>div:nth-child(2),#services .mm-home-small-service>*{position:relative;z-index:1}#services .mm-home-feature-card:hover:before,#services .mm-home-small-service:hover:before{inset:8px;opacity:1}@media(max-width:850px){#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:last-child,#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:first-child{margin-top:0!important}#services .mm-home-feature-card:before,#services .mm-home-small-service:before{inset:9px}}

/* Dedicated Services-page card system. */
.mm-services-page{background:var(--surface-page)}.mm-services-page-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.mm-services-page-intro p{max-width:440px;margin:0;color:var(--text-body);font-size:16px;line-height:1.6}.mm-services-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mm-services-page-card{position:relative;min-height:300px;padding:24px;overflow:hidden;color:var(--text-strong);text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-raised);cursor:pointer;isolation:isolate;transition:transform 520ms var(--ease-out),border-color 420ms var(--ease-out),box-shadow 520ms var(--ease-out),background-color 420ms var(--ease-out)}.mm-services-page-card:before{position:absolute;z-index:-1;right:-54px;bottom:-54px;width:156px;height:156px;content:"";border:1px solid rgba(98,50,255,.18);border-radius:50%;transition:transform 720ms var(--ease-out),border-color 420ms var(--ease-out)}.mm-services-page-card-top{display:flex;align-items:flex-start;justify-content:space-between}.mm-services-page-icon{display:grid;place-items:center;width:52px;height:52px;color:#fff;border-radius:16px;background:var(--mm-purple);box-shadow:0 10px 20px rgba(98,50,255,.18);transition:transform 650ms var(--ease-out),background-color 420ms var(--ease-out)}.mm-services-page-card-top small{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.12em}.mm-services-page-card-copy{margin-top:48px}.mm-services-page-card h2{margin:0;color:var(--text-strong);font-size:25px;line-height:1.08;letter-spacing:-.03em}.mm-services-page-card p{margin:11px 0 0;color:var(--text-body);font-size:14px;line-height:1.55}.mm-services-page-card-copy>span{display:block;margin-top:18px;color:var(--text-accent);font-size:12px;font-weight:700;letter-spacing:.04em}.mm-services-page-card>i{position:absolute;right:22px;bottom:21px;display:grid;place-items:center;width:34px;height:34px;color:var(--mm-purple);border-radius:50%;background:var(--brand-subtle);font-style:normal;transition:transform 420ms var(--ease-out),background-color 420ms var(--ease-out),color 420ms var(--ease-out)}.mm-services-page-card:nth-child(3n+2) .mm-services-page-icon{background:var(--mm-arsenic)}.mm-services-page-card:nth-child(3n) .mm-services-page-icon{color:var(--mm-midnight);background:var(--mm-lime)}.mm-services-page-card:hover{z-index:1;transform:translateY(-8px);border-color:var(--mm-purple);box-shadow:0 22px 42px rgba(31,24,57,.14)}.mm-services-page-card:hover:before{border-color:rgba(206,255,28,.58);transform:scale(1.45) rotate(25deg)}.mm-services-page-card:hover .mm-services-page-icon{transform:rotate(-9deg) scale(1.1)}.mm-services-page-card:hover>i{color:var(--mm-midnight);background:var(--mm-lime);transform:translateX(4px)}@media(max-width:850px){.mm-services-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-services-page-card{min-height:275px}}@media(max-width:560px){.mm-services-page-intro{display:block;margin-bottom:24px}.mm-services-page-intro .mm-label{margin-bottom:12px}.mm-services-page-grid{grid-template-columns:1fr;gap:14px}.mm-services-page-card{min-height:232px;padding:20px}.mm-services-page-card-copy{margin-top:32px}.mm-services-page-card h2{font-size:22px}.mm-services-page-card p{font-size:13.5px}.mm-services-page-card-copy>span{margin-top:14px}}

/* Refined green instead of a full neon block; form controls become a single dark surface. */
.mm-contact-page-form{background:#19372b!important;border-color:rgba(206,255,28,.42)!important;box-shadow:0 20px 42px rgba(25,55,43,.2)!important}.mm-contact-page-form label{color:rgba(245,246,252,.94)!important}.mm-contact-page-form small{color:rgba(245,246,252,.6)!important}.mm-contact-page-form .mm-form-pair>div>label{color:rgba(245,246,252,.94)!important}.mm-contact-page-form .mm-form-pair>div>div{background:#14161c!important;border-color:rgba(245,246,252,.2)!important}.mm-contact-page-form .mm-form-pair>div>div input{color:#fff!important;background:transparent!important}.mm-contact-page-form .mm-contact-page-select,.mm-contact-page-form textarea{background-color:#14161c!important;border-color:rgba(245,246,252,.2)!important}.mm-contact-page-form .mm-contact-page-select:hover,.mm-contact-page-form textarea:hover,.mm-contact-page-form .mm-form-pair>div>div:hover{border-color:rgba(206,255,28,.62)!important}.mm-contact-page-form button[type="submit"]{background:var(--mm-lime)!important;color:var(--mm-midnight)!important;box-shadow:0 10px 20px rgba(206,255,28,.16)!important}.mm-contact-page-form button[type="submit"]:hover{background:#fff!important;color:var(--mm-midnight)!important}

/* Exact homepage-form visual language inside the Contact page card. */
.mm-contact-page-form{background:var(--mm-purple)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:var(--shadow-brand)!important}.mm-contact-page-form label{color:rgba(255,255,255,.9)!important}.mm-contact-page-form small{color:rgba(255,255,255,.62)!important}.mm-contact-home-input,.mm-contact-page-form .mm-contact-page-select,.mm-contact-page-form textarea{box-sizing:border-box;width:100%;min-height:48px;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:var(--radius-md);background-color:rgba(20,20,26,.28)!important;box-shadow:none!important}.mm-contact-home-input{padding:0 16px;font:inherit;outline:0}.mm-contact-page-form .mm-contact-page-select{padding-left:16px}.mm-contact-page-form textarea{padding:14px 16px}.mm-contact-page-form .mm-contact-home-input::placeholder,.mm-contact-page-form textarea::placeholder{color:rgba(255,255,255,.62)}.mm-contact-page-form .mm-contact-page-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ceff1c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}.mm-contact-page-form .mm-contact-home-input:focus,.mm-contact-page-form .mm-contact-page-select:focus,.mm-contact-page-form textarea:focus{border-color:var(--mm-lime)!important;box-shadow:0 0 0 3px rgba(206,255,28,.16)!important}.mm-contact-page-form button[type="submit"]{background:var(--mm-lime)!important;color:var(--mm-midnight)!important;box-shadow:none!important}.mm-contact-page-form button[type="submit"]:hover{background:#fff!important;color:var(--mm-midnight)!important}

.mm-contact-home-input{background-color:rgba(255,255,255,.08)!important}
.mm-contact-page-form .mm-contact-home-input{background-color:rgba(255,255,255,.08)!important}
.mm-contact-page-form .mm-contact-home-input{border-color:rgba(255,255,255,.34)!important;outline:0!important;box-shadow:none!important}.mm-contact-page-form .mm-contact-home-input:focus{border-color:var(--mm-lime)!important;box-shadow:0 0 0 3px rgba(206,255,28,.16)!important}
.mm-contact-page-form .mm-contact-home-input{background-color:rgba(20,20,26,.28)!important;border-color:rgba(255,255,255,.22)!important}

/* Long-form Faridabad blog article. */
.mm-faridabad-article>section{margin-top:54px}.mm-faridabad-article h2{margin:0;color:var(--text-strong);font-size:clamp(27px,3vw,36px);line-height:1.12;letter-spacing:-.03em}.mm-faridabad-article h3{margin:30px 0 0;color:var(--text-strong);font-size:20px;line-height:1.3}.mm-faridabad-article p{margin:17px 0 0}.mm-faridabad-article ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:22px 0 0;padding:0;list-style:none}.mm-faridabad-article li{position:relative;padding-left:20px;color:var(--text-body);line-height:1.55}.mm-faridabad-article li:before{position:absolute;top:.65em;left:0;width:7px;height:7px;content:"";border-radius:2px;background:var(--mm-purple)}.mm-blog-quick-answer{margin-top:36px;padding:26px 28px;border:1px solid rgba(98,50,255,.2);border-radius:var(--radius-xl);background:var(--brand-subtle)}.mm-blog-quick-answer strong{display:block;color:var(--text-accent);font-size:12px;letter-spacing:.13em;text-transform:uppercase}.mm-blog-quick-answer p{margin-top:10px;color:var(--text-strong);font-size:17px;line-height:1.6}.mm-blog-faq{padding:0 0 25px;border-bottom:1px solid var(--border-subtle)}.mm-blog-final-cta{margin-top:58px;padding:34px;border-radius:var(--radius-xl);background:var(--mm-midnight);color:var(--mm-ice)}.mm-blog-final-cta h2{color:var(--mm-ice)}.mm-blog-final-cta p{max-width:620px;color:rgba(245,246,252,.72)}.mm-blog-final-cta button{margin-top:22px}@media(max-width:560px){.mm-faridabad-article>section{margin-top:40px}.mm-faridabad-article ul{grid-template-columns:1fr;gap:8px}.mm-blog-quick-answer{padding:22px}.mm-blog-final-cta{padding:26px}}

/* Optimized editorial photo for the Faridabad website-design article. */
.mm-article-visual.has-image{padding:0;isolation:isolate;background:var(--mm-midnight)}.mm-article-visual.has-image:after{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,transparent 46%,rgba(20,20,26,.78))}.mm-article-visual.has-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--ease-out)}.mm-article-card:hover .mm-article-visual.has-image img{transform:scale(1.05)}.mm-article-visual.has-image>span{position:absolute;z-index:1;top:16px;left:16px;color:var(--mm-midnight);background:var(--mm-lime);box-shadow:0 6px 14px rgba(20,20,26,.18)}.mm-blog-feature-image{margin:0 0 32px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-sunken);box-shadow:0 18px 36px rgba(31,24,57,.1)}.mm-blog-feature-image img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}@media(max-width:560px){.mm-article-visual.has-image>span{top:12px;left:12px}.mm-blog-feature-image{margin-bottom:24px;border-radius:20px}}

/* Consistent blog-card rhythm: image, metadata, title and action align in every row. */
.mm-post-grid{align-items:stretch}.mm-article-card{display:flex;flex-direction:column;height:100%}.mm-article-visual{height:205px;min-height:205px}.mm-article-card>div:last-child{display:flex;flex:1;flex-direction:column}.mm-article-card h2{min-height:58px}.mm-article-card p{display:-webkit-box;min-height:44px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mm-article-card .mm-text-link{margin-top:auto;padding-top:21px}@media(max-width:560px){.mm-article-visual{height:188px;min-height:188px}.mm-article-card h2{min-height:0}.mm-article-card p{min-height:0}}

/* Purple closing CTA with a clear lime action. */
.mm-cta{position:relative;overflow:hidden;background:var(--mm-purple)!important}.mm-cta:before{position:absolute;right:-110px;bottom:-150px;width:390px;height:390px;content:"";pointer-events:none;border:1px solid rgba(255,255,255,.2);border-radius:50%}.mm-cta:after{position:absolute;top:28px;right:9%;width:10px;height:10px;content:"";border-radius:2px;background:var(--mm-lime);box-shadow:18px 0 0 var(--mm-lime),36px 0 0 rgba(255,255,255,.26),18px 18px 0 rgba(255,255,255,.26),36px 18px 0 var(--mm-lime)}.mm-cta .mm-wrap{position:relative;z-index:1}.mm-cta .mm-label{color:var(--mm-lime)!important}.mm-cta h2{color:#fff!important}.mm-cta button{color:var(--mm-midnight)!important;background:var(--mm-lime)!important;box-shadow:0 12px 26px rgba(31,24,57,.24)!important}.mm-cta button:hover{color:#fff!important;background:var(--mm-midnight)!important;box-shadow:0 14px 28px rgba(31,24,57,.3)!important}

/* Stable page rendering: route updates no longer reset section positions or hide content. */
.mm-reveal,.mm-reveal--headline,.mm-reveal--label,.mm-reveal--card,.mm-reveal--row,.mm-reveal--metric,.mm-reveal--soft,.mm-reveal--rise{opacity:1!important;filter:none!important;letter-spacing:inherit!important;transition:opacity 180ms var(--ease-out)!important}.mm-reveal--headline,.mm-reveal--label,.mm-reveal--card,.mm-reveal--row,.mm-reveal--metric,.mm-reveal--soft,.mm-reveal--rise{transform:none!important}.mm-reveal.mm-reveal--visible{transform:none!important}.mm-pixel-field--active .mm-pixel{animation:none!important}

/* Keep the homepage services bento aligned at every desktop width. */
@media(min-width:851px){#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:last-child{margin-top:0!important}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:first-child{margin-top:0!important}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:first-child,#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:last-child{transform:none!important}}

/* Restore a clean, parallel desktop grid for the What We Do section. */
@media(min-width:851px){#services>.mm-home-wrap>div:nth-child(2){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:40px!important;align-items:stretch!important}#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:first-child,#services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card:last-child{grid-column:auto!important;min-height:400px!important;margin-top:0!important;transform:none!important}#services>.mm-home-wrap>div:nth-child(3){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:18px!important;align-items:stretch!important}#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:first-child,#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service:last-child{grid-column:auto!important;min-height:0!important;margin:0!important;transform:none!important}}

/* Meaning-led hover motion for the About value icons. */
#why-choose-us .mm-value-grid>div>span{transition:transform 420ms var(--ease-out),background-color 420ms var(--ease-out),color 420ms var(--ease-out),box-shadow 420ms var(--ease-out)}#why-choose-us .mm-value-grid>div>span svg{transform-origin:center;will-change:transform}#why-choose-us .mm-value-grid>div:hover>span{color:var(--mm-midnight)!important;background:var(--mm-lime)!important;box-shadow:0 12px 24px rgba(206,255,28,.18);transform:translateY(-5px) rotate(-5deg)}#why-choose-us .mm-value-grid>div:nth-child(1):hover>span svg{animation:mm-value-search 720ms var(--ease-out) both}#why-choose-us .mm-value-grid>div:nth-child(2):hover>span svg{animation:mm-value-system 760ms var(--ease-out) both}#why-choose-us .mm-value-grid>div:nth-child(3):hover>span svg{animation:mm-value-message 680ms var(--ease-out) both}@keyframes mm-value-search{0%{transform:rotate(-18deg) scale(.75)}55%{transform:rotate(12deg) scale(1.16)}100%{transform:rotate(0) scale(1)}}@keyframes mm-value-system{0%{transform:scale(.72)}45%{transform:scale(1.15) rotate(8deg)}72%{transform:scale(.94) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@keyframes mm-value-message{0%{transform:translateY(5px) scale(.76)}55%{transform:translateY(-3px) scale(1.14)}100%{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){#why-choose-us .mm-value-grid>div:hover>span,#why-choose-us .mm-value-grid>div:hover>span svg{animation:none;transform:none}}

/* Use the same icon-motion recipe as the homepage service cards. */
#why-choose-us .mm-value-grid>div:hover>span{animation:mm-service-icon-orbit 850ms var(--ease-out) both!important}

/* Compact two-by-two layout for the expanded Why Choose Us content. */
@media(min-width:851px){#why-choose-us .mm-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#why-choose-us .mm-value-grid>div{min-height:190px;padding:24px}#why-choose-us .mm-value-grid h3{margin-top:20px}#why-choose-us .mm-value-grid p{max-width:480px}}

#contact select{color-scheme:dark;color:#fff!important;background-color:rgba(20,20,26,.72)!important}#contact select option{color:#fff!important;background:#20202b!important}#contact select option:checked{color:var(--mm-midnight)!important;background:var(--mm-lime)!important}

/* Align select fields with the form inputs and use a deliberate brand chevron. */
#contact select{appearance:none!important;-webkit-appearance:none!important;padding-right:52px!important;border-color:rgba(255,255,255,.22)!important;background-color:rgba(255,255,255,.08)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ceff1c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 17px center!important;background-size:18px!important}#contact select:hover,#contact select:focus{border-color:var(--mm-lime)!important;box-shadow:0 0 0 3px rgba(206,255,28,.12);outline:0}

/* Auto-sliding capability banner below What We Do. */
.mm-service-banner{position:relative;overflow:hidden;margin-top:30px;padding:17px 0;border:1px solid rgba(98,50,255,.17);border-radius:var(--radius-xl);background:var(--mm-midnight);box-shadow:0 12px 26px rgba(31,24,57,.09)}.mm-service-banner:before,.mm-service-banner:after{content:"";position:absolute;z-index:1;top:0;bottom:0;width:80px;pointer-events:none}.mm-service-banner:before{left:0;background:linear-gradient(90deg,var(--mm-midnight),transparent)}.mm-service-banner:after{right:0;background:linear-gradient(270deg,var(--mm-midnight),transparent)}.mm-service-banner-track{display:flex;align-items:center;gap:28px;width:max-content;animation:mm-service-banner-slide 34s linear infinite}.mm-service-banner-track span{display:inline-flex;align-items:center;gap:28px;white-space:nowrap;color:rgba(245,246,252,.82);font-size:15px;font-weight:700;letter-spacing:.01em}.mm-service-banner-track i{width:7px;height:7px;flex:none;border-radius:2px;background:var(--mm-lime);box-shadow:0 0 12px rgba(206,255,28,.55)}.mm-service-banner:hover .mm-service-banner-track{animation-play-state:paused}@keyframes mm-service-banner-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:560px){.mm-service-banner{margin-top:20px;padding:13px 0;border-radius:16px}.mm-service-banner-track{gap:20px;animation-duration:28s}.mm-service-banner-track span{gap:20px;font-size:13px}.mm-service-banner:before,.mm-service-banner:after{width:42px}}@media(prefers-reduced-motion:reduce){.mm-service-banner-track{animation:none}}

/* Image-led auto carousel placed directly after the service cards. */
.mm-image-banner-section{overflow:hidden;padding:78px 0 88px;background:var(--mm-midnight)}.mm-image-banner-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.mm-image-banner-heading h2{max-width:620px;margin:0;color:var(--mm-ice);font-size:clamp(30px,3.5vw,46px);font-weight:800;line-height:1.05;letter-spacing:-.035em}.mm-image-banner-window{overflow:hidden;margin-right:calc((100vw - min(1200px,100vw - 80px))/ -2);padding-right:28px}.mm-image-banner-track{display:flex;gap:18px;width:max-content;animation:mm-image-banner-scroll 34s linear infinite}.mm-image-banner-card{position:relative;overflow:hidden;width:390px;height:250px;flex:none;border:1px solid rgba(245,246,252,.14);border-radius:var(--radius-xl);background:#20202b;box-shadow:0 16px 34px rgba(0,0,0,.22)}.mm-image-banner-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(12,10,18,.75) 100%)}.mm-image-banner-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.04);transition:transform .7s var(--ease-out)}.mm-image-banner-card:hover img{transform:scale(1.07)}.mm-image-banner-card>div{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column;gap:5px}.mm-image-banner-card span{color:var(--mm-lime);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.mm-image-banner-card strong{color:#fff;font-size:22px;letter-spacing:-.02em}.mm-image-banner-window:hover .mm-image-banner-track{animation-play-state:paused}@keyframes mm-image-banner-scroll{from{transform:translateX(0)}to{transform:translateX(calc((-390px - 18px) * 4))}}@media(max-width:850px){.mm-image-banner-section{padding:54px 0 60px}.mm-image-banner-heading{display:block;margin-bottom:22px}.mm-image-banner-heading .mm-label{margin-bottom:13px}.mm-image-banner-window{margin-right:-24px}.mm-image-banner-card{width:310px;height:210px}.mm-image-banner-track{gap:14px;animation-duration:28s}@keyframes mm-image-banner-scroll{to{transform:translateX(calc((-310px - 14px) * 4))}}}@media(max-width:560px){.mm-image-banner-section{padding:44px 0 50px}.mm-image-banner-heading h2{font-size:29px}.mm-image-banner-window{margin-right:-16px}.mm-image-banner-card{width:264px;height:180px;border-radius:18px}.mm-image-banner-card>div{left:16px;right:16px;bottom:15px}.mm-image-banner-card strong{font-size:18px}.mm-image-banner-track{gap:12px;animation-duration:25s}@keyframes mm-image-banner-scroll{to{transform:translateX(calc((-264px - 12px) * 4))}}}@media(prefers-reduced-motion:reduce){.mm-image-banner-track{animation:none}}

/* Give Creative in Motion its own light surface, distinct from the dark Selected Work section. */
.mm-image-banner-section{background:var(--surface-page);border-top:1px solid rgba(98,50,255,.12);border-bottom:1px solid rgba(98,50,255,.12)}.mm-image-banner-heading h2{color:var(--text-strong)}.mm-image-banner-section+.mm-section,#work{margin-top:0}

/* Image-only offer carousel: its own charcoal band before the light What We Do section. */
.mm-image-banner-section{padding:38px 0;background:#20202b;border:0}.mm-image-banner-window{margin-right:calc((100vw - min(1200px,100vw - 80px))/ -2);padding-right:32px}.mm-image-banner-track{gap:24px;animation-duration:42s}.mm-image-banner-card{width:640px;height:350px;border-color:rgba(245,246,252,.16);border-radius:24px}.mm-image-banner-card:after{display:none}.mm-image-banner-card img{object-position:center!important}.mm-image-banner-card>div{display:none}@keyframes mm-image-banner-scroll{to{transform:translateX(calc((-640px - 24px) * 3))}}@media(max-width:850px){.mm-image-banner-section{padding:28px 0}.mm-image-banner-window{margin-right:-24px}.mm-image-banner-track{gap:16px;animation-duration:32s}.mm-image-banner-card{width:470px;height:270px}@keyframes mm-image-banner-scroll{to{transform:translateX(calc((-470px - 16px) * 3))}}}@media(max-width:560px){.mm-image-banner-section{padding:20px 0}.mm-image-banner-window{margin-right:-16px}.mm-image-banner-track{gap:12px;animation-duration:28s}.mm-image-banner-card{width:310px;height:190px;border-radius:18px}@keyframes mm-image-banner-scroll{to{transform:translateX(calc((-310px - 12px) * 3))}}}
.mm-whatsapp-float{background:var(--mm-purple);box-shadow:0 12px 28px rgba(98,50,255,.32),0 0 0 1px rgba(255,255,255,.2)}.mm-whatsapp-float:hover{background:var(--mm-purple-700);box-shadow:0 16px 34px rgba(98,50,255,.46),0 0 0 5px rgba(162,105,255,.16)}
/* Homepage: client logo showcase */
.mm-home-clients{padding:84px 0;background:var(--surface-page)}
.mm-home-clients-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
.mm-home-clients-head h2{margin:14px 0 0;color:var(--text-strong);font-size:clamp(32px,3.6vw,48px);font-weight:800;letter-spacing:-.035em}
.mm-home-clients-head>p{max-width:260px;margin:0;color:var(--text-muted);font-size:15px;line-height:1.55}
.mm-client-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mm-client-logo-card{min-height:174px;padding:38px 46px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.mm-client-logo-card img{display:block;max-width:min(100%,430px);max-height:82px;width:auto;height:auto;object-fit:contain;transition:transform var(--dur-base) var(--ease-out)}
.mm-client-logo-card:hover{transform:translateY(-4px);border-color:rgba(98,50,255,.34);box-shadow:var(--shadow-lg)}
.mm-client-logo-card:hover img{transform:scale(1.045)}
.mm-home-clients{background:var(--mm-midnight)}
.mm-home-clients-head h2{color:var(--mm-ice)}
.mm-home-clients-head>p{color:rgba(245,246,252,.58)}
.mm-client-logo-card{background:rgba(245,246,252,.045);border-color:rgba(245,246,252,.13);box-shadow:none}
.mm-client-logo-card img{filter:grayscale(1) brightness(0) invert(1);opacity:.92}
.mm-client-logo-card--wall{grid-column:1/-1;min-height:300px;padding:34px 54px}
.mm-client-logo-card--wall img{width:100%;max-width:980px;max-height:250px;object-fit:contain}
.mm-client-logo-card:hover{border-color:rgba(206,255,28,.6);box-shadow:0 16px 36px rgba(0,0,0,.2)}
@media(max-width:560px){.mm-home-clients{padding:50px 0}.mm-home-clients-head{align-items:start;flex-direction:column;gap:12px;margin-bottom:24px}.mm-home-clients-head h2{font-size:29px;line-height:1.08}.mm-home-clients-head>p{font-size:14px}.mm-client-logo-grid{gap:12px}.mm-client-logo-card{min-height:116px;padding:22px 18px;border-radius:18px}.mm-client-logo-card img{max-height:52px}}
@media(max-width:560px){.mm-client-logo-card--wall{min-height:184px;padding:18px}.mm-client-logo-card--wall img{max-height:155px}}

/* Stable equal-size logo grid — keeps the client section independent from surrounding homepage layouts. */
#clients.mm-home-clients{position:relative;isolation:isolate;clear:both;overflow:hidden}
#clients .mm-client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px}
#clients .mm-client-logo-card{min-height:142px;height:142px;padding:24px;display:grid;place-items:center}
#clients .mm-client-logo-card img{width:100%;height:64px;max-width:190px;max-height:64px;object-fit:contain}
#clients .mm-client-logo-card--wall{grid-column:auto;min-height:142px;height:142px;padding:24px}
#clients .mm-client-logo-card--wall img{width:100%;height:64px;max-width:190px;max-height:64px;object-fit:contain}
@media(max-width:850px){#clients .mm-client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#clients .mm-client-logo-card{height:126px;min-height:126px;padding:18px}#clients .mm-client-logo-card img{height:54px;max-height:54px}}
@media(max-width:560px){#clients .mm-client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#clients .mm-client-logo-card{height:108px;min-height:108px;padding:15px}#clients .mm-client-logo-card img{height:42px;max-height:42px}}

/* Final homepage alignment pass. */
@media(min-width:851px){
  #services>.mm-home-wrap>div:nth-child(2){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:18px!important;margin-top:40px!important}
  #services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card{height:410px!important;min-height:410px!important;margin:0!important;grid-column:auto!important}
  #services>.mm-home-wrap>div:nth-child(3){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:18px!important;margin-top:18px!important}
  #services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service{height:166px!important;min-height:166px!important;margin:0!important;grid-column:auto!important}
  #services .mm-home-feature-card>div:nth-child(2){height:100%;display:flex;flex-direction:column}
  #services .mm-home-feature-card>div:nth-child(2)>div:last-child{margin-top:auto!important}
}
#clients .mm-client-logo-card{height:142px;min-height:142px;padding:24px}
#clients .mm-client-logo-card img{height:88px;max-height:88px;max-width:232px}
#clients .mm-client-logo-card--emblem{padding:12px}
#clients .mm-client-logo-card--emblem img{height:112px;max-height:112px;max-width:220px}
@media(max-width:850px){#clients .mm-client-logo-card{height:126px;min-height:126px}#clients .mm-client-logo-card img{height:62px;max-height:62px}}
@media(max-width:560px){#clients .mm-client-logo-card{height:108px;min-height:108px}#clients .mm-client-logo-card img{height:50px;max-height:50px}}
@media(max-width:850px){#clients .mm-client-logo-card--emblem img{height:96px;max-height:96px}}
@media(max-width:560px){#clients .mm-client-logo-card--emblem img{height:82px;max-height:82px}}

/* Homepage colour rhythm: each section has a distinct, brand-safe surface. */
#scroll-top>#top{background:var(--mm-midnight)}
#scroll-top>.mm-image-banner-section{background:#2b195a}
#scroll-top>#services{background:#f1edff!important}
#scroll-top>#work{background:#1e1e29!important}
#scroll-top>#clients{background:#25144f}
#scroll-top>#why{background:#f8f7fc}
#scroll-top>#process{background:#17332e!important}
#scroll-top>.mm-home-testimonials{background:#eee8ff!important}
#scroll-top>#faq{background:#f8f4ff!important}
#scroll-top>#contact{background:#15151e!important}

/* Fluid homepage layouts: stable on desktop, tablet and compact mobile widths. */
#scroll-top img{max-width:100%}
@media(max-width:850px){
  #scroll-top>.mm-image-banner-section{background:#2b195a}
  #services>.mm-home-wrap>div:nth-child(2),#services>.mm-home-wrap>div:nth-child(3){grid-template-columns:1fr!important}
  #services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card,#services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service{height:auto!important;min-height:0!important}
  #work>.mm-home-wrap>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #process .mm-home-wrap>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #why>.mm-home-wrap,#faq>.mm-home-wrap,#contact>.mm-home-wrap>div>div{gap:30px!important}
}
@media(max-width:560px){
  #scroll-top section{min-width:0}
  #work>.mm-home-wrap>div:nth-child(2),#process .mm-home-wrap>div:nth-child(2){grid-template-columns:1fr!important}
  #work>.mm-home-wrap>div:nth-child(2)>div{width:100%!important;min-height:230px!important}
  #process .mm-home-wrap>div:nth-child(2)>div{min-height:0!important}
  #services .mm-home-feature-card,#services .mm-home-small-service{width:100%!important}
  #clients .mm-home-clients-head{margin-bottom:22px}
  #clients .mm-home-clients-head>p{max-width:100%}
  #contact>.mm-home-wrap>div{border-radius:22px!important}
}

/* Offer slider layout. Autoplay and pausing are owned by the React component. */
.mm-image-banner-section{padding:38px 0!important;background:#2b195a!important}
.mm-responsive-offer-carousel{position:relative;aspect-ratio:1695 / 928;overflow:visible}
.mm-responsive-offer-card picture,.mm-responsive-offer-card img{display:block;width:100%;height:100%}
.mm-responsive-offer-card img{object-fit:cover}
.mm-responsive-offer-card{cursor:pointer;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
@media(hover:hover) and (pointer:fine){.mm-responsive-offer-card:hover{transform:translateY(-3px);border-color:var(--mm-lime);box-shadow:0 24px 50px rgba(7,4,20,.4)}}
@media(max-width:850px){.mm-image-banner-section{padding:28px 0!important}.mm-responsive-offer-carousel{aspect-ratio:1655 / 950}}
@media(max-width:560px){.mm-image-banner-section{padding:20px 0!important}.mm-responsive-offer-carousel{aspect-ratio:1602 / 982}}

/* What We Do: keep every service card inside the narrow mobile viewport. */
@media(max-width:560px){
  #services>.mm-home-wrap,#services>.mm-home-wrap>*{min-width:0!important;max-width:100%!important}
  #services>.mm-home-wrap>div:nth-child(2),#services>.mm-home-wrap>div:nth-child(3){display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;margin-left:0!important;margin-right:0!important}
  #services .mm-home-feature-card,#services .mm-home-small-service{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;transform:none!important}
  #services .mm-home-feature-card{padding:20px!important}
  #services .mm-home-feature-card>div,#services .mm-home-small-service>div{min-width:0!important;max-width:100%!important}
  #services .mm-home-feature-card h3,#services .mm-home-feature-card p,#services .mm-home-small-service h4,#services .mm-home-small-service p{overflow-wrap:anywhere}
  #services .mm-home-feature-card>div:nth-child(2)>div:nth-of-type(2){grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  #services .mm-home-feature-card>div:nth-child(2)>div:nth-of-type(3){gap:6px!important}
  #services .mm-home-feature-card .mm-badge{max-width:100%;white-space:normal!important}
}
#services .mm-home-small-service:hover>span{animation:mm-service-icon-orbit 850ms var(--ease-out) both!important}

/* Small-service icon frame matches the outlined-square language of the feature cards. */
#services .mm-home-small-service>span{position:relative!important;z-index:0;isolation:isolate;overflow:visible!important}
#services .mm-home-small-service>span svg{position:relative;z-index:2}
#services .mm-home-small-service>span:after{inset:-7px!important;z-index:1!important;opacity:.55!important;pointer-events:none}

/* Offer banners slide as full cards, with visible click-to-select progress dots. */
.mm-responsive-offer-carousel{overflow:visible!important}
.mm-offer-swipe-window{width:100%;height:100%;overflow:hidden;border:1px solid rgba(245,246,252,.18);border-radius:24px;background:#f8f8ff;box-shadow:0 20px 44px rgba(7,4,20,.28)}
.mm-offer-swipe-track{display:flex;width:100%;height:100%;transition:transform 720ms var(--ease-out);will-change:transform}
.mm-offer-swipe-track .mm-responsive-offer-card{position:relative!important;inset:auto!important;display:block!important;flex:0 0 100%!important;width:100%!important;height:100%!important;opacity:1!important;transform:none!important;pointer-events:auto!important;animation:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.mm-offer-dots{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px}
.mm-offer-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(245,246,252,.35);cursor:pointer;transition:width var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.mm-offer-dots button.is-active{width:28px;border-radius:999px;background:var(--mm-lime);transform:scaleY(1.15)}
.mm-offer-dots button:hover{background:var(--mm-purple-300)}
@media(max-width:850px){.mm-offer-swipe-window{border-radius:20px}.mm-offer-dots{margin-top:13px}}
@media(max-width:560px){.mm-offer-swipe-window{border-radius:16px}.mm-offer-dots{gap:8px;margin-top:12px}}

/* Force every service card to share the same left/right edge on compact screens. */
@media(max-width:560px){
  #services{overflow:hidden!important}
  #services>.mm-home-wrap{width:100%!important;margin:0!important;padding-left:16px!important;padding-right:16px!important}
  #services>.mm-home-wrap>div:nth-child(2),#services>.mm-home-wrap>div:nth-child(3){width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;justify-items:stretch!important}
  #services>.mm-home-wrap>div:nth-child(2)>*,#services>.mm-home-wrap>div:nth-child(3)>*{inline-size:100%!important;max-inline-size:100%!important;justify-self:stretch!important}
}

/* High-visibility WhatsApp shortcut in the Media Miners neon-lime accent. */
.mm-whatsapp-float{background:var(--mm-lime)!important;color:var(--mm-midnight)!important;box-shadow:0 12px 28px rgba(206,255,28,.38),0 0 0 1px rgba(20,20,26,.12)!important}
.mm-whatsapp-float:hover{background:#e0ff58!important;color:var(--mm-midnight)!important;box-shadow:0 16px 34px rgba(206,255,28,.55),0 0 0 5px rgba(206,255,28,.16)!important}

/* Final compact-services alignment: every card uses one shared content column. */
@media(max-width:850px){
  #services,#services>.mm-home-wrap{overflow-x:clip!important}
  #services>.mm-home-wrap{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding-inline:16px!important}
  #services>.mm-home-wrap>div:nth-child(2),
  #services>.mm-home-wrap>div:nth-child(3){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-inline:0!important;
    justify-items:stretch!important;
    transform:none!important;
  }
  #services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card,
  #services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service{
    grid-column:1 / -1!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    inset:auto!important;
    transform:none!important;
  }
  #services>.mm-home-wrap>div:nth-child(3){margin-top:12px!important}
}

/* A crisp, visible outlined-square frame for the compact service icons. */
#services .mm-home-small-service>span{overflow:visible!important}
#services .mm-home-small-service:first-child>span::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-9px!important;
  z-index:1!important;
  border:1px solid var(--mm-purple)!important;
  border-radius:17px!important;
  opacity:1!important;
  transform:rotate(9deg)!important;
  pointer-events:none!important;
}
#services .mm-home-small-service>span svg{z-index:2!important}
#services .mm-home-small-service:last-child>span::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-9px!important;
  z-index:1!important;
  border:1px solid var(--mm-lime)!important;
  border-radius:17px!important;
  opacity:1!important;
  transform:rotate(9deg)!important;
  pointer-events:none!important;
}

/* Process cards: each card becomes purple while it is being explored. */
#process .mm-home-wrap>div:nth-child(2)>div{
  transition:background-color 360ms var(--ease-out),border-color 360ms var(--ease-out),box-shadow 360ms var(--ease-out),transform 360ms var(--ease-out)!important;
}
#process .mm-home-wrap>div:nth-child(2)>div:hover{
  background:var(--mm-purple)!important;
  border-color:var(--mm-purple-300)!important;
  box-shadow:0 18px 34px rgba(98,50,255,.28)!important;
  transform:translateY(-5px)!important;
}
#process .mm-home-wrap>div:nth-child(2)>div:hover span{color:var(--mm-lime)!important}
#process .mm-home-wrap>div:nth-child(2)>div:hover h3{color:var(--mm-ice)!important}
#process .mm-home-wrap>div:nth-child(2)>div:hover p{color:rgba(245,246,252,.82)!important}
#process .mm-home-wrap>div:nth-child(2)>.is-primary{
  background:var(--surface-raised)!important;
  border-color:var(--border-subtle)!important;
  box-shadow:none!important;
}
#process .mm-home-wrap>div:nth-child(2)>.is-primary span{color:var(--text-accent)!important}
#process .mm-home-wrap>div:nth-child(2)>.is-primary p{color:var(--text-muted)!important}
/* Homepage process cards are inline-styled; reset the first one only while idle. */
#process .mm-home-wrap>div:nth-child(2)>div:first-child:not(:hover){
  background:rgba(34,34,44,.6)!important;
  border-color:rgba(245,246,252,.08)!important;
  box-shadow:none!important;
}

/* Use the same icon orbit used by What We Do on every Why-card hover. */
#why .mm-why-point:hover>span{animation:mm-service-icon-orbit 850ms var(--ease-out) both!important}

/* Preserve descenders in the highlighted hero phrase during and after reveal. */
#top h1{line-height:1.12!important;overflow:visible!important}
#top .mm-hero-highlight{display:inline-block!important;overflow:visible!important;padding-bottom:.11em;line-height:1.03}

/* What We Do: remove the stagger, so every service card begins on one left edge. */
@media(max-width:850px){
  #services>.mm-home-wrap>div:nth-child(2),
  #services>.mm-home-wrap>div:nth-child(3){
    grid-template-columns:minmax(0,1fr)!important;
    padding-inline:0!important;
    justify-items:stretch!important;
  }
  #services>.mm-home-wrap>div:nth-child(2)>.mm-home-feature-card,
  #services>.mm-home-wrap>div:nth-child(3)>.mm-home-small-service{
    position:relative!important;
    left:0!important;
    right:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    translate:0 0!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* Compact multi-select: opens on demand and closes after each selection. */
.mm-service-dropdown{position:relative;min-width:0}
.mm-service-dropdown-trigger{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;gap:16px;padding:0 17px;color:#fff;font:inherit;text-align:left;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-md);background:#5331bd;cursor:pointer;touch-action:manipulation;transition:border-color var(--mm-motion-base) var(--mm-motion-ease),box-shadow var(--mm-motion-base) var(--mm-motion-ease),background-color var(--mm-motion-base) var(--mm-motion-ease)}
.mm-service-dropdown-trigger:hover{background:#5d39c8;border-color:rgba(206,255,28,.65)}
.mm-service-dropdown-trigger:focus-visible{outline:0;border-color:var(--mm-lime);box-shadow:0 0 0 3px rgba(206,255,28,.18)}
.mm-service-dropdown-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-service-dropdown-chevron{width:10px;height:10px;flex:none;border-right:2px solid var(--mm-lime);border-bottom:2px solid var(--mm-lime);transform:translateY(-3px) rotate(45deg);transition:transform var(--mm-motion-base) var(--mm-motion-ease)}
.mm-service-dropdown-trigger[aria-expanded="true"] .mm-service-dropdown-chevron{transform:translateY(3px) rotate(225deg)}
.mm-service-dropdown-menu{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;display:flex;max-height:260px;flex-direction:column;gap:4px;overflow-y:auto;padding:8px;border:1px solid rgba(206,255,28,.72);border-radius:var(--radius-md);background:#5331bd;box-shadow:0 18px 38px rgba(20,20,26,.32);animation:mm-service-menu-in 220ms var(--mm-motion-ease) both}
.mm-service-dropdown-option{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;color:#fff;font:inherit;text-align:left;border:0;border-radius:9px;background:transparent;cursor:pointer;touch-action:manipulation}
.mm-service-dropdown-option:hover,.mm-service-dropdown-option:focus-visible{color:var(--mm-midnight);background:rgba(206,255,28,.82);outline:0}
.mm-service-dropdown-option.is-selected{color:var(--mm-midnight);background:var(--mm-lime)}
.mm-service-dropdown-option i{position:relative;width:18px;height:18px;flex:none;border:1.5px solid rgba(255,255,255,.62);border-radius:5px}
.mm-service-dropdown-option.is-selected i{border-color:var(--mm-midnight);background:var(--mm-midnight)}
.mm-service-dropdown-option.is-selected i:after{position:absolute;top:2px;left:5px;width:5px;height:9px;content:"";border:solid var(--mm-lime);border-width:0 2px 2px 0;transform:rotate(45deg)}
.mm-service-dropdown-option:hover i,.mm-service-dropdown-option:focus-visible i{border-color:var(--mm-midnight)}
.mm-contact-page-form .mm-service-dropdown-trigger,.mm-contact-page-form .mm-service-dropdown-menu{border-color:rgba(20,20,26,.35)}
@keyframes mm-service-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mm-service-dropdown-menu{animation:none}.mm-service-dropdown-trigger,.mm-service-dropdown-chevron{transition:none}}

/* Useful legal navigation in the global footer. */
.mm-footer-meta{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap;color:rgba(245,246,252,.4);font-size:13px}
.mm-footer-meta>span{white-space:nowrap}
.mm-footer-legal{display:flex;align-items:center;gap:0}
.mm-footer-legal a,.mm-footer-legal button{color:rgba(245,246,252,.62)!important;font-size:13px;text-decoration:none;padding:0 14px;position:relative;transition:color var(--dur-base,200ms) ease;line-height:1}
.mm-footer-legal a:not(:first-child),.mm-footer-legal button:not(:first-child){border-left:1px solid rgba(245,246,252,.15)}
.mm-home-footer .mm-footer-legal a:hover,.mm-home-footer .mm-footer-legal a:focus-visible,
.mm-footer-legal button:hover,.mm-footer-legal button:focus-visible{color:var(--mm-lime)!important;transform:none!important;outline:none}
.mm-footer-legal a:focus-visible,.mm-footer-legal button:focus-visible{outline:2px solid var(--mm-lime);outline-offset:4px;border-radius:3px}

@media(max-width:560px){
  .mm-footer-meta{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:12px}
  .mm-footer-legal{flex-wrap:wrap;gap:0}
  .mm-footer-legal a,.mm-footer-legal button{padding:4px 12px}
  .mm-footer-legal a:first-child,.mm-footer-legal button:first-child{padding-left:0}
  .mm-footer-meta>span{white-space:normal}
}

/* Paired quick-contact actions: direct call + WhatsApp. */
.mm-sticky-contact-actions{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:90;display:flex;flex-direction:column;align-items:center;gap:10px}
.mm-sticky-contact-actions .mm-whatsapp-float,.mm-call-float{position:static;right:auto;bottom:auto;display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;touch-action:manipulation}
.mm-call-float{color:#fff;background:var(--mm-purple);box-shadow:0 12px 28px rgba(98,50,255,.32),0 0 0 1px rgba(255,255,255,.22);transition:transform var(--mm-motion-base) var(--mm-motion-ease),box-shadow var(--mm-motion-base) ease,background-color var(--mm-motion-base) var(--mm-motion-ease)}
.mm-call-float svg{width:25px;height:25px}
.mm-call-float:hover{color:#fff;background:var(--mm-purple-700);transform:translateY(-2px) scale(1.02);box-shadow:0 16px 34px rgba(98,50,255,.46),0 0 0 5px rgba(162,105,255,.16)}
.mm-call-float:focus-visible{outline:3px solid var(--mm-lime);outline-offset:4px}
@media(max-width:560px){
  .mm-sticky-contact-actions{right:16px;bottom:max(16px,env(safe-area-inset-bottom));gap:8px}
  .mm-sticky-contact-actions .mm-whatsapp-float,.mm-call-float{width:48px;height:48px}
  .mm-call-float svg{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce){.mm-call-float:hover{transform:none}}

/* Whole service cards are native, keyboard-accessible destination links. */
#services a.mm-home-feature-card{display:block;color:inherit}
#services a.mm-home-small-service{color:inherit}
#services a.mm-home-feature-card:focus-visible,
#services a.mm-home-small-service:focus-visible{outline:3px solid var(--mm-purple);outline-offset:5px}