/* September consultation refinements, exclusive to sanematics copy.html. */
body.mc-copy-page #nav .brand{gap:9px}
body.mc-copy-page #nav .brand-name{position:static;width:auto;height:auto;clip-path:none;overflow:visible;font-family:Manrope,StudioFallback,Arial,sans-serif;font-size:29px;font-weight:400;font-kerning:normal;line-height:1;letter-spacing:-.035em;color:#19151f}
/* September 30: the logo's own gradient, magenta to violet (sampled from the mark) */
body.mc-copy-page #home.mc-copy-hero .mc-copy-growth{color:#b000ea;background:linear-gradient(105deg,#ea00d7 0%,#c800e2 38%,#9000f5 78%,#8600f9 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.mc-copy-page #home.mc-copy-hero .mc-copy-hero-promise{display:block;margin-top:10px;font-size:clamp(14px,1.18vw,17px);font-weight:600;line-height:1.6;white-space:nowrap;color:#51415f}
/* September 28: no purple outline, glow or tinted panel around the hero film; a neutral soft
   shadow and a hairline edge keep it seated on the page. */
body.mc-copy-page #home.mc-copy-hero .mc-hero-film::before,body.mc-copy-page #home.mc-copy-hero .mc-hero-film::after,body.mc-copy-page #home.mc-copy-hero .mc-film-frame::after{content:none;display:none}
body.mc-copy-page #home.mc-copy-hero .mc-film-frame{border:1px solid #ebe7f0;box-shadow:0 28px 60px -34px #1d142b4d,0 6px 18px -12px #1d142b24}
/* September 30 (owner request): a larger film that better fills the height of the copy, search and
   pills beside it. The copy column keeps room for the one-line headline and promise. */
@media(min-width:1101px){
 body.mc-copy-page #home.mc-copy-hero .mc-copy-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,3.2vw,56px)}
}
/* September 28: more air and a clearer order in the hero (headline, promise, actions, search,
   then the client row), without touching the approved inline hero stylesheet. */
body.mc-copy-page #home.mc-copy-hero h1{margin-bottom:28px}
body.mc-copy-page #home.mc-copy-hero .mc-actions{margin:36px 0 14px}
body.mc-copy-page #home.mc-copy-hero .mc-service-search{margin-top:40px}
body.mc-copy-page #home.mc-copy-hero .mc-copy-hero-trust{margin-top:clamp(64px,6vw,96px)}
body.mc-copy-page #home.mc-copy-hero .mc-trust-label{margin:0 0 20px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#80778b}
/* September 29 (owner request): every client mark in one flat shade, bigger, with no boxes or
   borders, and full colour on hover. brightness(0) turns each mark into its silhouette, so all six
   share exactly one grey; the hero IMMAF copy has its white stripes cleared so they stay gaps.
   The copies are trimmed to each mark's visible edges (uploads/logos/hero/) and sized to the same
   visual area rather than the same height, so a wide wordmark and a compact lockup weigh the same. */
body.mc-copy-page #home.mc-copy-hero .mc-hero-logos{gap:clamp(12px,1.6vw,24px)}
body.mc-copy-page #home.mc-copy-hero .mc-hero-logos .mc-logo{height:84px;padding:6px 4px;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.mc-copy-page #home.mc-copy-hero .mc-hero-logos .mc-logo img{--mc-hero-logo-scale:1;width:auto;height:calc(var(--mc-logo-h,40px) * var(--mc-logo-k,1));max-width:100%;max-height:100%;object-fit:contain;filter:brightness(0);opacity:.56;transition:filter .3s ease,opacity .3s ease}
body.mc-copy-page #home.mc-copy-hero .mc-hero-logos .mc-logo:hover img{filter:none;opacity:1}
body.mc-copy-page #home.mc-copy-hero .mc-hero-logos img[src*="/hero/netflix."]{--mc-logo-h:40px}
body.mc-copy-page #home.mc-copy-hero .mc-hero-logos img[src*="/hero/navttc."]{--mc-logo-h:54px}
body.mc-copy-page #home.mc-copy-hero .mc-hero-logos img[src*="/hero/gulberg-greens."]{--mc-logo-h:48px}
body.mc-copy-page #home.mc-copy-hero .mc-hero-logos img[src*="/hero/yango."]{--mc-logo-h:42px}
body.mc-copy-page #home.mc-copy-hero .mc-hero-logos img[src*="/hero/immaf."]{--mc-logo-h:37px}
body.mc-copy-page #home.mc-copy-hero .mc-hero-logos img[src*="/hero/dippys."]{--mc-logo-h:35px}
@media(prefers-reduced-motion:reduce){body.mc-copy-page #home.mc-copy-hero .mc-hero-logos .mc-logo img{transition:none}}
@media(max-width:1200px){
 body.mc-copy-page #nav .brand-name{font-size:26px}
}
@media(max-width:1100px){
 body.mc-copy-page #home.mc-copy-hero .mc-hero-logos .mc-logo{padding:6px 4px}
}
@media(max-width:600px){
 body.mc-copy-page #home.mc-copy-hero .mc-copy-hero-promise{font-size:15px;white-space:normal;text-wrap:pretty}
 body.mc-copy-page #home.mc-copy-hero .mc-actions{margin-top:28px}
 body.mc-copy-page #home.mc-copy-hero .mc-service-search{margin-top:28px}
 body.mc-copy-page #home.mc-copy-hero .mc-copy-hero-trust{margin-top:48px}
 body.mc-copy-page #home.mc-copy-hero .mc-hero-logos .mc-logo{height:64px;padding:4px 2px}
 body.mc-copy-page #home.mc-copy-hero .mc-hero-logos .mc-logo img{--mc-logo-k:.8}
}
@media(max-width:540px){
 body.mc-copy-page #nav .brand{gap:6px}
 body.mc-copy-page #nav .brand-name{font-size:21px}
 body.mc-copy-page #nav .btn-primary{font-size:12px;padding-inline:10px}
}
@media(max-width:380px){
 body.mc-copy-page #nav .nav-inner{padding-inline:10px;gap:8px}
 body.mc-copy-page #nav .brand{gap:5px}
 body.mc-copy-page #nav .mark{width:24px;height:24px}
 body.mc-copy-page #nav .brand-name{font-size:18px}
 body.mc-copy-page #nav .btn-primary{font-size:11.5px;padding-inline:7px}
 body.mc-copy-page #nav .nav-cta{gap:6px}
 body.mc-copy-page #nav .nav-toggle{width:36px;min-width:36px;height:44px}
}
@media(forced-colors:active){
 body.mc-copy-page #home.mc-copy-hero .mc-copy-growth{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
}