:root{--blue:#006BFF;--blue-2:#0A54D6;--cyan:#00C2FF;--navy:#061B3A;--text:#0F172A;--muted:#64748B;--line:#E5EDF8;--soft:#F6FAFF;--white:#fff;--green:#00A86B;--red:#F04438;--orange:#F79009;--shadow:0 22px 70px rgba(10,84,214,.12);--shadow-sm:0 10px 30px rgba(15,23,42,.07);--radius:24px;--radius-sm:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,#fff 0%,#F9FCFF 42%,#fff 100%);line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.section{padding:76px 0}.section.compact{padding:54px 0}.section-soft{background:linear-gradient(180deg,#F7FBFF,#fff)}.centered{text-align:center;margin-inline:auto}.section-heading{max-width:780px;margin-bottom:34px}.section-heading h1,.section-heading h2{margin:0 0 12px;font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.04em}.section-heading p{margin:0;color:var(--muted);font-size:1.06rem}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,237,248,.9)}.nav-wrapper{height:78px;display:flex;align-items:center;gap:24px}.brand-logo{height:44px}.main-nav{display:flex;align-items:center;gap:21px;margin-left:auto}.main-nav a{font-size:.93rem;font-weight:700;color:#14233D}.main-nav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:12px;font-weight:800;font-size:.9rem;border:1px solid transparent;transition:.22s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 20px rgba(0,107,255,.22)}.btn-primary:hover{background:var(--blue-2)}.btn-secondary,.btn-ghost{background:#fff;color:var(--blue);border-color:#BFD7FF}.btn-link{color:var(--blue);padding-inline:8px}.btn-lg{min-height:50px;padding:0 24px;border-radius:15px}.btn-light{background:#fff;color:var(--blue)}.btn-outline-light{color:#fff;border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.08)}.inline-link{font-weight:800;color:var(--blue)}.nav-toggle{display:none;background:none;border:0;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--navy);border-radius:10px}
.hero{position:relative;overflow:hidden;padding-top:74px;background:radial-gradient(circle at 70% 5%,rgba(0,194,255,.16),transparent 32%),linear-gradient(180deg,#F6FAFF 0%,#fff 100%)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--blue);font-weight:900;font-size:.82rem;margin-bottom:22px}.dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(0,168,107,.12)}.hero h1,.inner-hero h1{margin:0;font-size:clamp(2.75rem,5vw,5.2rem);line-height:.98;letter-spacing:-.065em;color:var(--navy)}.hero-lead{font-size:1.15rem;color:#263A57;margin:24px 0 10px;max-width:700px;font-weight:600}.hero-sub{font-size:1rem;color:var(--muted);margin:0 0 28px;max-width:680px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.trust-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.trust-chips span{background:#fff;border:1px solid var(--line);border-radius:16px;padding:11px 14px;font-size:.86rem;font-weight:800;color:#22324C;box-shadow:var(--shadow-sm)}
.dashboard-card{filter:drop-shadow(0 40px 90px rgba(6,27,58,.18))}.dashboard-shell{background:#fff;border:1px solid var(--line);border-radius:28px;padding:14px;display:grid;grid-template-columns:160px 1fr;min-height:560px;box-shadow:var(--shadow)}.dashboard-sidebar{background:linear-gradient(180deg,#061B3A,#0A2C62);border-radius:20px;padding:18px 12px;color:#fff;display:flex;flex-direction:column;gap:8px}.mini-logo{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;font-weight:900;margin-bottom:10px}.dashboard-sidebar a{padding:10px 12px;border-radius:12px;font-size:.82rem;color:rgba(255,255,255,.75);font-weight:700}.dashboard-sidebar a.active{background:var(--blue);color:#fff}.dashboard-main{padding:6px 6px 6px 18px}.dash-topbar{height:48px;display:flex;align-items:center;justify-content:space-between;font-weight:900}.dash-search{width:220px;background:#F8FAFC;border:1px solid var(--line);border-radius:12px;color:#94A3B8;padding:9px 12px;font-size:.82rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 8px 18px rgba(15,23,42,.04)}.kpi-card small{display:block;color:var(--muted);font-weight:700;margin-bottom:7px}.kpi-card strong{font-size:1.15rem;color:var(--navy);display:block}.kpi-card span{font-size:.8rem;font-weight:800;color:var(--muted)}.kpi-card .up{color:var(--green)}.kpi-card.danger strong,.kpi-card.danger span{color:var(--red)}.dash-panels{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin-top:12px}.panel{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;min-height:128px}.panel-title{font-size:.86rem;font-weight:900;margin-bottom:10px;color:var(--navy)}.fake-line-chart{height:112px;display:flex;align-items:end;gap:12px;padding-top:15px;border-bottom:1px solid var(--line)}.fake-line-chart span{flex:1;background:linear-gradient(180deg,var(--blue),#BBD8FF);border-radius:9px 9px 0 0}.algeria-map{height:104px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;align-items:end}.algeria-map div{border-radius:10px;background:#D9E9FF}.algeria-map div:nth-child(3){height:95%;background:var(--blue)}.algeria-map div:nth-child(2){height:65%;background:#A8CBFF}.algeria-map div:nth-child(4){height:78%;background:#559EFF}.notification-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:.84rem}.notification-list span{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.red{background:var(--red)}.orange{background:var(--orange)}.green{background:var(--green)}.stock-list{display:grid;gap:10px;font-size:.85rem}.stock-list span{display:flex;justify-content:space-between}.stock-list b{color:var(--red)}
.feature-row,.benefit-grid,.apps-grid,.solutions-grid,.kpi-strip,.content-grid,.directory-grid,.pricing-grid{display:grid;gap:18px}.feature-row{grid-template-columns:repeat(4,1fr)}.feature-card,.app-card,.benefit-grid article,.cloud-features article,.solutions-grid a,.kpi-strip article,.content-card,.directory-card,.pricing-card,.glass-panel,.text-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:24px;box-shadow:var(--shadow-sm);transition:.22s}.feature-card:hover,.app-card:hover,.solutions-grid a:hover,.directory-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.icon,.app-card span,.benefit-grid span,.cloud-features span,.card-icon{font-size:2rem}.feature-card h3,.app-card h3,.benefit-grid h3,.cloud-features h3,.content-card h3,.directory-card h3{margin:10px 0 8px;color:var(--navy);font-size:1rem}.feature-card p,.app-card p,.benefit-grid p,.cloud-features p,.solutions-grid em,.content-card p,.directory-card p{margin:0;color:var(--muted);font-size:.92rem}.apps-grid{grid-template-columns:repeat(4,1fr)}.why-section{background:linear-gradient(180deg,#fff,#F7FBFF)}.benefit-grid{grid-template-columns:repeat(4,1fr)}.benefit-grid article{text-align:center}.content-grid{grid-template-columns:repeat(3,1fr)}.content-grid.two{grid-template-columns:repeat(2,1fr)}.content-grid.three{grid-template-columns:repeat(3,1fr)}.directory-grid{grid-template-columns:repeat(3,1fr)}.directory-card span{color:var(--blue);font-weight:900}.solutions-grid{grid-template-columns:repeat(3,1fr)}.solutions-grid a{display:grid;gap:8px}.solutions-grid strong{color:var(--navy)}.solutions-grid span{font-size:1.8rem}
.cloud-grid,.split-layout,.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.cloud-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cloud-visual,.inner-visual{position:relative;min-height:360px;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#EAF5FF,#fff 45%,#D8ECFF);border:1px solid var(--line);box-shadow:var(--shadow)}.server{position:absolute;bottom:55px;width:92px;border-radius:18px;background:linear-gradient(180deg,#063A84,#061B3A);box-shadow:0 16px 35px rgba(0,107,255,.3)}.server:before{content:"";position:absolute;inset:16px;border-top:4px solid #4BA3FF;border-bottom:4px solid #4BA3FF}.s1{height:170px;left:36%}.s2{height:220px;left:49%}.s3{height:185px;left:62%}.cloud-shape{position:absolute;top:64px;left:42%;font-size:5rem}.flag{position:absolute;right:34px;top:42px;font-size:2.2rem}
.inner-hero{padding:82px 0;background:radial-gradient(circle at 80% 10%,rgba(0,194,255,.14),transparent 34%),linear-gradient(180deg,#F7FBFF,#fff)}.inner-hero.simple h1{max-width:900px}.inner-hero-grid{display:grid;grid-template-columns:1fr .85fr;gap:42px;align-items:center}.visual-icon{position:absolute;top:38px;left:42px;font-size:5rem}.visual-panel{position:absolute;right:34px;bottom:34px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;width:70%;box-shadow:var(--shadow-sm)}.mini-kpi{display:flex;justify-content:space-between;margin-bottom:14px}.mini-kpi span{color:var(--muted)}.mini-kpi strong{color:var(--navy)}.mini-bars{height:90px;display:flex;gap:10px;align-items:end}.mini-bars i{flex:1;border-radius:10px;background:linear-gradient(180deg,var(--blue),#BBD8FF)}.mini-bars i:nth-child(1){height:40%}.mini-bars i:nth-child(2){height:65%}.mini-bars i:nth-child(3){height:55%}.mini-bars i:nth-child(4){height:85%}.mini-bars i:nth-child(5){height:72%}
.check-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.check-list li{position:relative;padding-left:30px;color:#334155}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#EAF5FF;color:var(--blue);font-weight:900;font-size:.75rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud span{border:1px solid var(--line);background:#F8FBFF;padding:9px 12px;border-radius:999px;font-weight:800;color:var(--blue)}.integration-band{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,#F7FBFF,#fff);border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow-sm)}
.comparison-table{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.comparison-table .row{display:grid;grid-template-columns:180px 1fr 1fr}.comparison-table .row>div{padding:16px 18px;border-bottom:1px solid var(--line);font-size:.94rem}.comparison-table .head{font-weight:900;background:#F3F8FF;color:var(--navy)}.comparison-table .head div:last-child{background:var(--blue);color:#fff}.comparison-table .row div:first-child{font-weight:850;color:var(--navy)}.comparison-table .row div:nth-child(2){color:#6B7280}.comparison-table .row div:nth-child(3){color:#0B5E3C;font-weight:700}
.kpi-strip{grid-template-columns:repeat(6,1fr)}.kpi-strip article{padding:18px}.kpi-strip span{font-size:1.6rem}.kpi-strip small{display:block;color:var(--muted);font-weight:800}.kpi-strip strong{display:block;color:var(--navy);font-size:1.18rem;margin:6px 0}.kpi-strip em{font-style:normal;color:var(--green);font-weight:800;font-size:.82rem}.pricing-grid{grid-template-columns:repeat(3,1fr)}.pricing-card strong{display:block;font-size:2rem;color:var(--blue);margin:18px 0}.pricing-card ul{padding-left:18px;color:var(--muted);min-height:110px}.lead-form{display:grid;gap:14px}.lead-form label{display:grid;gap:7px;font-weight:800;color:var(--navy)}.lead-form input,.lead-form select,.lead-form textarea{border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit}.lead-form textarea{min-height:120px}
.cta-section{padding-top:30px}.cta-section.mini{padding:50px 0}.cta-card{display:grid;grid-template-columns:260px 1fr 270px;gap:28px;align-items:center;background:linear-gradient(135deg,#0058E6,#06245A);color:#fff;border-radius:30px;padding:34px;box-shadow:0 28px 70px rgba(0,88,230,.28);overflow:hidden;position:relative}.cta-section.mini .cta-card{display:block}.device-preview{position:relative;height:160px}.laptop{position:absolute;width:220px;height:132px;left:0;top:18px;border-radius:14px;background:linear-gradient(145deg,#fff,#CFE3FF);box-shadow:0 18px 34px rgba(0,0,0,.24)}.laptop:before{content:"";position:absolute;inset:14px;border-radius:9px;background:linear-gradient(135deg,#061B3A,#006BFF)}.phone{position:absolute;right:0;bottom:0;width:62px;height:118px;border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.22)}.phone:before{content:"";position:absolute;inset:8px;border-radius:11px;background:linear-gradient(180deg,#006BFF,#D8ECFF)}.cta-content h2{font-size:2rem;line-height:1.12;margin:0 0 12px;letter-spacing:-.03em}.cta-content p{margin:0 0 20px;color:rgba(255,255,255,.82)}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta-checks{list-style:none;margin:0;padding:0;display:grid;gap:14px;color:rgba(255,255,255,.9);font-weight:800}.cta-checks li:before{content:"✓";margin-right:10px}
.site-footer{background:linear-gradient(180deg,#061B3A,#020B1A);color:#fff;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:34px}.footer-logo{height:42px;margin-bottom:16px}.site-footer p,.site-footer small{color:rgba(255,255,255,.72)}.site-footer h4{margin:0 0 14px}.site-footer a{display:block;color:rgba(255,255,255,.72);font-size:.92rem;margin-bottom:9px}.site-footer a:hover{color:#fff}.socials{display:flex;gap:8px;margin-top:14px}.socials a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);margin:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.66);font-size:.88rem}.footer-bottom a{display:inline;color:rgba(255,255,255,.66)}
@media(max-width:1080px){.hero-grid,.cloud-grid,.split-layout,.form-layout,.inner-hero-grid{grid-template-columns:1fr}.apps-grid,.benefit-grid,.content-grid,.content-grid.three,.directory-grid{grid-template-columns:repeat(2,1fr)}.kpi-strip{grid-template-columns:repeat(3,1fr)}.cta-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.nav-toggle{display:flex;margin-left:auto}.main-nav,.nav-actions{position:fixed;left:20px;right:20px;top:78px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:none;box-shadow:var(--shadow)}.main-nav{flex-direction:column;align-items:flex-start}.nav-actions{top:392px;flex-direction:column;align-items:stretch}body.nav-open .main-nav,body.nav-open .nav-actions{display:flex}.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{display:none}.kpi-grid,.dash-panels,.feature-row,.apps-grid,.benefit-grid,.cloud-features,.solutions-grid,.kpi-strip,.content-grid,.content-grid.two,.content-grid.three,.directory-grid,.pricing-grid{grid-template-columns:1fr}.comparison-table{overflow-x:auto}.comparison-table .row{min-width:760px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.hero h1,.inner-hero h1{font-size:3rem}.inner-visual{min-height:260px}.visual-panel{width:84%;left:8%;right:auto}.cta-checks{margin-top:20px}}

/* ===== V3 FIXES: real logo integration + layout stability ===== */
html, body { max-width: 100%; overflow-x: hidden; }
img, svg, video, canvas { max-width: 100%; height: auto; }
.container, .nav-wrapper, .hero-grid, .inner-hero-grid, .split-layout, .cloud-grid, .form-layout,
.apps-grid, .benefit-grid, .content-grid, .directory-grid, .pricing-grid, .solutions-grid,
.kpi-grid, .dash-panels, .footer-grid { min-width: 0; }

.brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  max-width: 230px;
  overflow: hidden;
}

.brand-logo {
  width: auto;
  height: auto;
  max-width: 220px;
  max-height: 54px;
  object-fit: contain;
}

.footer-logo {
  width: auto;
  height: auto;
  max-width: 230px;
  max-height: 58px;
  object-fit: contain;
}

.nav-wrapper {
  min-height: 78px;
}

.main-nav {
  min-width: 0;
  justify-content: center;
}

.main-nav a, .nav-actions a {
  white-space: nowrap;
}

.nav-actions {
  flex-shrink: 0;
}

/* Avoid vertical shifting between cards */
.app-card,
.feature-card,
.benefit-grid article,
.content-card,
.directory-card,
.pricing-card,
.solutions-grid a {
  height: 100%;
}

/* Better page rhythm after deployment on different browsers */
.hero, .inner-hero {
  isolation: isolate;
}

.inner-hero.simple .container > h1,
.inner-hero h1 {
  max-width: 980px;
}

.inner-hero-grid > *,
.hero-grid > *,
.split-layout > *,
.cloud-grid > *,
.form-layout > * {
  min-width: 0;
}

/* Improve directory and inner pages spacing */
.directory-card,
.content-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.directory-card span {
  margin-top: auto;
}

/* Visual dashboard should not force overflow */
.dashboard-card,
.dashboard-shell,
.dashboard-main {
  min-width: 0;
}

.dashboard-shell {
  width: 100%;
}

.kpi-card strong {
  word-break: normal;
}

/* Tables remain usable on mobile without breaking the full layout */
.comparison-table {
  width: 100%;
}

/* Safer text rendering in cards */
.app-card h3,
.content-card h3,
.directory-card h3,
.benefit-grid h3,
.solutions-grid strong {
  overflow-wrap: anywhere;
}

/* Mobile navigation fix */
@media (max-width: 1180px) {
  .nav-wrapper {
    gap: 14px;
  }

  .brand {
    max-width: 200px;
  }

  .brand-logo {
    max-width: 190px;
    max-height: 50px;
  }

  .main-nav {
    gap: 14px;
  }

  .main-nav a,
  .nav-actions a {
    font-size: .86rem;
  }

  .nav-actions .btn {
    padding-inline: 12px;
  }
}

@media (max-width: 920px) {
  .brand {
    max-width: 190px;
  }

  .brand-logo {
    max-width: 180px;
  }

  .nav-wrapper {
    height: 72px;
  }

  .main-nav,
  .nav-actions {
    top: 72px;
  }

  .nav-actions {
    top: 382px;
  }
}

@media (max-width: 820px) {
  .container {
    width: min(100% - 28px, 1180px);
  }

  .brand {
    max-width: 170px;
  }

  .brand-logo {
    max-width: 165px;
    max-height: 46px;
  }

  .site-header {
    overflow: visible;
  }

  .main-nav,
  .nav-actions {
    z-index: 100;
  }

  .inner-hero,
  .hero {
    padding-top: 54px;
  }

  .hero h1,
  .inner-hero h1 {
    font-size: clamp(2.35rem, 12vw, 3.1rem);
  }

  .dashboard-shell {
    padding: 10px;
  }

  .dashboard-main {
    padding: 0;
  }

  .dash-topbar {
    flex-direction: column;
    height: auto;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
  }

  .dash-search {
    width: 100%;
  }

  .visual-panel {
    width: calc(100% - 32px);
    left: 16px;
  }

  .cta-card {
    padding: 24px;
  }
}

@media (max-width: 480px) {
  .brand {
    max-width: 150px;
  }

  .brand-logo {
    max-width: 145px;
    max-height: 42px;
  }

  .trust-chips span {
    width: 100%;
  }

  .btn-lg {
    width: 100%;
  }

  .hero-actions {
    align-items: stretch;
  }

  .hero-actions .inline-link {
    justify-content: center;
    width: 100%;
  }
}