/* TicNexa brand-aligned light redesign: blue/cyan with violet, pink and orange accents */
:root{--tn-deep:#0b2d69;--tn-ink:#123a7b;--tn-paper:#fff;--primary-color:#087cf0;--accent-color:#a52bdf;--dark-color:#123a7b}
html{scroll-behavior:smooth} body{background:#fff;color:#123a7b;font-family:'Cairo','Tajawal',sans-serif}
.page-loader{background:linear-gradient(135deg,#eaf8ff,#fff 55%,#f9edff)}.page-loader .loader-text{background:linear-gradient(90deg,#087cf0,#09c6df,#a52bdf,#ff4e79);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.navbar,.navbar.scrolled{background:rgba(255,255,255,.94);border-bottom:1px solid #e6efff;box-shadow:0 5px 24px rgba(17,75,150,.06);backdrop-filter:blur(18px)}
.nav-link{color:#123a7b}.nav-link:hover,.nav-link.active{color:#087cf0;background:#eaf5ff}.logo-title{background:linear-gradient(100deg,#0754bd,#06b9df);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-tagline{color:#51709f}
.btn-primary{background:linear-gradient(110deg,#0788f9,#00c3d7 55%,#a62fe5);color:#fff;box-shadow:0 10px 25px rgba(0,137,237,.2);border:0}.btn-primary:hover{background:linear-gradient(110deg,#0066d9,#00b3d1 55%,#9220d7)}.btn-outline{color:#087cf0;background:#fff;border:1px solid #178bf4}.btn-outline:hover{background:#eff8ff;color:#0754bd}
.hero{min-height:600px;padding:118px 0 64px;background:radial-gradient(ellipse at 9% 70%,rgba(0,199,225,.15),transparent 35%),radial-gradient(ellipse at 90% 22%,rgba(167,45,228,.10),transparent 30%),linear-gradient(115deg,#f2fbff 0%,#fff 52%,#fff8fd 100%);color:#123a7b}
.hero:before{opacity:.26;background-image:radial-gradient(rgba(0,145,245,.18) 1px,transparent 1px);background-size:25px 25px}.hero-bg-canvas,.hero-bg-grid{opacity:.03}.hero-badge{background:#e7f7ff;border:1px solid #c6eaff;color:#087cf0}.hero-badge .dot{background:#00bcd4;box-shadow:0 0 0 5px rgba(0,188,212,.12)}.hero-title{color:#123a7b}.hero-title .gradient-text{background:linear-gradient(105deg,#0754bd 0%,#009fe8 38%,#9b35df 70%,#ff4c78 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:#087cf0}.hero-desc{color:#47638d}.hero-stat{border-color:#b8e5ff}.hero-stat .num{color:#087cf0}.hero-stat .label{color:#627da5}.hero-scroll-cue{color:#087cf0}
.visual-glow{background:#13c9eb;opacity:.14}.visual-orbit{border-color:rgba(0,140,245,.20)}.dashboard-window{border:1px solid #d9e9ff;background:#fff;box-shadow:0 30px 75px rgba(27,91,165,.18);color:#123a7b}.dashboard-topbar{background:#f1f8ff;border-bottom-color:#dcecff;color:#52709d}.dashboard-rail{background:linear-gradient(180deg,#0869d8,#073c9d);color:#b9e9ff}.rail-brand{background:linear-gradient(135deg,#00d3d8,#087cf0);color:white}.metric-teal{background:#e1faff;color:#007caa}.metric-lilac{background:#f1e9ff;color:#7b38d2}.chart-card,.integration-card{background:#f5faff}.chart-art{border-color:#deebfb;background:repeating-linear-gradient(to bottom,transparent 0,transparent 19px,#e5effb 20px)}.metric-bars i{background:linear-gradient(#00c8dc,#0789f5)}.metric-bars i:nth-child(3n){background:linear-gradient(#ff7a89,#ff4c79)}.stock-track{background:#e9ddff}.stock-track i{background:linear-gradient(90deg,#087cf0,#a52bdf)}.integration-icon{background:#ffe9f2;color:#e63f8b}.connected-line{color:#079cb5}.connected-line i{background:#00c5d6}.floating-chip{box-shadow:0 14px 35px rgba(23,75,150,.15)}.chip-code{background:#e4f7ff;color:#0875d5}.chip-cloud{background:#ffe5f1;color:#c62d80}.chip-ai{background:#eee6ff;color:#7436cb}
.section{padding:78px 0}.section-gray,.business-systems-section{background:linear-gradient(180deg,#f5fbff 0%,#edf8ff 100%)}.business-systems-section:before{background:#15cde0;opacity:.10}.section-title .subtitle,.why-content .subtitle{background:#e4f7ff;color:#087cf0}.section-title h2,.why-content h2{color:#123a7b}.section-title p{color:#5b759b}.gradient-anim,.gradient-text{background:linear-gradient(100deg,#0788f9,#00bfd4,#a52bdf,#ff4e79);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.business-system-card{border:1px solid #e0edff;background:rgba(255,255,255,.9);box-shadow:0 8px 25px rgba(30,92,160,.05)}.business-system-card:before{background:linear-gradient(90deg,#087cf0,#00c6d9,#a52bdf,#ff4e79)}.business-system-card:hover{box-shadow:0 25px 55px rgba(30,92,160,.13);border-color:#9bd9ff}.business-system-card h3{color:#123a7b}.business-system-card p{color:#5c759b}.business-system-card:nth-child(1) .business-system-icon{background:#e0f3ff;color:#087cf0}.business-system-card:nth-child(2) .business-system-icon{background:#e1fbf4;color:#00a98e}.business-system-card:nth-child(3) .business-system-icon{background:#ffe8ee;color:#fa4d68}.business-system-card:nth-child(4) .business-system-icon{background:#eee7ff;color:#873ee0}.business-system-featured{background:linear-gradient(145deg,#e8f8ff,#f4edff);border-color:#d8eaff}.business-system-featured h3{color:#123a7b}.business-system-featured p{color:#5c759b}.business-system-featured .business-system-link{color:#087cf0}.business-system-featured .business-system-icon{background:linear-gradient(135deg,#0788f9,#00c6d9);color:white}.systems-bottom-cta{background:linear-gradient(100deg,#e4f7ff,#f2eaff,#fff0f6);color:#123a7b}.systems-bottom-cta p{color:#56739b}.systems-bottom-cta .btn{background:linear-gradient(100deg,#087cf0,#a52bdf);color:white}
.service-card{background:#fff;border-color:#e2edff;box-shadow:0 8px 25px rgba(30,92,160,.05)}.service-card:hover{border-color:#a8ddff;box-shadow:0 22px 45px rgba(30,92,160,.12)}.service-icon{background:#e1f6ff;color:#087cf0}.service-card:nth-child(3n+2) .service-icon{background:#ffe8f0;color:#ef477a}.service-card:nth-child(3n) .service-icon{background:#eee7ff;color:#873ee0}.service-title{color:#123a7b}.service-desc{color:#5c759b}.service-link{color:#087cf0}.service-card.featured{background:linear-gradient(135deg,#eaf8ff,#f2eaff);border-color:#dce9ff}.service-card.featured .service-title{color:#123a7b}.service-card.featured .service-link{color:#087cf0}.service-card.featured .service-desc{color:#5c759b}
.why-section,.why-us-section{background:linear-gradient(110deg,#f1f5ff,#f2fbff 55%,#fff5fb)}.why-content h2{color:#123a7b}.why-content p{color:#5c759b}.why-item .check{background:linear-gradient(135deg,#087cf0,#00c6d9);color:white}.cta-section{background:linear-gradient(140deg,#eefaff,#fff4fa)}.cta-card{background:linear-gradient(110deg,#087cf0 0%,#00bdda 48%,#9d35e5 78%,#f34d91 100%);box-shadow:0 25px 60px rgba(31,115,215,.17);color:white}.cta-card h2{color:#fff}.cta-card p{color:#f0f8ff}.cta-card .btn{background:#fff;color:#0754bd}.footer{background:#f5faff;color:#47638d;border-top:4px solid transparent;border-image:linear-gradient(90deg,#087cf0,#00c6d9,#a52bdf,#ff4e79) 1}.footer-title{color:#0754bd}.footer-text,.footer-contact,.footer-links a{color:#56739b}.footer-links a:hover{color:#087cf0}.footer-bottom{border-color:#dce9fa;color:#6882a8}.social-link{background:#e5f4ff;color:#087cf0;border:1px solid #d4eaff}.social-link:hover{background:linear-gradient(135deg,#087cf0,#a52bdf);color:white}.float-whatsapp{background:#10bfa5}.float-top{background:#087cf0;color:#fff}.scroll-progress{background:linear-gradient(90deg,#087cf0,#00c6d9,#a52bdf,#ff4e79);box-shadow:none}
.dropdown-menu{background:#fff;border:1px solid #dceaff;box-shadow:0 22px 60px rgba(22,75,150,.14)}.dropdown-item{color:#123a7b}.dropdown-item:hover{background:#edf8ff;color:#087cf0}.page-about .section,.page-services .section,.page-portfolio .section,.page-blog .section,.page-contact .section{background:transparent}.page-loader .face{background:linear-gradient(135deg,#087cf0,#00c6d9,#a52bdf,#ff4e79)}
@media(max-width:820px){.nav-menu{background:rgba(255,255,255,.98);border:1px solid #dceaff;box-shadow:0 18px 40px rgba(22,75,150,.12)}.nav-menu .nav-link{color:#123a7b}}

.nav-logo{gap:9px}.ticnexa-logo-wrap{width:48px;height:48px;flex:0 0 48px;overflow:hidden;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgba(8,124,240,.12)}.ticnexa-logo-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.logo-title{font-weight:900}.logo-tagline{font-size:10px}
@media(max-width:560px){.ticnexa-logo-wrap{width:39px;height:39px;flex-basis:39px}.logo-tagline{font-size:9px}}