@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{
  --navy-950:#031f36;
  --navy-900:#052d4d;
  --navy-800:#073f61;
  --teal-700:#0b7d79;
  --teal-500:#19b8a5;
  --gold-500:#d2a53d;
  --surface:#ffffff;
  --surface-soft:#f4f8fa;
  --border:#dce7ed;
  --text:#12344f;
  --text-soft:#6c8192;
  --shadow:0 20px 60px rgba(3,31,54,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-width:320px;
  color:var(--text);
  background:
    radial-gradient(circle at 90% -10%,rgba(25,184,165,.12),transparent 32rem),
    radial-gradient(circle at 4% 9%,rgba(7,63,97,.09),transparent 29rem),
    #f7fafc;
  font-family:'Cairo','Tahoma',sans-serif;
  line-height:1.7;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.public-shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.skip-link{position:fixed;top:-80px;right:20px;z-index:9999;padding:10px 14px;border-radius:10px;background:#fff;color:var(--navy-900);font-weight:700}.skip-link:focus{top:16px}

.public-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(3,31,54,.94);color:#fff;backdrop-filter:blur(18px);box-shadow:0 10px 28px rgba(3,31,54,.16)}
.public-header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;min-height:78px;direction:ltr}
.public-brand{display:flex;align-items:center;justify-self:start}
.public-brand img{display:block;width:82px;height:62px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.24))}
.public-nav{display:flex;justify-content:center;gap:26px;direction:rtl}
.public-nav a{position:relative;color:rgba(255,255,255,.72);font-size:13px;font-weight:700}.public-nav a:hover{color:#fff}.public-nav a:after{content:"";position:absolute;right:0;bottom:-8px;width:0;height:2px;border-radius:4px;background:var(--teal-500);transition:width .2s}.public-nav a:hover:after{width:100%}
.admin-entry{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.08);font-size:12px;font-weight:800;direction:rtl;transition:.2s}.admin-entry:hover{background:#fff;color:var(--navy-900);transform:translateY(-1px)}

.hero{position:relative;overflow:hidden;padding:78px 0 70px;background:linear-gradient(135deg,var(--navy-950),var(--navy-800) 58%,#08737a);color:#fff}
.hero:before{content:"";position:absolute;width:620px;height:620px;left:-260px;bottom:-410px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:54px;align-items:center}
.hero-copy{max-width:670px}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;direction:ltr}
.eyebrow{border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.08);color:#c5f8eb}
.hero h1{margin:18px 0 13px;font-size:clamp(42px,5vw,70px);line-height:1.15;letter-spacing:-.035em}
.hero-copy>p{max-width:650px;margin:0;color:rgba(255,255,255,.73);font-size:16px;line-height:2}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.primary-action,.secondary-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 19px;border-radius:13px;font-size:12px;font-weight:900;transition:.2s}
.primary-action{background:#fff;color:var(--navy-900);box-shadow:0 14px 30px rgba(0,0,0,.16)}
.secondary-action{border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.07);color:#fff}
.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;color:rgba(255,255,255,.68);font-size:10px;font-weight:700}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row i{display:block;width:7px;height:7px;border-radius:50%;background:#51ddb3;box-shadow:0 0 0 5px rgba(81,221,179,.11)}

.hero-visual{min-width:0}
.preview-window{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));box-shadow:0 32px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.preview-window:after{content:"";position:absolute;width:190px;height:190px;left:-70px;bottom:-110px;border-radius:50%;background:rgba(25,184,165,.15)}
.preview-topline,.preview-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px}
.preview-product{font-size:12px;font-weight:900;direction:ltr}.preview-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgba(81,221,179,.12);color:#c9f9eb;font-size:8px;font-weight:900;direction:ltr}.preview-status i{width:6px;height:6px;border-radius:50%;background:#51ddb3}
.preview-heading{margin-top:23px}.preview-heading small,.preview-heading strong{display:block}.preview-heading small{color:rgba(255,255,255,.55);font-size:9px}.preview-heading strong{margin-top:4px;font-size:21px}.preview-period{padding:6px 9px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.07);font-size:8px}
.preview-kpis{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px}.preview-kpis article{min-width:0;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.07)}.preview-kpis small,.preview-kpis strong,.preview-kpis span{display:block}.preview-kpis small{color:rgba(255,255,255,.56);font-size:8px}.preview-kpis strong{margin-top:5px;font-size:22px;direction:ltr;text-align:right}.preview-kpis span{margin-top:2px;color:rgba(255,255,255,.48);font-size:7px}
.preview-chart{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:9px;height:150px;align-items:end;margin-top:16px;padding:15px 14px 10px;border-radius:15px;background:repeating-linear-gradient(to top,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 37px)}.preview-chart div{height:var(--bar);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#51ddb3,#0c8d84);box-shadow:0 8px 18px rgba(12,141,132,.16)}
.demo-note{position:relative;z-index:1;margin:12px 0 0;color:rgba(255,255,255,.48);font-size:8px;text-align:center}

.public-section{padding:74px 0}.public-section-soft{background:linear-gradient(180deg,#eef5f7,#f8fbfc)}
.section-intro{max-width:780px;text-align:center}.section-kicker{border:1px solid #d5e5e8;background:#ecf8f5;color:#0a756d}.section-intro h2,.demo-copy h2{margin:13px 0 8px;font-size:clamp(28px,4vw,45px);line-height:1.3}.section-intro p,.demo-copy p{margin:0;color:var(--text-soft);font-size:14px;line-height:2}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-card{position:relative;overflow:hidden;min-height:235px;padding:24px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(3,31,54,.055)}.feature-card:after{content:"";position:absolute;width:115px;height:115px;left:-45px;bottom:-60px;border-radius:50%;background:#edf8f6}.feature-index{position:relative;z-index:1;display:grid;width:39px;height:39px;place-items:center;border-radius:12px;background:#eaf5f8;color:#0b6683;font-size:10px;font-weight:900;direction:ltr}.feature-card h3,.feature-card p{position:relative;z-index:1}.feature-card h3{margin:19px 0 8px;font-size:18px}.feature-card p{margin:0;color:var(--text-soft);font-size:12px;line-height:1.9}
.demo-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:34px;align-items:center;padding:35px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.demo-metrics div{min-width:0;padding:18px 12px;border:1px solid #e1e9ee;border-radius:15px;background:#f8fbfc;text-align:center}.demo-metrics strong,.demo-metrics span{display:block}.demo-metrics strong{color:var(--navy-800);font-size:25px;direction:ltr}.demo-metrics span{margin-top:4px;color:var(--text-soft);font-size:8px}
.public-footer{border-top:1px solid rgba(255,255,255,.08);background:var(--navy-950);color:#fff}.public-footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;min-height:88px;direction:ltr}.public-footer-inner span{font-weight:900}.public-footer-inner small{justify-self:center;color:rgba(255,255,255,.48);font-size:9px}.public-footer-inner a{padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:rgba(255,255,255,.75);font-size:9px;direction:rtl}

@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:none}.hero-visual{max-width:680px}.feature-grid{grid-template-columns:1fr 1fr}.demo-panel{grid-template-columns:1fr}}
@media(max-width:720px){.public-shell{width:min(100% - 22px,1180px)}.public-header-inner{grid-template-columns:auto 1fr auto;gap:10px;min-height:68px}.public-brand img{width:66px;height:52px}.public-nav{display:none}.admin-entry{font-size:10px;padding:7px 11px}.hero{padding:54px 0 45px}.hero-grid{gap:35px}.hero h1{font-size:42px}.hero-copy>p{font-size:13px}.hero-actions{display:grid;grid-template-columns:1fr}.primary-action,.secondary-action{width:100%}.preview-window{padding:14px;border-radius:19px}.preview-kpis{grid-template-columns:1fr 1fr}.preview-kpis article:last-child{grid-column:1/-1}.preview-chart{height:125px;gap:6px}.public-section{padding:52px 0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:190px}.demo-panel{padding:22px;border-radius:19px}.demo-metrics{grid-template-columns:1fr 1fr}.demo-metrics div:last-child{grid-column:1/-1}.public-footer-inner{grid-template-columns:1fr;text-align:center;padding:20px 0;direction:rtl}.public-footer-inner small{justify-self:center}}
@media(max-width:420px){.hero h1{font-size:35px}.trust-row{display:grid;gap:11px}.preview-kpis{grid-template-columns:1fr}.preview-kpis article:last-child{grid-column:auto}.demo-metrics{grid-template-columns:1fr}.demo-metrics div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}