/* TechM8 Pixel Minimal: 8-bit accents with professional editorial typography. */
:root{--tm8-px-p:#b026ff;--tm8-px-v:#725cff;--tm8-px-c:#18c7f3;--tm8-px-light:#f3f5fa;--tm8-px-dark:#080812;--tm8-px-shadow-l:rgba(86,49,126,.14);--tm8-px-shadow-d:rgba(24,199,243,.10)}

/* Quiet technical grid across public content. */
.tm8-theme-light body:not(.tm8p-page),.tm8-theme-light .site-content,.tm8-theme-light .site-main{background-color:var(--tm8-px-light)!important;background-image:linear-gradient(rgba(83,66,111,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(83,66,111,.045) 1px,transparent 1px)!important;background-size:32px 32px!important}
html:not(.tm8-theme-light) body:not(.tm8p-page),html:not(.tm8-theme-light) .site-content,html:not(.tm8-theme-light) .site-main{background-color:var(--tm8-px-dark)!important;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;background-size:32px 32px!important}

/* Preserve the floating menu while giving it the approved technical edge. */
.elementor-location-header>.elementor-element-2e949a22,.elementor-location-header.tm8-scrolled>.elementor-element-2e949a22{border-radius:14px!important;box-shadow:0 16px 48px rgba(0,0,0,.24),6px 6px 0 var(--tm8-px-shadow-d),inset 0 1px 0 rgba(255,255,255,.10)!important}
.tm8-theme-light .elementor-location-header>.elementor-element-2e949a22,.tm8-theme-light .elementor-location-header.tm8-scrolled>.elementor-element-2e949a22{box-shadow:0 16px 44px rgba(30,24,46,.14),6px 6px 0 var(--tm8-px-shadow-l),inset 0 1px 0 #fff!important}

/* Pixel cursor labels replace pills and generic badges. */
#techm8-refined-pages .tm-label,[id^="tm8-"] .eyebrow,.tm8-legal__eyebrow,.techm8-form-kicker,.tm8p-eyebrow{position:relative!important;display:inline-flex!important;align-items:center!important;gap:12px!important;width:fit-content!important;min-height:20px!important;margin-bottom:24px!important;padding:0 0 10px 20px!important;border:0!important;border-bottom:2px solid transparent!important;border-image:linear-gradient(90deg,var(--tm8-px-p),var(--tm8-px-c)) 1!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--tm8-px-p)!important;font-family:"Press Start 2P","Courier New",monospace!important;font-size:8px!important;font-weight:400!important;line-height:1.65!important;letter-spacing:.02em!important;text-transform:uppercase!important}
#techm8-refined-pages .tm-label:before,[id^="tm8-"] .eyebrow:before,.tm8-legal__eyebrow:before,.techm8-form-kicker:before,.tm8p-eyebrow:before{content:""!important;position:absolute!important;left:0!important;top:2px!important;width:7px!important;height:7px!important;border:0!important;border-radius:0!important;background:var(--tm8-px-c)!important;box-shadow:7px 0 0 var(--tm8-px-v),0 7px 0 var(--tm8-px-p)!important}
.home-hero .tm-label,.services-hero .tm-label,.contact-hero .tm-label,[id^="tm8-"] .hero .eyebrow,.editorial-cta .tm-label{color:#fff!important}

/* Pixel grid overlay on photographic heroes. */
#techm8-refined-pages .home-hero:before,#techm8-refined-pages .services-hero:before,#techm8-refined-pages .contact-hero:before,[id^="tm8-"]>.hero:before,[id^="tm8-"]>section.hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 48%,transparent 86%)}
#techm8-refined-pages .home-hero>*,#techm8-refined-pages .services-hero>*,#techm8-refined-pages .contact-hero>*,[id^="tm8-"]>.hero>*,[id^="tm8-"]>section.hero>*{position:relative;z-index:2}

/* Approved homepage composition: readable copy beside a contained network visual. */
#techm8-refined-pages .home-hero{min-height:620px!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;gap:52px!important;align-items:center!important;background:linear-gradient(135deg,#0a0814 0%,#100a1c 56%,#071625 100%)!important}
#techm8-refined-pages .home-hero:after{background:radial-gradient(circle at 86% 14%,rgba(176,38,255,.15),transparent 31%),linear-gradient(180deg,transparent 58%,rgba(8,7,17,.34))!important}
#techm8-refined-pages .home-copy{max-width:680px!important}
#techm8-refined-pages .home-visual{display:block!important;height:350px!important;border:1px solid rgba(176,38,255,.55)!important;border-radius:4px!important;background-image:linear-gradient(90deg,rgba(8,7,17,.20),rgba(8,7,17,.02)),url("/wp-content/uploads/2026/10/techm8-connected-systems.webp")!important;background-size:cover!important;background-position:center!important;box-shadow:12px 12px 0 rgba(24,199,243,.11),0 30px 80px rgba(0,0,0,.38)!important}
#techm8-refined-pages .home-visual:before,#techm8-refined-pages .home-visual:after{display:none!important}
#techm8-refined-pages .ops-card{border-radius:3px!important}
#techm8-refined-pages .home-visual .ops-top{color:#a9a6b8!important}
#techm8-refined-pages .home-visual .ops-live{color:var(--tm8-px-c)!important}
#techm8-refined-pages .home-visual .ops-card b{color:#f8f7ff!important}
#techm8-refined-pages .home-visual .ops-card span{color:#b8b3c4!important}

/* Angular buttons with a small pixel-offset interaction. */
.techm8-button-primary,.techm8-button-secondary,#techm8-refined-pages .tm-primary,#techm8-refined-pages .tm-secondary,[id^="tm8-"] .btn,.tm8p .button,.tm8p button,.tm8p input[type="submit"],.wpcf7 input[type="submit"]{border-radius:4px!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.techm8-button-primary:hover,.techm8-button-secondary:hover,#techm8-refined-pages .tm-primary:hover,#techm8-refined-pages .tm-secondary:hover,[id^="tm8-"] .btn:hover,.tm8p .button:hover,.tm8p button:hover,.wpcf7 input[type="submit"]:hover{transform:translate(-2px,-2px)!important;box-shadow:5px 5px 0 rgba(24,199,243,.22)!important}

/* Modular cards: reduced radii and restrained offset shadows. */
#techm8-refined-pages .service-grid,#techm8-refined-pages .service-card,#techm8-refined-pages .service-detail,#techm8-refined-pages .editorial-story,#techm8-refined-pages .capability-story,#techm8-refined-pages .directory-link,#techm8-refined-pages .process-step,#techm8-refined-pages .contact-method,#techm8-refined-pages .contact-form,#techm8-refined-pages .trust,[id^="tm8-"] .card,[id^="tm8-"] .panel,[id^="tm8-"] .cap,[id^="tm8-"] .step,[id^="tm8-"] .process-step,[id^="tm8-"] .product-card,[id^="tm8-"] .quality-card,[id^="tm8-"] .outcome-card{border-radius:4px!important}
#techm8-refined-pages .editorial-story,#techm8-refined-pages .capability-story,#techm8-refined-pages .directory-link,[id^="tm8-"] .card,[id^="tm8-"] .panel,[id^="tm8-"] .cap,[id^="tm8-"] .product-card,[id^="tm8-"] .outcome-card{box-shadow:7px 7px 0 var(--tm8-px-shadow-l)!important}
html:not(.tm8-theme-light) #techm8-refined-pages .editorial-story,html:not(.tm8-theme-light) #techm8-refined-pages .capability-story,html:not(.tm8-theme-light) #techm8-refined-pages .directory-link,html:not(.tm8-theme-light) [id^="tm8-"] .card,html:not(.tm8-theme-light) [id^="tm8-"] .panel,html:not(.tm8-theme-light) [id^="tm8-"] .cap,html:not(.tm8-theme-light) [id^="tm8-"] .product-card,html:not(.tm8-theme-light) [id^="tm8-"] .outcome-card{box-shadow:7px 7px 0 var(--tm8-px-shadow-d)!important}

/* Technical chips and numbered process labels. */
#techm8-refined-pages .editorial-tags span,#techm8-refined-pages .capability-story li,[id^="tm8-"] .signal,[id^="tm8-"] .tag,[id^="tm8-"] .badge,[id^="tm8-"] .wifi-badge{border-radius:2px!important}
[id^="tm8-"] .signal:before{border-radius:0!important;box-shadow:6px 0 0 var(--tm8-px-v)!important}
#techm8-refined-pages .process-step small,#techm8-refined-pages .capability-number,#techm8-refined-pages .editorial-index,[id^="tm8-"] .process-step small,[id^="tm8-"] .step small,[id^="tm8-"] [class*="number"]{font-family:"Press Start 2P","Courier New",monospace!important;font-weight:400!important;letter-spacing:.02em!important}

/* Conversion bands and portal surfaces follow the same geometry. */
#techm8-refined-pages .editorial-cta,[id^="tm8-"] .cta,.elementor-location-footer .elementor-element-50bbe88f .elementor-widget-container>div{border-radius:4px!important;box-shadow:8px 8px 0 rgba(176,38,255,.13)!important}
.tm8p-login-card,.tm8p-stat,.tm8p-placeholder-grid article,.tm8p-ticket-form,.tm8p-ticket-list,.tm8p-kb-card,.tm8p-article{border-radius:4px!important;box-shadow:6px 6px 0 var(--tm8-px-shadow-l)!important}
html:not(.tm8-theme-light) .tm8p-login-card,html:not(.tm8-theme-light) .tm8p-stat,html:not(.tm8-theme-light) .tm8p-placeholder-grid article,html:not(.tm8-theme-light) .tm8p-ticket-form,html:not(.tm8-theme-light) .tm8p-ticket-list,html:not(.tm8-theme-light) .tm8p-kb-card,html:not(.tm8-theme-light) .tm8p-article{box-shadow:6px 6px 0 var(--tm8-px-shadow-d)!important}

@media(max-width:900px){#techm8-refined-pages .home-hero{grid-template-columns:1fr!important;gap:34px!important;padding-block:72px 58px!important}#techm8-refined-pages .home-visual{height:300px!important}}
@media(max-width:780px){.elementor-location-header>.elementor-element-2e949a22,.elementor-location-header.tm8-scrolled>.elementor-element-2e949a22{border-radius:10px!important;box-shadow:0 12px 32px rgba(0,0,0,.20),4px 4px 0 var(--tm8-px-shadow-d)!important}#techm8-refined-pages .tm-label,[id^="tm8-"] .eyebrow,.tm8-legal__eyebrow,.techm8-form-kicker,.tm8p-eyebrow{max-width:100%;font-size:7px!important;line-height:1.7!important}#techm8-refined-pages .editorial-story,#techm8-refined-pages .capability-story,[id^="tm8-"] .card,[id^="tm8-"] .panel{box-shadow:4px 4px 0 var(--tm8-px-shadow-l)!important}#techm8-refined-pages .home-visual{height:260px!important}}
@media(prefers-reduced-motion:reduce){.techm8-button-primary,.techm8-button-secondary,#techm8-refined-pages .tm-primary,#techm8-refined-pages .tm-secondary,[id^="tm8-"] .btn,.tm8p .button,.tm8p button,.wpcf7 input[type="submit"]{transition:none!important}}