/* MANGALAM ENTERPRISES — PROFESSIONAL V2 VISUAL SYSTEM */
:root{--black:#050505;--graphite:#0d0e10;--panel:#121315;--gold:#d9aa3d;--gold-hi:#f5d97d;--red:#e3342f;--orange:#f08a24;--teal:#20a99b;--white:#f5f3ed;--muted:#9b9a94;--line:rgba(255,255,255,.09);--glow:rgba(217,170,61,.18)}
body{background:var(--black);color:var(--white);overflow-x:hidden}
body:before{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:72px 72px!important;opacity:.35!important}
.site-header{height:82px!important;background:rgba(5,5,5,.88)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,170,61,.16)!important}
.brand img{width:48px!important;height:48px!important;object-fit:contain}.brand strong{font-size:1rem}.nav-links a{font-weight:700!important;letter-spacing:.02em}
.btn{border-radius:12px!important;font-weight:800!important;letter-spacing:.01em}.btn:hover{transform:translateY(-2px)}
/* home */
.home-hero{height:auto!important;min-height:0!important;background:#000!important;position:relative}.banner-slider{position:relative!important;inset:auto!important;width:100%;height:auto!important;aspect-ratio:16/9;max-height:calc(100vh - 82px);background:#000;overflow:hidden}.banner-slide{inset:0!important;transform:scale(1.035)!important;transition:opacity 1.15s cubic-bezier(.2,.7,.2,1),transform 4s cubic-bezier(.2,.7,.2,1),visibility 1.15s!important}.banner-slide.is-active{transform:scale(1)!important}.banner-slide img{width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important}.hero-vignette{background:linear-gradient(180deg,transparent 72%,rgba(0,0,0,.55))!important}.hero-bottom-bar{bottom:0!important;padding:0 32px 18px!important;background:none!important}.hero-status{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px;color:#fff}.hero-status i{width:120px!important;height:2px!important;background:rgba(255,255,255,.16)!important;position:relative!important;overflow:hidden!important;box-shadow:none!important}.hero-status i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--gold),var(--gold-hi));transform-origin:left}.hero-status i{animation:none}.hero-status i:after{animation:heroProgress 4s linear infinite}.hero-caption{display:none!important}@keyframes heroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.solution-ribbon{background:linear-gradient(90deg,#090909,#101010,#090909)!important;border-block:1px solid rgba(217,170,61,.18)!important}.ribbon-grid{gap:0!important}.ribbon-grid>a{position:relative;transition:.35s ease}.ribbon-grid>a:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gold);transition:.35s}.ribbon-grid>a:hover:before{width:100%}
.home-services-section{background:radial-gradient(circle at 50% 0,rgba(217,170,61,.09),transparent 32%),#050505!important}.home-section-head{max-width:1200px}.service-grid{grid-template-columns:repeat(12,1fr)!important;gap:18px!important}.solution-card{grid-column:span 4;position:relative;overflow:hidden;border-radius:22px!important;background:linear-gradient(145deg,#151618,#090a0b)!important;border:1px solid rgba(255,255,255,.08)!important;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s}.solution-card:nth-child(4),.solution-card:nth-child(5){grid-column:span 6}.solution-card:hover{transform:translateY(-10px)!important;border-color:rgba(217,170,61,.48)!important;box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 0 1px rgba(217,170,61,.08)}.service-img{height:280px!important;position:relative;background:#0a0a0a!important}.service-img img{width:100%;height:100%;object-fit:cover!important;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.solution-card:hover .service-img img{transform:scale(1.06);filter:saturate(1.1) contrast(1.05)}.solution-card-1 .service-img img{object-position:center 50%}.solution-card-2 .service-img img{object-position:center 50%}.solution-card-3 .service-img img{object-position:center 55%}.solution-number{position:absolute;top:18px;left:18px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.68);border:1px solid rgba(255,255,255,.16);font:800 .75rem 'Space Grotesk';z-index:2}.solution-glow{position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}.solution-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.solution-meta>span:last-child{font-size:.58rem;font-weight:800;letter-spacing:.16em;color:#777}.service-body{padding:27px!important}.service-body h3{font-size:1.55rem!important;line-height:1.05;margin-bottom:10px}.service-body p{min-height:62px}.service-link{display:inline-flex;align-items:center;gap:8px;color:var(--gold-hi)!important;font-weight:800}.service-link b{transition:.25s}.solution-card:hover .service-link b{transform:translateX(5px)}
.home-about-section{background:linear-gradient(135deg,#0a0b0c,#050505 65%,#0e0c07)!important}.home-about-grid{align-items:stretch}.home-about-visual{min-height:500px!important}.home-about-copy{padding:12px 0}.feature-strip{border-radius:18px!important;overflow:hidden}.home-brands-section,.home-clients-section{background:#050505!important}.logo-marquee{background:linear-gradient(90deg,#0a0a0a,#121212,#0a0a0a)!important;border-block:1px solid rgba(217,170,61,.11)!important}.logo-pill{border-radius:13px!important;transition:.35s}.logo-pill:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,0,.4),0 0 0 1px rgba(217,170,61,.3)}
.certificate-open{border-radius:18px!important}.certificate-image img{transition:transform .5s}.certificate-open:hover .certificate-image img{transform:scale(1.025)}
/* category pages */
.category-hero-v2{position:relative;padding:76px 0 70px;background:radial-gradient(circle at 85% 15%,rgba(217,170,61,.13),transparent 28%),radial-gradient(circle at 15% 80%,rgba(255,255,255,.035),transparent 26%),#050505;border-bottom:1px solid rgba(217,170,61,.14);overflow:hidden}.category-hero-v2:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 55%,rgba(217,170,61,.035) 70%,transparent 100%)}.category-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;z-index:1}.category-hero-copy{padding:10px 0}.hero-index{margin:12px 0 22px;font:800 .62rem/1 Inter,sans-serif;letter-spacing:.22em;color:#666}.hero-index b{color:var(--gold-hi)}.category-hero-copy h1{font-size:clamp(3rem,6vw,6.2rem)!important;line-height:.93!important;letter-spacing:-.065em!important;margin:0 0 20px!important}.category-hero-copy .category-subtitle{font-size:1.15rem;color:#e8dfc8!important;max-width:680px}.category-hero-copy .category-intro{max-width:720px;font-size:1rem}.category-hero-visual{min-height:520px;position:relative}.hero-image-main{height:100%;min-height:520px;border-radius:28px;overflow:hidden;background:#0b0b0b;border:1px solid rgba(217,170,61,.16);box-shadow:0 35px 100px rgba(0,0,0,.48)}.hero-image-main img{width:100%;height:100%;object-fit:contain;object-position:center;background:#0a0a0a;transition:transform .8s}.category-hero-visual:hover .hero-image-main img{transform:scale(1.025)}.hero-image-secondary{position:absolute;right:-34px;bottom:-32px;width:210px;height:170px;border-radius:20px;overflow:hidden;border:1px solid rgba(217,170,61,.4);background:#f0eee8;box-shadow:0 22px 60px rgba(0,0,0,.5);transform:rotate(3deg);transition:.5s}.hero-image-secondary img{width:100%;height:100%;object-fit:contain}.category-hero-visual:hover .hero-image-secondary{transform:rotate(0) translateY(-8px)}.hero-image-label{position:absolute;left:22px;bottom:22px;padding:11px 13px;border-radius:999px;background:rgba(4,4,4,.8);backdrop-filter:blur(12px);border:1px solid rgba(217,170,61,.28);font:800 .6rem/1 Inter;letter-spacing:.15em;color:#d7d3c7}.hero-image-label span{color:var(--gold-hi);margin-left:12px}.category-intro-section{background:#08090a}.category-split{align-items:stretch}.category-copy-panel{padding:38px;border-radius:24px;background:linear-gradient(145deg,#131416,#0a0b0c);border:1px solid rgba(255,255,255,.08)}.category-copy-panel h2{font-size:clamp(2rem,3.5vw,3.3rem)!important;line-height:1!important}.category-copy-panel .check-list{margin-top:28px}.category-copy-panel .check-list li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.category-service-intro{padding:42px;border-radius:24px;background:linear-gradient(135deg,rgba(217,170,61,.11),rgba(255,255,255,.025));border:1px solid rgba(217,170,61,.18);display:flex;flex-direction:column;justify-content:center}.service-intro-line{display:flex;justify-content:space-between;font:800 .62rem Inter;letter-spacing:.18em;color:var(--gold-hi);margin-bottom:22px}.category-service-intro h3{font-size:2.4rem;line-height:1.05}.category-services-section{background:#050505}.category-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-service-card{position:relative;min-height:220px;padding:28px;border-radius:18px;background:linear-gradient(145deg,#151618,#0a0b0c);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:.4s}.category-service-card:after{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:linear-gradient(var(--gold),var(--gold-hi));transition:.45s}.category-service-card:hover{transform:translateY(-8px);border-color:rgba(217,170,61,.42);box-shadow:0 25px 60px rgba(0,0,0,.4)}.category-service-card:hover:after{height:100%}.category-service-card>span{font:800 .6rem Inter;letter-spacing:.18em;color:var(--gold);}.category-service-card h3{margin:14px 0 9px;font-size:1.4rem}.category-service-card p{font-size:.88rem}.category-service-card a{position:absolute;left:28px;bottom:25px;color:#eee;font-size:.78rem;font-weight:800}.products-section-v2{background:linear-gradient(180deg,#08090a,#050505)}.product-card{border-radius:20px!important;overflow:hidden;transition:.45s}.product-card:hover{transform:translateY(-8px)}.product-img{height:240px!important}.product-img img{transition:transform .6s}.product-card:hover .product-img img{transform:scale(1.05)}.category-final-cta{padding-top:40px;background:#050505}.category-final-cta .info-card{border-radius:26px!important;background:radial-gradient(circle at 80% 50%,rgba(217,170,61,.13),transparent 25%),linear-gradient(135deg,#12110e,#080808)!important}
/* gallery / clients / contact */
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.gallery-item{transition:.45s!important}.gallery-item:hover{transform:translateY(-8px) scale(1.01)}.contact-item,.form{border-radius:20px!important;transition:.35s}.contact-item:hover{transform:translateY(-4px)}.contact-icon{border-radius:14px!important}.customer-card{transition:.4s!important}.customer-card:hover{transform:translateY(-8px)!important}
/* responsive */
@media(max-width:1000px){.solution-card,.solution-card:nth-child(4),.solution-card:nth-child(5){grid-column:span 6}.category-hero-grid{grid-template-columns:1fr;gap:40px}.category-hero-visual{min-height:480px}.hero-image-main{min-height:480px}.category-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{height:72px!important}.banner-slider{aspect-ratio:16/9;max-height:none}.hero-bottom-bar{padding:0 14px 10px!important}.hero-status i{width:64px!important}.service-grid{grid-template-columns:1fr!important}.solution-card,.solution-card:nth-child(4),.solution-card:nth-child(5){grid-column:span 1}.service-img{height:230px!important}.category-hero-v2{padding:55px 0}.category-hero-copy h1{font-size:clamp(2.7rem,14vw,4.2rem)!important}.category-hero-visual,.hero-image-main{min-height:340px}.hero-image-secondary{width:140px;height:120px;right:-8px;bottom:-12px}.category-split{grid-template-columns:1fr!important}.category-copy-panel,.category-service-intro{padding:26px}.category-service-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr!important}}