/* TicNexa visual identity refresh — vibrant teal, coral, violet and warm sand */
:root{
 --primary-color:#13b8a6;--primary-light:#4ce0c2;--accent-color:#ff765f;--dark-color:#123d48;
 --tn-ink:#173f4a;--tn-deep:#10343f;--tn-teal:#12b8a6;--tn-mint:#d9f8ef;--tn-coral:#ff765f;--tn-violet:#8c78f6;--tn-lime:#d6f36a;--tn-sand:#fff7e8;--tn-paper:#f4fbf8;
 --gradient-primary:linear-gradient(135deg,#13b8a6 0%,#6c7ff5 100%);--gradient-tech:linear-gradient(120deg,#13b8a6 0%,#8c78f6 48%,#ff765f 100%);--gradient-dark:linear-gradient(135deg,#123d48 0%,#205a62 100%);
 --shadow-sm:0 8px 24px rgba(18,61,72,.08);--shadow-md:0 18px 48px rgba(18,61,72,.12);--shadow-lg:0 28px 70px rgba(18,61,72,.16);
}
html{scroll-padding-top:100px}
body{color:var(--tn-ink);background:var(--tn-paper);font-family:'Cairo','Tajawal',sans-serif}
::selection{background:var(--tn-lime);color:var(--tn-deep)}
.page-loader{background:linear-gradient(145deg,#123d48,#1d5b63 68%,#6a5bd0)}
.navbar{background:rgba(18,61,72,.93);border-bottom:1px solid rgba(217,248,239,.12);backdrop-filter:blur(22px);padding:13px 0}
.navbar.scrolled{background:rgba(18,61,72,.97);box-shadow:0 12px 36px rgba(18,61,72,.18)}
.nav-logo{gap:10px}.logo-icon{animation:none}.logo-title{background:linear-gradient(90deg,#68f0d2,#d6f36a);-webkit-background-clip:text;background-clip:text}.logo-tagline{color:#b8d8d5}
.nav-link{color:#e4f8f4;border-radius:999px;padding:9px 13px;font-size:14px}.nav-link:hover,.nav-link.active{background:rgba(76,224,194,.15);color:#78f2d8}
.dropdown-menu{background:#fff8ec;border:1px solid #d8eee7;box-shadow:0 22px 60px rgba(18,61,72,.18);border-radius:18px;overflow:hidden}.dropdown-item{color:var(--tn-ink)}.dropdown-item:hover{background:#d9f8ef;color:#0b8479}
.btn{border-radius:999px;font-weight:800;letter-spacing:0}.btn-primary{background:linear-gradient(115deg,#13b8a6,#0f9d91);color:#fff;box-shadow:0 10px 25px rgba(19,184,166,.25);border:0}.btn-primary:hover{background:linear-gradient(115deg,#0e9d91,#0a8079);transform:translateY(-3px);box-shadow:0 15px 30px rgba(19,184,166,.3)}.btn-outline{border:1px solid rgba(217,248,239,.48);color:#eafff8;background:rgba(255,255,255,.06)}
/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:760px;padding:150px 0 100px;background:radial-gradient(ellipse at 78% 42%,rgba(41,181,162,.22),transparent 34%),radial-gradient(ellipse at 10% 88%,rgba(255,118,95,.17),transparent 30%),linear-gradient(125deg,#123d48 0%,#174d58 52%,#263f6b 100%);color:#f2fffb}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:radial-gradient(rgba(214,243,106,.7) 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-bg-canvas{opacity:.1}.hero-bg-grid{opacity:.14}.hero-content{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center;position:relative;z-index:2}.hero-text{max-width:620px}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(214,243,106,.12);border:1px solid rgba(214,243,106,.35);border-radius:999px;padding:9px 15px;color:#dcf78a;font-size:13px;font-weight:800}.hero-badge .dot{width:8px;height:8px;background:#d6f36a;box-shadow:0 0 0 5px rgba(214,243,106,.13);border-radius:50%}.hero-title{font-size:clamp(40px,5vw,66px);line-height:1.23;letter-spacing:-1.8px;font-weight:900;margin:22px 0 16px;color:#f5fffb}.hero-title .gradient-text{background:linear-gradient(105deg,#d6f36a 0%,#70f1d1 43%,#bcb0ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(19px,2vw,24px);font-weight:800;color:#a9e9dc;margin-bottom:12px}.hero-desc{font-size:16px;line-height:2;color:#c9e2df;max-width:560px}.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.hero-buttons .btn{padding:14px 22px}.hero-stats{display:flex;gap:30px;margin-top:36px}.hero-stat{border-right:2px solid rgba(214,243,106,.45);padding-right:16px}.hero-stat .num{font-size:25px;color:#d6f36a;font-weight:900}.hero-stat .label{font-size:12px;color:#b7d8d5}
.hero-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;perspective:1200px}.visual-glow{position:absolute;width:350px;height:350px;background:#22d3b5;opacity:.19;filter:blur(90px);border-radius:50%}.visual-orbit{position:absolute;border:1px solid rgba(170,244,224,.18);border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:520px;height:320px}.orbit-two{width:430px;height:410px;transform:rotate(45deg)}.dashboard-window{position:relative;width:min(100%,560px);border:1px solid rgba(220,255,247,.38);border-radius:23px;overflow:hidden;background:#f8fffb;box-shadow:0 35px 100px rgba(5,28,39,.42);transform:rotateY(5deg) rotateX(2deg);z-index:2;color:#173f4a}.dashboard-topbar{height:48px;background:#eaf8f3;display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid #d8eee7;font-size:11px;font-weight:800;color:#426d70}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#ff8d78}.window-dots i:nth-child(2){background:#e4c75b}.window-dots i:nth-child(3){background:#47c9ac}.live-status{margin-right:auto;color:#148f7f;display:flex;align-items:center;gap:5px}.live-status b{width:6px;height:6px;background:#18b89f;border-radius:50%}.dashboard-body{display:flex;min-height:330px}.dashboard-rail{width:54px;background:#174752;display:flex;flex-direction:column;align-items:center;gap:20px;padding:15px 0;color:#9bc9c6;font-size:14px}.rail-brand{display:grid;place-items:center;background:#d6f36a;color:#174752;border-radius:12px;width:30px;height:30px;font-size:17px;font-weight:900;margin-bottom:10px}.dashboard-rail i{padding:8px;border-radius:9px}.dashboard-rail i.active{background:#21b9a5;color:white}.dashboard-main{flex:1;padding:19px;min-width:0}.dash-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dash-heading small{font-size:10px;color:#75999a}.dash-heading h3{font-size:16px;margin-top:4px;color:#174752}.dash-avatar{display:grid;place-items:center;background:#ffe0d6;color:#a24f43;width:34px;height:34px;border-radius:12px;font-size:10px;font-weight:900}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-card{border-radius:14px;padding:14px;min-height:125px;position:relative;overflow:hidden}.metric-card>span{display:block;font-size:11px;font-weight:700}.metric-card strong{display:block;font-size:23px;margin:6px 0}.metric-card small{font-size:9px;opacity:.76}.metric-teal{background:#d9f8ef;color:#117b70}.metric-lilac{background:#eae5ff;color:#6554ba}.metric-bars{display:flex;align-items:end;gap:4px;height:20px;margin:5px 0}.metric-bars i{display:block;width:11px;border-radius:4px 4px 0 0;background:#18b8a2;height:40%}.metric-bars i:nth-child(2){height:65%}.metric-bars i:nth-child(3){height:45%}.metric-bars i:nth-child(4){height:80%}.metric-bars i:nth-child(5){height:58%}.metric-bars i:nth-child(6){height:100%}.metric-bars i:nth-child(7){height:78%}.stock-track{height:6px;border-radius:10px;background:#d0c9f5;margin:13px 0 9px;overflow:hidden}.stock-track i{display:block;width:76%;height:100%;background:#8977f5;border-radius:10px}.dash-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.chart-card,.integration-card{background:#f0f8f5;border-radius:13px;padding:12px;min-width:0}.chart-title{display:flex;justify-content:space-between;font-size:10px;gap:5px}.chart-title span{color:#7c9a98}.chart-art{height:62px;display:flex;align-items:end;gap:6px;padding-top:8px;border-bottom:1px solid #d8e9e2;background:repeating-linear-gradient(to bottom,transparent 0,transparent 19px,#dfede7 20px)}.chart-art span{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#1bc6a9,#83e6d2);min-width:4px}.chart-art span:nth-child(3n){background:linear-gradient(180deg,#ff9a84,#ff765f)}.integration-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.integration-icon{width:28px;height:28px;display:grid;place-items:center;background:#ffe1d9;color:#f16c56;border-radius:9px}.integration-card b{font-size:11px}.integration-card small{font-size:9px;color:#668d8b}.connected-line{font-size:9px;color:#0e9c86;margin-top:auto}.connected-line i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#1bb99e;margin-left:4px}.floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:15px;box-shadow:0 14px 35px rgba(8,36,48,.2);font-size:12px;font-weight:900;animation:chip-float 5s ease-in-out infinite}.floating-chip i{font-size:17px}.chip-code{top:50px;right:-8px;background:#d6f36a;color:#234d4e}.chip-cloud{bottom:58px;left:-10px;background:#ff8d78;color:#5d373c;animation-delay:-1.6s}.chip-ai{bottom:4px;right:70px;background:#a99cff;color:#332c70;animation-delay:-3s}@keyframes chip-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.hero-scroll-cue{color:#9bd8cd}
/* Section system */
.section{padding:100px 0}.section-gray{background:#e9f7f1}.business-systems-section{background:linear-gradient(180deg,#f4fbf8 0%,#e8f7f1 100%);position:relative;overflow:hidden}.business-systems-section:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#d6f36a;opacity:.16;filter:blur(4px);top:5%;left:-140px}.section-title{max-width:780px;margin:0 auto 48px;text-align:center}.section-title .subtitle,.why-content .subtitle{display:inline-flex;background:#d9f8ef;color:#078879;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:900;margin-bottom:14px}.section-title h2,.why-content h2{color:#173f4a;font-size:clamp(29px,3.6vw,45px);line-height:1.4;font-weight:900}.gradient-anim,.gradient-text{background:linear-gradient(100deg,#0ba997,#7969ec,#ff765f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-title p{color:#63817f;line-height:2;margin-top:13px}.business-systems-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.business-system-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:25px 22px;border:1px solid #d4eae2;border-radius:24px;background:rgba(255,255,255,.68);min-height:300px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.business-system-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#13b8a6,#8c78f6,#ff765f);opacity:.8}.business-system-card:hover{transform:translateY(-8px);box-shadow:0 25px 55px rgba(18,61,72,.13);border-color:#7ddfca}.business-system-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:#d9f8ef;color:#0e9c8c;font-size:23px;margin-bottom:22px}.business-system-card:nth-child(2) .business-system-icon{background:#ffe2d9;color:#ed6d56}.business-system-card:nth-child(3) .business-system-icon{background:#e8e2ff;color:#7764e7}.business-system-card:nth-child(4) .business-system-icon{background:#eff8c8;color:#667d13}.business-system-card h3{font-size:20px;color:#173f4a;margin-bottom:11px;font-weight:900}.business-system-card p{font-size:13px;color:#63817f;line-height:1.95;margin-bottom:20px}.business-system-link{color:#0b998b;font-size:12px;font-weight:900;margin-top:auto}.business-system-featured{background:linear-gradient(145deg,#174752,#236b70);border-color:transparent}.business-system-featured h3{color:#f3fffb}.business-system-featured p{color:#c4e4dc}.business-system-featured .business-system-link{color:#d6f36a}.business-system-featured .business-system-icon{background:#d6f36a;color:#174752}.systems-bottom-cta{margin-top:25px;padding:22px 25px;border-radius:20px;background:#d6f36a;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#234d4e}.systems-bottom-cta strong{font-size:18px}.systems-bottom-cta p{font-size:13px;margin-top:4px;color:#4d6d63}.systems-bottom-cta .btn{flex-shrink:0;background:#174752;color:#fff}
.services-grid{gap:20px}.service-card{background:#fff9ef;border:1px solid #e6e8d8;border-radius:24px;box-shadow:0 8px 25px rgba(18,61,72,.04);padding:27px;transition:all .3s}.service-card:hover{transform:translateY(-7px);border-color:#8be2d0;box-shadow:0 22px 45px rgba(18,61,72,.12)}.service-icon{border-radius:18px;background:#d9f8ef;color:#0d9e8d}.service-card:nth-child(3n+2) .service-icon{background:#ffe0d6;color:#e66a55}.service-card:nth-child(3n) .service-icon{background:#e7e1ff;color:#7663e7}.service-title{color:#173f4a}.service-desc{color:#688582}.service-link{color:#0b9b8c}.service-card.featured{background:linear-gradient(130deg,#214f62,#6155a7);border:0;color:#f4fffb}.service-card.featured .service-title,.service-card.featured .service-link{color:#e8ff9b}.service-card.featured .service-desc{color:#d4e5ed}
.why-section,.why-us-section{background:#fff7e8}.why-content h2{color:#173f4a}.why-content p{color:#66827f}.why-item .check{background:#d6f36a;color:#174752}.why-visual,.why-image{border-radius:30px}.cta-section{padding:75px 0;background:linear-gradient(140deg,#e6f7ef,#fff1e5)}.cta-card{position:relative;overflow:hidden;border-radius:32px;padding:65px 35px;background:linear-gradient(120deg,#174752,#236c70 58%,#6b5ab8);color:#f4fffb;box-shadow:0 28px 65px rgba(18,61,72,.18)}.cta-card:before,.cta-card:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.cta-card:before{width:280px;height:280px;background:#d6f36a;opacity:.18;top:-130px;left:-60px}.cta-card:after{width:230px;height:230px;background:#ff765f;opacity:.2;bottom:-150px;right:12%}.cta-card h2{position:relative;font-size:clamp(28px,4vw,42px);color:#f4fffb}.cta-card p{position:relative;color:#c7e7e0;max-width:720px;margin:15px auto 25px;line-height:2}.cta-card .btn{position:relative;background:#d6f36a;color:#234d4e;box-shadow:none}.footer{background:#10343f;color:#c1ded9;border-top:5px solid transparent;border-image:linear-gradient(90deg,#13b8a6,#8c78f6,#ff765f) 1}.footer-3d-bg{opacity:.13}.footer-title{color:#d6f36a}.footer-text,.footer-contact,.footer-links a{color:#b7d6d0}.footer-links a:hover{color:#d6f36a}.footer-bottom{border-color:rgba(214,243,239,.14);color:#88b7b0}.social-link{background:rgba(76,224,194,.12);color:#85ead6;border:1px solid rgba(76,224,194,.18)}.social-link:hover{background:#d6f36a;color:#174752}.float-whatsapp{background:#17b997}.float-top{background:#8c78f6;color:#fff}.scroll-progress{background:linear-gradient(90deg,#13b8a6,#d6f36a,#ff765f);box-shadow:none}
/* Secondary pages */
.main-content:not(:has(.hero)){background:var(--tn-paper)}.page-about .section,.page-services .section,.page-portfolio .section,.page-blog .section,.page-contact .section{background:transparent}.page-loader .loader-text{background:linear-gradient(90deg,#d6f36a,#4ce0c2,#b8a9ff);background-clip:text;-webkit-background-clip:text}.page-loader .face{background:linear-gradient(135deg,#13b8a6,#8c78f6,#ff765f)}
@media(max-width:1100px){.business-systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content{grid-template-columns:1fr 1fr;gap:20px}.hero-visual{min-height:440px}.floating-chip{font-size:10px;padding:9px 11px}}
@media(max-width:820px){.hero{padding:125px 0 70px;min-height:auto}.hero-content{grid-template-columns:1fr;gap:30px}.hero-text{text-align:center;margin:auto}.hero-desc{margin-inline:auto}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{min-height:420px;max-width:620px;width:100%;margin:auto}.hero-title{font-size:clamp(36px,8vw,52px)}.nav-menu{background:#174752;border:1px solid rgba(217,248,239,.15);border-radius:20px;padding:15px}.nav-menu .nav-link{color:#e4f8f4}.systems-bottom-cta{align-items:flex-start;flex-direction:column}.systems-bottom-cta .btn{align-self:flex-start}}
@media(max-width:560px){.container{padding:0 17px}.section{padding:68px 0}.section-title{margin-bottom:30px}.business-systems-grid{grid-template-columns:1fr}.business-system-card{min-height:unset;padding:22px}.hero-visual{min-height:340px;transform:scale(.98);transform-origin:center}.dashboard-window{border-radius:17px}.dashboard-topbar{height:38px;padding:0 10px;gap:8px}.dashboard-body{min-height:275px}.dashboard-rail{width:40px;gap:12px}.dashboard-main{padding:12px}.dash-heading h3{font-size:13px}.metric-card{padding:10px;min-height:108px}.metric-card strong{font-size:19px}.dash-bottom{grid-template-columns:1fr .9fr;gap:8px}.chart-card,.integration-card{padding:9px}.chart-art{height:48px}.integration-card small{font-size:8px}.floating-chip{font-size:9px;padding:8px 10px;gap:6px}.chip-code{top:20px;right:-3px}.chip-cloud{bottom:30px;left:-2px}.chip-ai{bottom:-2px;right:42px}.hero-stats{gap:15px}.hero-stat{padding-right:10px}.hero-stat .num{font-size:20px}.hero-buttons .btn{width:100%;justify-content:center}.cta-card{padding:45px 20px}.cta-card p{font-size:14px}.nav-container{gap:10px}.logo-icon{width:40px;height:40px}.logo-title{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}