/* MDN Digital v1.8 — Visitor selectable light/dark theme.
   This file is intentionally enqueued after all prior theme styles.
   Software screens and original project photographs remain unchanged. */
:root[data-mdn-theme="dark"]{color-scheme:dark;--mdn-ui-bg:#070809;--mdn-ui-surface:#111216;--mdn-ui-text:#fff;--mdn-ui-muted:#c2c2c4;--mdn-ui-line:#515259}
:root[data-mdn-theme="light"]{color-scheme:light;--bg:#f7f8fa;--panel:#fff;--line:#d9dce3;--fg:#16191f;--muted:#59616d;--page:#f7f8fa;--card:#fff;--stroke:#d5d8df;--white:#16191f;--mdn-ui-bg:#f7f8fa;--mdn-ui-surface:#fff;--mdn-ui-text:#171a22;--mdn-ui-muted:#59616d;--mdn-ui-line:#d8dce3}
/* Keep the switcher visible even when mobile navigation is folded. */
.mdn-theme-toggle{appearance:none;display:inline-flex;flex:0 0 auto;justify-content:center;align-items:center;gap:8px;min-width:86px;min-height:40px;padding:7px 13px;border:1px solid #737681;border-radius:50px;background:#1b1d23;color:#fff;font:700 13px/1.1 'Cairo',Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;direction:inherit}
.mdn-theme-toggle:hover{transform:translateY(-1px);border-color:currentColor}
.mdn-theme-toggle:focus-visible{outline:3px solid #999;outline-offset:3px}
.mdn-theme-toggle-icon,.mdn-theme-toggle-icon svg{display:block;width:19px;height:19px;flex-shrink:0}
:root[data-mdn-theme="dark"] .mdn-theme-icon-moon{display:none}
:root[data-mdn-theme="light"] .mdn-theme-icon-sun{display:none}
:root[data-mdn-theme="light"] .mdn-theme-toggle{background:#fff;border-color:#cbd0d9;color:#1c222a;box-shadow:0 3px 12px #27303c12}
@media(max-width:950px){.header .nav{gap:12px;justify-content:space-between}.header .brand{margin-inline-end:auto}.mdn-theme-toggle{min-width:44px;min-height:44px;padding:9px}.mdn-theme-toggle-text{display:none}}
@media(max-width:430px){.header .brand img{width:130px;height:auto;min-height:0}.mdn-theme-toggle{min-width:40px;min-height:40px}.header .nav{gap:9px}.mobile-toggle{flex:0 0 auto}}
/* Light theme — overarching canvas and textual hierarchy. */
:root[data-mdn-theme="light"] body{background:radial-gradient(ellipse at 50% 0%,#e4e9f0,transparent 45%),#f7f8fa;color:#171a22}
:root[data-mdn-theme="light"] :is(.sub,.eyebrow,.section-head .eyebrow,.mdn-hero-copy p,.mdn-inner-copy p,.mdn-service-copy p,.mdn-service-feature p,.mdn-contact-info-panel>p,.mdn-contact-bottom-content p){color:#4b5563}
:root[data-mdn-theme="light"] .header,
:root[data-mdn-theme="light"] .header.mdn-header--scrolled{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #d9dde3;box-shadow:0 7px 30px #151d2c16}
:root[data-mdn-theme="light"] .header .brand img{filter:brightness(0) drop-shadow(0 1px 1px #9995)}
:root[data-mdn-theme="light"] .header .menu a{color:#1b2028}
:root[data-mdn-theme="light"] .header .menu a:hover{color:#555e6a}
:root[data-mdn-theme="light"] .header .menu .btn{background:#14181f;color:#fff;border-color:#14181f}
:root[data-mdn-theme="light"] .header .lang{border-color:#b9bec8;color:#1e222a}
:root[data-mdn-theme="light"] .header .mobile-toggle{background:#fff;border-color:#bfc4ce;color:#16191f}
:root[data-mdn-theme="light"] .btn{background:linear-gradient(160deg,#252a33,#101216);border-color:#161a20;color:#fff}
:root[data-mdn-theme="light"] .btn.ghost{background:#fff;border-color:#b7bec8;color:#1e2530}
:root[data-mdn-theme="light"] .btn:hover{box-shadow:0 7px 20px #11192325}
/* Section and hero color schemes: lighter treatment keeps imagery intact. */
:root[data-mdn-theme="light"] :is(.hero,.mdn-home-hero,.mdn-inner-hero,.mdn-service-top){background:radial-gradient(ellipse at 16% 28%,#e7edf4 0,transparent 45%),radial-gradient(ellipse at 89% 74%,#e8ebef 0,transparent 52%),#f7f8fa;border-color:#c8cdd6}
:root[data-mdn-theme="light"] .mdn-home-hero:before{border-color:#adb4bf69;box-shadow:0 0 60px #c3c9d955}
:root[data-mdn-theme="light"] :is(.mdn-home-hero:after,.mdn-inner-hero:after){background:linear-gradient(0deg,#f7f8fa 0,transparent 32%)}
:root[data-mdn-theme="light"] :is(.mdn-hero-copy h1,.mdn-inner-copy h1,.mdn-service-copy h1){color:#111722;text-shadow:none}
:root[data-mdn-theme="light"] .mdn-hero-copy h1 span{color:#242c35;text-shadow:none}
:root[data-mdn-theme="light"] .mdn-hero-stats div{border-color:#aab2be}
:root[data-mdn-theme="light"] .mdn-hero-stats small{color:#5e6470}
:root[data-mdn-theme="light"] .section{color:#18202a}
:root[data-mdn-theme="light"] :is(.section.alt,.mdn-services-section,.mdn-contact-main,.mdn-contact-benefits,.mdn-contact-bottom){background:linear-gradient(150deg,#edf0f5,#f9fafb 75%);border-color:#dbe0e7}
:root[data-mdn-theme="light"] :is(.mdn-cta,.mdn-contact-hero){background:radial-gradient(ellipse at 72% 25%,#d7dee9,transparent 50%),linear-gradient(145deg,#f4f6f9,#dfe5ed)}
:root[data-mdn-theme="light"] .mdn-contact-hero:before{background:repeating-linear-gradient(135deg,transparent 0 96px,#151b220a 97px,transparent 99px)}
:root[data-mdn-theme="light"] .mdn-contact-hero-copy>p{color:#465260}
:root[data-mdn-theme="light"] .mdn-contact-perks{color:#252d37}
:root[data-mdn-theme="light"] .mdn-contact-perks span{background:#fff9;border-color:#c9ced8}
/* General cards, panels and modules. */
:root[data-mdn-theme="light"] :is(.card,.mdn-services-section .card,.mdn-project-grid .project,.mdn-visual-service-card,.mdn-business-card,.mdn-industry,.mdn-service-feature,.mdn-service-process>div,.step,.mdn-contact-benefits-grid>div,.mdn-contact-info-panel,.mdn-contact-form-panel,.form-wrap,.mdn-service-form,.mdn-service-gallery figure){background:linear-gradient(160deg,#fff,#f7f8fa)!important;border-color:#d4d8e0!important;color:#1b2029!important;box-shadow:0 13px 35px #121a2b0f,inset 0 1px #fff!important}
:root[data-mdn-theme="light"] :is(.card,.mdn-services-section .card,.mdn-business-card,.mdn-contact-benefits-grid>div,.mdn-service-feature,.mdn-service-form,.mdn-contact-form-panel) :is(h1,h2,h3,h4,h5,h6,strong,b,span,small){color:#1b2029}
:root[data-mdn-theme="light"] :is(.card p,.mdn-business-card p,.mdn-service-feature p,.mdn-contact-benefits-grid small,.mdn-contact-info-items a,.mdn-contact-info-items small,.mdn-contact-quote-note p,.mdn-service-gallery figcaption){color:#505966}
:root[data-mdn-theme="light"] :is(.card-link,.mdn-service-card-action,.project-info .meta,.project .meta){color:#364454}
:root[data-mdn-theme="light"] :is(.mdn-service-card-icon,.ico,.mdn-services-section .ico,.mdn-b-icon){background:#edf0f5;color:#1d2632;border-color:#c4cbd6;box-shadow:none}
:root[data-mdn-theme="light"] :is(.mdn-tags span,.mdn-industry,.chip,.mdn-contact-info-items>div,.mdn-contact-quote-note){background:#fff;color:#222932;border-color:#cbd0da;box-shadow:none}
:root[data-mdn-theme="light"] .chip.active{background:#19212b;color:#fff}
:root[data-mdn-theme="light"] .mdn-industry{border-color:#d4dae2!important}
:root[data-mdn-theme="light"] .mdn-industry i{color:#252d38}
:root[data-mdn-theme="light"] .mdn-project-grid .project-visual{border-color:#d8dde5}
:root[data-mdn-theme="light"] .project-browser{background:linear-gradient(#eef1f5,#dfe4eb)!important;border-color:#cbd3dc}
:root[data-mdn-theme="light"] .project-browser span{color:#404854}
:root[data-mdn-theme="light"] .project-visual{background:#e4e8ef}
:root[data-mdn-theme="light"] .project-visual img{background:#eef1f5}
:root[data-mdn-theme="light"] .project-visit{background:#1c2530;color:#fff}
:root[data-mdn-theme="light"] .mdn-service-card-visual{background:#e6eaf0}
:root[data-mdn-theme="light"] .mdn-service-card-label{color:#fff!important;background:#181c24cc;border-color:#ffffff66}
:root[data-mdn-theme="light"] .mdn-service-card-icon{color:#26313e!important}
:root[data-mdn-theme="light"] .mdn-service-card-action{text-decoration:none;border-color:#a4adb8}
:root[data-mdn-theme="light"] .mdn-float-card{background:#fff;color:#1b202a;border-color:#cbd2dc;box-shadow:0 7px 22px #2b364f21}
:root[data-mdn-theme="light"] .mdn-float-card small{color:#5d6673}
/* Keep mockup devices, embedded screenshots and generated previews in their original colors. */
:root[data-mdn-theme="light"] :is(.mdn-dashboard-art,.mdn-screen,.mdn-screen-main,.mdn-screen-mobile,.mdn-service-showcase,.mdn-showcase-item,.mdn-contact-visual){color:#fff}
:root[data-mdn-theme="light"] .mdn-service-showcase:before{border-color:#a0a6b3;box-shadow:0 0 50px #b1b9c533}
:root[data-mdn-theme="light"] .mdn-service-photo-hero{background:#f2f4f7!important;border-color:#cdd3dd!important;box-shadow:0 18px 40px #18233418!important}
:root[data-mdn-theme="light"] .mdn-service-gallery figure .mdn-service-photo{background:#fff}
:root[data-mdn-theme="light"] .mdn-service-image-caption{color:#fff}
/* Inputs, request/quote forms and bilingual labels. */
:root[data-mdn-theme="light"] :is(input,select,textarea,.mdn-service-form input,.mdn-service-form select,.mdn-service-form textarea,.mdn-contact-form-panel form input,.mdn-contact-form-panel form select,.mdn-contact-form-panel form textarea){background:#fff!important;border-color:#bac3d1!important;color:#1a222d!important}
:root[data-mdn-theme="light"] :is(input,textarea)::placeholder{color:#79818d}
:root[data-mdn-theme="light"] :is(input,select,textarea):focus-visible{outline:2px solid #65778d;outline-offset:1px}
:root[data-mdn-theme="light"] :is(.mdn-service-lead,.mdn-service-feature span,.mdn-service-process strong){color:#1d2530!important}
:root[data-mdn-theme="light"] .mdn-contact-info-items>div>span{color:#202936}
:root[data-mdn-theme="light"] .mdn-contact-bottom-content h2{color:#17212d}
:root[data-mdn-theme="light"] .notice{color:#1b2632;border-color:#9da8b6;background:#e8ecf2}
:root[data-mdn-theme="light"] .footer{background:#e7ebf1;border-top:1px solid #cfd6e0;color:#1e2631}
:root[data-mdn-theme="light"] .footer .brand img{filter:brightness(0)}
:root[data-mdn-theme="light"] .footer :is(p,small,a){color:#354151}
/* Contact forms may contain custom theme blocks. Apply coherent light panel styling. */
:root[data-mdn-theme="light"] .mdn-contact-benefits-grid :is(strong,small){color:#303b4a}
:root[data-mdn-theme="light"] .mdn-contact-info-panel :is(h2,h3,h4,strong){color:#202a38}
/* Mobile drawer and native select options */
@media(max-width:950px){:root[data-mdn-theme="light"] .header .menu{background:#fff;border-top:1px solid #d8dde5;box-shadow:0 18px 32px #16202c1b}}
@media(prefers-reduced-motion:no-preference){.mdn-theme-toggle,body,.header,.card,.mdn-business-card,.mdn-industry,.section.alt,.footer{transition:background-color .22s ease,color .22s ease,border-color .22s ease}}
@media(prefers-reduced-motion:reduce){.mdn-theme-toggle{transition:none}}

/* Splash screen also respects the selected light appearance. */
:root[data-mdn-theme="light"] .mdn-intro{background:radial-gradient(ellipse at 50% 45%,#e4e9f0 0%,#f7f8fa 70%);color:#151c26}
:root[data-mdn-theme="light"] .mdn-intro__logo{filter:brightness(0) drop-shadow(0 3px 7px #8792a03d)}
:root[data-mdn-theme="light"] .mdn-intro__tagline{color:#515b6b}
:root[data-mdn-theme="light"] .mdn-intro__orbit{border-color:#7b879759;box-shadow:0 0 30px #9eafc34d}
:root[data-mdn-theme="light"] .mdn-intro__progress{background:#c4cad5}
:root[data-mdn-theme="light"] .mdn-intro__progress i{background:linear-gradient(90deg,#c7ced8,#222a35)}
/* Theme-owned text widgets keep their contrast in both modes. */
:root[data-mdn-theme="light"] .mdn-wa-hint{background:#edf1f6;border-color:#cad2dc;color:#4d5a6b}
:root[data-mdn-theme="light"] .mdnc-v15 .mdn-wa-hint{color:#4d5a6b}

/* Fix a legacy full-bleed hero overlay so it cannot create a dark bar in light mode. */
:root[data-mdn-theme="light"] .mdn-home-hero::after,:root[data-mdn-theme="light"] .mdn-inner-hero::after{inset:auto 0 0!important;height:155px;background:linear-gradient(0deg,#f7f8fa 0,transparent 100%)!important;pointer-events:none}