/* MANGALAM ENTERPRISES V10 — refined industrial B2B design system */
:root{
  --v10-black:#050505;--v10-black2:#090909;--v10-panel:#101010;--v10-panel2:#151515;
  --v10-gold:#d8ad3d;--v10-gold2:#f2cf72;--v10-cream:#f5f1e8;--v10-muted:#9b978e;
  --v10-line:rgba(255,255,255,.09);--v10-gline:rgba(216,173,61,.22);
}
html{scroll-behavior:smooth}
body{background:var(--v10-black);color:var(--v10-cream);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
/* Header */
.site-header{height:112px!important;background:rgba(4,4,4,.82)!important;border-bottom:1px solid rgba(216,173,61,.16)!important;backdrop-filter:blur(20px);box-shadow:0 14px 50px rgba(0,0,0,.34)!important}
.site-header:after{height:2px!important;background:linear-gradient(90deg,transparent 5%,rgba(216,173,61,.25),var(--v10-gold2),rgba(216,173,61,.25),transparent 95%)!important;opacity:.55!important}
.site-header .nav{min-height:112px!important;gap:22px!important}
.site-header .brand{min-width:330px!important;height:88px;padding:5px 15px 5px 8px!important;gap:13px!important;border:1px solid rgba(216,173,61,.30)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(216,173,61,.11),rgba(255,255,255,.025) 55%,rgba(0,0,0,.18))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 38px rgba(0,0,0,.32)!important}
.site-header .brand:after{content:"";position:absolute;inset:0;border-radius:22px;background:linear-gradient(100deg,transparent 15%,rgba(246,213,121,.10) 50%,transparent 85%);transform:translateX(-120%);transition:transform .8s ease;pointer-events:none}
.site-header .brand:hover:after{transform:translateX(120%)}
.site-header .brand img{width:138px!important;height:82px!important;flex:0 0 138px!important;object-fit:contain!important;filter:drop-shadow(0 0 16px rgba(242,207,114,.24))!important;transition:filter .35s ease,transform .35s ease!important}
.site-header .brand:hover img{transform:scale(1.018)!important;filter:drop-shadow(0 0 28px rgba(242,207,114,.42))!important}
.site-header .brand-name{font-family:"Space Grotesk",Inter,sans-serif!important;font-size:1.03rem!important;letter-spacing:.08em!important;font-weight:800!important;white-space:nowrap}
.site-header .brand-tagline{font-size:.66rem!important;letter-spacing:.16em!important;color:#dfc77f!important}
.nav-links{gap:3px!important}
.nav-links a{font-family:"Space Grotesk",Inter,sans-serif!important;font-size:.77rem!important;letter-spacing:.045em!important;text-transform:uppercase;padding:12px 12px!important;color:#aaa69e!important}
.nav-links a:hover,.nav-links a.active{color:#fff!important;background:rgba(216,173,61,.07)!important}
.nav-links a:after{height:1px!important;background:linear-gradient(90deg,var(--v10-gold),var(--v10-gold2))!important}
/* Buttons */
.btn{font-family:"Space Grotesk",Inter,sans-serif!important;letter-spacing:.035em!important;border-radius:12px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease!important}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.32),0 0 0 1px rgba(216,173,61,.10)}
/* Section rhythm */
.section{position:relative;padding:112px 0!important}
.section-head{margin-bottom:52px!important}
.eyebrow{font-family:"Space Grotesk",Inter,sans-serif!important;letter-spacing:.17em!important;font-size:.68rem!important;color:#cdb46d!important}
.section-head h2,.about-title,.lead-title{font-family:"Space Grotesk",Inter,sans-serif!important;letter-spacing:-.045em!important}
.section-head h2{font-size:clamp(2.25rem,4.2vw,4.25rem)!important;line-height:.98!important}
.section-head h2 span,.section-head h2 em{color:var(--v10-gold2)}
/* Hero */
.home-hero{background:#000!important;border-bottom:1px solid rgba(216,173,61,.10);padding-top:0}
.banner-slider{border:0!important;box-shadow:0 28px 90px rgba(0,0,0,.45)!important}
.hero-bottom-bar{background:linear-gradient(to top,rgba(0,0,0,.62),transparent)!important}
.hero-status{font-family:"Space Grotesk",Inter,sans-serif!important;letter-spacing:.1em}
/* Solution ribbon */
.solution-ribbon{border-block:1px solid rgba(216,173,61,.13)!important;background:linear-gradient(180deg,#0a0a0a,#070707)!important}
.ribbon-grid{gap:0!important}
.ribbon-grid>div{padding-right:28px}
.ribbon-grid a{padding:24px 20px!important;border-left:1px solid rgba(255,255,255,.07);font-family:"Space Grotesk",Inter,sans-serif!important;font-size:.76rem!important;text-transform:uppercase;letter-spacing:.05em;color:#bcb7ad!important;transition:background .25s ease,color .25s ease}
.ribbon-grid a:hover{background:rgba(216,173,61,.055);color:#fff!important}
.ribbon-grid a span{color:var(--v10-gold);font-size:.62rem}
/* Solution cards */
.service-grid{gap:18px!important}
.solution-card{border:1px solid rgba(255,255,255,.085)!important;background:linear-gradient(145deg,#111,#090909)!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 18px 50px rgba(0,0,0,.25)!important;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease!important}
.solution-card:hover{transform:translateY(-7px)!important;border-color:rgba(216,173,61,.42)!important;box-shadow:0 30px 70px rgba(0,0,0,.40),0 0 0 1px rgba(216,173,61,.08)!important}
.service-img{height:285px!important;background:#f2f1ed!important;overflow:hidden!important}
.service-img img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease!important}
.solution-card:hover .service-img img{transform:scale(1.025)!important;filter:saturate(1.04) contrast(1.02)!important}
.solution-number{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(4,4,4,.78)!important;border:1px solid rgba(216,173,61,.38)!important;color:var(--v10-gold2)!important;font-family:"Space Grotesk",Inter,sans-serif!important;backdrop-filter:blur(10px)}
.service-body{padding:27px!important}
.service-body h3{font-family:"Space Grotesk",Inter,sans-serif!important;font-size:1.42rem!important;letter-spacing:-.02em}
.solution-meta{font-family:"Space Grotesk",Inter,sans-serif!important}
.service-link{color:#e7d28d!important}
/* About */
.home-about-section{background:linear-gradient(180deg,#090909,#060606)!important}
.home-about-visual{border-radius:24px!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.38)}
.home-about-visual img{transition:transform .8s ease,filter .5s ease}
.home-about-visual:hover img{transform:scale(1.025);filter:saturate(1.05)}
.visual-tag{background:rgba(4,4,4,.82)!important;border-top:1px solid rgba(216,173,61,.25)!important}
.check-list li:before{color:var(--v10-gold2)!important}
/* Features */
.feature-strip{border:1px solid rgba(216,173,61,.16)!important;border-radius:22px!important;background:linear-gradient(120deg,rgba(216,173,61,.055),rgba(255,255,255,.018))!important;overflow:hidden}
.feature{padding:25px 28px!important;border-right:1px solid rgba(255,255,255,.07)}
.feature strong{font-family:"Space Grotesk",Inter,sans-serif!important}
/* Logos */
.home-brands-section,.home-clients-section{background:#070707!important}
.logo-marquee{border-block:1px solid rgba(255,255,255,.06)!important;background:#0a0a0a!important;padding:16px 0!important}
.logo-pill{background:#f4f2ed!important;border:1px solid rgba(216,173,61,.10)!important;border-radius:14px!important;box-shadow:0 10px 26px rgba(0,0,0,.22)!important;transition:transform .25s ease,box-shadow .25s ease!important}
.logo-pill:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.32)!important}
/* Certificates */
.certificate-card{border:1px solid rgba(255,255,255,.09)!important;border-radius:20px!important;background:#0d0d0d!important;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important}
.certificate-card:hover{transform:translateY(-5px);border-color:rgba(216,173,61,.35);box-shadow:0 24px 50px rgba(0,0,0,.35)}
/* CTA */
.home-cta{position:relative;background:radial-gradient(circle at 75% 50%,rgba(216,173,61,.10),transparent 30%),linear-gradient(135deg,#111,#050505)!important;border-top:1px solid rgba(216,173,61,.17)!important}
.lead-title span{color:var(--v10-gold2)!important}
/* Category pages */
.category-hero-v2,.page-hero{background:radial-gradient(circle at 85% 15%,rgba(216,173,61,.09),transparent 26%),linear-gradient(180deg,#0a0a0a,#050505)!important;border-bottom:1px solid rgba(216,173,61,.11)!important}
.category-hero-copy h1,.page-hero h1{font-family:"Space Grotesk",Inter,sans-serif!important;letter-spacing:-.055em!important}
.category-hero-copy h1 span{color:var(--v10-gold2)!important}
.category-hero-visual,.hero-image-main,.hero-image-secondary{border-color:rgba(216,173,61,.18)!important;box-shadow:0 25px 65px rgba(0,0,0,.36)!important}
.category-copy-panel,.category-service-intro{border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(145deg,#111,#090909)!important;border-radius:22px!important}
.category-service-card,.product-card,.info-card{border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(145deg,#111,#090909)!important;border-radius:18px!important;box-shadow:0 15px 45px rgba(0,0,0,.24)!important;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important}
.category-service-card:hover,.product-card:hover,.info-card:hover{transform:translateY(-5px);border-color:rgba(216,173,61,.34)!important;box-shadow:0 25px 55px rgba(0,0,0,.36)!important}
.product-card{overflow:hidden}
.product-img{background:#f2f1ed!important;min-height:240px!important}
.product-img img{transition:none!important;transform:none!important}
.product-card:hover .product-img img{transform:none!important}
.product-body h3,.category-service-card h3,.info-card h3{font-family:"Space Grotesk",Inter,sans-serif!important}
/* Contact */
.contact-card{border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(145deg,#111,#090909)!important;border-radius:20px!important;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important}
.contact-card:hover{transform:translateY(-5px);border-color:rgba(216,173,61,.42)!important;box-shadow:0 24px 55px rgba(0,0,0,.35)!important}
.enquiry-form{border:1px solid rgba(216,173,61,.18)!important;background:linear-gradient(145deg,#111,#090909)!important;border-radius:24px!important;box-shadow:0 28px 75px rgba(0,0,0,.35)!important}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{background:#080808!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important;border-radius:12px!important}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:rgba(216,173,61,.60)!important;box-shadow:0 0 0 3px rgba(216,173,61,.08)!important;outline:0}
/* Footer */
.footer{border-top:1px solid rgba(216,173,61,.14)!important;background:#030303!important}
.footer-logo{max-width:180px!important}
.footer h4{font-family:"Space Grotesk",Inter,sans-serif!important;color:#e7d28d!important}
/* Right contact dock */
.m8-contact-dock{right:16px!important;padding:7px!important;border-color:rgba(216,173,61,.20)!important;background:rgba(7,7,7,.84)!important;box-shadow:0 22px 55px rgba(0,0,0,.42)!important}
.m8-contact-btn{width:50px!important;height:50px!important;border-radius:15px!important}
/* Cursor: refined technical reticle */
@media (pointer:fine) and (min-width:761px){
 body,button,a,input,select,textarea{cursor:none}
 .m8-cursor-dot{width:5px!important;height:5px!important;background:#f6d77f!important;box-shadow:0 0 10px rgba(246,215,127,.75)!important}
 .m8-cursor-ring{width:28px!important;height:28px!important;border-color:rgba(242,207,114,.55)!important}
 .m8-cursor-ring:before{inset:6px!important;border-color:rgba(255,255,255,.28)!important}
 .m8-cursor-ring:after{inset:-6px!important;border-color:rgba(216,173,61,.22)!important}
 .m8-cursor-orbit{width:44px!important;height:44px!important;border-color:rgba(216,173,61,.16)!important}
 body.m8-pointer .m8-cursor-ring{width:40px!important;height:40px!important;border-color:#f2cf72!important;background:rgba(216,173,61,.035)!important}
}
/* Admin visual polish */
.admin-header{background:rgba(4,4,4,.94)!important;border-bottom:1px solid rgba(216,173,61,.18)!important}
.admin-card,.admin-panel,.admin-section{border-color:rgba(255,255,255,.09)!important;border-radius:18px!important;background:linear-gradient(145deg,#111,#090909)!important}
.admin-card h2,.admin-card h3{font-family:"Space Grotesk",Inter,sans-serif!important}
/* Responsive */
@media(max-width:1200px){.site-header .brand{min-width:285px!important}.site-header .brand img{width:112px!important;height:76px!important;flex-basis:112px!important}.nav-links a{padding-inline:8px!important;font-size:.70rem!important}}
@media(max-width:760px){
 .site-header{height:82px!important}.site-header .nav{min-height:82px!important}.site-header .brand{height:66px!important;min-width:0!important;padding:3px 7px!important;border-radius:16px!important}.site-header .brand img{width:100px!important;height:60px!important;flex-basis:100px!important}.site-header .brand-name,.site-header .brand-tagline{display:none!important}
 .section{padding:78px 0!important}.section-head{margin-bottom:34px!important}.section-head h2{font-size:clamp(2rem,10vw,3.1rem)!important}.ribbon-grid{display:none!important}.m8-contact-dock{right:9px!important;bottom:16px!important;top:auto!important;transform:none!important}.m8-contact-btn{width:45px!important;height:45px!important}
 .service-img{height:230px!important}.solution-card:hover{transform:none!important}.contact-card:hover,.category-service-card:hover,.product-card:hover{transform:none!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}