/* SIDE — public website (landing, services, about). Built on the DashLite landing template v2. */
.site-hero .header-title{font-size:2.6rem;line-height:1.15;letter-spacing:-.02em}
@media (min-width:1200px){.site-hero .header-title{font-size:3.1rem}}
.site-hero-sm .header-title{font-size:2.3rem}
.site-hero .header-text p,.site-hero .header-text{font-size:1.1rem;color:#526484}
.site-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:50px;background:#fff;border:1px solid #e5e9f2;color:#364a63;font-size:.85rem;font-weight:500;margin-bottom:1.25rem;box-shadow:0 4px 14px rgba(54,74,99,.06)}
.site-badge .icon{color:#1ee0ac;font-size:1.1rem}
.site-illustration{width:100%;height:auto;display:block;overflow:visible}
.site-illustration text{font-family:inherit}
[dir=rtl] .site-illustration{direction:ltr}
@media (prefers-reduced-motion:no-preference){
  .site-illustration .float-a{animation:site-float 6s ease-in-out infinite}
  .site-illustration .float-b{animation:site-float 7s ease-in-out infinite reverse}
  .site-illustration .float-c{animation:site-float 8s ease-in-out infinite}
}
@keyframes site-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.site-trust{list-style:none;margin:0;padding:1.25rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem 2rem;background:#fff;border-radius:16px;border:1px solid #eef0f6;box-shadow:0 10px 30px rgba(54,74,99,.05)}
.site-trust li{display:flex;align-items:center;gap:.75rem;color:#364a63;font-weight:500;font-size:.92rem}
.site-trust .icon{width:38px;height:38px;border-radius:10px;background:#eef0ff;color:#6576ff;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.lead-text-soft{color:#8094ae;font-size:1.05rem}
.service-s2 .service-icon .icon{font-size:2rem}
.site-kicker{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6576ff;margin-bottom:.75rem}
.text-block .title{font-size:2rem;line-height:1.2;margin-bottom:1rem}
.site-checklist{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.85rem}
.site-checklist li{display:flex;gap:.75rem;align-items:flex-start;color:#526484}
.site-checklist .icon{font-size:1.25rem;margin-top:.1rem;flex-shrink:0}
.service-inline{display:flex;gap:1rem;align-items:flex-start}
.service-inline .service-text p{font-size:.9rem;color:#8094ae;margin:0}
.styled-icon-s3{width:44px;height:44px;border-radius:12px;background:#eef0ff;color:#6576ff;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.site-stats{background:linear-gradient(120deg,#6576ff,#854fff)!important}
.site-stat{color:#fff;padding:1rem}
.site-stat strong{display:block;font-size:3rem;font-weight:700;line-height:1}
.site-stat span{display:block;margin-top:.6rem;opacity:.85}
.pricing-featured{border:2px solid #6576ff}
.pricing-features li{display:flex;gap:.5rem;align-items:center;padding:.35rem 0}
.pricing-amount-soon{color:#8094ae}
.site-faq .accordion-head .title{font-size:1rem;font-weight:600}
.site-cta .site-illustration{max-width:380px;margin:0 auto}
.site-footer .footer-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#8094ae;margin-bottom:1rem}
.footer-links,.footer-langs{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.footer-links a{color:#364a63}
.footer-links a:hover,.footer-langs a.active{color:#6576ff}
.footer-langs{display:flex;gap:1rem;margin-top:1.25rem}
.footer-langs a{color:#8094ae;font-size:.9rem}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:1.5rem 0;border-top:1px solid #e5e9f2;color:#8094ae;font-size:.9rem}
.footer-bottom a{color:#364a63}
.site-service-index{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
.site-service-index a{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:50px;background:#fff;border:1px solid #e5e9f2;color:#364a63;font-size:.9rem;font-weight:500}
.site-service-index a:hover{border-color:#6576ff;color:#6576ff}
.site-service-icon{aspect-ratio:4/3;border-radius:24px;background:linear-gradient(135deg,#eef0ff,#f6efff);display:flex;align-items:center;justify-content:center}
.site-service-icon .icon{font-size:6rem;color:#6576ff}
.site-mini-icon{width:40px;height:40px}
.site-agency{background:#fff;border-radius:24px;padding:3rem 2rem;border:1px solid #eef0f6}
.header-menu .menu-link.active{color:#6576ff}
.breadcrumb{margin-bottom:1.5rem}
@media (max-width:991px){.site-hero .header-title{font-size:2.1rem}.text-block .title{font-size:1.65rem}.site-stat strong{font-size:2.3rem}}
.service-inline .service-text .title{font-size:1rem;line-height:1.35;margin-bottom:.3rem}
.pricing-featured .pricing-features .icon{color:#fff!important}
.pricing-featured .sub-title,.pricing-featured .pricing-title,.pricing-featured .pricing-amount{color:#fff}
.site-faq{margin-top:1rem}
.header.site-hero-sm{min-height:auto}.site-hero-sm .header-content{padding-top:3rem!important}

/* One typeface for the public site in French and English: Plus Jakarta Sans (Arabic keeps Almarai). */
html:not([lang="ar"]) body.npc-landing{--bs-body-font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
html:not([lang="ar"]) body.npc-landing *:not(.ni){font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
html:not([lang="ar"]) body.npc-landing :is(h1,h2,h3,h4,h5,h6,.title,.header-title){font-weight:700;letter-spacing:-.025em}
html:not([lang="ar"]) body.npc-landing .header-title{font-weight:800;letter-spacing:-.035em}
html:not([lang="ar"]) body.npc-landing .btn{font-weight:600;letter-spacing:0}
/* Footer signature: the agency name, big and in capitals */
.footer-bottom{align-items:center}
.footer-by{display:inline-flex;align-items:center;gap:.6rem}
.footer-agency{font-size:1.35rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1f2b3a}
.footer-agency:hover{color:#6576ff}