/*
Theme Name: M2 Dynamics Elementor
Theme URI: https://m2dynamics.co/
Author: M2 Dynamics
Description: Premium multisite-ready corporate theme for M2 Dynamics. Includes one-click Elementor Basic starter pages, responsive navigation and editable brand settings.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: m2-dynamics
*/

:root{--m2-ink:#090a20;--m2-ink-soft:#14142f;--m2-paper:#f5f4fa;--m2-white:#fff;--m2-muted:#747488;--m2-line:rgba(14,14,36,.12);--m2-violet:#7c4dff;--m2-orange:#ff9700;--m2-max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--m2-paper);color:var(--m2-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{z-index:100000;top:8px;left:8px;width:auto;height:auto;padding:14px 18px;clip:auto;background:#fff;color:#111}
.m2-container{width:min(var(--m2-max),calc(100% - 48px));margin-inline:auto}.m2-site-header{position:absolute;z-index:100;top:18px;left:50%;transform:translateX(-50%);width:min(var(--m2-max),calc(100% - 48px));height:76px;display:flex;align-items:center;gap:34px;padding:0 18px 0 22px;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(8,8,28,.68);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .25s ease,box-shadow .25s ease}.admin-bar .m2-site-header{top:50px}.m2-site-header.is-scrolled{position:fixed;background:rgba(8,8,28,.93);box-shadow:0 16px 50px rgba(4,4,18,.24)}
.m2-brand{display:inline-flex;align-items:center;gap:12px;letter-spacing:.14em;font-size:13px;font-weight:700;white-space:nowrap}.m2-brand img{width:50px;height:22px;object-fit:contain}.m2-brand b{color:var(--m2-orange)}.m2-primary-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.m2-primary-nav ul{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}.m2-primary-nav a{color:rgba(255,255,255,.74);font-size:13px;font-weight:600;transition:color .2s}.m2-primary-nav a:hover,.m2-primary-nav .current-menu-item>a{color:#fff}.m2-header-cta,.m2-button,.elementor .m2-button .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 24px;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;background:linear-gradient(135deg,#8c57ff,#5d31da);font-size:13px;font-weight:750;box-shadow:0 12px 36px rgba(91,50,213,.28);transition:transform .25s ease,box-shadow .25s ease}.m2-header-cta{min-height:42px;padding-inline:18px;background:rgba(255,151,0,.12);border-color:rgba(255,169,38,.45);box-shadow:none}.m2-header-cta:hover,.m2-button:hover{transform:translateY(-2px)}.m2-menu-toggle{display:none;width:42px;height:42px;margin-left:auto;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:transparent;color:#fff}.m2-menu-toggle span,.m2-menu-toggle::before,.m2-menu-toggle::after{content:"";display:block;width:18px;height:1px;margin:5px auto;background:currentColor}
.m2-content{min-height:60vh}.m2-default-page{padding:160px 0 100px}.m2-default-page .entry-header,.m2-default-page .entry-content{width:min(880px,calc(100% - 48px));margin-inline:auto}.m2-default-page h1{font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-.05em}.m2-default-page .entry-content{color:var(--m2-muted);font-size:17px;line-height:1.8}.m2-default-page .entry-content h2,.m2-default-page .entry-content h3{color:var(--m2-ink)}
.m2-site-footer{padding:70px max(24px,calc((100% - var(--m2-max))/2)) 34px;color:rgba(255,255,255,.58);background:#070719}.m2-footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:70px;padding-bottom:58px}.m2-footer-grid h3{margin:0 0 18px;color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.m2-footer-grid p{max-width:420px;margin:20px 0 0;line-height:1.8}.m2-footer-grid ul{margin:0;padding:0;list-style:none}.m2-footer-grid li+li{margin-top:12px}.m2-footer-grid a:hover{color:#fff}.m2-footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);font-size:12px}
/* Elementor section system. Every class below can be attached from Elementor Basic > Advanced > CSS Classes. */
.m2-hero{position:relative;min-height:880px;display:flex;align-items:center;overflow:hidden;color:#fff;background:#070818 url('assets/images/hero-tech.webp') center right/cover no-repeat}.m2-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,20,.96) 5%,rgba(5,6,20,.76) 44%,rgba(5,6,20,.12) 78%),linear-gradient(0deg,#070818 0%,transparent 25%)}.m2-hero>.elementor-container{position:relative;z-index:2;width:min(var(--m2-max),calc(100% - 48px));margin:auto;padding-top:80px}.m2-hero .elementor-heading-title{max-width:780px;margin:0;font-size:clamp(56px,6.4vw,94px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:650!important}.m2-hero .elementor-widget-text-editor{max-width:670px;margin-top:28px;color:rgba(255,255,255,.7);font-size:18px;line-height:1.75}.m2-eyebrow .elementor-heading-title{display:flex;align-items:center;gap:10px!important;color:#a99aff!important;font-size:12px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase}.m2-eyebrow .elementor-heading-title::before{content:"";width:30px;height:1px;background:var(--m2-orange)}
.m2-section{padding:110px 0}.m2-section>.elementor-container{width:min(var(--m2-max),calc(100% - 48px));margin-inline:auto}.m2-section-dark{color:#fff;background:#0b0b23}.m2-kicker .elementor-heading-title{color:#6845dc!important;font-size:12px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase}.m2-section-dark .m2-kicker .elementor-heading-title{color:#a99aff!important}.m2-display .elementor-heading-title{font-size:clamp(40px,4.6vw,66px)!important;line-height:1.04!important;letter-spacing:-.05em!important;font-weight:620!important}.m2-copy{color:var(--m2-muted);font-size:17px;line-height:1.78}.m2-section-dark .m2-copy{color:rgba(255,255,255,.6)}
.m2-compact-top{padding-top:0}.m2-compact-bottom{padding-bottom:40px}.m2-narrow .elementor-widget-wrap{max-width:780px}.m2-accent-line{border-top:1px solid var(--m2-line)}
.m2-card-row>.elementor-container{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px}.m2-card-row>.elementor-container>.elementor-column{width:auto!important}.m2-card{height:100%;min-height:320px;padding:30px;border:1px solid var(--m2-line);border-radius:18px;background:rgba(255,255,255,.68);transition:transform .25s,border-color .25s,box-shadow .25s}.m2-card:hover{transform:translateY(-5px);border-color:rgba(124,77,255,.34);box-shadow:0 22px 55px rgba(22,17,58,.1)}.m2-card .elementor-heading-title{font-size:27px!important;line-height:1.12!important;letter-spacing:-.035em}.m2-card .elementor-widget-text-editor{color:var(--m2-muted);font-size:14px;line-height:1.72}.m2-card-number .elementor-heading-title{color:#8b81a7!important;font-size:12px!important;letter-spacing:.1em!important}.m2-section-dark .m2-card{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.m2-section-dark .m2-card .elementor-widget-text-editor{color:rgba(255,255,255,.58)}
.m2-inner-hero{position:relative;min-height:600px;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#08091d url('assets/images/hero-tech.webp') center right/cover no-repeat}.m2-inner-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,20,.96),rgba(5,6,20,.6) 55%,rgba(5,6,20,.2)),linear-gradient(0deg,#090a20,transparent 70%)}.m2-inner-hero>.elementor-container{position:relative;z-index:2;width:min(var(--m2-max),calc(100% - 48px));margin:0 auto;padding:190px 0 88px}.m2-inner-hero .elementor-heading-title{max-width:920px;font-size:clamp(52px,6vw,86px)!important;line-height:1!important;letter-spacing:-.055em!important}.m2-inner-hero .elementor-widget-text-editor{max-width:700px;color:rgba(255,255,255,.68);font-size:18px;line-height:1.72}
.m2-stat-row>.elementor-container{display:grid!important;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--m2-line);border-radius:18px;overflow:hidden;background:var(--m2-line)}.m2-stat-row>.elementor-container>.elementor-column{width:auto!important;padding:28px;background:var(--m2-paper)}.m2-stat-row .elementor-heading-title{font-size:30px!important;letter-spacing:-.04em}.m2-stat-row .elementor-widget-text-editor{color:var(--m2-muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.m2-cta{padding:100px 0;background:linear-gradient(135deg,#0c0d28,#171239);color:#fff}.m2-cta>.elementor-container{width:min(var(--m2-max),calc(100% - 48px));margin:auto}.m2-cta .elementor-heading-title{font-size:clamp(42px,5vw,72px)!important;line-height:1.02!important;letter-spacing:-.05em!important}.m2-contact-panel{padding:40px;border:1px solid var(--m2-line);border-radius:18px;background:#fff}.m2-contact-panel h3{margin:0 0 12px;font-size:26px}.m2-contact-panel p{margin:0 0 24px;color:var(--m2-muted);line-height:1.7}.m2-contact-panel a{display:inline-flex;min-height:50px;align-items:center;padding:0 22px;border-radius:11px;background:linear-gradient(135deg,#8c57ff,#5d31da);color:#fff;font-size:13px;font-weight:750}
.m2-setup-notice{padding:14px 18px;border-left:4px solid var(--m2-violet);background:#fff}.m2-legal-note{padding:18px;border:1px solid #f0cc78;border-radius:10px;background:#fff8df;color:#6b5311}
@media(max-width:900px){.m2-primary-nav{position:absolute;top:86px;left:0;width:100%;display:none;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0b0b23;box-shadow:0 22px 50px rgba(4,4,18,.35)}.m2-primary-nav.is-open{display:block}.m2-primary-nav ul{align-items:flex-start;flex-direction:column}.m2-menu-toggle{display:block}.m2-header-cta{display:none}.m2-card-row>.elementor-container{grid-template-columns:1fr 1fr}.m2-card-row>.elementor-container>.elementor-column:last-child:nth-child(odd){grid-column:1/-1}.m2-footer-grid{grid-template-columns:1fr 1fr}.m2-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:782px){.admin-bar .m2-site-header{top:56px}}
@media(max-width:620px){.m2-container,.m2-site-header,.m2-section>.elementor-container,.m2-hero>.elementor-container,.m2-inner-hero>.elementor-container,.m2-cta>.elementor-container{width:min(100% - 30px,var(--m2-max))}.m2-site-header{top:10px;height:64px;padding-inline:14px;border-radius:14px}.admin-bar .m2-site-header{top:56px}.m2-brand{font-size:11px}.m2-hero{min-height:760px;background-position:62% center}.m2-hero .elementor-heading-title{font-size:48px!important}.m2-hero .elementor-widget-text-editor{font-size:16px}.m2-section{padding:78px 0}.m2-card-row>.elementor-container,.m2-stat-row>.elementor-container{grid-template-columns:1fr}.m2-card-row>.elementor-container>.elementor-column:last-child:nth-child(odd){grid-column:auto}.m2-inner-hero{min-height:560px}.m2-inner-hero>.elementor-container{padding:160px 0 70px}.m2-inner-hero .elementor-heading-title{font-size:48px!important}.m2-footer-grid{grid-template-columns:1fr;gap:38px}.m2-footer-grid>div:first-child{grid-column:auto}.m2-footer-bottom{flex-direction:column}}