:root{--teal:#0894ad;--teal2:#17b3c4;--navy:#14233a;--dark:#121720;--muted:#65748a;--gold:#dfaa25;--line:#dbe3ea;--soft:#f6f8fb;--white:#fff;--shadow:0 15px 35px rgba(25,43,67,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1240px,calc(100% - 48px));margin:auto}.section{padding:96px 0}.soft{background:var(--soft)}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.15;letter-spacing:-.045em}h3{line-height:1.25}.lead{font-size:1.08rem;color:var(--muted);max-width:850px}.eyebrow{font-size:1.55rem;font-weight:700;color:var(--teal);margin-bottom:20px}.gradient-text{background:linear-gradient(90deg,#32bfd0,#d9a91f);-webkit-background-clip:text;color:transparent}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:9px;padding:16px 25px;background:var(--teal);color:white;font:700 14px Inter;box-shadow:0 8px 16px rgba(8,148,173,.25);cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px);background:#057f96}.button.small{padding:14px 21px}.button.secondary{background:white;color:#172235;border:1px solid var(--line);box-shadow:0 3px 8px rgba(0,0,0,.06)}.grid-bg{background-color:#f8fafc;background-image:linear-gradient(rgba(18,35,58,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(18,35,58,.045) 1px,transparent 1px);background-size:78px 78px}
.site-header{height:84px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #edf0f3;position:sticky;top:0;z-index:50}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand img{width:200px;height:100px;object-fit:contain}.main-nav{display:flex;gap:38px;font-size:14px;font-weight:600;color:#666}.main-nav a{padding:30px 0;position:relative}.main-nav a.active,.main-nav a:hover{color:var(--teal)}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--teal)}.nav-actions{display:flex;align-items:center;gap:25px}.lang{color:var(--teal);font-weight:600}.menu-toggle{display:none;background:transparent;border:0;padding:7px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}
.lang-switch{border:1px solid var(--line);background:#fff;color:var(--teal);font-weight:800;border-radius:999px;min-width:48px;height:42px;padding:0 12px;cursor:pointer}.lang-switch:hover{border-color:var(--teal);background:#eefbfc}
[dir="rtl"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;text-align:right}[dir="rtl"] .hero-copy,[dir="rtl"] .center-title{text-align:center}[dir="rtl"] .gradient-text{background:linear-gradient(270deg,#32bfd0,#d9a91f);-webkit-background-clip:text}[dir="rtl"] .checks li:before{margin-right:0;margin-left:10px}[dir="rtl"] .whatsapp-float{right:auto;left:24px}
.hero{padding:60px 0 85px;overflow:hidden}.hero-copy{text-align:center}.hero h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.22;color:var(--teal);letter-spacing:-.05em;margin:0 0 24px}.hero-copy>p{font-size:1.22rem;font-weight:600;color:#777;max-width:820px;margin:0 auto 28px}.hero-actions{display:flex;justify-content:center;gap:12px}.trust-line{margin:36px auto 0;color:var(--teal);font-weight:600}.trust-line span{color:var(--gold)}.product-stage{max-width:1080px;position:relative;margin-top:78px}.product-stage>img{width:85%;margin:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.metric{position:absolute;z-index:2;background:rgba(255,255,255,.95);border:1px solid #e6eaef;border-radius:14px;padding:16px 18px;box-shadow:0 10px 22px rgba(15,30,50,.15);min-width:178px}.metric small,.metric strong{display:block}.metric small{font-size:11px;color:#92a2b6}.metric strong{font-size:19px}.metric em{font-style:normal;font-size:10px;color:#2bb979}.metric i{display:block;width:100%;height:5px;background:#edf1f5;margin-top:12px;border-radius:9px}.metric i:after{content:"";display:block;width:var(--value);height:100%;background:var(--teal);border-radius:9px}.metric-left{left:0;top:-10px}.metric-right{right:0;top:45px;min-width:130px}.metric-projects{left:-20px;top:44%}.metric-revenue{right:-10px;bottom:3%}.ai-pill{position:absolute;left:42%;bottom:-34px;background:white;border:1px solid #e7eaee;border-radius:13px;padding:12px 18px;box-shadow:var(--shadow);font-size:11px}.ai-pill b,.ai-pill span{display:block}.ai-pill span{color:#8290a3;margin-top:4px}
.center-title{text-align:center;font-size:2rem;line-height:1.45}.center-title span{color:var(--teal)}.logo-row{display:flex;align-items:center;justify-content:space-around;gap:45px;margin-top:70px;filter:saturate(.8)}.logo-row img{width:120px;height:70px;object-fit:contain}.logo-row strong{font-size:50px;color:#000}.dark{background-color:var(--dark);background-image:radial-gradient(circle at 52% 20%,rgba(4,145,170,.18),transparent 27%),radial-gradient(circle at 86% 72%,rgba(210,160,31,.13),transparent 20%);color:#fff}.dark .lead{color:#a7acb4}.dark h2{font-size:2.8rem}.why-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;margin-top:40px}.feature-large,.feature-stack article,.ai-grid article{border:1px solid #303640;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-radius:18px;padding:28px}.feature-large p,.feature-stack p,.ai-features p{color:#9ba1ab}.icon,.feature-stack span,.industry-grid i,.ai-features i{width:52px;height:52px;border-radius:12px;background:rgba(9,151,175,.15);color:#1ab0c5;display:grid;place-items:center;font-style:normal;font-size:23px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.mini-stats b{background:rgba(255,255,255,.08);padding:13px;border-radius:10px;color:#45c4d2}.mini-stats small{display:block;color:#9ba1ab;font-weight:400;margin-top:6px}.feature-stack{display:grid;gap:12px}.feature-stack article{position:relative;padding:22px 80px 20px 22px}.feature-stack span{position:absolute;right:20px;top:22px}.feature-stack h3{font-size:1.3rem;margin-bottom:8px}.feature-stack p{margin-bottom:0}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.industry-grid article{border:1px solid var(--line);background:linear-gradient(130deg,#fff,#f2fafb);border-radius:18px;padding:23px;transition:.25s}.industry-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.industry-grid i{width:40px;height:40px;font-size:18px}.industry-grid h3{margin:18px 0 8px}.industry-grid p{font-size:14px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.checks{list-style:none;padding:0;margin:28px 0}.checks li{margin:14px 0;color:#53657d}.checks li:before{content:"⊙";color:var(--teal);margin-right:12px}.dashboard-card{position:relative}.dashboard-card img{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.dashboard-card .overlay{right:-25px;bottom:-25px}.modules{margin-top:80px}.module-row{display:grid;grid-template-columns:repeat(9,1fr);gap:12px}.module{min-height:110px;text-align:center;background:#f0f5f8;border:1px solid var(--line);border-radius:13px;padding:15px 7px;font-size:11px;font-weight:600;display:grid;place-items:center}.module i{display:block;color:var(--teal);font-size:22px}
.bi-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.benefit-grid span{background:white;border:1px solid var(--line);border-radius:10px;padding:15px;font-size:12px;font-weight:600}.bi-visual>img{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);width:100%}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.kpis b{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;color:#9aa7b8;font-size:10px}.kpis strong{display:block;color:var(--navy);font-size:18px;margin-top:8px}.kpis em{color:#29aead;font-size:9px;font-style:normal}.charts{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.charts>div{height:170px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;flex-direction:column}.charts small{color:#94a2b4}.charts svg{width:100%;margin-top:auto;overflow:visible}.charts polyline{fill:none;stroke:var(--teal);stroke-width:2}.charts polygon{fill:rgba(8,148,173,.1)}.bars{display:flex!important;flex-direction:row!important;align-items:flex-end;gap:10px}.bars small{position:absolute}.bars span{flex:1;background:var(--gold);border-radius:5px 5px 0 0;height:35%}.bars span:nth-of-type(2){height:48%}.bars span:nth-of-type(3){height:65%}.bars span:nth-of-type(4){height:80%}.compare{text-align:center;margin-top:100px}.compare>h2{font-size:2rem;margin-bottom:5px}.compare>p{color:var(--muted)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;margin-top:25px}.compare-grid article{background:linear-gradient(130deg,#fff,#fffcf2);border:1px solid var(--line);border-radius:20px;padding:30px}.compare-grid article.preferred{background:var(--dark);color:white}.compare-grid small{color:var(--teal)}.compare-grid ul{list-style:none;padding:0;margin-bottom:0}.compare-grid li{margin:10px 0;color:#65748a}.preferred li{color:#e7e9ed}.compare-grid li:before{content:"×";color:#8fb0c4;margin-right:12px}.preferred li:before{content:"✓";color:var(--gold)}
.ai .eyebrow span{font-weight:400}.ai-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:25px;margin-top:65px}.assistant{align-self:start}.question{background:rgba(9,151,175,.18);border:1px solid rgba(16,180,200,.25);border-radius:10px;padding:14px;margin:25px 0 12px}.answer{background:rgba(255,255,255,.06);border-radius:10px;padding:15px;color:#d2d5da;font-size:13px}.risk-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.risk-row span{background:rgba(255,255,255,.05);padding:10px;font-size:10px}.risk-row b{display:block;color:var(--gold)}.ask{margin-top:18px;border:1px solid #3a4049;border-radius:10px;padding:7px 7px 7px 14px;color:#7f8792;font-size:11px;display:flex;justify-content:space-between;align-items:center}.ask button{border:0;background:var(--gold);border-radius:8px;width:34px;height:34px}.ai-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-features article{padding:20px}.ai-features i{width:38px;height:38px;font-size:16px}.ai-features h3{font-size:14px;margin:15px 0 6px}.ai-features p{font-size:11px;margin:0}
.contact{padding:120px 0}.contact-box{border:1px solid #e4e9ee;border-radius:40px;padding:65px;text-align:center}.contact-box>p{color:#777;font-size:1.15rem}.contact form{max-width:620px;margin:40px auto 0;background:white;border:1px solid var(--line);border-radius:28px;padding:45px;text-align:left}.contact label{display:block;font-weight:600;font-size:13px;margin-bottom:18px}.contact label em{color:red}.contact input{display:block;width:100%;margin-top:10px;padding:15px;border:1px solid #dce1e7;border-radius:30px;font:inherit;outline:0}.contact input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,148,173,.1)}.contact form .button{width:100%}.form-message{text-align:center;margin-top:15px;color:var(--teal);font-weight:600;min-height:22px}
footer{background:#f2f5f8;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:.8fr 1.25fr .8fr;gap:80px}.footer-logo{width:230px;height:165px;object-fit:contain}.footer-grid p,.footer-grid li{font-size:13px;color:#333}.footer-grid h3{color:var(--teal);font-size:15px}.footer-grid ul{list-style:none;padding:0}.footer-grid li{margin:18px 0}.socials{display:flex;gap:12px}.socials a{width:32px;height:32px;border:2px solid var(--teal);border-radius:8px;color:var(--teal);display:grid;place-items:center;font-weight:700}.copyright{border-top:1px solid var(--teal);padding-top:20px;margin-top:50px;display:flex;justify-content:space-between;font-size:11px}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.main-nav,.nav-actions .lang{display:none}.menu-toggle{display:block}.nav-actions{margin-left:auto;margin-right:15px}.main-nav.open{position:absolute;display:flex;flex-direction:column;gap:0;top:84px;left:0;right:0;background:white;padding:15px 24px;box-shadow:var(--shadow)}.main-nav.open a{padding:13px}.main-nav a.active:after{display:none}.why-grid,.split,.bi-grid,.ai-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr 1fr}.module-row{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.logo-row{flex-wrap:wrap}.product-stage{margin-top:60px}.metric-projects{left:0}.metric-revenue{right:0}.bi-grid{gap:35px}}
@media(max-width:600px){.container{width:min(100% - 30px,1240px)}.section{padding:70px 0}.site-header{height:72px}.main-nav.open{top:72px}.brand img{width:78px}.nav-actions .button{padding:11px 12px;font-size:11px}.hero{padding-top:45px}.hero-actions{flex-direction:column;align-items:center}.trust-line{font-size:12px}.product-stage{margin-top:90px}.product-stage>img{width:100%}.metric{transform:scale(.72)}.metric-left{transform-origin:left bottom}.metric-right{transform-origin:right bottom;top:-40px}.metric-projects{top:80%;transform-origin:left}.metric-revenue{bottom:-55px;transform-origin:right}.ai-pill{display:none}.clients{padding-top:95px}.center-title{font-size:1.55rem}.logo-row{gap:25px;margin-top:45px}.logo-row img{width:80px;height:55px}.dark h2{font-size:2.2rem}.why-grid,.industry-grid,.benefit-grid,.compare-grid,.ai-features,.footer-grid{grid-template-columns:1fr}.feature-large,.feature-stack article{padding:20px}.split{gap:45px}.module-row{grid-template-columns:repeat(2,1fr)}.dashboard-card .overlay{right:-5px}.kpis{grid-template-columns:1fr}.charts{grid-template-columns:1fr}.charts>div{height:145px}.contact-box{padding:45px 15px;border-radius:24px}.contact form{padding:25px 18px}.footer-grid{gap:30px}.copyright{flex-direction:column;gap:12px}.risk-row{grid-template-columns:1fr}.assistant{padding:18px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.industry-grid .industry-card{display:block;border:1px solid var(--line);background:linear-gradient(130deg,#fff,#f2fafb);border-radius:18px;padding:23px;transition:.25s}.industry-grid .industry-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(8,148,173,.35)}.industry-grid .industry-card>span{display:inline-block;margin-top:18px;color:var(--teal);font-size:12px;font-weight:700}
.button{font-family:Inter,"Segoe UI",Arial,sans-serif}

/* Subtle card motion shared across the landing and industry pages. */
.motion-card{position:relative;overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease,background-color .35s ease;will-change:transform}
.motion-card::after{content:"";position:absolute;z-index:-1;inset:-70% -35%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.32) 49%,transparent 60%);transform:translateX(-65%) rotate(8deg);opacity:0;pointer-events:none}
.reveal:not(.visible) .motion-card{opacity:0;transform:translateY(22px) scale(.985)}
.reveal.visible .motion-card{animation:card-enter .65s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--stagger,0) * 65ms)}
.motion-card:hover{transform:translateY(-7px);box-shadow:0 18px 38px rgba(18,35,58,.14);border-color:rgba(8,148,173,.35)}
.motion-card:hover::after{animation:card-shine .85s ease}
.motion-card i,.motion-card .icon,.motion-card>span{transition:transform .35s cubic-bezier(.2,.8,.2,1),color .3s ease}
.motion-card:hover i,.motion-card:hover .icon{transform:translateY(-2px) rotate(-4deg) scale(1.08)}
.dark .motion-card:hover{box-shadow:0 20px 42px rgba(0,0,0,.32);border-color:rgba(31,190,209,.38)}
@keyframes card-enter{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes card-shine{0%{opacity:0;transform:translateX(-65%) rotate(8deg)}25%{opacity:.7}100%{opacity:0;transform:translateX(65%) rotate(8deg)}}
@media(min-width:901px){.product-stage.visible .metric,.product-stage.visible .ai-pill{animation:metric-float 4.8s ease-in-out infinite}.product-stage.visible .metric-right,.product-stage.visible .metric-revenue{animation-delay:-1.4s}.product-stage.visible .metric-projects{animation-delay:-2.7s}.product-stage.visible .ai-pill{animation-delay:-3.5s}@keyframes metric-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}}
@media(prefers-reduced-motion:reduce){.motion-card,.motion-card::after,.motion-card i,.motion-card .icon,.motion-card>span,.product-stage.visible .metric,.product-stage.visible .ai-pill{animation:none!important;transition:none!important}.reveal:not(.visible) .motion-card{opacity:1;transform:none}}
.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown-toggle{border:0;background:transparent;color:#666;font:600 14px Inter,Arial,sans-serif;padding:30px 0;cursor:pointer;white-space:nowrap}.nav-dropdown-toggle span{display:inline-block;margin-left:4px;transition:transform .25s}.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown.open .nav-dropdown-toggle{color:var(--teal)}.nav-dropdown.open .nav-dropdown-toggle span{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:70px;left:50%;width:235px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(18,35,58,.16);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.22s;z-index:70}.nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-dropdown-menu a{display:block!important;padding:11px 13px!important;border-radius:9px;font-size:13px;color:var(--navy)}.nav-dropdown-menu a:hover{background:#eef8fa;color:var(--teal)}.nav-dropdown-menu a:after{display:none!important}
@media(max-width:1100px){.main-nav{gap:22px}.main-nav>a,.nav-dropdown-toggle{font-size:13px}.brand img{width:150px}}
@media(max-width:900px){.main-nav.open .nav-dropdown{display:block}.main-nav.open .nav-dropdown-toggle{width:100%;padding:13px;text-align:left;color:var(--navy)}.main-nav.open .nav-dropdown-menu{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid var(--teal);border-radius:0;margin:0 0 8px 14px;padding:0 8px}.main-nav.open .nav-dropdown.open .nav-dropdown-menu{display:block}.main-nav.open .nav-dropdown-menu a{padding:10px 13px!important}}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:90;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;box-shadow:0 12px 30px rgba(20,80,48,.28);transition:width .3s ease,border-radius .3s ease,transform .3s ease,box-shadow .3s ease;overflow:hidden}.whatsapp-float svg{width:31px;height:31px;flex:0 0 31px;fill:currentColor}.whatsapp-float span{max-width:0;opacity:0;white-space:nowrap;font-size:13px;font-weight:700;transition:max-width .3s ease,opacity .2s ease,margin .3s ease}.whatsapp-float:hover,.whatsapp-float:focus-visible{width:142px;border-radius:30px;transform:translateY(-4px);box-shadow:0 16px 36px rgba(20,80,48,.35)}.whatsapp-float:hover span,.whatsapp-float:focus-visible span{max-width:76px;opacity:1;margin-left:9px}.whatsapp-float:focus-visible{outline:3px solid rgba(37,211,102,.3);outline-offset:3px}@media(max-width:600px){.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}.whatsapp-float:hover,.whatsapp-float:focus-visible{width:54px;border-radius:50%}.whatsapp-float:hover span,.whatsapp-float:focus-visible span{max-width:0;opacity:0;margin:0}}@media(prefers-reduced-motion:reduce){.whatsapp-float,.whatsapp-float span{transition:none!important}.whatsapp-float{animation:none!important}}

