/* HEXA TECH | Premium visual layer
   Enhances the existing template without replacing its sections, assets or animations. */
:root{
  --hexa-ink:#10243e;
  --hexa-navy:#0b1d35;
  --hexa-blue:#2677c9;
  --hexa-cyan:#22b8cf;
  --hexa-line:rgba(16,36,62,.10);
  --hexa-shadow:0 18px 48px rgba(9,29,53,.10);
  --hexa-radius:18px;
}
html{scroll-behavior:smooth}
body{color:var(--hexa-ink);-webkit-font-smoothing:antialiased}
::selection{background:rgba(38,119,201,.18);color:var(--hexa-navy)}
/* Header: preserve original navigation and logo, refine its surface */
.th-header .menu-area{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,36,62,.07);box-shadow:0 8px 30px rgba(9,29,53,.045)}
.th-header .header-logo img{transition:transform .25s ease}
.th-header .header-logo a:hover img{transform:translateY(-2px)}
.main-menu ul li>a{transition:color .2s ease,opacity .2s ease}
.main-menu ul li>a:hover{color:var(--hexa-blue)}
.main-menu ul.sub-menu{border:1px solid var(--hexa-line);border-radius:13px;box-shadow:var(--hexa-shadow);overflow:hidden;padding:9px}
.main-menu ul.sub-menu li a{border-radius:8px;padding:10px 14px}
/* Buttons: contemporary blue gradient, same button dimensions and placement */
.th-btn{border-radius:999px;box-shadow:0 8px 20px rgba(38,119,201,.16);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.th-btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(38,119,201,.24);filter:saturate(1.08)}
/* Homepage hero: keep original slides and backgrounds, add legibility and depth */
.th-hero-wrapper.hero-1 .hero-inner{isolation:isolate}
.th-hero-wrapper.hero-1 .th-hero-bg{filter:saturate(1.04)}
.th-hero-wrapper.hero-1 .hero-inner:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,19,38,.78) 0%,rgba(5,19,38,.40) 58%,rgba(5,19,38,.12) 100%)}
.th-hero-wrapper.hero-1 .hero-inner>.container{position:relative;z-index:1}
.th-hero-wrapper .hero-title{text-shadow:0 8px 32px rgba(0,0,0,.22);letter-spacing:-.035em}
.th-hero-wrapper .hero-text{max-width:660px;line-height:1.85}
/* Section headings */
.sec-title{letter-spacing:-.025em}
.sec-title .sub-title,.sec-title .sub-title:before{color:var(--hexa-blue)}
/* Service/project cards: preserve markup, imagery and hover effects */
.case-box,.service-card,.service-box,.project-card{border-radius:var(--hexa-radius);overflow:hidden}
.case-box{background:#fff;box-shadow:0 10px 34px rgba(10,31,55,.075);transition:transform .28s ease,box-shadow .28s ease}
.case-box:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(10,31,55,.14)}
.case-box .case-img{overflow:hidden}
.case-box .case-img img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.case-box:hover .case-img img{transform:scale(1.045)}
.case-box .case-content{background:linear-gradient(180deg,rgba(9,27,49,.02),rgba(9,27,49,.06))}
/* Inner pages and contact areas */
.breadcumb-wrapper{position:relative;isolation:isolate}
.breadcumb-wrapper:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,rgba(8,26,48,.24),rgba(38,119,201,.08))}
input:not([type=checkbox]):not([type=radio]),textarea,select{border-radius:10px}
input:focus,textarea:focus,select:focus{outline:0;box-shadow:0 0 0 3px rgba(38,119,201,.13)}
/* Footer */
.footer-wrapper{position:relative;overflow:hidden}
.footer-wrapper .th-social a{transition:transform .2s ease,background .2s ease}
.footer-wrapper .th-social a:hover{transform:translateY(-3px)}
/* Mobile spacing and accessibility */
@media(max-width:767.98px){
 .th-hero-wrapper.hero-1 .hero-inner:after{background:linear-gradient(90deg,rgba(5,19,38,.72),rgba(5,19,38,.34))}
 .th-hero-wrapper .hero-title{letter-spacing:-.02em}
 .case-box{border-radius:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
