/* Adimsira final polish layer - preserves the original design while tightening production details. */
:root{--polish-shadow:0 18px 50px rgba(7,27,48,.10);--polish-shadow-sm:0 8px 24px rgba(7,27,48,.10);--polish-radius:10px;}
html{scroll-padding-top:88px;}
body{font-family:'Poppins',sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;} h1,h2,h3,h4,h5,h6,nav a,.btn,.hero-stat .num,.brand,.hero-caps,.sol-flow,.sol-tab .n,.dash-cell .val,.why-row .num,.tech-group .names,.esg-col .letter,.wwd-card .n,.strength-row .num{font-family:'Poppins',sans-serif!important;}
img{image-rendering:auto;}

/* Brand / navigation */
.brand{flex:0 0 auto; min-width:0;}
.brand img{display:block!important;width:clamp(225px,22vw,260px)!important;height:auto!important;max-height:60px!important;object-fit:contain!important;}
header{background:var(--navy-deep)!important;backdrop-filter:saturate(120%) blur(8px);-webkit-backdrop-filter:saturate(120%) blur(8px);box-shadow:0 1px 0 rgba(255,255,255,.08);}
header.scrolled{background:rgba(7,27,48,.92)!important;backdrop-filter:saturate(120%) blur(8px);-webkit-backdrop-filter:saturate(120%) blur(8px);}
nav.links a, nav a{color:#fff!important;transition:color .2s ease,opacity .2s ease;}
nav.links a:hover{color:var(--orange)!important;}
/* Homepage: let the hero carry the navigation for a full-bleed, immersive first screen. */
.home-hero-header{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.home-hero-header.scrolled{background:rgba(7,27,48,.92)!important;box-shadow:0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
.navcta{min-width:0;}
.social-links a,.icon-row a,.foot-social a{transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;}
/* Recognisable platform colours: WhatsApp green, Instagram gradient, TikTok black. */
.social-links a,.mobile-menu .mobile-social a,.foot-social a{border:0!important;color:#fff!important;}
.social-links a:nth-child(1),.mobile-menu .mobile-social a:nth-child(1),.foot-social a:nth-child(1){background:#25D366!important;}
.social-links a:nth-child(2),.mobile-menu .mobile-social a:nth-child(2),.foot-social a:nth-child(2){background:linear-gradient(135deg,#F58529 0%,#DD2A7B 48%,#8134AF 75%,#515BD4 100%)!important;}
.social-links a:nth-child(3),.mobile-menu .mobile-social a:nth-child(3),.foot-social a:nth-child(3){background:#111!important;}
.social-links a:hover,.icon-row a:hover,.foot-social a:hover,.mobile-menu .mobile-social a:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 7px 18px rgba(0,0,0,.18);}
.social-links svg,.foot-social svg,.mobile-menu .mobile-social svg{width:17px;height:17px;display:block;}

/* Buttons */
.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease!important;}
.btn:hover{transform:translateY(-2px);}
.btn-primary:hover,.btn-dark:hover{box-shadow:0 10px 24px rgba(7,27,48,.18);}
.btn-outline:hover{box-shadow:0 8px 20px rgba(0,0,0,.14);}

/* Hero */
.hero-media img{transform-origin:center center;}
.hero-overlay{backdrop-filter:saturate(105%);}
.hero-content{animation:heroContentIn .8s ease both;}
@keyframes heroContentIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Cards and media */
.proj-card,.wwd-card,.advantage-card,.rel-card,.tech-group,.tool-card,.industry-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;}
.proj-card:hover,.wwd-card:hover,.advantage-card:hover,.rel-card:hover,.tool-card:hover,.industry-card:hover{transform:translateY(-4px);box-shadow:var(--polish-shadow-sm);z-index:2;position:relative;}
.proj-card .thumb,.p-thumb,.p-gallery img{background:#e9edf2;}
.proj-card .thumb img,.p-thumb img,.p-gallery img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .35s ease;}
.proj-card:hover .thumb img,.p-gallery a:hover img{transform:scale(1.035);filter:saturate(1.03);}

/* Forms */
.field input:focus,.field select:focus,.field textarea:focus,.search-box input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,95,168,.10);}
.modal{box-shadow:0 24px 80px rgba(0,0,0,.24);border-radius:12px;}

/* Floating WhatsApp */
.wa-float{transition:transform .2s ease,box-shadow .2s ease;}
.wa-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 28px rgba(37,211,102,.28);}

/* Reveal-on-scroll */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease;}
.reveal.is-visible{opacity:1;transform:none;}

/* Mobile navigation */
.mobile-menu{position:fixed;top:0;left:0;right:0;z-index:95;background:rgba(7,27,48,.985);padding:92px 24px 24px;transform:translateY(-110%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .25s ease,visibility .3s ease;box-shadow:0 20px 50px rgba(0,0,0,.22);}
.mobile-menu.open{transform:none;opacity:1;visibility:visible;}
.mobile-menu-inner{max-width:1180px;margin:0 auto;display:grid;gap:4px;}
.mobile-menu a,.mobile-menu button{display:block;color:#fff;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.10);font-size:15px;font-weight:600;background:none;border:0;text-align:left;width:100%;cursor:pointer;}
.mobile-menu .mobile-social{display:flex;gap:10px;border-bottom:0;padding-top:18px;}
.mobile-menu .mobile-social a{border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer;position:relative;z-index:110;padding:6px 2px;}
.menu-toggle.is-open{font-size:0;}
.menu-toggle.is-open:after{content:'×';font-size:28px;line-height:1;}

/* Consistent mobile spacing */
@media (min-width:861px) and (max-width:1120px){nav.links{gap:16px;font-size:13px}.brand img{width:215px!important;}.social-links{gap:6px}.social-links a{width:29px;height:29px;}}
@media (max-width:860px){
  .menu-toggle{display:block;color:#fff!important;}
  nav.links{display:none!important;}
  .navrow > nav{display:none!important;}
  .wrap{padding-left:20px;padding-right:20px;}
  .brand img{width:195px!important;max-height:52px!important;}
  .hero-content{padding-bottom:40px;}
  .hero-content h1{max-width:16ch;}
  .hero-caps span{margin-bottom:8px;}
  .foot-grid{gap:28px;}
}
@media (max-width:600px){
  .brand img{width:178px!important;max-height:48px!important;}
  .btn{width:100%;justify-content:center;}
  .hero-ctas{width:100%;}
  .hero-stats{gap:18px 22px!important;}
  .hero-stat .num{font-size:21px!important;}
  .modal{padding:30px 22px!important;border-radius:10px;}
  .wa-float{width:50px;height:50px;right:16px;bottom:16px;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
  .reveal{opacity:1;transform:none;}
}
